.ab-room{--ab-paper:#f7f6f4;--ab-rust:#e0693f;--ab-muted:#8f8a83;--ab-text:#b3ada4;--ab-ease:cubic-bezier(.23, 1, .32, 1);--ab-plate-pad:22px;color:var(--ab-paper);background:linear-gradient(#060403b8,#060403b8),url(/showcase/desk/wood.webp) 50% 0/100% repeat-y,#100c0a;position:relative;overflow-x:clip}@media (max-width:760px){.ab-room{background-size:auto,1600px,auto}}.ab-main{z-index:1;padding:112px 0 96px;position:relative}@media (min-width:640px){.ab-main{padding-top:128px}}.ab-wrap{max-width:calc(72rem + 48px);margin:0 auto;padding:0 24px}.ab-back{color:var(--ab-muted);margin:0 0 28px}.ab-back a{color:inherit;transition:color .15s var(--ab-ease)}.ab-back a:hover{color:var(--ab-paper)}.ab-kick{color:#a9a39a;flex-wrap:wrap;align-items:center;gap:0 8px;margin:0;display:flex}.ab-dot{background:var(--ab-rust);border-radius:50%;width:7px;height:7px}.ab-head-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:48px;margin-top:18px;display:grid}.ab-h1{letter-spacing:-.03em;color:var(--ab-paper);margin:0;font-size:clamp(56px,5vw,96px);line-height:1}.ab-lead{color:#c2bbb1;max-width:34em;margin:0;font-size:clamp(16px,1.1vw,19px);line-height:1.65}@media (max-width:760px){.ab-head-grid{grid-template-columns:1fr;gap:16px}}.ab-bench{margin-top:clamp(40px,3.4vw,64px);position:relative}.ab-devs{grid-template-columns:var(--ab-cols);grid-template-rows:auto auto;column-gap:clamp(18px,2.2vw,44px);margin:0 auto;list-style:none;display:grid;position:relative}.ab-devs:before{content:"";z-index:0;pointer-events:none;border-image:linear-gradient(#2c221b 0 5px,#1a1411 6px calc(100% - 1px),#000 calc(100% - 1px)) 0 fill/0/0 100vw;grid-area:2/1/auto/-1}.ab-dev{grid-row:span 2;grid-template-rows:subgrid;z-index:1;min-width:0;display:grid;position:relative}.ab-dev>a{grid-row:span 2;grid-template-rows:subgrid;color:inherit;display:grid}.ab-unit{flex-direction:column;justify-content:flex-end;align-self:end;align-items:center;display:flex;position:relative}.ab-glow{aspect-ratio:1;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#ffecd626,#ffe2c40d 55%,#ffdcbe00);border-radius:50%;width:190%;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.ab-feature .ab-glow{width:150%}.ab-bezel{width:100%;transition:transform .2s var(--ab-ease);background:#0a0807;border-radius:9px;padding:9px;display:block;box-shadow:inset 0 0 0 1px #ffffff0f,0 18px 40px #0009}.ab-screen{background:#050403;border-radius:3px;display:block;position:relative;overflow:hidden}.ab-screen img{object-fit:cover;object-position:50% 0;width:100%;height:100%;display:block}.ab-off{opacity:0;pointer-events:none;background:#050403;position:absolute;inset:0}.ab-monitor .ab-screen{aspect-ratio:1000/852}.ab-pivot .ab-screen{aspect-ratio:640/794}.ab-tablet .ab-screen{aspect-ratio:3/4}.ab-tablet .ab-bezel{border-radius:14px;padding:12px}.ab-clock .ab-screen{aspect-ratio:560/417}.ab-clock .ab-bezel{border-radius:16px;padding:12px}.ab-stand{background:linear-gradient(90deg,#15110e,#2a221c 50%,#15110e);display:block}.ab-monitor .ab-stand{border-radius:0 0 2px 2px;width:14%;height:54px;position:relative}.ab-monitor .ab-stand:after{content:"";background:#1d1713;border-radius:3px;width:320%;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.ab-pivot .ab-stand{width:16%;height:40px}.ab-tablet .ab-stand{background:#1d1713;border-radius:2px;width:60%;height:12px}.ab-clock .ab-stand{background:0 0;width:70%;height:8px;box-shadow:inset 18px 0 #1d1713,inset -18px 0 #1d1713}.ab-plate{padding:var(--ab-plate-pad) 2px var(--ab-plate-pad);border-top:1px solid #ffecd612;flex-direction:column;gap:5px;margin-top:6px;display:flex}.ab-name{letter-spacing:-.012em;color:var(--ab-paper);font-size:clamp(17px,1.15vw,22px);font-weight:700;line-height:1.25}.ab-st{color:var(--ab-muted);font-size:11.5px}.ab-desc{color:var(--ab-text);font-size:13.5px;line-height:1.6}.ab-feature .ab-desc{max-width:40em;font-size:14.5px}.ab-cta{color:var(--ab-rust);margin-top:auto;padding-top:14px;font-size:12.5px;line-height:1.5}.ab-dev>a:hover .ab-bezel{transform:translateY(-3px)}.ab-dev>a:active .ab-bezel{transition-duration:0s;transform:scale(.985)}.ab-dev>a:hover .ab-cta,.ab-dev>a:focus-visible .ab-cta{text-underline-offset:4px;text-decoration:underline}.ab-dev>a:focus-visible{outline:2px solid var(--ab-paper);outline-offset:6px;border-radius:4px}@media (max-width:1279px){.ab-devs{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:8px}.ab-devs:before{display:none}.ab-feature{grid-column:1/-1}.ab-feature .ab-unit{justify-self:start;width:min(100%,680px)}.ab-plate{border-top-color:#ffecd61f}}@media (max-width:999px){.ab-devs{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}}@media (max-width:760px){.ab-room{--ab-plate-pad:14px}.ab-monitor .ab-stand{height:36px}.ab-pivot .ab-stand{height:28px}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.ab-js .ab-off{animation:ab-wake .7s var(--ab-ease) both;animation-delay:calc(.9s + var(--i) * .26s)}.ab-js .ab-glow{animation:ab-light .9s var(--ab-ease) both;animation-delay:calc(.9s + var(--i) * .26s)}@keyframes ab-wake{0%{opacity:1}35%{opacity:.55}45%{opacity:.8}to{opacity:0}}@keyframes ab-light{0%{opacity:0}to{opacity:1}}}.ab-cabinet{padding-top:120px}.ab-cab-head{flex-wrap:wrap;align-items:baseline;gap:6px 20px;margin-bottom:28px;display:flex}.ab-cab-head h2{letter-spacing:-.02em;color:var(--ab-paper);margin:0;font-size:clamp(26px,2.1vw,40px)}.ab-cab-head p{color:var(--ab-muted);margin:0}.ab-cab{background:linear-gradient(115deg,#ffffff0b,#fff0 38%),#fff5eb06;border:1px solid #f7f6f424;border-radius:6px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:22px;list-style:none;display:grid;box-shadow:inset 0 1px #ffffff0f}.ab-cab a{color:#bfb8ae;height:100%;transition:border-color .15s var(--ab-ease);border:1px solid #f7f6f414;border-radius:4px;flex-direction:column;gap:6px;padding:16px 16px 18px;display:flex}.ab-cab a:hover,.ab-cab a:focus-visible{border-color:#f7f6f447}.ab-cab strong{color:#ddd6cc;font-size:15px;font-weight:600;line-height:1.4}.ab-cab span{color:#958f86;font-size:13px;line-height:1.55}.ab-lock{fill:none;width:14px;height:14px;stroke:var(--ab-muted);stroke-width:1.3px}@media (max-width:1279px){.ab-cab{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.ab-cab{grid-template-columns:1fr;padding:12px}.ab-cabinet{padding-top:88px}}