/* v013: AI partners, practical work and deep-sea wonder. */
:root{--night:#061928;--ink:#0b2a3c;--mist:#f7f8f6;--space:clamp(44px,6.6vw,96px)}
body,main{background:var(--night)}.wide-intro{max-width:1440px}.workspace-reveal{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1440px;margin:0 auto;background:#f7f8f6}.workspace-reveal>#p12{width:100%;max-width:none}.workspace-reveal .treasure{width:100%;border-radius:0;max-width:none}.workspace-reveal .treasure video{width:100%;height:auto;object-fit:contain}.wide-route{max-width:1240px;margin:var(--space) auto}.chapter-pair{gap:32px}.purpose-pair{margin-top:0}.work-gallery{max-width:1440px;border-radius:0;margin:0 auto var(--space);padding:52px 40px;background:#eef3f4}.work-stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px}.work-stage>.panel{border-radius:20px}.work-tabs button[aria-selected=true]{background:#0b2a3c}.work-stage .proof-thumb{box-shadow:0 12px 30px #0619281c}.next-project{max-width:820px}.voice-intro{border-radius:20px;overflow:hidden}.support-pair{margin-top:0}.support-pair>.panel{border-radius:20px}.refinement-module{gap:32px}.letter-pages{box-shadow:0 24px 80px #0003}.offer-pair,.offer-notes,.dates-pair{gap:24px}.faq-pages .panel{border-radius:20px;overflow:hidden}#p25{max-width:960px}.chapter-nav{background:#062539ec;border-color:#e5c77750}
/* Click targets are aligned to generated art after visual review. */
#p01 .panel-cta{left:7%!important;width:86%!important;top:88%!important;height:9%!important}
#p04 .panel-cta,#p05 .panel-cta,#p06 .panel-cta,#p07 .panel-cta,#p25 .panel-cta{left:7%;width:86%;top:88%;height:9%}
#p19b .panel-cta{left:7%;width:87%;top:84%;height:12%}
@media(min-width:901px){#p01 .panel-cta{left:6%!important;width:43%!important;top:84%!important;height:11%!important}}
@media(max-width:900px){.workspace-reveal{grid-template-columns:1fr;max-width:640px}.workspace-reveal .treasure{max-width:640px}.wide-route{max-width:640px}.work-gallery{padding:32px 20px;max-width:760px}.work-stage{grid-template-columns:1fr}.next-project{max-width:640px}.chapter-pair,.refinement-module{gap:24px}.work-stage>.panel{max-width:560px}.voice-intro{max-width:600px}#p25{max-width:640px}}
@media(max-width:420px){.work-gallery{padding-inline:0}.work-stage>.panel,.voice-intro,.support-pair>.panel,.faq-pages .panel{border-radius:0}.workspace-reveal .treasure{margin:0}.work-stage>.evidence{padding-inline:12px}}

#p12 picture,#p12 img{aspect-ratio:2/3}.workspace-reveal{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr)}
@media(max-width:900px){.workspace-reveal{grid-template-columns:1fr}#p01b picture,#p01b img{aspect-ratio:2/3}}
@media(min-width:901px){#p01 .panel-cta{left:3.7%!important;width:55%!important;top:79.4%!important;height:11.3%!important}}
#p04 .panel-cta{left:18%;width:64%;top:89.4%;height:8.6%}#p05 .panel-cta{left:8.8%;width:82.6%;top:83.2%;height:11.8%}#p06 .panel-cta{left:21%;width:58%;top:88%;height:8.6%}#p07 .panel-cta{left:20.6%;width:58.8%;top:90%;height:8.5%}#p25 .panel-cta{left:3.6%;width:92.8%;top:85.6%;height:10.6%}

.native-read-btn{display:block;position:relative;margin:0;width:100%;min-height:48px;border:0;border-top:1px solid #719bb333;background:#123446;color:#f6f5ef;font:500 16px/1.6 system-ui;cursor:pointer}.native-read-btn:focus-visible{outline:3px solid #f1d177;outline-offset:-4px}#viewerBody.native-read{max-width:100%;width:100%;overflow:auto;overscroll-behavior:contain}#viewerBody.native-read img{width:1024px;max-width:none;height:auto}#viewerBody.native-read:focus-visible{outline:3px solid #76ccec;outline-offset:-3px}
@media(max-width:420px){#p04 .panel-cta,#p05 .panel-cta,#p06 .panel-cta,#p07 .panel-cta,#p19b .panel-cta,#p25 .panel-cta{top:calc(100% - 54px);height:48px}#p01 .panel-cta{top:calc(100% - 54px)!important;height:48px!important}}

/* Keep the generated button artwork, and make its play action immediate. */
button.panel-cta{padding:0;border:0;background:transparent;cursor:pointer}
#proofViewer.film-viewer{width:min(1100px,96vw);height:94dvh;max-height:94dvh;overflow:hidden}
#proofViewer.film-viewer[open]{display:flex;flex-direction:column}
#proofViewer.film-viewer .viewer-bar{flex:0 0 auto;position:static}
#proofViewer.film-viewer #viewerBody{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:none;margin:0}
.film-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 16px;background:#0b2434}
.film-choices button{font:500 1rem/1.4 system-ui;min-height:44px;padding:10px 18px;border:1px solid #819fac55;border-radius:24px;background:transparent;color:#f6f4ed;cursor:pointer}
.film-choices button[aria-pressed=true]{background:#f1d490;border-color:#f1d490;color:#061928}
.film-choices button:focus-visible{outline:3px solid #a9e4ff;outline-offset:2px}
.film-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;background:#020a12}
.film-stage video{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;aspect-ratio:auto}
.film-status,.film-caption{flex:0 0 auto;margin:0;padding:10px 16px;font:400 .875rem/1.5 system-ui;text-align:center;color:#d2e0e8;background:#0b2434}
@media(max-width:600px){#proofViewer.film-viewer{width:calc(100vw - 8px);height:96dvh;max-height:96dvh}.film-choices{gap:6px;padding:8px}.film-choices button{font-size:.875rem;padding:8px 12px}.film-status{padding:8px 12px}}