/* v014: discoveries in a warm deep sea, with space to read each one. */:root{--space:clamp(56px,calc(var(--cw)*0.072),112px)}html{scroll-behavior:smooth}body{background:#061928}main{overflow:clip;background:radial-gradient(ellipse at 15% 19%,#123e51 0,transparent 22%),radial-gradient(ellipse at 92% 55%,#10364b 0,transparent 26%),#061928}.workspace-reveal{margin:var(--space) auto;max-width:1320px;width:calc(100% - 64px);border-radius:28px;overflow:hidden;background:#fafbf8;box-shadow:0 28px 110px #0004}.workspace-reveal .treasure{border-radius:0}.treasure button{transition:filter .25s ease}.treasure button:hover{filter:brightness(1.09)}.work-gallery{width:calc(100% - 64px);max-width:1440px;padding:32px 40px 38px;background:#f2f5f4;border-radius:28px;margin:0 auto var(--space);box-shadow:0 24px 80px #0003}.gallery-controls{margin-bottom:32px}.work-tabs{padding:5px;background:#dbe4e8;border-radius:999px;gap:3px}.work-tabs button{border:0;background:transparent}.work-tabs button[aria-selected=true]{background:#0e3347;color:#ffdf9e;box-shadow:0 3px 12px #16364922}.work-stage{gap:40px;align-items:center}.work-stage>.panel{align-self:center}.work-stage .proof-thumb:hover{transform:translateY(-4px)}.work-stage:not([hidden]){animation:gallery-arrive .32s ease both}@keyframes gallery-arrive{from{opacity:.35;transform:translateY(9px)}to{opacity:1;transform:none}}.refinement-module{display:block;padding:0 32px;max-width:1340px;margin:var(--space) auto}.refinement-explanation{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px}.refinement-explanation>.panel{position:relative!important;inset:auto!important;width:100%;max-width:none;margin:0;border-radius:24px;overflow:hidden}.refinement-module>.feedback-comparison{position:relative;max-width:1080px;clear:both;margin:56px auto 0;padding:32px;border-radius:24px;background:#eaf0f2}.compare-images{isolation:isolate}.feedback-comparison .compare-images{max-width:680px!important}.feedback-comparison.side-by-side .compare-images{max-width:none!important}.compare-controls{margin-top:24px}.compare-range{margin-top:12px}.chapter-pair{max-width:1320px;padding-inline:32px;gap:32px}.chapter-pair>.panel{border-radius:24px;overflow:hidden}.next-project{border-radius:24px;overflow:hidden}.letter-pages{max-width:1120px;border:1px solid #dcb77b44;box-shadow:0 35px 100px #0005}.offer-pair,.offer-notes,.dates-pair{gap:24px}.faq-pages{max-width:1320px;padding-inline:32px}.chapter-nav{transition:opacity .25s,transform .25s}.in-opening .chapter-nav{opacity:0;pointer-events:none;transform:translateY(12px)}.workspace-reveal{width:calc(100% - 32px);max-width:640px;border-radius:22px}.work-gallery{width:calc(100% - 32px);max-width:760px;padding:24px 18px;border-radius:22px}.gallery-controls{gap:18px;margin-bottom:24px}.work-tabs{flex-wrap:nowrap;width:100%;justify-content:space-between}.work-tabs button{padding:11px 14px;font-size:14px;flex:1;white-space:nowrap}.gallery-controls>button{font-size:13px}.work-stage{gap:24px}.work-stage>.panel{border-radius:18px}.refinement-module{padding:0 16px;max-width:680px}.refinement-explanation{grid-template-columns:1fr;gap:32px}.refinement-explanation>.panel{border-radius:20px}.refinement-module>.feedback-comparison{margin:32px auto 0;padding:22px 12px;border-radius:20px}.chapter-pair{padding:0 16px;gap:24px}.chapter-pair>.panel{border-radius:20px}.next-project,.voice-intro{width:calc(100% - 32px);border-radius:20px}.letter-pages{width:calc(100% - 32px);border-radius:20px}.faq-pages{padding:0 16px}.faq-pages .panel{border-radius:20px}.offer-notes{margin-bottom:24px}.dates-pair{margin-bottom:56px}#p25{width:calc(100% - 32px);border-radius:20px;overflow:hidden}.work-stage>.evidence{padding-inline:0}.work-stage .film-grid{gap:12px}@media (max-width:370px){.work-tabs button{padding:10px 8px;font-size:13px}.work-gallery{padding:20px 12px}}@media (prefers-reduced-motion:no-preference){[data-arrive].arrival-ready{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}[data-arrive].arrival-ready.arrived{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.work-stage:not([hidden]){animation:none}.treasure button,.chapter-nav{transition:none}html{scroll-behavior:auto}}/* Keep the promise above the opening frame, away from the cast's faces. */.in-opening #bgmBtn{bottom:14px;right:14px;font-size:11px;padding:8px 12px}.in-opening #bgmBtn{bottom:7px;right:10px;font-size:10px;min-height:30px}@media (max-width:370px){}/* A static first scene remains usable before enhancement or with JS disabled. */.promise-main{white-space:nowrap}.promise-end{display:block}/* Intrinsic video proportions avoid tall empty bars in the narrow work gallery. */.work-stage .media-player video{height:auto;max-width:100%}#prologue[data-v014]{position:relative;height:620svh;background:#041522}.opening-stage{position:sticky;top:0;width:100%;height:100svh;overflow:hidden;isolation:isolate;background:#041522}#openingFilm{display:block;width:100%;height:100%;object-fit:cover}.opening-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#020c19d9 0,#020c1955 30%,transparent 60%,#020c1955 80%,#041522ed);opacity:var(--copy-opacity,1)}.opening-copy{position:absolute;inset:4.5vh 4vw auto;text-align:center;color:#fff;opacity:var(--copy-opacity,1);pointer-events:none;transform:translateY(calc(var(--copy-shift,0)*-1px))}.opening-logo{width:clamp(100px,11vw,156px);height:auto;display:block;margin:0 auto 16px}.opening-copy h1{font:700 clamp(26px,3.3vw,48px)/1.3 system-ui;margin:0 auto;letter-spacing:.02em;max-width:1120px;text-shadow:0 2px 18px #0009}.opening-copy p{font:500 clamp(15px,1.4vw,20px)/1.6 system-ui;margin:20px auto 0;color:#f5ead4}.opening-controls{position:absolute;inset:auto 0 64px;display:flex;justify-content:center;gap:16px;align-items:center;z-index:3}.opening-controls button,.opening-controls a{font:500 15px/1.4 system-ui;border-radius:999px;padding:12px 22px;border:1px solid #dfc99380;color:#fff8e9;background:#071c2ab8;backdrop-filter:blur(16px);cursor:pointer;text-decoration:none;min-height:46px;box-sizing:border-box}.opening-controls button{background:#efd495;color:#092235;border-color:#efd495}.opening-controls button:focus-visible,.opening-controls a:focus-visible{outline:3px solid #9ce8fa;outline-offset:5px}.opening-progress{position:absolute;bottom:40px;height:2px;background:#fff3;width:min(480px,76vw);left:50%;transform:translateX(-50%)}.opening-progress i{display:block;background:#f7d18b;height:100%;width:var(--journey,0%);box-shadow:0 0 12px #f7d18b66}.opening-chapters{position:absolute;bottom:15px;width:min(560px,90vw);left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;color:#e3eaf099;font:400 11px/1.4 system-ui;letter-spacing:.04em}.opening-chapters .active{color:#ffe1a1}.opening-noscript{position:absolute;bottom:110px;left:30px;color:white}@media (max-width:900px){#prologue[data-v014]{height:530svh}.opening-copy{inset:5vh 20px auto}.opening-copy h1{font-size:clamp(25px,4.3vw,38px);line-height:1.4}.opening-logo{width:106px;margin-bottom:14px}.opening-copy p{max-width:310px;font-size:15px;line-height:1.6;margin-top:16px}.opening-shade{background:linear-gradient(180deg,#020c19e6 0,#020c1966 35%,transparent 58%,#041522ee)}.opening-controls{bottom:74px;gap:10px}.opening-controls button,.opening-controls a{font-size:13px;padding:12px 17px}.opening-chapters{font-size:10px;bottom:20px;letter-spacing:0}.opening-progress{bottom:46px}}@media (max-width:370px){.opening-copy h1{font-size:23px}.opening-copy p{font-size:14px}.opening-logo{width:86px}.opening-controls{gap:8px}.opening-controls button,.opening-controls a{font-size:12px;padding:12px 15px}.opening-chapters{font-size:9px}}@media (prefers-reduced-motion:reduce){#prologue[data-v014]{height:100svh}.opening-progress,.opening-chapters{display:none}.opening-controls{bottom:28px}}.opening-copy{inset:20px 24px auto}.opening-logo{width:82px;margin-bottom:10px}.opening-copy h1{font-size:clamp(27px,2.6vw,38px);line-height:1.25}.opening-copy .p-whatto{display:block;margin:12px auto 0;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;box-shadow:none;font-size:16px;color:#e3d5b9}#openingFilm{position:absolute;top:calc(var(--copy-opacity,1)*27svh);height:calc(100% - var(--copy-opacity,1)*27svh);object-position:center center}.opening-shade{background:linear-gradient(180deg,#041522 0,#041522 25%,transparent 45%,transparent 75%,#041522bb)}.opening-chapters{bottom:16px;max-width:480px}@media (max-width:900px){.opening-copy{inset:25px 20px auto}.opening-copy h1{font-size:clamp(23px,4.2vw,32px);line-height:1.4}.opening-copy .p-whatto{font-size:14px;max-width:310px;margin-top:12px;line-height:1.6}.opening-logo{width:80px;margin-bottom:10px}#openingFilm{top:calc(var(--copy-opacity,1)*33svh);height:calc(100% - var(--copy-opacity,1)*33svh)}.opening-shade{background:linear-gradient(180deg,#041522 0,#041522 29%,transparent 48%,transparent 77%,#041522cc)}.opening-chapters{bottom:45px}.opening-progress{bottom:67px}.opening-controls{bottom:88px}}@media (max-width:370px){.opening-copy{top:14px}.opening-logo{width:62px}.opening-copy h1{font-size:21px}.opening-copy .p-whatto{font-size:12px;max-width:270px}#openingFilm{top:calc(var(--copy-opacity,1)*38svh);height:calc(100% - var(--copy-opacity,1)*38svh)}}body:not(.opening-ready) #prologue[data-v014]{height:100svh}body:not(.opening-ready) #playOpening{display:none}@media (max-width:600px){.opening-copy h1{font-size:clamp(18px,5.8vw,23px);line-height:1.4}}@media (max-width:600px){.opening-copy .promise-main{font-size:.94em}}