@font-face{font-family:StorySymbols;src:url(assets/symbols.ttf) format("truetype");font-display:swap;unicode-range:U+2190-21FF,U+2300-23FF,U+25A0-25FF}
:root{--paper:#faf7ef;--ink:#252820;--blue:#254bd9;--yellow:#f6d869;--muted:#74776e;--line:#dcdcd0;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:StorySymbols,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}.nav{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 5%;border-bottom:1px solid var(--line);gap:25px}.brand{font-weight:700;font-size:17px;letter-spacing:-.5px}.brand span{color:var(--blue);padding:0 5px}.nav nav{display:flex;gap:30px;font-size:13px}.nav-download{font-size:13px;border-bottom:1px solid;padding-bottom:5px}.hero{max-width:1440px;display:grid;grid-template-columns:1fr 1fr;gap:4%;padding:66px 5% 75px;margin:auto;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.5}.star{font-size:26px;vertical-align:middle;color:var(--blue);margin-right:8px}h1{font-family:var(--serif);font-weight:400;font-size:clamp(56px,6.7vw,100px);line-height:1.02;letter-spacing:-5px;margin:28px 0}em{font-weight:400;color:var(--blue)}.intro{font-size:17px;line-height:1.75;color:#61645b;margin:24px 0 30px}.actions{display:flex;gap:28px;align-items:center}.button{display:inline-flex;padding:17px 23px;font-size:13px;font-weight:700;border-radius:5px;align-items:center;gap:28px;transition:transform .2s}.button:hover{transform:translateY(-2px)}.blue{background:var(--blue);color:white}.yellow{background:var(--yellow);color:var(--ink)}.text-link{font-size:13px;border-bottom:1px solid var(--line);padding:10px 0}.text-link span{padding-left:12px}.hero-meta{display:flex;gap:25px;margin-top:45px;font-size:10px;color:var(--muted)}.hero-meta b{font-size:16px;color:var(--ink);margin-right:4px}.hero-art{position:relative;transform:rotate(1.5deg);padding:12px 12px 0;background:#fff;box-shadow:0 12px 40px #292c1c12;border:1px solid #e8e4d8}.hero-art img{width:100%;height:380px;object-fit:cover;display:block}.postcard-stamp{position:absolute;right:-14px;top:-24px;width:120px;height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--yellow);border-radius:50%;font-size:21px;font-weight:800;line-height:1.05;transform:rotate(10deg);box-shadow:0 3px 0 #c7a933}.postcard-stamp span{font-size:30px}.photo-caption{padding:17px 8px;font-size:10px;color:#626458;display:flex;gap:25px;align-items:center}.photo-caption span{font-weight:700;color:var(--blue)}.ribbon{background:var(--yellow);border-top:1px solid #e6c457;border-bottom:1px solid #e6c457;padding:17px 5%;display:flex;align-items:center;justify-content:space-around;gap:25px;font-size:10px;letter-spacing:1.6px;font-weight:700}.ribbon b{font-size:23px;color:var(--blue)}.section{max-width:1440px;padding:78px 5%;margin:auto}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:34px}h2{font-family:var(--serif);font-weight:400;font-size:clamp(38px,4.2vw,60px);line-height:1.1;letter-spacing:-2px;margin:17px 0 0}.section-head>p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:5px}.player{border:1px solid #d9d9ce;border-radius:9px;overflow:hidden;background:#fff}.stage{aspect-ratio:16/9;position:relative;background:#1c3029;overflow:hidden;color:white}.stage>img{width:100%;height:100%;object-fit:cover;display:block}.stage-shade{position:absolute;inset:0;background:linear-gradient(180deg,#1421203b 0%,transparent 30%,#10191bdd 100%)}.stage-top{position:absolute;top:6%;left:5%;right:5%;display:flex;justify-content:space-between;font-size:clamp(8px,1vw,12px);font-weight:700;letter-spacing:2px}.stage-top span:first-child{background:#ffffffdc;color:#244438;padding:8px 12px;border-radius:3px}.stage-top span:last-child{padding-top:8px}.stage-copy{position:absolute;left:5%;bottom:11%;max-width:79%}.stage-kicker{font-size:clamp(7px,.85vw,11px);letter-spacing:2px;font-weight:700;color:#f7da7b}.stage-copy h3{font-family:var(--serif);font-weight:400;font-size:clamp(23px,4.5vw,65px);line-height:1.03;letter-spacing:-1px;margin:15px 0}.stage-copy p{font-size:clamp(10px,1.35vw,18px);line-height:1.4;color:#f6f0e4;margin:0}.full-button{position:absolute;right:4%;bottom:7%;background:#ffffff22;border:1px solid #ffffff70;color:#fff;width:40px;height:40px;border-radius:50%;font-size:23px}.stage-progress{position:absolute;bottom:0;height:4px;left:0;right:0;background:#ffffff30}.stage-progress>div{height:100%;background:var(--yellow);width:0}.controls{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:18px 24px}.transport{display:flex;align-items:center;gap:9px}.transport button{height:36px;min-width:36px;background:transparent;border:1px solid var(--line);border-radius:5px;font-size:16px}.transport .play-button{background:var(--blue);color:#fff;border-color:var(--blue);font-size:12px;min-width:90px}.time{font-size:12px;font-variant-numeric:tabular-nums}.time-dim{color:var(--muted)}.remaining{margin-left:20px;color:var(--muted);font-size:10px}.notes-toggle{font-size:11px;display:flex;align-items:center;gap:8px}.notes-toggle input{accent-color:var(--blue)}.timeline{display:block;accent-color:var(--blue);width:calc(100% - 48px);margin:0 24px 18px;height:5px;cursor:pointer}.notes{border-top:1px solid var(--line);padding:24px;background:#f3f4eb;display:grid;grid-template-columns:1.65fr 1fr;gap:35px}.notes p{font-size:14px;line-height:1.8;margin:9px 0 0;max-width:700px}.notes details{font-size:11px;color:#60645b}.notes summary{cursor:pointer;padding-top:3px}.notes details p{font-size:12px}.shortcut{font-size:10px;color:var(--muted);text-align:center;line-height:1.7}.shortcut span{padding:0 12px}.film-section{background:#233f38;color:var(--paper);padding:75px 5%;display:grid;grid-template-columns:.8fr 1.2fr;gap:6%;align-items:center}.film-intro{max-width:460px;margin-left:auto}.light{color:#bed5b7}.film-intro h2{font-size:clamp(36px,3.5vw,50px)}.film-intro em{color:var(--yellow)}.film-intro>p{font-size:13px;line-height:1.9;color:#c5d1c8;max-width:350px;margin:24px 0}.film-tags{display:flex;gap:9px;flex-wrap:wrap}.film-tags span{font-size:8px;border:1px solid #6b7b6d;padding:7px 9px;border-radius:20px;letter-spacing:1px}.film-intro .audio-note{font-size:10px;line-height:1.7}.film-player{max-width:760px}.film-player video{display:block;width:100%;aspect-ratio:16/9;background:#101c18;border-radius:6px}.film-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;margin-top:15px;color:#c1cec1}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:25px 20px}.scene-card{background:none;border:none;padding:0;text-align:left;color:var(--ink)}.scene-thumb{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:5px}.scene-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.scene-card:hover img{transform:scale(1.05)}.scene-thumb span{position:absolute;bottom:10px;left:10px;background:var(--paper);padding:5px 8px;border-radius:3px;font-size:10px;font-weight:700}.scene-card h3{font-size:12px;margin:10px 0 4px}.scene-card p{font-size:9px;color:var(--muted);margin:0;letter-spacing:.5px}.takeaways{padding:55px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#efefdf}.takeaways>.eyebrow{text-align:center}.takeaway-grid{max-width:1220px;display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin:35px auto 0}.takeaway-grid article{position:relative;padding-left:40px}.takeaway-grid article>span{color:var(--blue);position:absolute;left:0;font-size:11px;top:5px}.takeaway-grid h3{font-family:var(--serif);font-weight:400;font-size:27px;margin:0 0 10px}.takeaway-grid p{font-size:12px;color:#6b7062;line-height:1.8;max-width:260px}.resources{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.resource-links a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:22px 0;gap:20px}.resource-links b{display:block;font-size:14px}.resource-links small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.resource-links a>span:last-child{color:var(--blue);font-size:25px}.draft-note{max-width:1000px;margin:0 auto 50px;padding:15px 25px;font-size:10px;line-height:1.8;color:#767b6c;text-align:center}.draft-note b{color:#4d5348}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:28px 5%}footer p{font-family:var(--serif);font-size:18px;font-style:italic;color:#707763}footer>span{font-size:9px;letter-spacing:1.5px}.stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto}.stage:fullscreen .stage-copy h3{font-size:clamp(45px,6vw,100px)}[hidden]{display:none!important}@media(min-width:1500px){.film-section{padding-left:calc((100vw - 1296px)/2);padding-right:calc((100vw - 1296px)/2)}}@media(max-width:800px){.nav{padding:20px 6%}.nav nav{gap:15px;font-size:11px}.nav-download{display:none}.hero{grid-template-columns:1fr;padding:40px 6% 45px;gap:40px}h1{font-size:67px;letter-spacing:-3px;margin:22px 0}.intro{font-size:15px}.hero-meta{margin-top:30px}.hero-art{max-width:600px;transform:rotate(1deg);margin:0 10px 0 0}.hero-art img{height:300px}.postcard-stamp{width:95px;height:95px;font-size:17px;right:-10px;top:-18px}.ribbon{gap:15px;justify-content:center;padding:12px 6%;flex-wrap:wrap;font-size:8px}.ribbon b{font-size:17px}.ribbon span:nth-of-type(4),.ribbon b:last-of-type{display:none}.section{padding:48px 6%}.section-head{display:block;margin-bottom:24px}.section-head>p{margin-top:22px;font-size:12px}h2{font-size:41px}.controls{padding:12px;gap:10px;flex-wrap:wrap}.transport{gap:6px}.transport button{height:34px;min-width:32px}.notes-toggle{margin-left:auto}.time{font-size:10px}.remaining{display:none}.timeline{width:calc(100% - 24px);margin:0 12px 16px}.notes{padding:18px;grid-template-columns:1fr;gap:14px}.notes p{font-size:13px}.stage-copy h3{font-size:clamp(22px,5vw,38px);margin:9px 0}.stage-kicker{font-size:6px;letter-spacing:1px}.stage-copy p{font-size:10px}.stage-top{letter-spacing:1px;font-size:7px}.stage-top span:first-child{padding:5px 8px}.full-button{width:30px;height:30px;font-size:19px}.shortcut{font-size:8px}.shortcut span{padding:0 4px}.film-section{grid-template-columns:1fr;padding:48px 6%;gap:35px}.film-intro{margin:0;max-width:none}.film-intro h2{font-size:41px}.gallery{grid-template-columns:repeat(2,1fr);gap:22px 14px}.scene-card h3{font-size:11px}.scene-card p{font-size:8px}.takeaway-grid{grid-template-columns:1fr;gap:20px}.takeaway-grid p{max-width:none}.takeaways{padding:35px 6%}.takeaway-grid h3{font-size:26px}.resources{grid-template-columns:1fr;gap:20px}.draft-note{padding:0 6%;margin-bottom:30px;text-align:left}footer{flex-wrap:wrap;padding:25px 6%}footer p{font-size:16px}footer>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.real-moment{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;border-bottom:1px solid var(--line)}.real-photo{aspect-ratio:1.6;overflow:hidden;border:10px solid white;transform:rotate(-1deg);box-shadow:0 8px 25px #2222220b}.real-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}.real-moment p{font-size:14px;line-height:1.9;color:var(--muted);max-width:400px;margin-top:25px}@media(max-width:800px){.real-moment{grid-template-columns:1fr;gap:30px}.real-photo{max-width:600px}}

.voice-toggle{border:1px solid var(--blue);border-radius:5px;padding:9px 12px;font-size:11px;background:var(--blue);color:white;white-space:nowrap}.voice-toggle[aria-pressed="false"]{background:transparent;color:var(--blue)}.audio-feedback{display:flex;align-items:center;gap:15px;font-size:11px;color:var(--muted);padding:0 24px}.audio-feedback:has(#audio-status:empty){display:none}.audio-feedback:not(:has(#audio-status:empty)){padding-bottom:15px}.audio-feedback button{font-size:11px;background:none;border:1px solid var(--line);border-radius:4px;padding:6px 9px;color:var(--blue)}@media(max-width:800px){.voice-toggle{margin-left:auto;font-size:10px;padding:9px}.controls{justify-content:flex-start}.notes-toggle{margin-left:0}.audio-feedback{padding-left:12px;padding-right:12px;flex-wrap:wrap}}