/* v011: the scene changes with the reader's task, not with every scroll tick. */
main{background:#061b27}.panel{box-shadow:none}.chapter-pair{position:relative;max-width:1120px;margin:64px auto;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:0}.chapter-pair>.panel{width:100%;max-width:560px;margin:0}.purpose-pair{margin-top:0}.takehome-pair{margin-bottom:0}.support-pair{margin-top:0;padding-bottom:64px}.wide-intro{max-width:1120px}.wide-intro picture,.wide-intro img{aspect-ratio:3/2}.wide-intro .panel-cta{left:4%!important;width:59%!important;top:84%!important;height:11%!important}
.work-gallery{position:relative;max-width:1280px;margin:80px auto;padding:28px 24px 40px;border-top:1px solid #bba77750;border-bottom:1px solid #bba77750;background:linear-gradient(150deg,#14384b,#071923 60%)}.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px;flex-wrap:wrap}.gallery-controls[hidden],.work-stage[hidden],.next-work[hidden],.compare-controls[hidden],.compare-range[hidden]{display:none}.work-tabs{display:flex;gap:6px;flex-wrap:wrap}.work-tabs button,.gallery-controls>button,.next-work,.compare-controls button{font:inherit;font-size:16px;line-height:1.4;min-height:46px;padding:12px 18px;border:1px solid #bfa87865;border-radius:4px;background:#092637;color:#f7eddb;cursor:pointer}.work-tabs button[aria-selected=true],.compare-controls button[aria-pressed=true]{background:#f0d79d;color:#092232;border-color:#f0d79d}.gallery-controls>button{font-size:14px;border:0;text-decoration:underline;text-underline-offset:4px;background:transparent}.work-stage{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:28px;margin:48px 0}.work-gallery.is-interactive .work-stage{margin:0}.work-stage>.panel{width:100%;margin:0;max-width:none;align-self:start}.work-stage>.evidence{width:100%;margin:0;padding:0;min-width:0;max-width:none;box-sizing:border-box}.work-stage .image-grid{gap:12px}.work-stage .proof-thumb{border:1px solid #e3cfa855;border-radius:4px}.work-stage .panel-cta{left:6%;width:88%;top:87%;height:10%}.work-stage .film-grid{grid-template-columns:.72fr 1fr;gap:16px}.work-stage .film-grid video{max-height:510px;object-fit:contain}.work-stage #evidence-song{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px}.work-stage .media-player:has(.song-film){margin:0;max-width:100%}.work-stage .song-film{max-height:540px}.next-work{grid-column:1/-1;justify-self:end;background:transparent;border:0;color:#f0d79d}.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 #fff;outline-offset:4px}
.feedback-comparison{max-width:900px;padding:24px 24px 64px}.compare-images{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px}.compare-controls button{padding:10px 14px;font-size:14px}.compare-range{display:block;max-width:540px;margin:20px auto 0;font-size:14px;text-align:center;color:#eedcb9}.compare-range input{display:block;width:100%;min-height:44px;accent-color:#efca7c;cursor:ew-resize}.feedback-comparison.is-interactive:not(.side-by-side) .compare-images{position:relative;display:block;aspect-ratio:1/1;max-width:740px;margin:auto}.feedback-comparison.is-interactive:not(.side-by-side) .compare-images>button{position:absolute;inset:0;width:100%;height:100%;border:0}.feedback-comparison.is-interactive:not(.side-by-side) .compare-before{z-index:2;clip-path:inset(0 calc(100% - var(--compare,50%)) 0 0)}.feedback-comparison.is-interactive:not(.side-by-side) .compare-after{z-index:1}.feedback-comparison.is-interactive:not(.side-by-side) .compare-images::after{content:'';position:absolute;inset-block:0;left:var(--compare,50%);width:2px;background:#ffe3a4;z-index:3;pointer-events:none;box-shadow:0 0 10px #000}.feedback-comparison.side-by-side .compare-range{display:none}.feedback-comparison .proof-thumb img{height:auto}
.letter-pages{position:relative;max-width:1120px;margin:80px auto;background:#f5efdf;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 20px 60px #0004}.letter-pages>.panel{width:100%;max-width:560px;margin:0;box-shadow:none}.letter-pages .panel-cta{left:6%;width:88%;top:87%;height:10%}.offer-pair{margin-bottom:0;scroll-margin-top:20px}.offer-notes{margin-top:0;margin-bottom:0}.dates-pair{margin-top:36px;margin-bottom:36px}.faq-pages{position:relative;max-width:1120px;margin:0 auto 60px;display:grid;grid-template-columns:1fr 1fr}.faq-pages .panel{width:100%;margin:0;max-width:560px}.faq-pages .panel:last-child{grid-column:1/-1;justify-self:center}
@media(max-width:900px){.wide-intro{max-width:560px}.wide-intro picture,.wide-intro img{aspect-ratio:1/1}.wide-intro .panel-cta{left:5%!important;width:90%!important;top:85%!important;height:12%!important}.chapter-pair,.letter-pages,.faq-pages{grid-template-columns:1fr;max-width:560px}.chapter-pair>.panel,.letter-pages>.panel{margin:auto}.chapter-pair{margin-block:32px}.purpose-pair{margin-top:0}.support-pair{padding-bottom:24px}.takehome-pair{margin-bottom:0}.support-pair{margin-top:0}.work-gallery{padding:20px 14px 28px;margin:40px auto;max-width:660px}.work-stage{grid-template-columns:1fr;gap:18px}.work-stage>.panel{max-width:560px;justify-self:center}.work-stage>.evidence{max-width:560px;justify-self:center}.gallery-controls{justify-content:center;gap:8px}.work-tabs{justify-content:center}.work-tabs button{padding:11px 15px}.work-stage .film-grid{grid-template-columns:.72fr 1fr}.work-stage #evidence-song{grid-template-columns:.8fr 1fr}.next-work{justify-self:center}.letter-pages{margin-block:48px}.offer-pair,.offer-notes{margin-block:0}.dates-pair{margin-block:24px}.faq-pages{margin-bottom:28px}.feedback-comparison{padding:18px 14px 40px}}
@media(max-width:420px){.work-gallery{padding-inline:0}.gallery-controls{padding-inline:10px}.work-tabs{gap:5px}.work-tabs button{font-size:14px;padding:10px 12px;min-height:44px}.work-stage>.evidence{padding-inline:10px}.next-work{font-size:15px}.compare-controls{gap:5px}.compare-controls button{font-size:13px;padding:10px 9px}.feedback-comparison{padding-inline:10px}.compare-images{gap:8px}.letter-pages{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.work-gallery *, .feedback-comparison *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Click areas measured against the adopted generated buttons. */
#p04 .panel-cta,#p06 .panel-cta{left:4%;width:92%;top:84%;height:11%}#p05 .panel-cta,#p07 .panel-cta{left:4%;width:92%;top:85%;height:11%}.letter-pages #p19b .panel-cta{left:6%;width:90%;top:84%;height:12%}