/* A day in colour: dawn, movement, midday, afternoon, golden hour and night. */
.day-header,.day-dawn,.day-morning,.day-afternoon,.evening-top {
  --ink:#56254c;
  --line:rgba(86,37,76,.25);
  color:var(--ink);
}
.day-header {background:#f8d075}
.day-dawn {background:linear-gradient(160deg,#f8d075 0%,#f3bd8f 55%,#f4b8c1 100%)}
.day-dawn .hero h1 span {color:#a82050}
.day-dawn .paper-note {background:#fff0cd;transform:rotate(7deg)}
.day-dawn .button-fig {color:#fff4dd}
.day-dawn .hero-bottom {gap:20px}
.day-dawn .breath-footnote {font-size:13px}
.day-morning {background:linear-gradient(155deg,#f4b8c1 0%,#f7c4b3 100%)}
.day-morning .pink-text {color:#972448}
.day-morning .practice-scribble {opacity:.48}
.day-morning .practice-note {max-width:495px}
.day-morning .small-label {font-size:14px}

.growth-section {
  background:linear-gradient(112deg,#185495 0%,#1d5fae 52%,#2b73a1 100%);
  color:#fff4df;
}
.growth-stage {color:#ffe0a0}
.growth-margin-note {opacity:1}
.growth-copy .eyebrow {font-size:13px;max-width:390px;line-height:1.8}
.growth-copy .section-number {margin-right:10px}

.daylight-gallery {
  --ink:#0a2342;
  --line:rgba(10,35,66,.24);
  background:#58b4d8;
  color:var(--ink);
  overflow:hidden;
}
.daylight-inner {padding-top:80px;padding-bottom:65px}
.daylight-heading {display:flex;align-items:center;justify-content:space-between;gap:55px}
.daylight-heading h2 {font-size:clamp(46px,5.2vw,78px);line-height:1.08;letter-spacing:-.045em;margin:23px 0 15px}
.daylight-heading .quote-credit {font-size:14px}
.daylight-heading .paradise-handwriting {width:29%;max-width:350px;flex:none;transform:rotate(8deg);margin-right:10px}
.daylight-photos {display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:36px;align-items:center;padding-top:60px;padding-bottom:35px}
.day-photo {background:#fff4de;color:#56254c;padding:12px 12px 20px;position:relative}
.day-photo img {width:100%;object-fit:cover;aspect-ratio:3/4}
.day-photo figcaption {font-size:14px;line-height:1.5;padding:15px 8px 0;font-weight:600}
.sun-photo {transform:rotate(-5deg);margin-top:55px}
.sea-photo {transform:rotate(3deg);z-index:1}
.sea-photo img {aspect-ratio:.76;object-position:50% 45%}
.hammock-photo {transform:rotate(-4deg);margin-top:95px}
.hammock-photo img {aspect-ratio:.82}
.gallery-postscript {font-size:14px;text-align:right;margin-top:24px}

.day-afternoon {background:linear-gradient(145deg,#f6d18c 0%,#f2bb75 100%)}
.day-afternoon .about {padding-top:125px;padding-bottom:110px}
.day-afternoon .vera-copy h2 span,.day-afternoon .vera-signoff span:first-child {color:#a82050}
.day-afternoon .portrait-paper {background:#eb763d}
.day-afternoon .portrait-paper figcaption {color:#3a1734}
.day-afternoon .south-paper {background:#fff4de;color:#56254c;border:none}
.day-afternoon .south-paper img {object-position:50% 28%;aspect-ratio:.88}
.day-afternoon .vera-drawing {right:-54px}
.day-afternoon .collage-label {max-width:53%;line-height:1.55}
.day-afternoon .vera-copy .eyebrow {font-size:13px;line-height:1.8}

.evening-top {--ink:#4b2144;background:linear-gradient(130deg,#f1ac69 0%,#ee9b7c 50%,#e77d85 100%);overflow:hidden}
.evening-grid {display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-top:95px;padding-bottom:120px}
.evening-copy {position:relative;z-index:2}
.evening-copy h2 {font-size:clamp(43px,4.9vw,73px);line-height:1.07;letter-spacing:-.05em;margin:30px 0 25px}
.evening-copy h2 span {color:#7a1d47}
.evening-copy>p:not(.eyebrow) {max-width:390px;font-size:18px;line-height:1.65}
.ritual-photo {width:59%;max-width:290px;margin-top:42px;padding:10px 10px 13px;background:#fff1d4;transform:rotate(-5deg);color:#56254c}
.ritual-photo img {width:100%;aspect-ratio:1.45;object-fit:cover}
.ritual-photo figcaption {font-size:12px;line-height:1.5;padding:11px 4px 0}
.sunset-collage {position:relative;width:100%;padding:10px 20px 90px 40px}
.sunset-main {background:#fff0d4;padding:12px 12px 15px;transform:rotate(4deg);width:90%;color:#56254c}
.sunset-main img {width:100%;aspect-ratio:.75;object-fit:cover}
.sunset-main figcaption,.hay-photo figcaption {font-size:13px;line-height:1.5;margin-top:13px;padding-inline:3px}
.hay-photo {position:absolute;width:48%;bottom:-15px;left:-5px;padding:9px 9px 14px;background:#e9a83b;color:#56254c;transform:rotate(-8deg)}
.hay-photo img {width:100%;aspect-ratio:.95;object-fit:cover;object-position:center 65%}
.twilight-reading {--ink:#fff0d7;--line:rgba(255,240,215,.3);color:var(--ink);background:linear-gradient(125deg,#8b385b,#6b2b5e 72%)}
.twilight-reading .little-things {padding-top:60px;padding-bottom:60px;grid-template-columns:155px 1fr 190px}
.twilight-reading .little-things>div>p span {color:#f5ca80}
.twilight-reading .end-of-day-note {font-size:16px;line-height:1.6;padding-left:25px;border-left:1px solid #ffffff40}

.contact {background:linear-gradient(145deg,#3e2c66 0%,#182b52 57%,#0a2342 100%);color:#fff0d7}
.contact h2 span {color:#e9a83b}
.contact .contact-lines {opacity:.28}
.contact .back-top {border-bottom-color:#fff0d770}
.contact .back-top:hover {color:#e9a83b}
.day-footer {--ink:#fff0d7;--line:rgba(255,240,215,.25);background:#0a2342;color:var(--ink)}
.day-footer .legal div {color:#56254c;background:#f4f5f2}

/* The existing evening-light switch keeps the chapter colours, at a quieter intensity. */
:root[data-theme=night] .day-header,
:root[data-theme=night] .day-dawn,
:root[data-theme=night] .day-morning,
:root[data-theme=night] .day-afternoon,
:root[data-theme=night] .evening-top {
  --ink:#fff0d7;
  --line:rgba(255,240,215,.27);
}
:root[data-theme=night] .day-header {background:#352035}
:root[data-theme=night] .day-dawn {background:linear-gradient(145deg,#352035,#583044 60%,#60344b)}
:root[data-theme=night] .day-dawn .hero h1 span {color:#ffb6aa}
:root[data-theme=night] .day-dawn .button-fig {color:#56254c}
:root[data-theme=night] .day-morning {background:linear-gradient(150deg,#60344b,#3c2d46)}
:root[data-theme=night] .day-morning .pink-text {color:#ffb6c4}
:root[data-theme=night] .growth-section {background:linear-gradient(112deg,#0a2342,#163e6b 57%,#225d80)}
:root[data-theme=night] .daylight-gallery {--ink:#f5eedf;--line:#f5eedf40;background:#174866}
:root[data-theme=night] .day-afternoon {background:linear-gradient(135deg,#503348,#694044)}
:root[data-theme=night] .day-afternoon .vera-copy h2 span,
:root[data-theme=night] .day-afternoon .vera-signoff span:first-child {color:#ffbaa6}
:root[data-theme=night] .evening-top {background:linear-gradient(135deg,#693e47,#6b2b5e)}
:root[data-theme=night] .evening-copy h2 span {color:#f9c483}
:root[data-theme=night] .twilight-reading {background:linear-gradient(125deg,#532a44,#35243e)}

@media(min-width:1640px) {
  .daylight-photos {gap:50px}
}
@media(max-width:1050px) {
  .daylight-inner {padding-top:65px}
  .daylight-heading {gap:35px}
  .daylight-heading h2 {font-size:54px}
  .daylight-photos {gap:20px;padding-top:48px}
  .day-photo {padding:9px 9px 14px}
  .day-photo figcaption {font-size:13px;padding:11px 3px 0}
  .day-afternoon .vera-copy .eyebrow {font-size:12px}
  .evening-grid {gap:35px;padding-top:75px;padding-bottom:95px}
  .evening-copy h2 {font-size:47px}
  .evening-copy>p:not(.eyebrow) {font-size:17px}
  .sunset-collage {padding-left:20px;padding-right:0}
  .sunset-main {width:95%}
  .hay-photo {left:-10px;width:56%}
  .twilight-reading .little-things {grid-template-columns:130px 1fr 145px;gap:25px}
}
@media(max-width:760px) {
  .day-dawn .hero-bottom {flex-wrap:wrap;gap:6px 20px;line-height:1.5}
  .day-dawn .hero {padding-bottom:98px}
  .day-dawn .breath-footnote {font-size:12px}
  .day-morning .practice-heading .eyebrow {font-size:12px;letter-spacing:.06em;line-height:1.8}
  .day-morning .section-number {margin-right:7px}
  .growth-copy .eyebrow {font-size:12px;letter-spacing:.045em;line-height:1.7}
  .growth-copy .section-number {margin-right:7px}
  .growth-margin-note {font-size:12px;bottom:16px;padding-inline:15px}
  .daylight-inner {padding-top:55px;padding-bottom:45px}
  .daylight-heading {display:block}
  .daylight-heading h2 {font-size:clamp(38px,10vw,58px);margin-top:20px;line-height:1.12}
  .daylight-heading .quote-credit {font-size:13px}
  .daylight-heading .paradise-handwriting {width:70%;max-width:260px;margin:25px 0 20px auto;transform:rotate(5deg)}
  .daylight-photos {grid-template-columns:1fr 1fr;gap:21px 10px;padding-top:13px;padding-bottom:10px;align-items:start}
  .day-photo {padding:7px 7px 13px}
  .day-photo figcaption {font-size:12px;line-height:1.45;padding:9px 2px 0}
  .sun-photo {margin-top:30px;transform:rotate(-5deg)}
  .sun-photo img {aspect-ratio:.68}
  .sea-photo {transform:rotate(4deg)}
  .sea-photo img {aspect-ratio:.62;object-position:50% 50%}
  .hammock-photo {grid-column:1/-1;justify-self:center;width:77%;max-width:330px;transform:rotate(-3deg);margin-top:8px}
  .hammock-photo img {aspect-ratio:1.14;object-position:50% 42%}
  .hammock-photo figcaption {padding-top:10px;font-size:13px}
  .gallery-postscript {font-size:13px;margin-top:29px;max-width:265px;margin-left:auto;line-height:1.6}
  .day-afternoon .about {padding-top:78px;padding-bottom:65px;gap:85px}
  .day-afternoon .vera-drawing {right:-18px}
  .day-afternoon .south-paper {width:45%;right:-5px;bottom:-30px}
  .day-afternoon .collage-label {font-size:12px;max-width:52%;bottom:-3px}
  .day-afternoon .vera-copy .eyebrow {font-size:12px;letter-spacing:.045em;line-height:1.8}
  .evening-grid {grid-template-columns:1fr;gap:46px;padding-top:60px;padding-bottom:90px}
  .evening-copy h2 {font-size:clamp(39px,10.6vw,59px);margin-top:25px;line-height:1.1}
  .evening-copy>p:not(.eyebrow) {font-size:17px;max-width:360px}
  .ritual-photo {width:65%;max-width:270px;margin-top:32px;margin-left:5px}
  .sunset-collage {width:88%;max-width:470px;justify-self:center;padding:15px 0 60px 25px}
  .sunset-main {width:100%;padding:9px 9px 14px}
  .sunset-main img {aspect-ratio:.77}
  .sunset-main figcaption {font-size:12px}
  .hay-photo {width:55%;left:-20px;bottom:-20px}
  .hay-photo figcaption {font-size:12px}
  .twilight-reading .little-things {grid-template-columns:100px 1fr;gap:23px;padding-block:45px}
  .twilight-reading .end-of-day-note {grid-column:1/-1;justify-self:end;font-size:14px;padding-left:16px;margin-top:8px}
  .contact .eyebrow {font-size:12px}
}
@media(max-width:390px) {
  .day-dawn .hero>.hero-copy>.eyebrow {font-size:12px;letter-spacing:.03em}
  .daylight-heading h2 {font-size:35px}
  .day-afternoon .collage-label {font-size:12px}
  .evening-copy h2 {font-size:36px}
  .evening-copy .eyebrow {font-size:12px;letter-spacing:.04em}
}
@media(max-height:650px) and (max-width:760px) {
  .growth-copy .eyebrow {font-size:12px;letter-spacing:0;line-height:1.5}
  .growth-margin-note {font-size:12px}
}
@media(prefers-reduced-motion:reduce) {
  .growth-margin-note {display:none}
}