/* Art-directed Alvéns scenes. The source deck stays deliberately understated. */
.showcase{--sc-serif:"Fraunces",Georgia,serif;--sc-night:#163e32;--sc-cream:#fff0cc;--sc-rust:#a25037;--sc-ease:cubic-bezier(.16,.84,.2,1);margin-top:30px;position:relative}
.showcase [hidden]{display:none!important}.showcase button{cursor:pointer}.showcase svg{display:block}
.sc-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;align-items:end;margin-bottom:38px}.sc-heading h2{font-size:clamp(30px,3.6vw,47px);margin-top:16px;max-width:640px}.sc-heading>p{font-size:17px;line-height:1.55;color:var(--muted);max-width:360px}
.sc-stage{position:relative;padding:12px 0 30px}.sc-result{margin-left:190px;min-width:0}.sc-label{display:flex;align-items:center;gap:9px;font:500 10px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}.sc-label>span{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:50%;font-size:9px}.sc-result>.sc-label{margin-left:18px}
/* A compact piece of source material rests against the finished presentation. */
.sc-source{position:absolute;z-index:2;left:0;top:210px;width:242px;transform:rotate(-5deg);transform-origin:center bottom}.sc-source .sc-label{margin-left:8px}.sc-file{font-family:Calibri,Arial,sans-serif;border:1px solid #c9c3b9;border-radius:7px;overflow:hidden;background:#f0eeea;box-shadow:0 25px 45px -20px #191f2450}.sc-file-title{display:flex;align-items:center;gap:8px;background:#963e2a;color:white;padding:9px 10px;font-size:10px}.sc-file-icon{display:grid;place-items:center;width:19px;height:21px;border-radius:2px;background:#ffffff20;font-size:13px;font-weight:bold;border:1px solid #ffffff40}.sc-file-dots{margin-left:auto;font-size:16px}.sc-ribbon{font-size:8px;padding:7px 10px;word-spacing:7px;white-space:pre-wrap;color:#605b55;border-bottom:1px solid #d9d5ce}.sc-source-canvas{margin:9px;background:white;border:1px solid #dedad1}.sc-source-slide{position:relative;padding:16px 15px 34px;min-height:202px;animation:sc-fade .5s both}.sc-source-slide h4{font:700 14px/1.2 Calibri,Arial,sans-serif;color:#244d6a;letter-spacing:0;text-wrap:pretty;padding-bottom:10px;border-bottom:2px solid #244d6a}.sc-source-slide ul{font-size:10px;line-height:1.5;padding-left:13px;margin-top:13px;color:#414141}.sc-source-slide li+li{margin-top:7px}.sc-source-foot{position:absolute;bottom:10px;left:15px;right:15px;display:flex;justify-content:space-between;font-size:8px;color:#757575}.sc-miniatures{display:flex;gap:7px;padding:0 9px 10px}.sc-miniatures span{display:grid;place-items:center;background:white;border:1px solid #c6bfb4;width:30px;height:21px;font-size:8px;color:#625b51}.sc-miniatures .is-current{outline:1.5px solid #963e2a;outline-offset:1px}.sc-source-caption{font:9px var(--mono);color:var(--muted);margin:12px 0 0 10px}
/* The digital scene owns the space and carries its own colour palette. */
.sc-player{--scene:#163e32;--scene-ink:#fff6de;--scene-muted:#c8d6c6;--scene-line:#ffffff24;--scene-accent:#f0c681;position:relative;border-radius:12px;overflow:hidden;background:var(--scene);color:var(--scene-ink);box-shadow:0 28px 65px -30px #0d292d70;container-type:inline-size;isolation:isolate;transition:background .5s,color .5s}
.sc-player[data-theme="1"]{--scene:#f7f0e5;--scene-ink:#263d32;--scene-muted:#5e6e60;--scene-line:#30483830;--scene-accent:#945239}
.sc-player[data-theme="2"]{--scene:#98513b;--scene-ink:#fff1d3;--scene-muted:#f0d6c1;--scene-line:#fff0dc35;--scene-accent:#ffdd9b}
.sc-player[data-theme="3"]{--scene:#112c27;--scene-ink:#fff1d3;--scene-muted:#c2cdbd;--scene-line:#fff0dc26;--scene-accent:#f0c681}
.sc-player-bar{height:60px;display:flex;align-items:center;justify-content:space-between;margin:0 34px 0 64px;border-bottom:1px solid var(--scene-line);position:relative;z-index:3}.sc-brand{display:flex;gap:15px;align-items:center;font:400 29px/1 var(--sc-serif);letter-spacing:-1.5px;color:var(--scene-ink)}.sc-brand span{font:9px var(--mono);letter-spacing:.16em;border-left:1px solid var(--scene-line);padding-left:15px}.sc-expand{background:none;border:0;color:var(--scene-muted);display:flex;align-items:center;gap:8px;font:500 11px var(--body);padding:9px 0 9px 9px}.sc-expand svg{width:16px;height:16px}.sc-expand:hover{color:var(--scene-ink)}
.sc-slides{position:relative}.sc-slide{position:relative;min-height:470px;overflow:hidden;isolation:isolate;padding:38px 38px 24px 64px}.sc-title{position:relative;z-index:2;max-width:70%}.sc-kicker{font:500 9px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--scene-accent)}.sc-slide h3{font:400 clamp(35px,4.4vw,59px)/1.02 var(--sc-serif);font-optical-sizing:auto;font-variation-settings:"SOFT" 0,"WONK" 0;letter-spacing:-.047em;margin:18px 0 0;color:var(--scene-ink);text-wrap:initial}.sc-slide h3 em{display:block;color:var(--scene-accent);font-weight:400;letter-spacing:-.045em}.sc-title,.sc-opening,.sc-greeting,.sc-choices,.sc-feedback{animation:sc-rise .9s var(--sc-ease) both}.sc-title{animation-delay:.08s}.sc-opening{animation-delay:.22s}.sc-greeting{animation-delay:.5s}.sc-choices{animation-delay:.18s}.sc-feedback{animation-delay:.3s}
.sc-opening{position:relative;z-index:2;font-size:16px;line-height:1.5;color:var(--scene-muted);max-width:42%;margin-top:22px}.sc-greeting{display:flex;align-items:center;gap:19px;position:absolute;bottom:35px;left:64px;right:38px;z-index:2;max-width:52%}.sc-seconds{display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--scene-line);padding-right:20px}.sc-seconds b{font:400 54px/.95 var(--sc-serif);letter-spacing:-.06em;color:var(--scene-accent)}.sc-seconds span{font:9px var(--mono);letter-spacing:.04em;margin-top:8px;color:var(--scene-muted)}.sc-greeting>p{font:400 15px/1.5 var(--body);color:var(--scene-ink)}
.sc-dawn{position:absolute;z-index:0;inset:0 0 0 48%;pointer-events:none}.sc-sun{position:absolute;width:230px;aspect-ratio:1;right:6%;top:49px;border-radius:50%;background:#f0c681;box-shadow:0 0 90px #efc88120;animation:sc-sunrise 1.7s var(--sc-ease) both}.sc-orbit{position:absolute;width:295px;aspect-ratio:1;right:-5%;top:17px;border:1px solid #fff1d329;border-radius:50%;animation:sc-orbit-in 1.8s var(--sc-ease) both}.sc-horizon{position:absolute;width:790px;height:370px;border-radius:50%;bottom:-175px;left:-50px;background:#668371;transform:rotate(-9deg);animation:sc-land 1.3s var(--sc-ease) both}.sc-horizon::after{content:"";position:absolute;inset:65px -40px -90px 120px;background:#9aab8e;border-radius:50%}.sc-sofa{width:100%;height:auto;overflow:visible}.sc-dawn>.sc-sofa{position:absolute;right:-1%;bottom:25px;width:112%;max-width:none}.sc-sofa-back{animation:sc-rise 1.4s var(--sc-ease) .18s both}.sc-sofa-base{animation:sc-rise 1.1s var(--sc-ease) .12s both}.sc-cushion{animation:sc-cushion 1.25s var(--sc-ease) .4s both}.sc-room-plant{animation:sc-rise 1.4s var(--sc-ease) .3s both;transform-origin:410px 250px}
/* A need changes the scene, then the advice. */
.sc-slide-1 .sc-title{max-width:66%}.sc-slide-1 h3{font-size:clamp(34px,4vw,53px)}.sc-room{position:absolute;right:4%;top:25px;width:35%;height:220px;pointer-events:none}.sc-room-arch{position:absolute;inset:0 20px 15px;background:#dedcc7;border-radius:130px 130px 0 0;animation:sc-rise 1.2s var(--sc-ease) both}.sc-room .sc-sofa{position:absolute;bottom:3px;left:-7%;width:116%;max-width:none;--sofa-back:#8e9f8b;--sofa-fill:#b8c6a9;--sofa-shade:#6d8067;transition:filter .6s}.sc-room-caption{position:absolute;bottom:-15px;text-align:center;width:100%;font:10px var(--mono);color:var(--scene-muted)}.sc-room-marker{position:absolute;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--scene);color:var(--scene-accent);border:1px solid #bdbba6;font:10px var(--mono);transition:transform .5s,background .5s,color .5s;z-index:2}.sc-marker-1{left:3%;top:45px}.sc-marker-2{left:53%;top:17px}.sc-marker-3{right:0;top:110px}.sc-slide-1[data-selection="0"] .sc-marker-1,.sc-slide-1[data-selection="1"] .sc-marker-2,.sc-slide-1[data-selection="2"] .sc-marker-3{transform:scale(1.2);background:var(--sc-night);color:var(--sc-cream);box-shadow:0 0 0 6px #163e3212}.sc-slide-1[data-selection="0"] .sc-sofa{filter:sepia(.35)}.sc-slide-1[data-selection="2"] .sc-cushion{fill:#da885a}
.sc-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;z-index:2}.sc-choices-1{margin-top:70px}.sc-choice{position:relative;display:flex;align-items:center;gap:13px;text-align:left;color:var(--scene-ink);font:500 13px/1.4 var(--body);border:1px solid var(--scene-line);background:transparent;border-radius:9px;min-height:74px;padding:14px;transition:background .25s,border-color .25s,transform .35s var(--sc-ease)}.sc-choice:hover{border-color:var(--scene-accent);transform:translateY(-3px)}.sc-choice[aria-pressed=true]{border-color:var(--scene-accent);background:#ffffff0a}.sc-choices-1 .sc-choice[aria-pressed=true]{background:#e1e7d8;border-color:#587257}.sc-symbol{font:400 27px/1 var(--sc-serif);color:var(--scene-accent);flex-shrink:0}.sc-choice-label{display:block}.sc-choice-check{position:absolute;right:10px;top:9px;width:15px;height:15px;opacity:0;transition:opacity .25s}.sc-choice-check svg{width:100%;height:100%}.sc-choice[aria-pressed=true] .sc-choice-check{opacity:1}.sc-feedback{position:relative;z-index:2;min-height:67px;margin-top:20px;color:var(--scene-muted);font:400 14px/1.5 var(--body);max-width:640px}.sc-feedback [data-detail]{animation:sc-rise .45s var(--sc-ease) both}.sc-feedback.is-correct{color:var(--scene-accent)}
/* Fabric samples: large enough to feel material, not icons on cards. */
.sc-slide-2 .sc-title{max-width:100%}.sc-slide-2 h3{font-size:clamp(34px,4vw,53px)}.sc-slide-2 h3 em{display:inline}.sc-slide-2 h3 em::before{content:" ";white-space:pre}.sc-material-line{position:absolute;width:550px;height:550px;border:1px solid #ffe3b01c;border-radius:50%;right:-260px;top:-90px;pointer-events:none}.sc-choices-2{gap:24px;margin-top:28px}.sc-choices-2 .sc-choice{border:0;border-radius:0;padding:0 0 10px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.sc-choices-2 .sc-choice:hover{transform:none}.sc-choices-2 .sc-choice[aria-pressed=true]{background:none}.sc-fabric{position:relative;display:block;width:100%;height:130px;border-radius:65px 65px 9px 9px;background-color:#ddd0af;box-shadow:0 12px 25px -10px #31190c65,inset 0 0 0 1px #fff4;transform-origin:center bottom;transition:transform .55s var(--sc-ease),box-shadow .5s;overflow:hidden}.sc-fabric::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent 0 3px,#fff5 3px 4px,transparent 4px 7px,#0002 7px 8px),repeating-linear-gradient(0deg,transparent 0 3px,#fff4 3px 4px,transparent 4px 6px,#0002 6px 7px);opacity:.75}.sc-fabric::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#fff5,transparent 45%,#0002)}.sc-fabric>span{position:absolute;right:13px;bottom:10px;background:#fff4;padding:5px 8px;color:#253627;font:10px var(--mono);z-index:1}.sc-fabric-1{background-color:#8e9d83;border-radius:9px 65px 9px 65px}.sc-fabric-1::before{background-size:6px 6px;opacity:.6}.sc-fabric-2{background-color:#d0a36e;border-radius:65px 9px 65px 9px}.sc-fabric-2::before{background-size:4px 4px;opacity:.9}.sc-choices-2 .sc-choice:hover .sc-fabric{transform:translateY(-8px) rotate(-2deg)}.sc-choices-2 .sc-choice[aria-pressed=true] .sc-fabric{transform:translateY(-8px);box-shadow:0 0 0 3px var(--scene),0 0 0 4px var(--scene-accent),0 14px 28px -10px #31190c90}.sc-choices-2 .sc-choice-label{font:400 23px/1.1 var(--sc-serif)}.sc-choice-label small{display:block;font:9px var(--mono);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px;color:var(--scene-muted)}.sc-choices-2 .sc-choice-check{top:auto;bottom:15px;color:var(--scene-accent)}.sc-slide-2 .sc-feedback{margin-top:10px;font-size:13px;min-height:60px}
/* Knowledge becomes a conversation, with a drawn confirmation on a correct answer. */
.sc-slide-3 .sc-title{max-width:74%}.sc-slide-3 h3{font-size:clamp(35px,4.2vw,56px)}.sc-choices-3{grid-template-columns:1fr;gap:9px;margin-top:28px;max-width:64%}.sc-choices-3 .sc-choice{min-height:45px;padding:11px 35px 11px 14px;gap:13px;font-size:13px}.sc-choices-3 .sc-symbol{font:11px var(--mono);color:var(--scene-accent)}.sc-slide-3 .sc-feedback{max-width:65%;font-size:13px;min-height:58px;margin-top:15px}.sc-quiz-art{position:absolute;right:4%;top:145px;width:25%;aspect-ratio:1}.sc-quiz-orbit{position:absolute;inset:-18px;border:1px solid #f0c68130;border-radius:50%;transform:rotate(-25deg);animation:sc-orbit-in 1.5s var(--sc-ease) both}.sc-quiz-orbit::after{content:"";position:absolute;top:7%;left:12%;width:10px;height:10px;border-radius:50%;background:var(--scene-accent)}.sc-quiz-number{display:grid;place-items:center;width:100%;height:100%;font:400 120px/1 var(--sc-serif);color:var(--scene-accent);border-radius:50%;background:#254739;transition:opacity .3s,transform .7s var(--sc-ease)}.sc-quiz-caption{display:block;margin:32px -8px 0;text-align:center;color:var(--scene-muted);font:10px var(--mono)}.sc-success{position:absolute;inset:0;width:100%;height:100%;color:var(--scene-accent);opacity:0;transform:scale(.6);transition:opacity .5s,transform .8s var(--sc-ease)}.sc-success circle{stroke:currentColor;stroke-width:.5;fill:#254739}.sc-success path{stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .8s .15s}.sc-slide-3[data-selection=correct] .sc-success{opacity:1;transform:scale(1)}.sc-slide-3[data-selection=correct] .sc-success path{stroke-dashoffset:0}.sc-slide-3[data-selection=correct] .sc-quiz-number{opacity:0;transform:scale(.75)}
/* Controls belong to the presentation, not a separate app card. */
.sc-controls{display:flex;align-items:center;gap:14px;border-top:1px solid var(--scene-line);padding:14px 34px 14px 64px;position:relative;z-index:3}.sc-controls button{display:inline-flex;align-items:center;justify-content:center;gap:9px;font:500 13px var(--body);padding:10px 18px;min-height:42px;border:1px solid var(--scene-line);border-radius:40px;background:none;color:var(--scene-ink)}.sc-controls button svg{width:17px;height:17px}.sc-controls .sc-prev{padding:10px;width:42px}.sc-prev svg{transform:rotate(180deg)}.sc-controls button[aria-disabled=true]{opacity:.35;cursor:default}.sc-count{font:10px var(--mono);color:var(--scene-muted)}.sc-controls .sc-next{margin-left:auto;background:var(--scene-accent);border-color:var(--scene-accent);color:var(--scene)}.sc-controls .sc-next:hover{filter:brightness(1.1)}.sc-progress{height:3px;background:var(--scene-line)}.sc-progress span{display:block;width:25%;height:100%;background:var(--scene-accent);transition:width .6s var(--sc-ease)}.sc-player :focus-visible{outline-color:var(--scene-accent)}
.sc-chapters{display:flex;justify-content:center;gap:10px;margin:0 0 22px 190px}.sc-chapters button{display:flex;align-items:center;gap:9px;padding:11px 18px;min-height:44px;border-radius:30px;background:none;border:1px solid transparent;color:var(--muted);font:500 13px var(--body)}.sc-chapters button span{font:10px var(--mono)}.sc-chapters button[aria-current=true]{color:var(--paper);background:var(--green)}.sc-chapters button:not([aria-current=true]):hover{border-color:var(--line-2);color:var(--ink)}.sc-bottom{display:flex;justify-content:space-between;gap:28px;align-items:start}.sc-bottom p{font-size:12px;line-height:1.5;max-width:570px;color:var(--muted)}.sc-bottom a{font-size:14px;white-space:nowrap}
.sc-dialog{border:0;padding:0;background:transparent;width:min(1200px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - 40px);overflow-y:auto;color:var(--paper);outline:none}.sc-dialog::backdrop{background:#081c16e8;backdrop-filter:blur(9px)}.sc-close{position:sticky;right:0;top:0;margin-left:auto;margin-bottom:8px;padding:0 10px;z-index:6;display:flex;align-items:center;gap:12px;background:#112c27;border:0;border-radius:8px;color:#fff5dc;font:500 14px var(--body);min-height:42px}.sc-close svg{width:22px;height:22px}.sc-dialog .sc-expand{visibility:hidden}.sc-dialog .sc-slide{min-height:520px}.sc-dialog .sc-title h3{font-size:clamp(36px,5.5vw,72px)}.sc-dialog .sc-sun{width:290px}.sc-dialog .sc-opening{font-size:19px}.sc-dialog .sc-greeting{bottom:40px}.sc-dialog .sc-greeting>p{font-size:18px}.sc-dialog .sc-fabric{height:165px}.sc-dialog .sc-choices-1{margin-top:82px}.sc-dialog .sc-choice{font-size:16px}.sc-dialog .sc-feedback{font-size:16px}.sc-dialog .sc-room{height:250px}.sc-dialog .sc-quiz-art{width:23%;right:8%;top:160px}
@keyframes sc-fade{from{opacity:.3}to{opacity:1}}@keyframes sc-rise{from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:translateY(0)}}@keyframes sc-sunrise{from{opacity:.3;transform:translateY(110px) scale(.8)}to{opacity:1;transform:none}}@keyframes sc-orbit-in{from{opacity:0;transform:scale(.8) rotate(-50deg)}to{opacity:1;transform:scale(1) rotate(-25deg)}}@keyframes sc-land{from{opacity:0;translate:0 80px}to{opacity:1;translate:0 0}}@keyframes sc-cushion{from{opacity:0;translate:0 -30px}to{opacity:1;translate:0 0}}
.showcase:not(.has-entered) .sc-slide *{animation-play-state:paused}
@media(min-width:1200px){.sc-slide h3{font-size:clamp(46px,5.7cqw,65px)}.sc-slide-1 h3,.sc-slide-2 h3{font-size:clamp(44px,5.2cqw,57px)}}
@media(max-width:1050px) and (min-width:761px){.sc-result{margin-left:140px}.sc-source{width:185px;top:245px}.sc-source-slide{padding:13px 12px 29px;min-height:210px}.sc-source-slide h4{font-size:12px}.sc-source-slide ul{font-size:9px}.sc-ribbon{word-spacing:3px;font-size:7px}.sc-file-title{font-size:8px;gap:5px}.sc-player-bar{margin-left:55px;margin-right:25px}.sc-slide{padding-left:55px;padding-right:25px;min-height:485px}.sc-slide h3{font-size:42px}.sc-slide-1 h3,.sc-slide-2 h3{font-size:37px}.sc-title{max-width:85%}.sc-opening{font-size:14px;max-width:46%}.sc-sun{width:175px;top:100px}.sc-dawn>.sc-sofa{bottom:60px;right:-10%;width:125%}.sc-greeting{left:55px;max-width:62%;gap:12px;bottom:28px}.sc-greeting>p{font-size:13px}.sc-seconds{padding-right:12px}.sc-seconds b{font-size:45px}.sc-room{width:31%;height:150px;top:35px;right:3%}.sc-room-caption{font-size:8px}.sc-choices-1{margin-top:80px;gap:8px}.sc-choice{font-size:12px;gap:8px;padding:12px 9px;min-height:82px;align-items:flex-start;flex-direction:column}.sc-symbol{font-size:20px}.sc-choices-3 .sc-choice{flex-direction:row;min-height:47px;font-size:12px}.sc-quiz-number{font-size:90px}.sc-quiz-art{right:5%;top:185px;width:23%}.sc-quiz-caption{font-size:8px;margin-top:25px}.sc-feedback{font-size:12px}.sc-choices-2{gap:16px}.sc-fabric{height:120px}.sc-choices-2 .sc-choice-label{font-size:21px}.sc-slide-3 h3{font-size:41px}.sc-controls{padding-left:55px;padding-right:25px}.sc-chapters{margin-left:140px}.sc-chapters button{padding-inline:12px}.sc-heading{gap:25px;grid-template-columns:1.5fr 1fr}.sc-heading>p{font-size:15px}}
@media(max-width:760px){
.sc-heading{display:block;margin-bottom:24px}.sc-heading h2{font-size:34px}.sc-heading>p{font-size:16px;max-width:500px;margin-top:18px}.sc-stage{display:flex;flex-direction:column;gap:26px;padding-bottom:24px}.sc-result{margin:0;order:0;width:100%}.sc-result>.sc-label{margin-left:0;font-size:9px}.sc-source{position:relative;left:auto;top:auto;width:auto;margin:0 22px;transform:rotate(-2deg);order:1}.sc-source .sc-label{margin-left:0;font-size:9px}.sc-file-title{padding:7px 10px}.sc-ribbon,.sc-miniatures,.sc-source-caption,.sc-source-foot{display:none}.sc-source-slide{min-height:140px;padding:14px 16px}.sc-source-slide h4{font-size:14px;padding-bottom:7px}.sc-source-slide ul{font-size:11px;margin-top:9px}.sc-source-slide li+li{margin-top:3px}.sc-source-canvas{margin:7px}.sc-player-bar{margin:0 23px;height:59px}.sc-brand{font-size:26px;gap:11px}.sc-brand span{font-size:7px;padding-left:11px}.sc-expand{font-size:10px;gap:5px}.sc-expand svg{width:14px;height:14px}.sc-slide{padding:27px 23px 23px;min-height:545px}.sc-title,.sc-slide-1 .sc-title,.sc-slide-3 .sc-title{max-width:100%}.sc-kicker{font-size:8px;letter-spacing:.1em}.sc-slide h3,.sc-slide-1 h3,.sc-slide-2 h3,.sc-slide-3 h3{font-size:clamp(33px,7.9vw,51px);line-height:1.04;margin-top:17px}.sc-opening{max-width:78%;font-size:14px;margin-top:17px}.sc-dawn{inset:195px 0 0 28%}.sc-sun{width:160px;right:1%;top:10px}.sc-orbit{width:205px;right:-15px;top:-15px}.sc-dawn>.sc-sofa{width:120%;right:-2%;bottom:60px}.sc-horizon{width:600px;height:255px;bottom:-50px;left:-120px}.sc-greeting{bottom:21px;left:23px;right:23px;max-width:none;gap:16px}.sc-greeting>p{font-size:13px}.sc-seconds b{font-size:43px}.sc-seconds span{font-size:8px}.sc-seconds{padding-right:16px}.sc-room{top:161px;right:8%;width:76%;height:170px}.sc-room-caption{bottom:-5px;font-size:9px}.sc-room-marker{width:24px;height:24px;font-size:9px}.sc-choices-1{margin-top:221px;gap:7px}.sc-choice{min-height:87px;padding:11px 9px;gap:9px;font-size:11px;flex-direction:column;align-items:flex-start}.sc-symbol{font-size:22px}.sc-feedback{font-size:12px;line-height:1.5;min-height:64px;margin-top:15px}.sc-slide-1{min-height:545px}.sc-slide-2{min-height:545px}.sc-slide-2 h3 em{display:block}.sc-slide-2 h3 em::before{content:none}.sc-choices-2{gap:13px;margin-top:40px}.sc-fabric{height:160px;border-radius:65px 65px 8px 8px}.sc-fabric-1{border-radius:8px 65px 8px 65px}.sc-fabric-2{border-radius:65px 8px 65px 8px}.sc-fabric>span{font-size:9px;right:8px;bottom:10px;padding:4px 6px}.sc-choices-2 .sc-choice-label{font-size:20px}.sc-choice-label small{font-size:8px}.sc-slide-2 .sc-feedback{margin-top:24px;font-size:12px}.sc-choices-2 .sc-choice-check{bottom:-12px;right:0}.sc-quiz-art{width:92px;top:190px;right:30px}.sc-quiz-number{font-size:65px}.sc-quiz-caption{display:none}.sc-quiz-orbit{inset:-12px}.sc-slide-3 .sc-choices{margin-top:170px;max-width:100%}.sc-choices-3 .sc-choice{flex-direction:row;align-items:center;min-height:45px;font-size:12px;padding:11px 28px 11px 12px}.sc-slide-3 .sc-feedback{max-width:100%;font-size:12px}.sc-slide-3{min-height:565px}.sc-controls{padding:13px 23px;gap:9px}.sc-controls button{font-size:12px;padding-inline:14px}.sc-count{font-size:9px}.sc-chapters{margin:0 0 22px;gap:2px;justify-content:space-between}.sc-chapters button{padding:10px 11px;gap:5px;font-size:12px}.sc-chapters button span{font-size:8px}.sc-bottom{flex-direction:column;gap:16px}.sc-bottom p{font-size:12px}.sc-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 16px);padding-top:0}.sc-dialog .sc-slide{min-height:545px}.sc-dialog .sc-title h3{font-size:clamp(33px,8vw,51px)}.sc-dialog .sc-opening{font-size:14px}.sc-dialog .sc-sun{width:160px}.sc-dialog .sc-greeting{bottom:21px}.sc-dialog .sc-greeting>p{font-size:13px}.sc-dialog .sc-room{height:170px}.sc-dialog .sc-choices-1{margin-top:221px}.sc-dialog .sc-slide-1{min-height:545px}.sc-dialog .sc-slide-3{min-height:565px}.sc-dialog .sc-choice{font-size:12px}.sc-dialog .sc-feedback{font-size:12px}.sc-dialog .sc-quiz-art{width:92px;right:30px;top:190px}.sc-dialog .sc-fabric{height:160px}}
@media(max-width:380px){.sc-player-bar{margin-inline:18px}.sc-brand span{display:none}.sc-slide{padding-inline:18px}.sc-slide h3,.sc-slide-1 h3,.sc-slide-2 h3,.sc-slide-3 h3{font-size:32px}.sc-greeting{left:18px;right:18px}.sc-opening{max-width:93%}.sc-dawn{left:14%}.sc-dawn>.sc-sofa{bottom:63px}.sc-room{top:165px}.sc-room-caption{font-size:8px}.sc-choice{font-size:10px;padding:10px 7px}.sc-choices-1{margin-top:227px}.sc-choices-2{gap:10px}.sc-fabric{height:150px}.sc-choices-2 .sc-choice-label{font-size:18px}.sc-choice-label small{font-size:7px}.sc-slide-2 .sc-feedback{margin-top:20px}.sc-quiz-art{top:196px;width:78px}.sc-slide-3 .sc-choices{margin-top:165px}.sc-controls{padding-inline:18px}.sc-chapters button{padding:10px 9px}.sc-chapters button span{display:none}.sc-source{margin-inline:12px}.sc-dialog .sc-title h3{font-size:32px}}
@media(prefers-reduced-motion:reduce){.showcase *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sc-choice:hover{transform:none}.sc-choices-2 .sc-choice:hover .sc-fabric{transform:none}}

.sc-close:focus-visible{outline-color:var(--sc-cream)}
@media(min-width:761px) and (max-height:800px){.sc-dialog .sc-slide{min-height:440px;padding-top:26px}.sc-dialog .sc-title h3{font-size:56px}.sc-dialog .sc-fabric{height:115px}.sc-dialog .sc-choices-1{margin-top:62px}.sc-dialog .sc-room{height:220px}.sc-dialog .sc-opening{font-size:17px}.sc-dialog .sc-quiz-art{top:132px;width:21%}.sc-dialog .sc-feedback{font-size:14px}.sc-dialog .sc-choice{font-size:14px}}
@media(max-width:760px){.sc-greeting{left:16px;right:16px;bottom:17px;padding:12px;border-radius:8px;background:#163e32}.sc-dialog .sc-greeting{bottom:17px}.sc-greeting>p{font-size:12px}.sc-dialog .sc-greeting>p{font-size:12px}.sc-greeting .sc-seconds{padding-right:12px}.sc-greeting{gap:12px}}

.sc-room-caption{display:none}