@font-face{font-family:Journey;src:url('assets/journey-serif.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Journey;src:url('assets/journey-italic.woff') format('woff');font-weight:400;font-style:italic;font-display:swap}
:root{color-scheme:dark;--ink:#160e0b;--cream:#f8e9d6;--gold:#cfaa7a;--muted:#d0bfae;--vh:1svh;--serif:Journey,'Iowan Old Style','Baskerville',Georgia,serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{background:var(--ink);scrollbar-width:none;scroll-behavior:auto}html::-webkit-scrollbar{display:none}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:6px}p,h1,h2{margin:0}em{font-weight:400}img{display:block;max-width:100%}[hidden]{display:none!important}.skip-link{position:fixed;z-index:100;left:20px;top:-100px;padding:14px 18px;background:var(--cream);color:var(--ink)}.skip-link:focus{top:20px}
#journey{height:820svh;position:relative}.stage{position:sticky;top:0;height:100svh;width:100%;overflow:hidden;isolation:isolate}.world,.story-copy,.visual,.warmth,.cinema-shade,.film-grain{position:absolute;inset:0}.world{overflow:hidden;background:#110b08}.warmth{background:radial-gradient(ellipse at 68% 46%,#5b2d183d,transparent 70%),linear-gradient(15deg,#1f1011,transparent 65%)}.visual{opacity:0;pointer-events:none;will-change:transform,opacity;overflow:hidden}.visual img{height:100%;width:100%;object-fit:cover}.product-visual{opacity:1;inset:0;transform-origin:50% 62%}.product-visual img{object-position:50% 65%}.cacao-visual img{object-position:50% 53%}.chocolate-visual{inset:12% -40% -22% -28%;transform-origin:40% 60%;mask-image:linear-gradient(180deg,transparent,#000 25%,#000 85%,transparent)}.chocolate-visual img{object-position:center 60%}.hazelnut-visual{inset:27% 7% 31% 7%;overflow:visible;filter:drop-shadow(0 24px 24px #0008)}.hazelnut-visual img{object-fit:contain}.city-visual,.historic-visual{inset:-4% -8%;transform-origin:50% 54%}.city-visual img{object-position:50% 50%;filter:brightness(.74) saturate(.64)}.historic-visual img{object-position:50% 45%;filter:sepia(.17) saturate(.58) brightness(.77) contrast(.95)}.window-visual{inset:0;transform-origin:50% 66%}.window-visual img{object-position:center 58%;filter:sepia(.12) saturate(.6) brightness(.85)}.tram-visual{z-index:4;inset:-8% -14%;transform:translateX(-120%);filter:brightness(.64) saturate(.68)}.tram-visual img{object-fit:cover;object-position:center}.cinema-shade{z-index:5;background:linear-gradient(180deg,rgba(16,9,6,.56) 0%,rgba(16,9,6,.1) 33%,transparent 53%,rgba(16,9,6,.7) 86%,#160e0beb 100%),linear-gradient(90deg,#160e0b28,transparent 20%,transparent 80%,#160e0b28);pointer-events:none}.film-grain{z-index:6;opacity:0;pointer-events:none;background-image:url('assets/grain.webp');background-size:180px;mix-blend-mode:soft-light}
.bokeh{position:absolute;inset:0;opacity:0;z-index:3;pointer-events:none}.bokeh i{position:absolute;border-radius:50%;background:radial-gradient(circle,#ffe6ad 0%,#b8772b77 25%,#a9661810 58%,transparent 72%);width:110px;height:110px;filter:blur(3px)}.bokeh i:nth-child(1){top:46%;left:12%;width:72px;height:72px}.bokeh i:nth-child(2){top:26%;left:54%;width:140px;height:140px}.bokeh i:nth-child(3){top:55%;left:80%;width:55px;height:55px}.bokeh i:nth-child(4){top:65%;left:32%;width:80px;height:80px}.bokeh i:nth-child(5){top:32%;left:4%;width:42px;height:42px}.bokeh i:nth-child(6){top:43%;left:65%;width:46px;height:46px}.bokeh i:nth-child(7){top:72%;left:60%;width:36px;height:36px}
.story-copy{z-index:10;pointer-events:none}.beat{position:absolute;inset:0;opacity:0;padding:0 7.2%;pointer-events:none;will-change:opacity,transform}.static-visual{display:none}.beat a,.beat button{pointer-events:none}.opening{opacity:1}.opening a{pointer-events:auto}.wordmark{position:absolute;top:6.2%;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap}.wordmark>span{font-family:var(--serif);font-size:2rem;letter-spacing:.21em;padding-left:.21em}.wordmark small{display:block;letter-spacing:.34em;padding-left:.34em;font-size:.625rem;margin-top:5px}.opening h1{position:absolute;top:18%;left:0;right:0;text-align:center}.eyebrow{display:block;font:400 .76rem/1.45 var(--sans);letter-spacing:.23em}.display{display:block;font:400 clamp(3.65rem,16vw,6.3rem)/1.05 var(--serif);letter-spacing:-.04em;margin-top:9px}.opening-bottom{position:absolute;bottom:5.5%;left:5%;right:5%;text-align:center}.product-label{font-size:.67rem;letter-spacing:.22em;line-height:1.6}.opening h1 .eyebrow{font-size:clamp(1.125rem,4.7vw,1.375rem);font-weight:500;line-height:1.5;letter-spacing:.18em;color:var(--cream)}.opening .display{margin-top:22px}.scroll-cue{display:inline-flex;align-items:center;flex-direction:column;gap:10px;padding:16px 25px 0;font-size:1rem;line-height:1.5;color:var(--cream);letter-spacing:.025em;min-height:76px}.scroll-arrow{display:block;width:28px;height:42px;fill:none;stroke:#efd0a5;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:scroll-breathe 2.4s ease-in-out infinite}@keyframes scroll-breathe{0%,100%{transform:translateY(0);opacity:.8}55%{transform:translateY(6px);opacity:1}}
.copy-top{position:absolute;top:13%;left:7.2%;right:7.2%}.chapter{font-size:.68rem;color:var(--gold);letter-spacing:.21em;margin-bottom:22px}.beat h2{font:400 clamp(2.65rem,10.7vw,4.75rem)/1.03 var(--serif);letter-spacing:-.02em;text-wrap:balance}.beat h2 em{color:#e2bf94}.body-copy{font-size:1rem;line-height:1.65;max-width:370px;color:#f0e1d1;text-wrap:pretty}.cacao .copy-bottom{bottom:7.5%}.cacao .body-copy{font-size:1.25rem;line-height:1.55;max-width:430px;color:var(--cream)}.callebaut-logo{box-sizing:content-box;width:110px;height:56px;padding:8px;background:#f8e9d6;margin-bottom:20px;border-radius:1px;object-fit:contain}.copy-bottom{position:absolute;bottom:8.5%;left:7.2%;right:7.2%}.supporting{font:italic 1.08rem/1.4 var(--serif);margin-top:18px;color:var(--gold)}.together .copy-top{top:13%}.together h2{font-size:clamp(2.2rem,8.5vw,4.15rem);line-height:1.13}.together h2:first-line{font-size:.68em}.copy-centre{position:absolute;top:27%;left:4%;right:4%;text-align:center}.beyoglu .display{font-size:clamp(3.8rem,17vw,6.7rem);margin-top:12px}.place-line{font-size:.78rem;letter-spacing:.17em;line-height:1.8;margin-top:35px;color:#fff2df}.history .copy-top{top:13%}.decade{display:block;font-family:var(--serif);font-size:clamp(5rem,23vw,8rem);line-height:1.06;letter-spacing:-.055em}.history .eyebrow{margin-top:8px;font-size:1rem;letter-spacing:.26em}.classic .copy-top{top:17%;text-align:center}.classic h2{font-size:clamp(2.55rem,10.2vw,5rem)}.return-title{position:absolute;top:15%;left:0;right:0;text-align:center}.wordmark-small{font:1.9rem var(--serif);letter-spacing:.16em;padding-left:.16em;margin-bottom:14px}.return-title h2{font-size:clamp(3.6rem,16vw,6.5rem)}.return-title .product-label{margin-top:9px}
.finale{background:linear-gradient(180deg,#160e0b6b,#160e0bee 53%,#160e0b);text-align:center}.finale-content{position:absolute;left:7%;right:7%;top:30%;}.final-story{font-size:.74rem;line-height:1.9;letter-spacing:.13em;color:#e5d2be}.final-rule{width:28px;height:1px;background:#a781535c;margin:29px auto}.beat .final-question{font-size:clamp(2.9rem,12vw,5rem);line-height:1.08}.connect-button{margin-top:36px;border:1px solid #b3906777;background:#261b1377;border-radius:2px;min-height:58px;width:100%;max-width:360px;padding:17px 12px;font-size:.69rem;letter-spacing:.055em;transition:background .2s,border-color .2s}.connect-button strong{font-weight:600}.connect-button:hover{background:#5b392844;border-color:var(--gold)}.final-signature{position:absolute;bottom:6%;left:0;right:0;font-size:.64rem;letter-spacing:.22em;color:#b49677}.final-signature span{display:inline-block;margin:0 13px;color:#806149}.journey-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#dcc09808;z-index:20;pointer-events:none}.journey-progress span{display:block;height:100%;width:100%;background:#d6af7377;transform:scaleX(0);transform-origin:left}
dialog{width:100%;max-width:480px;margin:auto auto 0;padding:40px 27px max(28px,env(safe-area-inset-bottom));border:1px solid #b5936c40;border-bottom:0;border-radius:20px 20px 0 0;background:#201711;color:var(--cream);max-height:94dvh;overflow:auto;box-shadow:0 -20px 100px #0008;overscroll-behavior:contain}dialog::backdrop{background:#080605b8;backdrop-filter:blur(7px)}dialog[open]{animation:sheet-in .32s cubic-bezier(.22,1,.36,1)}@keyframes sheet-in{from{transform:translateY(35px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-handle{position:absolute;left:calc(50% - 18px);top:11px;width:36px;height:3px;border-radius:5px;background:#96765b66}.close-dialog{position:absolute;right:10px;top:16px;width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center;color:#d9c0a1}.close-dialog svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.3;fill:none}.form-eyebrow{font-size:.65rem;color:var(--gold);letter-spacing:.11em;line-height:1.6;padding-right:20px;margin:8px 0 24px}dialog h2{font:400 1.9rem/1.14 var(--serif);letter-spacing:-.01em}dialog h2 em{color:#e5c4a0}#contact-form{margin-top:26px;display:grid;gap:17px}.field label{display:block;margin-bottom:8px;font-size:.83rem;color:#e7d5be}.field label span{font-size:.75rem;color:#b69e88}.field input{display:block;width:100%;min-height:48px;background:#ffffff04;border:1px solid #b2967552;border-radius:3px;padding:12px 13px;color:var(--cream);font-size:1rem;-webkit-appearance:none}.field input::placeholder{color:#9b8674}.field input:focus{border-color:var(--gold);outline:1px solid var(--gold);outline-offset:0}.submit-button{min-height:51px;border:0;border-radius:3px;background:#d1b08a;color:#201711;font-size:.9rem;font-weight:600;letter-spacing:.02em;margin-top:4px}.submit-button:hover{background:#e5c5a0}.prototype-note{font-size:.75rem;line-height:1.5;color:#b4a08b;text-align:center}.success-mark{height:54px;width:54px;margin:30px auto;border:1px solid #a3866155;border-radius:50%;display:grid;place-items:center}.success-mark svg{width:26px;stroke:var(--gold);fill:none;stroke-width:1.5}#success-view{text-align:center;padding:15px 0 25px;outline:none}#success-view .form-eyebrow{padding:0}#success-view h2{font-size:2.75rem}#success-view .prototype-note{margin-top:27px}.back-button{display:block;margin:24px auto 0;background:transparent;border:0;border-bottom:1px solid #98785588;padding:10px 4px;color:var(--cream);font-size:.83rem}
@media(min-width:700px){.beat{padding:0 10%}.product-visual{inset:-21% 0 -38% 24%;mask-image:linear-gradient(90deg,transparent,#000 20%)}.product-visual img{object-fit:contain}.opening .wordmark{top:8%;left:8%;transform:none;text-align:left}.opening h1{left:8%;right:auto;top:35%;text-align:left}.opening .display{font-size:clamp(5rem,8.5vw,10rem);letter-spacing:-.045em}.opening h1 .eyebrow{font-size:1.375rem}.opening-bottom{left:8%;right:auto;text-align:left;bottom:9%}.scroll-cue{padding-left:0;flex-direction:row;gap:20px}.scroll-arrow{height:36px}.copy-top{left:10%;right:10%;top:17%}.copy-bottom{left:10%;right:auto;bottom:17%;max-width:380px}.cacao-visual{inset:-12% -12% -28% 23%;mask-image:linear-gradient(90deg,transparent,#000 25%)}.hazelnut-visual{inset:17% 7% 18% 48%}.cacao .copy-bottom{max-width:430px;bottom:13%}.cacao .body-copy{font-size:1.3125rem}.chocolate-visual{inset:-18% 4% -47% -15%}.together .copy-top{left:10%;top:15%;right:10%;text-align:center}.together h2{font-size:3.3rem}.beyoglu .display{font-size:8rem}.beyoglu .copy-centre{top:27%}.city-visual img{object-position:center 55%}.history .copy-top{left:12%;top:18%}.window-visual{inset:-16% 10% -34% 22%;mask-image:linear-gradient(90deg,transparent,#000 30%)}.classic .copy-top{left:10%;right:auto;top:22%;text-align:left}.return-title{left:8%;right:auto;top:36%;text-align:left}.return-title h2{font-size:6rem}.finale-content{max-width:670px;left:50%;right:auto;width:90%;transform:translateX(-50%);top:25%}.final-story{font-size:.85rem}.beat .final-question{font-size:5rem}.connect-button{margin-top:35px}.final-rule{margin:25px auto}.finale{background:linear-gradient(90deg,#160e0be6,#160e0bcc),linear-gradient(0deg,#160e0b,transparent)}.connect-button{font-size:.73rem}.wordmark small{font-size:.67rem}dialog{margin:auto;padding:36px;border:1px solid #b5936c40;border-radius:12px}.sheet-handle{display:none}}
@media(max-height:650px) and (max-width:699px){.wordmark{top:4%}.wordmark>span{font-size:1.6rem}.opening h1{top:18%}.opening .display{font-size:14vw}.opening-bottom{bottom:4%}.scroll-cue{padding-top:10px;gap:8px}.scroll-arrow{height:30px}.opening .display{margin-top:16px}.copy-top{top:9%}.chapter{margin-bottom:15px}.beat h2{font-size:9.4vw}.body-copy{font-size:1rem;line-height:1.5}.copy-bottom{bottom:7%}.supporting{margin-top:12px;font-size:1rem}.hazelnut-visual{inset:27% 9% 35% 9%}.cacao .body-copy{font-size:1.125rem;line-height:1.5}.callebaut-logo{width:88px;height:44.8px;padding:6px;margin-bottom:14px}.finale-content{top:24%}.final-rule{margin:20px auto}.connect-button{margin-top:25px}.beat .final-question{font-size:11vw}}
@media(orientation:landscape) and (max-height:500px){#journey{height:1300svh}.opening .wordmark{top:7%;left:7%;transform:none}.opening h1{left:7%;right:auto;top:32%;text-align:left}.opening .display{font-size:4.5rem}.opening-bottom{left:7%;right:auto;bottom:7%;text-align:left}.product-visual{inset:-30% -10% -55% 30%}.copy-top{top:10%;left:6%;right:45%}.beat h2{font-size:2.5rem}.copy-bottom{left:auto;right:6%;bottom:15%;max-width:40%;font-size:1rem}.hazelnut-visual{inset:10% 46% 15% 10%}.cacao .body-copy{font-size:1.125rem;line-height:1.45}.cacao .copy-bottom{bottom:8%;max-width:40%}.callebaut-logo{width:78px;height:39.7px;padding:6px;margin-bottom:12px}.together .copy-top{top:10%;right:6%}.together h2{font-size:2.2rem}.finale-content{top:10%;left:50%;transform:translateX(-50%);width:80%}.final-story{font-size:.7rem}.final-rule{margin:15px auto}.beat .final-question{font-size:2.8rem}.connect-button{min-height:45px;margin-top:20px}.final-signature{bottom:5%}}
html:not(.js) #journey,.reduced #journey{height:auto}html:not(.js) .stage,.reduced .stage{position:relative;height:auto;overflow:visible}html:not(.js) .world,.reduced .world{display:none}html:not(.js) .story-copy,.reduced .story-copy{position:relative}html:not(.js) .beat,.reduced .beat{position:relative;min-height:100svh;opacity:1!important;transform:none!important;overflow:hidden;isolation:isolate}html:not(.js) .static-visual,.reduced .static-visual{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.65}html:not(.js) .beat:after,.reduced .beat:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#160e0b9c,transparent 45%,#160e0bef)}html:not(.js) .beat a,html:not(.js) .beat button,.reduced .beat a,.reduced .beat button{pointer-events:auto}html:not(.js) .journey-progress,.reduced .journey-progress{display:none}html:not(.js) .nuts-still,.reduced .nuts-still{inset:27% 7% 31%;width:86%;height:42%;object-fit:contain;padding:0;opacity:1}.reduced .scroll-arrow{animation:none}.reduced .finale-content>*,.reduced .final-signature{opacity:1!important;transform:none!important}.reduced .finale{min-height:100svh}.reduced .finale-content{z-index:2}html:not(.js) .connect-button{display:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.visual video{height:100%;width:100%;object-fit:cover}.historic-visual img{object-position:50% 55%}

.wordmark small,.product-label,.chapter,.form-eyebrow,.final-signature{font-size:.75rem}.connect-button{font-size:.75rem}.field label{font-size:.875rem}

/* Keep the selected kernels clear of headings and copy in the static alternative. */
@media(min-width:700px){html:not(.js) .nuts-still,.reduced .nuts-still{inset:17% 7% 18% 48%;width:45%;height:65%}}
@media(max-height:650px) and (max-width:699px){html:not(.js) .nuts-still,.reduced .nuts-still{inset:27% 9% 35%;width:82%;height:38%}}
@media(orientation:landscape) and (max-height:500px){html:not(.js) .nuts-still,.reduced .nuts-still{inset:10% 46% 15% 10%;width:44%;height:75%}}

/* One 9:16 camera plane for the natural kernels, both clips and the city hold. */
.film-visual{inset:0;z-index:2;overflow:hidden;will-change:opacity}
.film-stage{position:absolute;top:50%;left:70%;width:max(100%,calc(100svh * 9 / 16));height:auto;aspect-ratio:9/16;transform:translate(-70%,-50%);isolation:isolate}
.film-clip,.nut-intro,.nut-backdrop{position:absolute;inset:0}
.film-clip{opacity:0;z-index:1;will-change:opacity}
.film-clip[data-clip="2"]{z-index:2}
.film-clip img,.film-clip video,.film-clip canvas,.film-end-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.film-clip video{opacity:0;pointer-events:none}
.film-end-still{z-index:3;opacity:0;pointer-events:none}
.nut-intro{z-index:4;transform-origin:65% 49%;will-change:opacity}
.nut-backdrop{opacity:0;background:radial-gradient(ellipse at 50% 55%,#1e0a03 0%,#170701 56%,#120500 100%)}
.natural-nut{position:absolute;overflow:hidden;transform-origin:50% 50%;will-change:transform}
.natural-nut img{position:absolute;left:var(--sprite-left);top:var(--sprite-top);width:var(--sprite-width);height:var(--sprite-height);max-width:none;object-fit:fill}
html.js:not(.reduced) #journey{height:calc(820svh + var(--film-extra,0px))}
@media(min-width:700px){.film-stage{left:50%;width:min(100%,calc(100svh * 9 / 16));transform:translate(-50%,-50%)}}
@media(orientation:landscape) and (max-height:500px){html.js:not(.reduced) #journey{height:calc(1300svh + var(--film-extra,0px))}.film-stage{left:50%;width:calc(100svh * 9 / 16);transform:translate(-50%,-50%)}}

/* Scene 6: one registered photograph, travelling past foreground depth into its window. */
.scene6-visual{inset:0;z-index:2;overflow:hidden;will-change:opacity}
.scene6-plane{position:absolute;left:0;top:0;width:941px;height:1672px;transform-origin:0 0;will-change:transform}
.scene6-plane>img,.scene6-plane>div{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.scene6-plane img{width:100%;height:100%;max-width:none;object-fit:contain;filter:none}
.scene6-ground{transform-origin:27% 58%;mask-image:linear-gradient(transparent 77%,#000 92%);-webkit-mask-image:linear-gradient(transparent 77%,#000 92%);will-change:transform}
.scene6-display{opacity:0;clip-path:polygon(671px 918px,724px 918px,724px 996px,671px 996px);mask-image:linear-gradient(transparent 918px,#000 922px,#000 992px,transparent 996px);-webkit-mask-image:linear-gradient(transparent 918px,#000 922px,#000 992px,transparent 996px)}
.scene6-near-wall{transform-origin:27% 58%;mask-image:linear-gradient(90deg,transparent 91%,#000 98%);-webkit-mask-image:linear-gradient(90deg,transparent 91%,#000 98%);will-change:transform}
.scene6-plane>.scene6-glass{inset:auto;left:674px;top:923px;width:48px;height:65px;opacity:0;pointer-events:none;background:linear-gradient(105deg,transparent 15%,#fff3df 48%,transparent 75%);mix-blend-mode:screen}
.history .copy-top{top:11%}
.history-city{display:block;margin-top:8px;font:400 clamp(1.55rem,6.5vw,2.5rem)/1.15 var(--sans);letter-spacing:.16em}
.classic .copy-top{top:11%;left:7.2%;right:7.2%;max-width:590px;text-align:left}
.classic h2{font-size:clamp(2.2rem,9.4vw,4.1rem);line-height:1.09;text-wrap:balance}
.classic h2 em{color:#e5d1b5}
@media(orientation:landscape){.history .copy-top{left:7.2%;top:10%}.classic .copy-top{top:11%;max-width:40%;right:auto}.classic h2{font-size:clamp(1.8rem,4.2vw,4.1rem)}}

/* Scene 5's ending and Scene 6 share this single, centered 9:16 cover stage. */
.street-visual{inset:0;z-index:3;overflow:hidden;will-change:opacity}
.street-stage{position:absolute;left:50%;top:50%;width:max(100%,calc(100svh * 9 / 16));aspect-ratio:9/16;transform:translate(-50%,-50%);isolation:isolate}
.street-night,.tram-clip{position:absolute;inset:0;opacity:0;will-change:opacity}
.street-night{z-index:0}
.tram-clip[data-tram="1"]{z-index:1}
.tram-clip[data-tram="2"]{z-index:2}
.street-night img,.tram-clip img,.tram-clip video,.tram-clip canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.tram-clip video{opacity:0;pointer-events:none}
.street-stage>.scene6-visual{z-index:3}

.cinematic-frame{opacity:0;pointer-events:none}

/* A restrained narrative pause on the matching, fully covered tram frame. */
.tram-beginning .copy-centre{top:43%;left:7.2%;right:7.2%;transform:translateY(-50%)}
.tram-beginning h2{font-size:clamp(1.7rem,6.8vw,3rem);line-height:1.16;letter-spacing:.025em;text-shadow:0 2px 8px #160e0be6,0 0 22px #160e0ba6}

/* A quiet continuation prompt uses the opening arrow's shape and breathing motion. */
.continue-cue{position:absolute;z-index:21;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);opacity:0;pointer-events:none;transition:opacity .3s ease}
.continue-cue .scroll-arrow{width:17px;height:25px;stroke-width:1.7;filter:drop-shadow(0 1px 3px #160e0b);animation-duration:2.8s}
html:not(.js) .continue-cue,.reduced .continue-cue{display:none}
.classic .copy-top{width:85.6%;max-width:590px;right:auto;text-align:center}
@media(orientation:landscape){.classic .copy-top{width:40%;max-width:590px;text-align:right}}

/* Input advances the timeline; native page momentum has no story distance. */
html.js.guided,html.js.guided body{height:100%;overflow:hidden;overscroll-behavior:none}
html.js.guided #journey{height:100svh;min-height:0;overflow:hidden}
html.js.guided .stage{position:fixed;top:0;left:0;width:100%;height:100svh;overflow:hidden;touch-action:pinch-zoom}
html.js.guided .story-copy{position:absolute;inset:0}
html.js.guided.reduced .beat{position:absolute;inset:0;height:100%;min-height:0;opacity:var(--beat-opacity,0)!important}
html.js.guided.reduced .opening{--beat-opacity:1}
html.js.guided.reduced .final-story{opacity:var(--story-opacity,0)!important}
html.js.guided.reduced .final-rule,html.js.guided.reduced .final-question{opacity:var(--question-opacity,0)!important}
html.js.guided.reduced .connect-button,html.js.guided.reduced .final-signature{opacity:var(--cta-opacity,0)!important}
html.js.guided.reduced .continue-cue{display:block}
dialog{touch-action:pan-y;overscroll-behavior:contain}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Feathered local shade follows the existing window-linked caption position. */
.classic .copy-top{isolation:isolate}
.classic .copy-top::before{content:'';position:absolute;z-index:-1;inset:-16px -22px -12px;pointer-events:none;background:radial-gradient(ellipse at center,rgba(14,10,8,.66) 0%,rgba(14,10,8,.52) 48%,rgba(14,10,8,0) 76%);filter:blur(10px)}
.classic h2{text-shadow:0 1px 3px rgba(14,9,7,.9),0 3px 16px rgba(14,9,7,.7)}

/* Local contrast preserves the gold lettering without an outline or panel. */
.together h2 em{text-shadow:0 1px 3px rgba(22,12,7,.85),0 3px 12px rgba(22,12,7,.6)}
.scroll-cue{transition:opacity .3s ease}

/* Product copy inherits the original V5 serif display scale, tracking and 1.03
   leading above. Natural wrapping accommodates the approved longer wording. */
@media(max-width:359px) and (min-height:651px){.return-title h2{font-size:16vw}}
@media(min-width:700px) and (min-height:501px) and (max-height:740px){.return-title h2{font-size:min(6rem,10svh)}}
/* Aquila addition: the whole story is tappable. iOS Safari only sends a tap to
   an element it considers clickable, and the grey tap flash is switched off. */
html.js .stage{cursor:pointer;-webkit-tap-highlight-color:transparent}