/* v012: deep sea is the cinema; the work gets a quiet stage. */
:root{--ink:#102945;--mist:#f5f7f8;--cyan:#117ca8;--night:#071525;--space:clamp(40px,6vw,88px)}
body{background:var(--night)}main{background:var(--mist);padding-bottom:0}main::before{display:none}.panel{isolation:isolate;background:transparent;box-shadow:none}.panel picture,.panel img{height:auto;max-height:none;object-fit:contain;aspect-ratio:var(--panel-ratio,1/1)}
.wide-intro{max-width:1440px;background:var(--night)}.wide-intro picture,.wide-intro img,.wide-route picture,.wide-route img{aspect-ratio:3/2}.wide-intro .panel-cta{left:7%!important;width:86%!important;top:87%!important;height:10%!important}.wide-route{max-width:1120px;margin:var(--space) auto;background:var(--mist)}
.chapter-pair{max-width:1240px;gap:24px;margin:var(--space) auto;padding:0 24px;box-sizing:border-box;align-items:start}.chapter-pair>.panel{max-width:none;min-width:0}.purpose-pair{margin-top:0}.purpose-pair>.panel{border-radius:24px;overflow:hidden}.takehome-pair{margin-bottom:24px}.support-pair{margin-top:0;padding-bottom:0}.support-pair>.panel,.takehome-pair>.panel{overflow:hidden;border-radius:24px}
.work-gallery{max-width:1440px;padding:52px 40px 44px;box-sizing:border-box;margin:var(--space) auto;background:#e9eef2;border:0;border-radius:28px;color:var(--ink);scroll-margin-top:24px}.gallery-controls{margin-bottom:36px;gap:16px}.work-tabs{gap:8px}.work-tabs button,.compare-controls button{color:var(--ink);background:#fff;border:1px solid #ccd7df;border-radius:999px;font-size:16px;font-weight:500;padding:12px 23px;min-height:46px}.work-tabs button[aria-selected=true],.compare-controls button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.gallery-controls>button{color:#345773;font-size:14px}.work-stage{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:36px;align-items:center}.work-stage>.panel{border-radius:20px;overflow:hidden}.work-stage .proof-thumb{border:0;border-radius:16px;box-shadow:0 8px 28px #10294515;transition:transform .22s ease,box-shadow .22s ease}.work-stage .proof-thumb:hover{transform:translateY(-3px);box-shadow:0 14px 32px #10294522}.work-stage .image-grid{gap:16px}.work-stage .film-grid{gap:20px}.work-stage .film-grid video,.work-stage .song-film{max-height:650px;border-radius:16px}.work-stage #evidence-song{gap:20px}.next-work{color:#126e9b;font-weight:500;padding-right:0}.work-tabs button:focus-visible,.gallery-controls>button:focus-visible,.next-work:focus-visible,.compare-controls button:focus-visible,#compare-slider:focus-visible{outline:3px solid #117ca8;outline-offset:4px}.panel-cta:focus-visible{outline:4px solid #218eb9;outline-offset:4px;background:#fff2}
#p04 .panel-cta,#p05 .panel-cta,#p06 .panel-cta,#p07 .panel-cta{left:7%;width:86%;top:87%;height:10%}
.refinement-module{position:relative;max-width:1240px;padding:0 24px;margin:var(--space) auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;box-sizing:border-box}.refinement-module>.panel{max-width:none;width:100%;border-radius:24px;overflow:hidden}.refinement-module>#p08{position:sticky;top:24px}.refinement-module>.feedback-comparison{grid-column:1/-1;width:100%;max-width:980px;margin:24px auto 0;box-sizing:border-box;background:#e9eef2;border-radius:24px;padding:32px;color:var(--ink)}.compare-range{color:#35556a}.compare-range input{accent-color:#197fab}.feedback-comparison.is-interactive:not(.side-by-side) .compare-images::after{background:#66d4f2;box-shadow:none}.feedback-comparison .proof-thumb{border:0;border-radius:8px}.compare-controls button{font-size:14px;padding:11px 18px}
.next-project,.voice-intro{max-width:760px;margin:var(--space) auto}.voice-intro{margin-bottom:0}.voices{max-width:880px;grid-template-columns:1fr 1fr;gap:20px;padding:20px 24px var(--space)}.voices .voice-source{border-radius:18px;overflow:hidden}.treasure{max-width:1240px;margin:0 auto;padding:0;border-radius:24px;overflow:hidden;background:var(--night)}
.letter-pages{margin:var(--space) auto;max-width:1120px;box-shadow:none;border-radius:16px;overflow:hidden}.letter-pages>.panel{max-width:560px}.letter-start{scroll-margin-top:24px}
.offer-pair{margin:var(--space) auto 24px;scroll-margin-top:24px}.offer-pair>.panel{border:1px solid #dce4e9;border-radius:24px;overflow:hidden}.offer-notes{margin:0 auto 24px}.dates-pair{margin:0 auto var(--space)}.offer-notes>.panel,.dates-pair>.panel{border-radius:24px;overflow:hidden}.faq-pages{max-width:1240px;gap:24px;padding:0 24px;margin:0 auto var(--space);box-sizing:border-box;grid-template-columns:repeat(3,1fr)}.faq-pages .panel,.faq-pages .panel:last-child{max-width:none;width:100%;grid-column:auto;border-top:1px solid #cbd6df}.faq-pages .panel picture,.faq-pages .panel img{aspect-ratio:1/1}#p25{max-width:900px;margin:var(--space) auto 0}#p25 .panel-cta{left:7%;width:86%;top:87%;height:10%}
.chapter-nav{background:#102945ec;border-color:#b8d4e94d}.chapter-nav a{color:#f4f8fb}footer{background:var(--night);color:#e5eff7}footer a{color:#b5dff4}
@media(max-width:1100px){.work-gallery{border-radius:0;padding:36px 24px}.work-stage{gap:24px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.faq-pages{grid-template-columns:1fr 1fr}.faq-pages .panel:last-child{grid-column:1/-1;max-width:560px}}
@media(max-width:900px){.wide-intro,.wide-route{max-width:640px}.wide-intro picture,.wide-intro img,.wide-route picture,.wide-route img{aspect-ratio:1/1}.wide-intro .panel-cta{left:7%!important;width:86%!important;top:87%!important;height:10%!important}.wide-route{margin:48px auto}.chapter-pair{grid-template-columns:1fr;max-width:640px;padding:0 20px;gap:20px;margin:48px auto}.purpose-pair{margin-top:0}.chapter-pair>.panel{max-width:600px}.work-stage{grid-template-columns:1fr;gap:24px}.work-gallery{max-width:760px;margin:48px auto;padding:32px 20px}.work-stage>.panel{max-width:560px}.work-stage>.evidence{max-width:660px}.gallery-controls{justify-content:center;margin-bottom:24px}.work-tabs{justify-content:center}.next-work{justify-self:center;padding-right:12px}.refinement-module{display:block;max-width:640px;padding:0 20px;margin:48px auto}.refinement-module>.panel{margin:0 auto 24px}.refinement-module>#p08{position:relative;top:auto}.refinement-module>.feedback-comparison{padding:24px 14px;margin-top:0}.next-project,.voice-intro{max-width:600px;margin:48px auto}.voice-intro{margin-bottom:0}.voices{max-width:640px;grid-template-columns:1fr;padding:20px 20px 48px}.voices .voice-source{max-width:500px;margin:auto}.treasure{border-radius:0;max-width:760px}.takehome-pair{margin-bottom:20px}.support-pair{margin-top:0}.letter-pages{max-width:600px;margin:48px auto;grid-template-columns:1fr;border-radius:0}.letter-pages>.panel{max-width:600px}.offer-pair{margin-bottom:20px}.offer-notes{margin:0 auto 20px}.dates-pair{margin-top:0}.faq-pages{max-width:640px;display:block;padding:0 20px;margin:0 auto 48px}.faq-pages .panel,.faq-pages .panel:last-child{max-width:600px;margin:0 auto 20px}#p25{max-width:600px;margin-top:48px}}
@media(max-width:420px){.chapter-pair,.refinement-module,.faq-pages{padding-inline:0}.purpose-pair>.panel,.takehome-pair>.panel,.support-pair>.panel,.refinement-module>.panel,.offer-pair>.panel,.offer-notes>.panel,.dates-pair>.panel{border-radius:0;border-inline:0}.work-gallery{padding-inline:0}.gallery-controls{padding:0 12px;gap:12px}.work-tabs{gap:6px}.work-tabs button{font-size:14px;padding:11px 15px}.work-stage>.panel{border-radius:0}.work-stage>.evidence{padding-inline:12px}.work-stage .image-grid{gap:12px}.work-stage .proof-thumb{border-radius:10px}.compare-controls{gap:6px}.compare-controls button{padding:10px 12px;font-size:13px}.refinement-module>.feedback-comparison{border-radius:0;padding-inline:12px}.voices{padding-inline:12px}.letter-pages{margin-inline:0}.faq-pages .panel{border-radius:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-stage .proof-thumb{transition:none}.work-stage .proof-thumb:hover{transform:none}.refinement-module>#p08{position:relative;top:auto}}
/* Hit areas follow the final generated capsules, not the requested draft coordinates. */
@media(min-width:901px){#p01 .panel-cta{left:70.5%!important;width:25.5%!important;top:82.8%!important;height:8.4%!important}}
@media(max-width:900px){#p01 .panel-cta{left:6%!important;width:88%!important;top:85.5%!important;height:10%!important}}
#p04 .panel-cta{left:15.3%;width:69.5%;top:87.5%;height:10%}
#p05 .panel-cta{left:9.2%;width:81.5%;top:85%;height:10.5%}
#p06 .panel-cta{left:13.4%;width:73.2%;top:85.3%;height:9.8%}
#p07 .panel-cta{left:21.2%;width:58.1%;top:89.3%;height:8.9%}
#p11 .panel-cta{left:13%;width:74%;top:86%;height:11%}
#p25 .panel-cta{left:7.6%;width:84.9%;top:88%;height:9.5%}