/* Native-supported XL geometry: 8 columns, 4 rows, 32 cue keys. */
:is(.home-page,.information-page) .streamdeck-showcase{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:72px;padding-block:62px 55px}
:is(.home-page,.information-page) .streamdeck-copy{grid-column:2;grid-row:1;min-width:0}
:is(.home-page,.information-page) .streamdeck-copy h2{font-weight:550;font-size:clamp(35px,3.8vw,53px);line-height:1.1;letter-spacing:-.04em;margin-top:20px}
:is(.home-page,.information-page) .streamdeck-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;color:var(--muted);max-width:39ch;margin-top:23px}
:is(.home-page,.information-page) .streamdeck-copy>p.streamdeck-page-note{font-size:14px;line-height:1.7;margin-top:16px}
:is(.home-page,.information-page) .streamdeck-copy>.text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;margin-top:21px;font-size:13px}
:is(.home-page,.information-page) .streamdeck-copy>.text-link:focus-visible{outline:2px solid var(--pink);outline-offset:5px}
:is(.home-page,.information-page) .streamdeck-visual{grid-column:1;grid-row:1;margin:0;min-width:0;container-type:inline-size}
:is(.home-page,.information-page) .deck-hardware{padding:4.4% 4.4% 5.3%;border:1px solid #4b464f;border-radius:4.5cqw;background:linear-gradient(145deg,#39363c 0,#262329 25%,#18171a 70%);box-shadow:inset 0 1px 0 #ffffff0c,inset 0 -2px 0 #0007,0 18px 35px #0003;user-select:none}
:is(.home-page,.information-page) .deck-key-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:1.65cqw}
:is(.home-page,.information-page) .deck-key{display:block;position:relative;aspect-ratio:1;min-width:0;padding:.65cqw;border-radius:1.45cqw;background:#080809;border:1px solid #121113;box-shadow:0 1px 0 #ffffff10,inset 0 1px 2px #000b}
:is(.home-page,.information-page) .deck-key-face{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:.9cqw;background:#1b1b1b;border:1px dashed #48424c;color:#d5cbd8;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
:is(.home-page,.information-page) .deck-key-empty>span{font-size:2.2cqw;font-weight:300;line-height:1;color:#4b454f}
:is(.home-page,.information-page) .deck-key-title{max-width:100%;padding-inline:.3cqw;font-size:1.8cqw;line-height:1.15;letter-spacing:-.025em;font-weight:650;text-align:center;overflow-wrap:normal;word-break:normal}
:is(.home-page,.information-page) .deck-key-welcome,:is(.home-page,.information-page) .deck-key-opening,:is(.home-page,.information-page) .deck-key-talk,:is(.home-page,.information-page) .deck-key-break,:is(.home-page,.information-page) .deck-key-close{border-style:solid;border-color:transparent;color:#1b1b1b}
:is(.home-page,.information-page) .deck-key-welcome{background:#88c5d1;border-color:#f5f3f5}
:is(.home-page,.information-page) .deck-key-opening{background:#b29bc9}
:is(.home-page,.information-page) .deck-key-talk{background:#b9bec3}
:is(.home-page,.information-page) .deck-key-break{background:#d9ba73}
:is(.home-page,.information-page) .deck-key-close{background:#a4baa8}
:is(.home-page,.information-page) .deck-key-welcome .deck-key-title{margin-top:-.45cqw}
:is(.home-page,.information-page) .deck-play-mark{position:absolute;top:.5cqw;left:.55cqw;font-size:1cqw;line-height:1}
:is(.home-page,.information-page) .deck-key-time{position:absolute;left:0;right:0;bottom:.55cqw;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9cqw;line-height:1;letter-spacing:-.035em;font-weight:500}
:is(.home-page,.information-page) .deck-key-progress{position:absolute;left:8%;right:8%;bottom:3.2%;height:.15cqw;border-radius:2px;background:#1b1b1b26}
:is(.home-page,.information-page) .deck-key-progress:after{content:'';position:absolute;inset:0 auto 0 0;width:15%;background:#fff;border-radius:inherit}
:is(.home-page,.information-page) .deck-key-stop{border:1px solid #f0847c;color:#f0847c;background:#282427}
:is(.home-page,.information-page) .deck-key-stop .deck-key-title{margin-top:1cqw;font-size:1.6cqw}
:is(.home-page,.information-page) .deck-stop-symbol{position:absolute;top:1.25cqw;left:calc(50% - .55cqw);width:1.1cqw;height:1.1cqw;background:currentColor;border-radius:.08cqw}
:is(.home-page,.information-page) .streamdeck-visual figcaption{display:flex;justify-content:space-between;gap:18px;margin-top:15px;color:var(--muted);font-size:11px;line-height:1.6;padding-inline:2px}
@media(max-width:1100px){:is(.home-page,.information-page) .streamdeck-showcase{gap:45px;padding-block:50px}:is(.home-page,.information-page) .streamdeck-copy>p:not(.eyebrow){font-size:15px;margin-top:20px}:is(.home-page,.information-page) .streamdeck-copy>p.streamdeck-page-note{font-size:13px;margin-top:14px}}
@media(max-width:800px){:is(.home-page,.information-page) .streamdeck-showcase{grid-template-columns:1fr 1fr;gap:30px;padding-block:39px}:is(.home-page,.information-page) .streamdeck-copy h2{font-weight:550;font-size:39px}:is(.home-page,.information-page) .streamdeck-copy>p:not(.eyebrow){font-size:15px;line-height:1.65}:is(.home-page,.information-page) .streamdeck-copy>p.streamdeck-page-note{font-size:13px}:is(.home-page,.information-page) .streamdeck-copy>.text-link{font-size:12px;gap:9px;margin-top:16px}:is(.home-page,.information-page) .streamdeck-visual figcaption{display:block;font-size:10px;margin-top:12px}:is(.home-page,.information-page) .streamdeck-visual figcaption>span{display:block}:is(.home-page,.information-page) .streamdeck-visual figcaption>span+span{margin-top:3px}}
@media(max-width:650px){:is(.home-page,.information-page) .streamdeck-showcase{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding-block:33px 31px}:is(.home-page,.information-page) .streamdeck-copy h2{font-weight:550;font-size:35px;margin-top:14px}:is(.home-page,.information-page) .streamdeck-copy h2 br{display:none}:is(.home-page,.information-page) .streamdeck-copy>p:not(.eyebrow){font-size:16px;max-width:38ch;margin-top:18px}:is(.home-page,.information-page) .streamdeck-copy>p.streamdeck-page-note{font-size:14px;max-width:39ch;margin-top:13px}:is(.home-page,.information-page) .streamdeck-copy>.text-link{font-size:12px;margin-top:14px;gap:13px}:is(.home-page,.information-page) .streamdeck-visual figcaption{display:flex;font-size:10px;margin-top:12px}:is(.home-page,.information-page) .streamdeck-visual figcaption>span+span{margin-top:0}:is(.home-page,.information-page) .deck-hardware{box-shadow:inset 0 1px 0 #ffffff0c,inset 0 -2px 0 #0007,0 12px 25px #0003}}
@media(max-width:360px){:is(.home-page,.information-page) .streamdeck-copy h2{font-weight:550;font-size:32px}:is(.home-page,.information-page) .streamdeck-copy>p:not(.eyebrow){font-size:15px}:is(.home-page,.information-page) .streamdeck-copy>p.streamdeck-page-note{font-size:13px}:is(.home-page,.information-page) .streamdeck-visual figcaption{font-size:9px}}
/* Unused keys remain quiet so the cue labels carry the illustration. */
:is(.home-page,.information-page) .deck-key-empty{border-color:#29262d;border-style:solid;background:#111113}:is(.home-page,.information-page) .deck-key-empty>span{display:none}