/* V21 — a practical pull-cord lamp follows the rainy café photograph. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.entry-hero{padding:108px 0 24px;min-height:100svh;background:#05090e}
.entry-hero .room-overline{padding-bottom:15px}
.entry-hero .room-photograph{aspect-ratio:auto;height:clamp(380px,calc(100svh - 225px),920px);min-height:0}
.entry-hero .room-copy{margin-block:35px}
.entry-hero .room-copy h1{font-size:clamp(56px,6.9vw,112px);font-weight:400;letter-spacing:-.065em;line-height:1.02}
.entry-hero .room-copy h1 em{color:#abd5e7;transition:color 1.1s,text-shadow 1.1s}
.entry-hero[data-light="on"] .room-copy h1 em{color:#efd4a7;text-shadow:0 0 80px #e9be801c}
.entry-hero .room-copy .eyebrow{max-width:270px;line-height:1.7}
.entry-hero .room-introduction{max-width:280px}
.entry-hero .room-footer{gap:8px 28px;padding-top:10px}
.entry-hero .room-instruction{min-height:44px}
.entry-hero .room-photograph img{object-fit:contain;object-position:100% 50%;transition:filter 1.15s cubic-bezier(.16,.7,.2,1);mask-image:linear-gradient(90deg,transparent,#000 38%)}
.entry-hero[data-light="off"] .room-photograph img{filter:brightness(.23) saturate(.5)}
.entry-hero .cord-handle:before{opacity:.55;transform:scale(.92)}
.entry-hero .cord-handle:hover:before,.entry-hero .cord-handle:focus-visible:before{opacity:1;transform:scale(1.12)}
.entry-hero .room-open{margin-top:22px}
.entry-veil{position:fixed;inset:0;z-index:140;pointer-events:none;visibility:hidden;opacity:0;overflow:hidden;background:#07101b}
.entry-veil>span{position:absolute;inset:-30%;background:radial-gradient(ellipse at 70% 36%,#eac79750,transparent 38%),linear-gradient(130deg,transparent 43%,#accfeb32 49%,transparent 57%);transform:rotate(-12deg)}
.entry-veil.is-entering{visibility:visible}
.scene--opening h2{font-size:clamp(82px,10.7vw,180px)}
.scene--opening h2:focus{outline:none}

/* Scene II keeps the whole journey in an ink-blue evening palette. */
.film-light-tone{display:none!important}
.scene--patterns{color:#f1f7fa}
.scene--patterns:before{background:linear-gradient(90deg,#030910d9,transparent 78%),linear-gradient(0deg,#030910d9,transparent 65%)}
.scene--patterns .scene-lead{color:#d0dde6}
.scene--patterns .scene-footnote,.scene--patterns .scene-footnote>b{color:#d4e2ea;border-color:#b4cbd13b}
.scene--patterns .language-detail{background:#08121bdd;border-color:#a8cad638;box-shadow:0 25px 70px #0003;backdrop-filter:blur(12px)}
.scene--patterns .language-detail>span{color:#b8d5e0}
.scene--patterns .language-detail small{color:#ccdce5}
.scene--patterns .case-controls button{color:#d2e5ee;border-color:#b1ccd542;background:transparent}
.scene--patterns .case-controls button[aria-pressed="true"]{color:#07131c;background:#acd9e8;border-color:#acd9e8}
.immersive:not(.webgl-on) .scene--patterns .scene-photo:after{background:linear-gradient(90deg,#030910c4,transparent 72%),linear-gradient(0deg,#030910d9,transparent 60%)}
.language-detail p{perspective:600px}
.case-controls button{transition:background .3s,color .3s,border-color .3s,transform .3s}
.case-controls button:active{transform:translateY(2px)}

/* Scene III: a native, keyboard- and touch-operable time scrubber. */
.verb-detail{max-width:min(440px,42vw)}
.verb-detail .time-scrubber{display:block;position:relative;margin-top:17px;height:38px;width:100%;min-width:240px;gap:0}
.time-scrubber input{position:relative;z-index:1;display:block;margin:0;width:100%;height:38px;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;touch-action:pan-y}
.time-scrubber input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#f4ac99 var(--time-position,50%),#ced8dd45 var(--time-position,50%));border-radius:2px}
.time-scrubber input::-moz-range-track{height:2px;background:#ced8dd45;border-radius:2px}
.time-scrubber input::-moz-range-progress{height:2px;background:#f4ac99}
.time-scrubber input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-8px;border:4px solid #1a1519;border-radius:50%;background:#ffd3b8;box-shadow:0 0 0 1px #f4ac99,0 0 22px #f4ac9942}
.time-scrubber input::-moz-range-thumb{box-sizing:border-box;width:18px;height:18px;border:4px solid #1a1519;border-radius:50%;background:#ffd3b8;box-shadow:0 0 0 1px #f4ac99,0 0 22px #f4ac9942}
.time-scrubber input:focus-visible{outline:2px solid #f4ac99;outline-offset:3px;border-radius:4px}
.time-ticks{position:absolute;inset:15px 8px auto;display:flex;justify-content:space-between;pointer-events:none}
.time-ticks i{width:1px;height:9px;background:#e0c2b75e}
.verb-detail .tense-controls{margin-top:0!important;gap:6px;justify-content:space-between}
.tense-controls button{min-height:44px;font-size:.875rem}

/* Scene IV: a single table lamp adds the tactile cue; the photograph stays primary. */
.conversation-detail{display:block;max-width:380px;width:30%;right:var(--gutter);top:155px;bottom:auto;text-align:left;padding:17px 0 0;border-top:1px solid #f9dab58c;z-index:3}
.cafe-dialogue{min-width:0;padding:0;display:flex;flex-direction:column}
.cafe-dialogue>.eyebrow{display:block;font-family:var(--sans);font-style:normal;font-size:.75rem;letter-spacing:.1em;color:#cfbdac;margin-bottom:14px}
.cafe-dialogue>p,.cafe-dialogue #cafe-reply p{font-size:clamp(25px,2.2vw,38px);line-height:1.15;letter-spacing:-.02em;margin-top:0}
.cafe-dialogue>small,.cafe-dialogue #cafe-reply small{font-size:.875rem;line-height:1.45;margin-top:8px;margin-left:0;max-width:none}
.cafe-dialogue #cafe-reply small{display:block}
.cafe-dialogue:has(#cafe-reply:not([hidden]))>p,.cafe-dialogue:has(#cafe-reply:not([hidden]))>small{display:none}
.cafe-dialogue .conversation-reply{min-height:44px;display:flex!important;margin-top:12px;font-size:.875rem;padding:7px 0;align-self:flex-start}
.cafe-dialogue #cafe-reply{padding-top:4px}
.scene--conversation .scene-heading{max-width:56%}
/* Scene V: assemble a word instead of decorating a static card. */
.word-lab{min-width:290px;max-width:410px;padding:22px 0 0;border-top:1px solid #b8dece5c}
.word-lab>span{font-size:.75rem;letter-spacing:.09em;color:#b8dece;line-height:1.5;display:block}
.word-lab .word-assembly{display:flex;align-items:baseline;gap:0;min-height:65px;font-family:var(--sans);font-size:clamp(44px,4.1vw,66px);line-height:1.18;margin-top:12px;white-space:nowrap;perspective:500px}
.word-assembly>em{font-family:var(--sans);font-style:normal;color:#b8dece;display:inline-block}
.word-assembly>span{display:inline-block}
.word-lab small{font-size:.875rem;line-height:1.4;margin-top:8px}
.prefix-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.prefix-controls button{min-height:44px;padding:9px 14px;border:1px solid #b8dece4d;background:transparent;color:#dbe8e4;font-size:.875rem;transition:color .25s,background .25s,transform .25s}
.prefix-controls button[aria-pressed="true"]{background:#b8dece;color:#071512;border-color:#b8dece}
.prefix-controls button:active{transform:translateY(2px)}

/* Scene VI: a small paper reveal, usable even without JavaScript. */
.thinking-detail{width:360px;max-width:40%;text-align:left}
.home-phrase{font-size:clamp(30px,2.5vw,43px);line-height:1.2}
.meaning-fold{margin-top:14px;font-family:var(--sans);font-style:normal;font-size:1rem;perspective:850px}
.meaning-fold summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:44px;padding:7px 0;border-top:1px solid #d0dcff66;border-bottom:1px solid #d0dcff33;cursor:pointer;font-size:.875rem;color:#d8e5fa}
.meaning-fold summary::-webkit-details-marker{display:none}
.meaning-fold summary i{font-style:normal;font-size:1.375rem;transition:transform .35s}
.meaning-fold[open] summary i{transform:rotate(45deg)}
.meaning-paper{padding:16px 18px;background:#d0dcff;color:#152035;transform-origin:center top}
.meaning-paper p{font-family:var(--serif);font-style:italic;font-size:1.3125rem;line-height:1.35}
.meaning-paper small{font-size:.875rem;color:#3b4b60;line-height:1.5;margin-top:10px}
.meaning-fold[open] .meaning-paper{animation:meaning-unfold .6s var(--ease) both}
@keyframes meaning-unfold{from{transform:rotateX(-30deg);opacity:0}to{transform:rotateX(0);opacity:1}}

@media(min-width:761px){
 .scene--thinking .scene-heading{max-width:62%;margin:0;text-align:left;padding-bottom:0}
 .scene--thinking h2{font-size:clamp(76px,9.8vw,176px)}
 .scene--thinking .scene-lead,.scene--thinking .scene-topic{margin-inline:0}
 .simple-view .scene:not(.scene--toolkit) .scene-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:40px;align-items:center;min-height:max(760px,100svh);padding:160px var(--gutter) 140px}
 .simple-view .scene:not(.scene--toolkit) .scene-heading{margin:0;max-width:100%;width:auto;padding:0;text-align:left}
 .simple-view .scene-content>:is(.opening-note,.language-detail,.verb-detail,.conversation-detail,.depth-detail,.thinking-detail){position:relative;inset:auto;min-width:0;max-width:100%;width:100%;margin:0}
 .simple-view .scene-content>.conversation-detail{grid-template-columns:minmax(100px,.7fr) minmax(0,1fr)}
}

@media(min-width:761px) and (max-width:1100px){
 .conversation-detail{width:44%;max-width:none;grid-template-columns:130px minmax(140px,1fr);gap:2px}
 .cafe-dialogue>p,.cafe-dialogue #cafe-reply p{font-size:1.75rem}
 .verb-detail{max-width:42vw}.word-lab{min-width:270px;max-width:37%}
 .thinking-detail{width:310px;max-width:42%}
}
@media(min-width:761px) and (max-height:760px){
 .entry-hero{padding-top:89px}.entry-hero .room-photograph{height:max(340px,calc(100svh - 195px))}
 .entry-hero .room-copy h1{font-size:clamp(54px,6vw,87px)}.entry-hero .room-copy .eyebrow{margin-bottom:16px}.entry-hero .room-introduction{margin-top:18px}.entry-hero .room-open{margin-top:12px}
 .scene--opening h2{font-size:8.4vw}
 .conversation-detail{top:126px;grid-template-columns:130px minmax(170px,1fr);width:43%;gap:12px}
 .cafe-dialogue>.eyebrow{margin-bottom:9px}.cafe-dialogue>p,.cafe-dialogue #cafe-reply p{font-size:1.75rem}.cafe-dialogue>small{font-size:.875rem}
 .verb-detail .time-scrubber{margin-top:8px;height:30px}.time-scrubber input{height:30px}.time-ticks{top:11px}
 .word-lab{padding-top:14px}.word-lab .word-assembly{font-size:3.4rem;min-height:50px}.prefix-controls{margin-top:12px}
 .thinking-detail{bottom:130px}.meaning-paper{padding:12px 16px}.meaning-paper small{margin-top:6px}
}
@media(max-width:760px){
 .entry-hero{padding:90px 0 22px;min-height:100svh}
 .entry-hero .room-overline{padding-bottom:0;gap:6px}.entry-hero .room-overline>.eyebrow{display:none}.entry-hero .room-overline>a{margin-left:auto;min-height:36px;font-size:.875rem}
 .entry-hero .room-copy{margin:0;width:auto;padding:8px var(--gutter) 16px}
 .entry-hero .room-copy h1{font-size:clamp(44px,11.8vw,76px);line-height:1;letter-spacing:-.055em}
 .entry-hero .room-copy h1>span{display:inline}.entry-hero .room-copy h1>br{display:none}
 .entry-hero .room-copy h1 em{display:inline-block}
 .entry-hero .room-introduction,.entry-hero .room-open{display:none}
 .entry-hero .room-photograph{height:clamp(280px,calc(100svh - 307px),640px);aspect-ratio:auto;min-height:0}
 .entry-hero .room-photograph img{object-fit:cover;object-position:78% 50%;mask-image:none}
 .entry-hero .room-footer{display:flex;flex-direction:column;align-items:flex-start;padding-top:9px;gap:0}
 .entry-hero .room-instruction{min-height:36px;line-height:1.4}.entry-hero .room-toggle{padding-block:5px;min-height:40px}
 .entry-hero .cord-hint{font-size:.875rem}
 .scene--opening h2{font-size:clamp(48px,13.3vw,94px)}
 .scene--patterns:before,.immersive:not(.webgl-on) .scene--patterns .scene-photo:after{background:linear-gradient(0deg,#030910f2,#030910b5 38%,#0309100f 80%)}
 .scene--patterns .language-detail{padding:14px 18px}
 .scene--patterns .language-detail>span{color:#b8d5e0;font-size:.75rem}
 .scene--patterns .language-detail small{font-size:.875rem}
 .case-controls button,.tense-controls button{min-height:44px;font-size:.875rem}
 .verb-detail{max-width:100%}.verb-detail .time-scrubber{min-width:0;width:100%;margin-top:10px}
 .verb-detail .tense-controls{gap:6px;justify-content:space-between}
 .verb-detail .tense-word{display:block;margin-top:0}
 .tense-word [data-tense-word]{font-size:2.1875rem}.tense-word small{font-size:.875rem;max-width:290px;line-height:1.4}
 .immersive .scene-content>.conversation-detail,.conversation-detail{display:grid;grid-template-columns:clamp(108px,31vw,160px) minmax(0,1fr);width:100%;max-width:100%;gap:10px;text-align:left;padding:0;border:0}
 .cafe-dialogue{padding:0}.cafe-dialogue>.eyebrow{font-size:.75rem;margin-bottom:9px;line-height:1.5}
 .cafe-dialogue>p,.cafe-dialogue #cafe-reply p{font-size:clamp(23px,6.1vw,32px)}
 .cafe-dialogue>small,.cafe-dialogue #cafe-reply small{font-size:.875rem;line-height:1.3;margin-top:7px}
 .cafe-dialogue .conversation-reply{margin-top:6px;min-height:44px;padding:6px 0}
 .cafe-dialogue #cafe-reply{padding-top:0}.cafe-dialogue #cafe-reply p{margin-top:0}
 .scene--conversation .scene-heading{max-width:100%;padding-top:0}
 .word-lab{min-width:0;max-width:100%;width:100%;border-left:0;padding:16px 0 0;text-align:left}
 .word-lab>span{font-size:.75rem;max-width:250px}.word-lab .word-assembly{font-size:2.75rem;min-height:50px;margin-top:6px}
 .word-lab small{font-size:.875rem;margin-top:4px}.prefix-controls{margin-top:13px;gap:8px}.prefix-controls button{font-size:.875rem;min-height:44px;padding-inline:14px}
 .immersive .scene-content>.thinking-detail,.thinking-detail{width:min(100%,350px);max-width:100%;align-self:flex-start;text-align:left}
 .home-phrase{font-size:2rem}.meaning-fold{margin-top:10px}.meaning-paper{padding:12px 16px}.meaning-paper p{font-size:1.25rem}.meaning-paper small{font-size:.875rem;line-height:1.3}
 .compact-stage .scene-content{gap:16px}
 .compact-stage :is(.scene--motion,.scene--conversation,.scene--depth,.scene--thinking) .scene-lead{display:none}
 .compact-stage .scene--opening h2{font-size:clamp(39px,12vw,67px)}
 .compact-stage .scene-content>.conversation-detail{grid-template-columns:100px minmax(0,1fr);gap:10px}
 .compact-stage .cafe-dialogue>.eyebrow{display:none}.compact-stage .cafe-dialogue>p,.compact-stage .cafe-dialogue #cafe-reply p{font-size:1.4375rem}
 .compact-stage .cafe-dialogue>small{font-size:.875rem}.compact-stage .cafe-dialogue #cafe-reply small{display:none}
 .compact-stage .word-lab{padding-top:10px}.compact-stage .word-lab .word-assembly{font-size:2.5rem;min-height:43px}.compact-stage .prefix-controls{margin-top:9px}
 .compact-stage .meaning-paper small{display:none}.compact-stage .home-phrase{font-size:1.75rem}
 .compact-stage .verb-detail .time-scrubber{margin-top:5px;height:30px}.compact-stage .time-scrubber input{height:30px}.compact-stage .time-ticks{top:11px}
 .simple-view .scene:not(.scene--toolkit) .scene-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:36px;padding:155px var(--gutter) 112px;min-height:850px;min-height:max(850px,100svh)}
 .simple-view .scene:not(.scene--toolkit) .scene-heading{order:2;padding:0;max-width:100%}
 .simple-view .scene-content>:is(.opening-note,.language-detail,.verb-detail,.conversation-detail,.depth-detail,.thinking-detail){position:relative;inset:auto;margin:0 0 auto;order:1;max-width:100%;align-self:flex-start}
 .simple-view .scene--patterns .scene-content{min-height:max(850px,100svh)}
}
@media(orientation:landscape) and (max-height:540px){
 .entry-hero .room-photograph{height:380px}.entry-hero .room-copy h1{font-size:3.5rem}
 .simple-view .scene:not(.scene--toolkit) .scene-content{display:flex;flex-direction:column;gap:35px;align-items:flex-start}
 .simple-view .scene-content>:is(.language-detail,.verb-detail,.conversation-detail,.depth-detail,.thinking-detail){display:block!important;position:relative!important;inset:auto!important;margin:0!important;order:2;width:min(480px,100%);max-width:100%;text-align:left}
 .simple-view .scene-content>.conversation-detail{display:grid!important;grid-template-columns:140px minmax(0,1fr)}
 .simple-view .scene:not(.scene--toolkit) .scene-heading{order:1;max-width:100%!important;padding:0}
 .simple-view .scene--thinking .scene-heading{text-align:left;margin:0}
}
@media(prefers-reduced-motion:reduce){.entry-veil{display:none!important}.meaning-paper{animation:none!important}.entry-hero *,.meaning-fold summary i{transition:none!important}}
.user-reduced-motion .entry-veil{display:none!important}.user-reduced-motion .meaning-paper{animation:none!important}


/* Scene IV: only the photographed lamp's cord is an interface element. */
.scene--conversation .scene-content{z-index:2}
.cafe-cord{position:absolute;left:0;top:0;width:80px;height:180px;z-index:5;pointer-events:none;visibility:hidden;opacity:0}
.cafe-cord.is-ready{visibility:visible;opacity:1;transition:opacity .38s ease-out}
.cafe-cord-art{position:absolute;inset:0;overflow:visible;pointer-events:none}
.cafe-cord-art path{fill:none;stroke-linecap:round}
.cafe-cord-shadow{stroke:#160e07b3;stroke-width:4;transform:translate(1px,1px)}
.cafe-cord-line{stroke:#bb965e;stroke-width:2.4}
.cafe-cord-glint{stroke:#f6dfac;stroke-width:.75;transform:translate(-.4px,0)}
.scene--conversation .cafe-cord-hit{
 position:absolute;left:0;top:0;width:52px;height:52px;min-width:52px;min-height:52px;padding:0;border:0;border-radius:50%;
 background:transparent;cursor:grab;touch-action:none;pointer-events:auto;-webkit-tap-highlight-color:transparent
}
.scene--conversation .cafe-cord-hit:disabled{pointer-events:none}
.cafe-cord-hit:focus-visible{outline:1px solid #f6d6a0;outline-offset:2px;background:#f6d6a009}
.cafe-cord.is-pulling .cafe-cord-hit{cursor:grabbing}
.cafe-cord-bead{position:absolute;left:50%;top:50%;width:10px;height:14px;transform:translate(-50%,-50%);border-radius:48%;
 background:radial-gradient(circle at 30% 22%,#fff0c4,#caa064 52%,#775130 95%);box-shadow:1px 2px 2px #10090099}
.cafe-cord-hit:hover .cafe-cord-bead,.cafe-cord-hit:focus-visible .cafe-cord-bead{box-shadow:0 0 9px #ebc38650,1px 2px 2px #10090099}
.webgl-on .cafe-cord-art,.webgl-on .cafe-cord-bead{opacity:0}
/* Keep the small practical light legible through the mobile text vignette. */
.immersive .film-tone{-webkit-mask-image:radial-gradient(circle var(--cafe-mask-size,90px) at var(--cafe-mask-x,60%) var(--cafe-mask-y,70%),rgba(0,0,0,var(--cafe-mask-center,1)) 4%,#000 100%);mask-image:radial-gradient(circle var(--cafe-mask-size,90px) at var(--cafe-mask-x,60%) var(--cafe-mask-y,70%),rgba(0,0,0,var(--cafe-mask-center,1)) 4%,#000 100%)}
.cafe-cord-hint{position:absolute;left:50%;top:calc(50% + 15px);transform:translateX(-50%);padding:3px 7px;border-radius:3px;
 white-space:nowrap;pointer-events:none;color:#f5dfbc;background:#21180e75;font:400 .75rem/1.4 var(--sans);letter-spacing:.04em;text-shadow:0 1px 3px #000;transition:opacity .25s}
.cafe-cord.has-used .cafe-cord-hint{opacity:0}
.cafe-cord-hit:hover .cafe-cord-hint,.cafe-cord-hit:focus-visible .cafe-cord-hint{opacity:1}
.cafe-cord.is-pulling .cafe-cord-hint{opacity:0}
.cafe-light{position:absolute;z-index:0;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity .65s ease-out;
 background:radial-gradient(ellipse 2.1% 1.7% at 60.14% 66.43%,#ffd994bd,transparent 92%),radial-gradient(ellipse 5% 5% at 60.14% 67.7%,#eaa24530,transparent 90%),radial-gradient(ellipse 12% 3.2% at 61.2% 75.1%,#e6a95442,transparent 95%)}
.cafe-lamp-on .cafe-light{opacity:1}
.webgl-on .cafe-light{display:none}
@media(min-width:761px){
 .immersive .scene-content>.conversation-detail,.conversation-detail{display:block;position:absolute;right:var(--gutter);left:auto;top:auto;bottom:176px;width:min(380px,30vw);max-width:calc(100% - var(--gutter)*2);padding:17px 0 0;border-top:1px solid #f9dab58c;text-align:left}
 .simple-view .scene-content>.conversation-detail{display:block;position:relative;inset:auto;width:100%;max-width:100%;padding:0;border:0}
}
@media(min-width:761px) and (max-width:1100px){
 .immersive .scene-content>.conversation-detail,.conversation-detail{width:min(330px,31vw);bottom:160px}
}
@media(min-width:761px) and (max-height:760px){
 .immersive .scene-content>.conversation-detail,.conversation-detail{bottom:146px}
}
@media(max-width:760px){
 .immersive .scene-content>.conversation-detail,.conversation-detail{display:block;width:100%;max-width:100%;text-align:left;padding:0;border:0}
 .cafe-dialogue>.eyebrow{font-size:.75rem;margin-bottom:9px;line-height:1.5}
 .cafe-dialogue>p,.cafe-dialogue #cafe-reply p{font-size:clamp(23px,6.1vw,32px)}
 .cafe-dialogue>small,.cafe-dialogue #cafe-reply small{font-size:.875rem;line-height:1.3;margin-top:7px}
 .cafe-dialogue .conversation-reply{margin-top:6px;min-height:44px;padding:6px 0}
 .cafe-dialogue #cafe-reply{padding-top:0}.cafe-dialogue #cafe-reply p{margin-top:0}
 .scene--conversation .scene-heading{max-width:100%;padding-top:0}
 .compact-stage .scene-content>.conversation-detail{display:block;width:100%;max-width:100%}
 .simple-view .scene-content>.conversation-detail{display:block!important;width:100%;max-width:100%;padding:0}
}
@media(max-width:760px){
 .immersive .scene--conversation .scene-content{justify-content:flex-start;padding-top:128px}
 .immersive .scene--conversation .scene-heading{order:1}
 .immersive .scene--conversation h2{font-size:clamp(38px,10vw,66px)}
 .immersive .scene--conversation .scene-content>.conversation-detail{position:absolute;inset:auto var(--gutter) 151px auto;width:46%;max-width:210px;margin:0}
 .immersive .scene--conversation .cafe-dialogue>.eyebrow{font-size:.75rem}
 .immersive .scene--conversation .cafe-dialogue>p,.immersive .scene--conversation #cafe-reply p{font-size:clamp(22px,5.4vw,30px)}
 .simple-view .scene--conversation .scene-content{min-height:max(1040px,100svh);justify-content:flex-start;gap:28px}
 .simple-view .scene--conversation .scene-content>.scene-heading{order:1}
 .simple-view .scene--conversation .scene-content>.conversation-detail{order:2;margin:0}
}
@media(prefers-reduced-motion:reduce){.cafe-cord,.cafe-light{transition:none!important}}
.user-reduced-motion .cafe-cord,.user-reduced-motion .cafe-light{transition:none!important}