body[data-story="pomodoro"]{--ex-ink:#efdfc4;--ex-paper:#11120f;--ex-accent:#dcb17a;--sand-manual:.35}
body[data-story="pomodoro"] .journey-hero{padding-top:130px;background:radial-gradient(ellipse at 76% 57%,#77562f24,transparent 47%),#11120f;overflow:hidden}
.journey-heading{position:relative;z-index:2}.journey-heading h1{font-size:clamp(80px,10.5vw,165px);letter-spacing:-.07em;line-height:.99;max-width:1100px}.journey-heading h1 em{font-weight:400;color:#d9b584}.pomo-line{display:inline-block;transform:translateX(calc((var(--section-progress,.25) - .25)*-90px))}.pomo-line+br+em{transform:translateX(calc((var(--section-progress,.25) - .25)*140px))}.hero-number{font:12px Mono;display:flex;flex-direction:column;gap:18px;align-items:center;padding-top:15px}.hero-number>span{font:44px Georgia}.journey-opening{position:relative;margin-top:-45px;grid-template-columns:.8fr 1.2fr;min-height:640px}.journey-opening>div:not(.pomo-orbit){position:relative;z-index:3;padding-top:100px}.journey-opening>figure{position:relative;z-index:1;margin-top:-70px}.journey-opening>figure img{height:730px;max-height:none;width:100%;object-fit:contain;transform:translateY(calc((var(--section-progress,.25) - .25)*-70px));filter:drop-shadow(0 20px 60px #c6973920)}.pomo-orbit{position:absolute;right:-12%;top:9%;width:71%;aspect-ratio:1;border:1px solid #b99d6b40;border-radius:50%;pointer-events:none;transform:rotate(calc(var(--section-progress,.25)*-70deg))}.pomo-orbit:after{content:'';position:absolute;inset:9%;border:1px solid #b99d6b26;border-radius:50%}.pomo-orbit>span{font:9px Mono;letter-spacing:.22em;position:absolute;top:2%;left:32%;transform:rotate(-16deg)}.pomo-orbit i{position:absolute;width:11px;height:11px;background:#d9b584;border-radius:50%;top:28%;right:4%}.overview{position:relative;z-index:4;margin-top:10px}.overview strong{font-family:Georgia;font-size:34px;font-weight:400}.overview li{transition:background .3s}.overview li:hover{background:#d4ae6820}.act-label .chapter-counter{font-family:Georgia;font-style:italic;font-size:150px;opacity:.25;transform:translateY(calc((var(--section-progress,.5) - .5)*70px))}.act-title{letter-spacing:-.07em}.act-ripple .act-title{font-family:Georgia;font-style:italic}.act-passing .act-title{font-family:Display}.act-pomodoro .act-title{font-family:Georgia;font-style:italic}.chapter-bridge .bridge-arrow{transform:rotate(calc((var(--section-progress,.5) - .5)*45deg));transform-origin:50% 35%}.focus-graphic{padding:50px 0;background:radial-gradient(ellipse at 50% 100%,#d8a85430,transparent 65%);border-top:1px solid #48483a;margin-top:65px}.focus-word{color:#d0bd98;font-size:clamp(24px,5.1vw,76px);letter-spacing:-.025em;opacity:calc(.35 + (1 - var(--sand-flow,.35))*.65)}.focus-word:last-child{opacity:calc(.35 + var(--sand-flow,.35)*.65)}.hourglass-graphic{width:150px;filter:drop-shadow(0 0 35px #d9a95355)}.sand-console{display:none;grid-template-columns:1fr 1fr;gap:70px;padding:35px 0 55px;border-bottom:1px solid #48483a}.pomo-enhanced .sand-console{display:grid}.sand-console label{font:clamp(26px,3vw,42px)/1.1 Georgia}.sand-console .eyebrow{font-size:9px;margin-bottom:15px}.sand-note{font:11px/1.8 Mono;opacity:.6;margin-top:15px;max-width:390px}.sand-slider{align-self:center}.sand-endpoints{display:flex;justify-content:space-between;font:9px Mono;letter-spacing:.13em;margin-bottom:16px}.sand-slider input{display:block;width:100%;accent-color:#d5b17a;height:25px;cursor:ew-resize}.sand-slider input:focus-visible{outline:2px solid #f2e4c9;outline-offset:8px}.sand-slider button{background:none;color:inherit;border:1px solid #ae946c;padding:11px 16px;margin-top:22px;font:10px Mono;cursor:pointer}.sand-slider button:hover{background:#d9b584;color:#11120f}.focus-graphic.is-turning svg{animation:pomo-turn .72s cubic-bezier(.4,0,.2,1)}@keyframes pomo-turn{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(180deg)}}.ritual-step[aria-pressed=true] strong{color:#e4bd7e}.ritual-step{transition:opacity .3s,padding-left .3s}.ritual-step:hover{padding-left:12px;opacity:1}.time-pair{border-top:0}.time-pair strong{font-family:Georgia;font-weight:400;font-style:italic}.act-pomodoro .record-grid h2{font-family:Georgia;font-weight:400;line-height:1.04}.record{background:#d7c9ac}
@media(max-width:760px){.journey-hero{padding-top:110px!important}.journey-heading h1{font-size:16vw;max-width:100%;letter-spacing:-.065em}.journey-heading .hero-number{display:none}.journey-opening{grid-template-columns:1fr;margin-top:0;min-height:0}.journey-opening>figure{grid-row:1;margin-top:-10px}.journey-opening>figure img{height:460px}.journey-opening>div:not(.pomo-orbit){padding-top:0}.pomo-orbit{right:-12%;top:5%;width:120%;max-width:520px}.pomo-orbit>span{font-size:7px}.overview strong{font-size:25px}.act-label .chapter-counter{font-size:80px}.sand-console{grid-template-columns:1fr;gap:28px;padding:25px 0 35px}.focus-graphic{padding:30px 0;gap:6vw;margin-top:45px}.focus-word{font-size:23px}.hourglass-graphic{width:90px}.sand-console label{font-size:30px}.time-pair strong{font-size:26vw}.ritual-step:hover{padding-left:0}}
.experience-reduced .pomo-line,.experience-reduced .journey-opening>figure img,.experience-reduced .pomo-orbit,.experience-reduced .chapter-counter,.experience-reduced .bridge-arrow{transform:none!important}.experience-reduced .sand-stream,.experience-reduced .focus-graphic.is-turning svg{animation:none!important}.reduce-motion .focus-graphic{--sand-flow:var(--sand-manual,.35)!important}@media(prefers-reduced-motion:reduce){html:not(.motion-user-on) .pomo-line,html:not(.motion-user-on) .journey-opening>figure img,html:not(.motion-user-on) .pomo-orbit,html:not(.motion-user-on) .act-label .chapter-counter,html:not(.motion-user-on) .chapter-bridge .bridge-arrow{transform:none!important}html:not(.motion-user-on) .focus-graphic.is-turning svg{animation:none!important}html:not(.motion-user-on) .focus-graphic{--sand-flow:var(--sand-manual,.35)!important}}

.journey-heading h1 em{font-size:.86em}.act-pomodoro .act-title{font-size:clamp(65px,8vw,120px)}@media(max-width:760px){.act-pomodoro .act-title{font-size:18.5vw}}

body[data-story="pomodoro"] .sand-stream{animation-play-state:paused}.sand-active .sand-stream{animation-play-state:running!important}html.is-page-hidden .sand-stream{animation-play-state:paused!important}html.ex-custom-cursor body[data-story="pomodoro"] input[type="range"]{cursor:ew-resize}

@media(max-width:760px){
  .journey-heading h1{min-width:0;padding-inline:6px}
  .pomo-line{transform:translateX(calc((var(--section-progress,.25) - .25)*-28px))}
  .pomo-line+br+em{transform:translateX(calc((var(--section-progress,.25) - .25)*42px))}
  .detail-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
  .detail-pair>figure{min-width:0}
  .detail-pair figcaption{flex-direction:column;align-items:flex-start;gap:5px}
  .detail-pair figcaption span{white-space:normal;overflow-wrap:anywhere}
}

/* Additional archive views: two material pauses within the existing three acts. */
.pomo-enrich-material{position:relative;isolation:isolate;overflow:hidden;background:#e9ede7;color:#293235;padding:85px 0 0}
.pomo-enrich-material-head{position:relative;z-index:1;display:grid;grid-template-columns:.65fr 1.35fr;gap:6vw;align-items:start;margin-bottom:50px}
.pomo-enrich-material-head .eyebrow{max-width:200px;padding-top:8px;font-size:10px}
.pomo-enrich-material h2,.pomo-enrich-light h2{font:clamp(44px,6.7vw,100px)/1.04 Georgia,serif;letter-spacing:-.055em}
.pomo-enrich-material h2 em,.pomo-enrich-light h2 em{font-weight:400}
.pomo-enrich-material-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:4vw;padding:0 4vw 45px}
.pomo-enrich-material-grid>figure{min-width:0}
.pomo-enrich-front>a{height:min(75vh,820px);min-height:500px;overflow:hidden;background:#fff}
.pomo-enrich-front img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;transform:scale(1.65)}
.pomo-enrich-front figcaption{font-size:9px;padding:15px 0;opacity:.7}
.pomo-enrich-construction{padding:0 10% 0 0}
.pomo-enrich-construction img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}
.pomo-enrich-construction figcaption{display:flex;flex-direction:column;gap:16px;padding-top:25px;border-top:1px solid #a8b4ad;opacity:1}
.pomo-enrich-construction figcaption span:first-child{font:27px/1.12 Georgia,serif;letter-spacing:-.025em}
.pomo-enrich-construction figcaption span:last-child{white-space:normal;font:12px/1.7 Body,Arial,sans-serif;max-width:29ch}
.pomo-enrich-sheen{position:absolute;z-index:0;pointer-events:none;inset:-30% -30%;background:linear-gradient(110deg,transparent 30%,#fff9 46%,transparent 61%);animation:pomo-surface-light 22s ease-in-out infinite alternate}
@keyframes pomo-surface-light{from{transform:translateX(-18%);opacity:.25}to{transform:translateX(18%);opacity:.65}}
.pomo-enrich-light{background:#130c08;color:#efd8b2;padding:70px 0 40px;overflow:hidden}
.pomo-enrich-light-head{padding-bottom:40px;display:grid;grid-template-columns:.65fr 1.35fr;gap:6vw}
.pomo-enrich-light-head .eyebrow{font-size:10px;max-width:170px;padding-top:7px}
.pomo-enrich-light-stage{position:relative;height:min(78vh,920px);min-height:560px;overflow:hidden}
.pomo-enrich-light-stage>a{width:100%;height:100%;overflow:hidden}
.pomo-enrich-light-stage img{width:100%;height:100%;object-fit:cover;object-position:50% 59%}
.pomo-enrich-halo{position:absolute;pointer-events:none;inset:-10%;background:radial-gradient(ellipse at 50% 73%,#eaa04e24,transparent 65%);mix-blend-mode:screen;animation:pomo-light-breath 12s ease-in-out infinite alternate}
@keyframes pomo-light-breath{from{opacity:.15;transform:scale(.94)}to{opacity:.6;transform:scale(1.05)}}
.pomo-enrich-light-figure figcaption{padding-top:24px;gap:30px;font-size:10px;opacity:.8}
.pomo-enrich-light-figure figcaption span:first-child{max-width:570px}
@media(max-width:760px){.pomo-enrich-material{padding-top:50px}.pomo-enrich-material-head,.pomo-enrich-light-head{display:block;margin-bottom:0}.pomo-enrich-material-head{padding-bottom:30px}.pomo-enrich-material-head .eyebrow,.pomo-enrich-light-head .eyebrow{max-width:none;padding:0;font-size:8px;margin-bottom:25px}.pomo-enrich-material h2,.pomo-enrich-light h2{font-size:12.4vw}.pomo-enrich-material-grid{grid-template-columns:minmax(0,1fr);gap:30px;padding:0 0 40px}.pomo-enrich-front>a{height:65svh;min-height:390px;max-height:620px}.pomo-enrich-front img{transform:scale(1.35)}.pomo-enrich-front figcaption{padding:15px 5vw;font-size:8px}.pomo-enrich-construction{width:90%;margin:auto;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center}.pomo-enrich-construction figcaption{padding-top:18px;gap:12px}.pomo-enrich-construction figcaption span:first-child{font-size:22px}.pomo-enrich-construction figcaption span:last-child{font-size:11px}.pomo-enrich-light{padding:50px 0 30px}.pomo-enrich-light-head{padding-bottom:30px}.pomo-enrich-light-stage{height:72svh;min-height:440px;max-height:680px}.pomo-enrich-light-stage img{object-position:50% 63%;transform:scale(1.12)}.pomo-enrich-light-figure figcaption{display:flex;flex-direction:column;gap:13px;font-size:9px;padding-top:20px}.pomo-enrich-light-figure figcaption span:last-child{white-space:normal}}

/* The sand/light control sets one page-wide atmosphere, including earlier chapters. */
body[data-story="pomodoro"].pomo-enhanced{
 --paper:color-mix(in srgb,#f4ecd9,#11120f var(--pomo-night,0%));
 --ink:color-mix(in srgb,#30291f,#f2e4c9 var(--pomo-night,0%));
 --accent:color-mix(in srgb,#7f521e,#e4bd7e var(--pomo-night,0%));
 --line:color-mix(in srgb,#c5b797,#48483a var(--pomo-night,0%));
 --panel:color-mix(in srgb,#e9ddc3,#20221b var(--pomo-night,0%));
 --ex-paper:var(--paper);--ex-ink:var(--ink);--ex-accent:var(--accent);
 background:var(--paper);color:var(--ink)
}
body.pomo-enhanced .journey-hero{background:radial-gradient(ellipse at 76% 57%,#b5803224,transparent 47%),var(--paper)}
.pomo-enhanced .journey-heading h1 em,.pomo-enhanced .ritual-step[aria-pressed=true] strong,.pomo-enhanced .focus-word{color:var(--accent)}
.pomo-enhanced .journey-opening figure img{mix-blend-mode:normal}
.pomo-enhanced .journey-nav{background:var(--panel);color:var(--ink);border-color:var(--line)}
.pomo-enhanced .journey-nav a[aria-current=true]{color:var(--accent)}
.pomo-enhanced .nav-line,.pomo-enhanced .journey-progress{background:var(--line)}
.pomo-enhanced .journey-progress i{background:var(--accent)}
.pomo-enhanced .overview,.pomo-enhanced .overview li,.pomo-enhanced .focus-graphic,.pomo-enhanced .sand-console,.pomo-enhanced .time-pair,.pomo-enhanced .ritual-step{border-color:var(--line)}
.pomo-enhanced .act-ripple{background:color-mix(in srgb,#e8e6ef,#191c56 var(--pomo-night,0%));color:var(--ink);--line:var(--pomo-ripple-line,#77748e)}
.pomo-enhanced .ripple-forms{background:color-mix(in srgb,#dedfe5,#202238 var(--pomo-night,0%));color:var(--ink)}
.pomo-enhanced .act-passing{background:color-mix(in srgb,#f2f3ed,#161d1e var(--pomo-night,0%));color:var(--ink);--line:color-mix(in srgb,#c7cfca,#4b5551 var(--pomo-night,0%))}
.pomo-enhanced .material-band{background:color-mix(in srgb,#d9dfd6,#2c3636 var(--pomo-night,0%));color:var(--ink)}
.pomo-enhanced .technical-section,.pomo-enhanced .pomo-enrich-material{background:color-mix(in srgb,#e9ede7,#1c2625 var(--pomo-night,0%));color:var(--ink)}
.pomo-enhanced .act-pomodoro{background:var(--paper);color:var(--ink);--line:color-mix(in srgb,#c5b797,#48483a var(--pomo-night,0%))}
.pomo-enhanced .ritual-section{background:var(--panel)}
.pomo-enhanced .pomo-enrich-light{background:color-mix(in srgb,#e9d5b4,#130c08 var(--pomo-night,0%));color:var(--ink)}
.pomo-enhanced .record{background:color-mix(in srgb,#dfcfae,#2d271e var(--pomo-night,0%));color:var(--ink)}
.pomo-enhanced .sand-slider input{accent-color:var(--accent)}
.pomo-enhanced .sand-slider input:focus-visible{outline-color:var(--accent)}
.pomo-enhanced .sand-slider button{border-color:var(--accent)}
.pomo-enhanced .glass-outline{stroke:var(--accent)}
.pomo-enhanced .sand-upper,.pomo-enhanced .sand-lower{fill:var(--accent)}
.pomo-enhanced .pomo-enrich-construction img,.pomo-enhanced .passing-opening img,.pomo-enhanced .assembly-grid img,.pomo-enhanced .detail-pair img{mix-blend-mode:normal}
.pomo-enhanced .motion-control{color:var(--ink);border-color:var(--line)}

.pomo-enhanced .ritual-step{opacity:.7}.pomo-enhanced .ritual-step[aria-pressed=true]{opacity:1}
.pomo-enhanced .journey-opening figure>a{width:min(100%,490px);margin-inline:auto}
.pomo-enhanced .journey-opening figure img{height:auto;max-height:none;border-radius:48% 48% 4px 4px}
@media(max-width:760px){.pomo-enhanced .journey-opening figure>a{width:min(100%,310px)}}