.showroompage{background:var(--ink)}.topbar--solid{opacity:1}.topbar__mark{display:block;text-decoration:none}.showroompage main{padding-top:var(--bar-h-run)}.showroom{position:relative;padding:clamp(30px,5vh,64px) var(--gut) clamp(60px,9vh,120px);background:radial-gradient(120% 70% at 50% 0%,#0a1d1b 0%,var(--ink) 62%)}.showroom__head{max-width:60ch;margin:0 auto clamp(28px,4vh,48px);text-align:center}.showroom h1{margin:0 0 .5em;font-family:var(--face-display);font-size:clamp(18px,3vw,34px);letter-spacing:.18em;text-transform:uppercase;color:var(--spec)}.showroom__head p{margin:0;font-size:clamp(13px,1.1vw,15.5px);line-height:1.7;color:color-mix(in srgb,var(--spec) 58%,transparent)}.showroom__head b{color:var(--accent);font-weight:400}.classes{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto clamp(32px,5vh,58px);max-width:1000px}.deck{max-width:1500px;margin:0 auto}.deck__stage{position:relative;display:flex;align-items:center}.deck__window{--peek:.64;position:relative;flex:1 1 auto;min-width:0;overflow:hidden;height:min(66vh,720px);background:radial-gradient(110% 62% at 50% 116%,#12312e 0%,transparent 62%),radial-gradient(120% 100% at 50% 0%,#0b1f1d 0%,#040e0d 72%);border:1px solid color-mix(in srgb,var(--struct-2) 40%,transparent);touch-action:pan-y;cursor:grab}.deck__window.is-sliding{cursor:grabbing}.deck__track{display:flex;height:100%;will-change:transform}.pane{flex:0 0 auto;height:100%;display:flex;align-items:center;justify-content:center;padding:clamp(10px,1.8vw,26px);opacity:.3;transform:scale(.88);transition:opacity .45s ease,transform .45s cubic-bezier(.16,1,.3,1)}.pane.is-on{opacity:1;transform:scale(1)}.deck__window.is-sliding .pane{opacity:1;transform:scale(1);transition:none}.pane img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;box-shadow:0 26px 70px rgba(0,0,0,.6)}.deck__arrow{flex:0 0 auto;align-self:stretch;width:clamp(48px,4vw,64px);border:1px solid color-mix(in srgb,var(--struct-2) 40%,transparent);background:linear-gradient(174deg,#0d201e 0%,#04100f 62%,#0a1a19 100%);cursor:pointer;font:inherit;position:relative;transition:background .3s,border-color .3s,opacity .3s}.deck__arrow::before{content:"";position:absolute;inset:0;margin:auto;width:13px;height:13px;border-top:2px solid var(--accent);border-right:2px solid var(--accent)}.deck__arrow--prev::before{transform:rotate(-135deg);margin-left:38%}.deck__arrow--next::before{transform:rotate(45deg);margin-right:38%}.deck__arrow:hover{background:linear-gradient(174deg,#14312e 0%,#071716 62%,#102825 100%)}.deck__arrow:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.deck__arrow[disabled]{opacity:.2;cursor:default}.deck__bar{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin:0 clamp(48px,4vw,64px);padding:15px clamp(16px,2vw,26px);background:linear-gradient(172deg,#16302d 0%,#061312 58%,#0c1e1c 100%);border:1px solid color-mix(in srgb,var(--struct-2) 40%,transparent);border-top:0;box-shadow:inset 0 1px 0 rgba(237,249,251,.13)}.deck__name{font-size:clamp(13px,1.3vw,17px);font-weight:600;line-height:1.3;color:var(--spec)}.deck__pos{flex:0 0 auto;font-family:var(--face-display);font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:color-mix(in srgb,var(--spec) 46%,transparent)}.compare{position:relative;max-width:100%;max-height:100%;line-height:0;touch-action:pan-y;cursor:ew-resize;box-shadow:0 26px 70px rgba(0,0,0,.6)}.compare__img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}.compare__before{position:absolute;inset:0;width:50%;overflow:hidden;will-change:width}.compare__before .compare__img{position:absolute;left:0;top:0;max-width:none;max-height:none;width:auto;height:100%}.compare.is-dragging .compare__before{transition:none}.compare__handle{position:absolute;top:0;bottom:0;left:50%;width:44px;margin-left:-22px;padding:0;border:0;background:none;cursor:ew-resize;font:inherit;z-index:3;touch-action:none}.compare__handle::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:linear-gradient(to bottom,transparent 0%,rgba(24,224,239,.9) 12%,#eafcff 50%,rgba(24,224,239,.9) 88%,transparent 100%);box-shadow:0 0 16px rgba(24,224,239,.6)}.compare__handle::after{content:"";position:absolute;top:50%;left:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border:1px solid rgba(24,224,239,.85);border-radius:50%;background:linear-gradient(90deg,transparent 34%,#eafcff 34% 38%,transparent 38% 62%,#eafcff 62% 66%,transparent 66%),linear-gradient(180deg,rgba(10,30,34,.94),rgba(1,5,7,.96));box-shadow:0 0 20px rgba(24,224,239,.45)}.compare__handle:focus-visible{outline:2px solid rgba(24,224,239,.92);outline-offset:2px}.compare__tag{position:absolute;top:12px;z-index:2;padding:7px 12px 6px;font-family:var(--face-display);font-size:8px;letter-spacing:.22em;text-transform:uppercase;line-height:1;background:rgba(3,9,8,.82);transition:opacity .3s}.compare__tag--before{left:12px;color:#d8b98a;border:1px solid rgba(216,185,138,.5)}.compare__tag--after{right:12px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent)}.compare.is-wiped .compare__tag--before{opacity:0}.compare__tag--after{opacity:1}@media(max-width:820px){.compare__handle{width:56px;margin-left:-28px}.compare__tag{font-size:7.5px;top:8px}.compare__tag--before{left:8px}.compare__tag--after{right:8px}}@media(prefers-reduced-motion:reduce){.compare__tag{transition:none}}.deck__note{flex:0 0 auto;font-size:clamp(11.5px,1vw,13px);color:color-mix(in srgb,var(--spec) 52%,transparent)}.deck__note:empty{display:none}.deck__rail{display:flex;gap:8px;margin-top:clamp(14px,2vw,22px);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 0 4px}.deck__rail::-webkit-scrollbar{display:none}.deck__rail button{flex:0 0 auto;padding:0;border:1px solid transparent;background:none;cursor:pointer;font:inherit;width:clamp(72px,7vw,104px);aspect-ratio:4/3;overflow:hidden;opacity:.4;transition:opacity .3s,border-color .3s,transform .3s cubic-bezier(.16,1,.3,1)}.deck__rail button img{width:100%;height:100%;object-fit:cover;display:block}.deck__rail button:hover{opacity:.85;transform:translateY(-3px)}.deck__rail button[aria-selected=true]{opacity:1;border-color:var(--accent);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 30%,transparent)}.deck__rail button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:820px){.showroom{padding-top:18px}.showroom__head{margin-bottom:18px}.showroom h1{font-size:19px;margin-bottom:.45em}.showroom__head p{font-size:12.5px;line-height:1.5}.classes{margin-bottom:20px;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);padding-block:2px 6px}.classes::-webkit-scrollbar{display:none}.classes button{flex:0 0 auto}.deck__arrow{display:none}.deck__window{--peek:1;height:min(52vh,470px);border-left:0;border-right:0;transition:height .44s cubic-bezier(.16,1,.3,1)}.pane{padding:0 0 4px}.deck__bar{margin:0;padding:13px 15px;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.deck__name{font-size:13.5px;flex:1 1 auto;min-width:0;overflow-wrap:normal}.deck__pos{order:2}.deck__note{order:3;flex:1 0 100%;font-size:12px}.deck__rail button{width:76px}}@media(prefers-reduced-motion:reduce){.deck__rail button,.deck__arrow{transition:none}}