.skip-link:not(:focus){opacity:0;pointer-events:none}
.preview-fullscreen{background:none;border:0;color:var(--text);padding:8px 0;font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}
.preview-fullscreen:hover{color:var(--accent)}
.preview-dialog{width:min(1632px,calc(100vw - 40px));max-width:none;max-height:94dvh;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--text);overflow:auto}
.preview-dialog::backdrop{background:rgba(5,8,12,.86);backdrop-filter:blur(9px)}
.preview-dialog-toolbar{display:flex;align-items:center;gap:22px;padding:2px 2px 14px;font-size:11px}
.preview-dialog-toolbar p{margin-right:auto;color:var(--muted);line-height:1.6}
.preview-dialog-toolbar a{white-space:nowrap}
.preview-dialog img{width:100%;height:auto;border-radius:8px}
.preview-cycle{flex:0 0 32px;width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:17px}
.preview-cycle:hover{border-color:var(--accent);color:var(--accent)}
.preview-count{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums;min-width:34px;text-align:center}
html:has(.preview-dialog[open]){overflow:hidden}
.screen-experience{overflow:hidden;padding-bottom:80px}
.deck-heading{text-align:center}
.deck-heading h2{font-size:clamp(34px,4.4vw,66px);letter-spacing:-.055em;line-height:1.12;font-weight:450}
.deck-heading h2 span{color:var(--muted)}
.deck-heading>p{color:var(--muted);font-size:14px;margin:24px 0 0}
.command-deck{margin-top:24px}
.deck-space{position:relative;width:min(1600px,100%);margin:0 auto;height:clamp(340px,48vw,740px);perspective:1500px;isolation:isolate;touch-action:pan-y}
.deck-screen{position:absolute;top:8%;left:50%;width:64%;max-width:1000px;padding:5px;border:1px solid #ffffff30;border-radius:14px;background:#202226;box-shadow:0 32px 55px -25px #0009;cursor:pointer;transform:translateX(-50%);transition:transform 850ms cubic-bezier(.22,.8,.2,1),opacity 700ms,filter 700ms;backface-visibility:hidden}
.deck-screen img{display:block;width:100%;height:auto;border-radius:9px}
.deck-screen[data-position="0"]{transform:translateX(-50%) translateZ(0) rotateX(3deg);z-index:5;opacity:1}
.deck-screen[data-position="-1"]{transform:translateX(-104%) translateZ(-310px) rotateY(38deg) rotateZ(-5deg);z-index:4;filter:brightness(.57);opacity:1}
.deck-screen[data-position="1"]{transform:translateX(4%) translateZ(-310px) rotateY(-38deg) rotateZ(5deg);z-index:4;filter:brightness(.57);opacity:1}
.deck-screen[data-position="-2"]{transform:translateX(-130%) translateZ(-650px) rotateY(48deg) rotateZ(-9deg);z-index:2;filter:brightness(.3);opacity:.65}
.deck-screen[data-position="2"]{transform:translateX(30%) translateZ(-650px) rotateY(-48deg) rotateZ(9deg);z-index:2;filter:brightness(.3);opacity:.65}
.deck-screen[data-position="3"],.deck-screen[data-position="4"],.deck-screen[data-position="-3"]{transform:translateX(-50%) translateZ(-900px) scale(.7);opacity:0;pointer-events:none;z-index:0}
.deck-screen:hover{border-color:var(--accent)}
.deck-screen:focus-visible,.deck-tab:focus-visible,.deck-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.deck-details{display:flex;align-items:center;gap:28px;position:relative}
.deck-index{font-size:62px;letter-spacing:-5px;font-weight:300;line-height:1;color:var(--text)}
.deck-index span{font-size:12px;letter-spacing:0;display:block;color:var(--muted);margin:12px 0 0 5px}
.deck-copy{flex:1;min-width:0}
.deck-copy h3{font-size:27px;letter-spacing:-.8px;font-weight:450;margin:0 0 10px}
.deck-copy p{color:var(--muted);font-size:12px;line-height:1.8;max-width:450px;margin:0}
.deck-controls{display:flex;align-items:center;gap:10px}
.deck-controls>button{background:transparent;color:var(--text);border:1px solid var(--line);border-radius:50%;width:44px;height:44px;cursor:pointer;font:inherit;font-size:18px}
.deck-controls .preview-fullscreen{border-radius:8px;width:auto;padding:0 18px;margin-left:10px;font-size:11px}
.deck-controls button:hover{border-color:var(--accent);color:var(--accent)}
.deck-navigation{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));margin-top:40px;gap:0}
.deck-tab{border:0;border-top:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;text-align:left;font-size:11px;line-height:1.5;padding:19px 10px 14px 0;cursor:pointer;position:relative;transition:color .25s}
.deck-tab span{display:block;font-size:9px;margin-bottom:10px;opacity:.7}
.deck-tab[aria-pressed="true"]{color:var(--text);border-top-color:var(--accent)}
.deck-tab[aria-pressed="true"] span{color:var(--accent);opacity:1}
.deck-tab:hover{color:var(--text)}
.deck-note{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;margin-top:24px;gap:20px}
@media(min-width:1600px){.deck-space{height:740px}}
@media(max-width:767px){
 .screen-experience{padding-top:65px;padding-bottom:40px}
 .deck-heading h2{font-size:34px;letter-spacing:-1.5px}
 .deck-heading>p{font-size:12px;max-width:260px;margin:20px auto 0;line-height:1.8}
 .deck-space{height:78vw;min-height:250px;perspective:700px}
 .deck-screen{top:12%;width:84%;padding:3px;border-radius:8px}
 .deck-screen img{border-radius:5px}
 .deck-screen[data-position="-1"]{transform:translateX(-97%) translateZ(-300px) rotateY(40deg) rotateZ(-7deg)}
 .deck-screen[data-position="1"]{transform:translateX(-3%) translateZ(-300px) rotateY(-40deg) rotateZ(7deg)}
 .deck-details{gap:18px;flex-wrap:wrap}
 .deck-index{font-size:46px;letter-spacing:-3px;align-self:flex-start}
 .deck-copy h3{font-size:22px}
 .deck-copy p{font-size:11px;min-height:60px}
 .deck-controls{width:100%;justify-content:flex-end;margin-top:8px}
 .deck-navigation{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:26px;row-gap:12px}
 .deck-tab{font-size:10px;padding-top:12px}
 .deck-tab span{margin-bottom:5px}
 .deck-note{display:block;font-size:9px;line-height:1.8}
 .deck-note span{display:block;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){.deck-screen,.deck-tab{transition:none}}

@media(max-width:767px){.preview-dialog{width:calc(100vw - 20px);padding:10px}.preview-dialog-toolbar{flex-wrap:wrap;gap:12px;font-size:10px}.preview-dialog-toolbar p{width:100%}.preview-dialog-toolbar .button{margin-left:auto}}