@font-face{font-family:Funnel Display;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/funnel-display-var.woff2)format("woff2")}@font-face{font-family:Host Grotesk;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/host-grotesk-var.woff2)format("woff2")}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--paper:#f4f2ee;--paper-2:#ebe8e2;--white:#fff;--indigo:#1b2a4a;--indigo-2:#2c3f66;--indigo-soft:#4a597a;--grey:#626c7e;--grey-2:#5f6a7c;--sand-text:#856637;--sand:#e0d7c8;--sand-deep:#c0a882;--line:#e2ded6;--line-2:#d3cec4;--h2:clamp(23px, 3.6vw, 36px);--r:22px;--r-lg:30px;--pad:clamp(18px, 4.5vw, 44px);--head-h:60px;--ease:cubic-bezier(.2, .8, .3, 1);--shadow:0 26px 44px -32px #1b2a4a8c}@media (width>=768px){:root{--head-h:68px}}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--head-h) + 24px);-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{background:var(--paper);color:var(--indigo);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:#1b2a4a14;background-image:radial-gradient(60% 40% at 12% 0,#e0d7c880,#0000 60%),radial-gradient(50% 36% at 92% 6%,#d6dde98c,#0000 62%);background-repeat:no-repeat;padding-bottom:28px;font-family:Host Grotesk,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:400;line-height:1.68;overflow-x:hidden}body.drawer-open{overflow:hidden}[hidden]{display:none!important}h1,h2,h3,h4{letter-spacing:-.02em;font-family:Funnel Display,system-ui,sans-serif;font-weight:600;line-height:1.1}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--indigo);outline-offset:3px}.btn:not(.ghost):not(.quiet):focus-visible{outline-color:var(--sand)}.wrap{max-width:1180px;padding-left:var(--pad);padding-right:var(--pad);margin:0 auto}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--sand-text);font-size:11.5px;font-weight:600}.eyebrow.ink{color:var(--grey)}.skip{z-index:200;background:var(--indigo);color:var(--paper);border-radius:999px;padding:10px 18px;position:absolute;top:8px;left:-9999px}.skip:focus{left:12px}.page-head{padding-top:clamp(26px,4vw,52px)}.page-head h1{margin:8px 0 0;font-size:clamp(30px,5.4vw,48px)}.page-head .lede{color:var(--indigo-soft);margin-top:14px;font-size:16px}.page-head.narrow h1,.page-head.narrow .lede{max-width:720px}.fp{aspect-ratio:156/126;background:var(--mat,#24282d);border-radius:8px;width:100%;position:relative;overflow:hidden}.fp .seam{border:1px solid #ffffff12;border-radius:5px;position:absolute;inset:4%}.fp .vent{opacity:.78;position:absolute;inset:12%}.io-strip{background:linear-gradient(#23272c,#15181c);border-radius:0 0 8px 8px;align-items:center;gap:3%;height:17%;padding:0 6%;display:flex;position:relative}.io-strip i{background:#0000009e;border-radius:1px;display:block;box-shadow:inset 0 1px #ffffff14}.io-strip .usb{aspect-ratio:13/5;width:9%}.io-strip .sd{aspect-ratio:7/4;width:5%}.io-strip .led{opacity:.85;background:repeating-linear-gradient(90deg,#f0e6d4 0 3.4%,#0000 3.4% 5.88%);border-radius:2px;flex:1;height:2px}.io-strip .power{aspect-ratio:1;background:#2b3036;border-radius:999px;width:11%;margin-left:auto;box-shadow:inset 0 1px #ffffff1a}.btn{cursor:pointer;background:var(--indigo);border:1px solid var(--indigo);min-height:48px;color:var(--white);transition:transform .18s var(--ease), box-shadow .18s, background .18s;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-family:Host Grotesk,sans-serif;font-size:14.5px;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 26px -14px #1b2a4a99}.btn:active{transform:translateY(0)}.btn.ghost{color:var(--indigo);border-color:var(--line-2);background:0 0}.btn.ghost:hover{background:var(--white);box-shadow:none}.btn.quiet{background:var(--paper);color:var(--indigo);border-color:var(--line)}.btn.quiet:hover{background:var(--indigo);color:var(--white);border-color:var(--indigo);box-shadow:none}.btn.sand{background:var(--sand);color:var(--indigo);border-color:var(--sand)}.btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn.full{width:100%}.fswatch{border:1px solid var(--line-2);border-radius:9px;flex:none;width:44px;height:36px;display:block}.fswatch.big{border-radius:12px;width:72px;height:58px}.sw-smooth{background:linear-gradient(145deg,#32383f,#23282e 55%,#2c3138)}.sw-textured{background:radial-gradient(circle at 30% 30%,#ffffff17 .5px,#0000 1.2px) 0 0/7px 7px,radial-gradient(circle at 70% 60%,#ffffff12 .5px,#0000 1.2px) 0 0/9px 9px,radial-gradient(circle at 50% 85%,#0000004d .5px,#0000 1.2px) 0 0/8px 8px,#262b31}.sw-wood{background:repeating-linear-gradient(94deg,#6040223d 0 2px,#0000 2px 7px),repeating-linear-gradient(88deg,#8c643a2e 0 1px,#0000 1px 11px),linear-gradient(120deg,#caa06c,#b8874f 60%,#c39a63)}.soft{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:22px}.linkish{color:var(--sand-text);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.check{cursor:pointer;align-items:center;gap:10px;min-height:40px;padding:8px 0;font-size:14px;display:flex}.check input{width:18px;height:18px;accent-color:var(--indigo);flex:none}.check span{flex:1}.check b{color:var(--grey);font-size:12.5px;font-weight:400}.announce{text-align:center;color:var(--grey);padding:11px 16px;font-size:12.5px}.announce b{color:var(--indigo);font-weight:600}header.site{z-index:60;position:sticky;top:10px}.head{min-height:var(--head-h);backdrop-filter:blur(14px);border:1px solid var(--line);background:#ffffffeb;border-radius:999px;align-items:center;gap:12px;padding:8px 8px 8px 22px;display:flex;box-shadow:0 14px 30px -26px #1b2a4a99}.logo{letter-spacing:-.015em;white-space:nowrap;align-items:center;gap:9px;min-height:44px;font-family:Funnel Display,sans-serif;font-size:16px;font-weight:700;display:flex}.logo i{color:var(--sand-deep);font-style:normal}@media (width<=400px){.logo{font-size:14px}}nav.main{gap:2px;margin-left:14px;display:none}nav.main a{color:var(--indigo-soft);border-radius:999px;padding:9px 16px;font-size:14px;transition:background .16s,color .16s}nav.main a:hover,nav.main a[aria-current=page]{background:var(--paper-2);color:var(--indigo)}@media (width>=900px){nav.main{display:flex}}.head-right{align-items:center;gap:6px;margin-left:auto;display:flex}.icon-btn{background:var(--paper);width:46px;height:46px;color:var(--indigo);cursor:pointer;border:1px solid #0000;border-radius:999px;place-items:center;transition:background .16s,border-color .16s;display:grid;position:relative}.icon-btn:hover{background:var(--white);border-color:var(--line)}.icon-btn svg{width:19px;height:19px}.icon-btn .count{background:var(--indigo);min-width:19px;height:19px;color:var(--white);border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-weight:600;display:grid;position:absolute;top:3px;right:2px}.icon-btn .count[hidden]{display:none}#nav-toggle{display:grid}@media (width>=900px){#nav-toggle{display:none}}.scrim{z-index:90;backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .24s var(--ease);background:#1b2a4a52;position:fixed;inset:0}.scrim.on{opacity:1;pointer-events:auto}.drawer{z-index:91;background:var(--paper);overscroll-behavior:contain;transition:transform .3s var(--ease);flex-direction:column;display:flex;position:fixed;box-shadow:0 0 60px #1b2a4a47}.drawer .d-head{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 12px;display:flex}.drawer .d-head h2{font-size:20px}.drawer .d-body{flex:1;padding:4px 20px 76px;overflow-y:auto}.drawer .d-foot{padding:16px 20px calc(18px + env(safe-area-inset-bottom));background:var(--white);border-top:1px solid var(--line);flex:none}#nav-drawer{border-radius:26px 0 0 26px;width:min(330px,88vw);top:0;bottom:0;right:0;transform:translate(101%)}#nav-drawer.on{transform:translate(0)}#nav-drawer a{border-bottom:1px solid var(--line);align-items:center;min-height:48px;padding:13px 6px;font-size:18px;display:flex}#nav-drawer a:last-of-type{border-bottom:none}#nav-drawer .meta{background:var(--white);border-radius:var(--r);color:var(--grey);margin-top:22px;padding:16px;font-size:13px;line-height:1.9}#nav-drawer .meta b{color:var(--indigo);font-weight:600}#cart-drawer{border-radius:26px 26px 0 0;max-height:88vh;bottom:0;left:0;right:0;transform:translateY(101%)}#cart-drawer.on{transform:translateY(0)}@media (width>=720px){#cart-drawer{border-radius:26px 0 0 26px;width:420px;max-height:none;inset:0 0 0 auto;transform:translate(101%)}#cart-drawer.on{transform:translate(0)}}.cart-line{background:var(--white);border-radius:var(--r);grid-template-columns:64px 1fr auto;gap:14px;margin-bottom:10px;padding:14px;display:grid}.cart-line .thumb{align-self:start}.cart-line h3{font-size:16px}.cart-line .code{color:var(--grey);margin-top:1px;font-size:11.5px}.cart-line .price{white-space:nowrap;font-family:Funnel Display,sans-serif;font-size:15px;font-weight:600}.qty{background:var(--paper);border-radius:999px;align-items:center;margin-top:10px;display:inline-flex}.qty button{cursor:pointer;width:44px;height:44px;color:var(--indigo);background:0 0;border:none;border-radius:999px;font-size:17px;line-height:1}.qty button:hover,.qty button:active{background:var(--paper-2)}.qty span{text-align:center;min-width:30px;font-size:14.5px;font-weight:600}.cart-remove{cursor:pointer;min-height:40px;color:var(--grey);background:0 0;border:none;align-items:center;padding:4px 0 0;font-size:12.5px;text-decoration:underline;display:inline-flex}.cart-remove:hover{color:var(--indigo)}.cart-empty{text-align:center;color:var(--grey);padding:48px 10px}.cart-empty p{margin-bottom:18px}.ship-bar{background:var(--paper-2);border-radius:999px;height:6px;margin-bottom:8px;overflow:hidden}.ship-bar i{background:var(--sand-deep);height:100%;transition:width .3s var(--ease);border-radius:999px;display:block}.ship-note{color:var(--indigo-soft);font-size:13px}.totals{gap:5px;margin:14px 0;display:grid}.totals div{justify-content:space-between;font-size:14.5px;display:flex}.totals .t{border-top:1px solid var(--line);margin-top:4px;padding-top:10px;font-family:Funnel Display,sans-serif;font-size:19px;font-weight:700}.cart-link-page{text-align:center;min-height:44px;color:var(--indigo-soft);justify-content:center;align-items:center;margin-top:4px;padding:6px;font-size:13.5px;text-decoration:underline;display:flex}.cart-link-page:hover{color:var(--indigo)}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:120;opacity:0;pointer-events:none;background:var(--indigo);color:#eef1f6;white-space:nowrap;max-width:calc(100vw - 28px);transition:opacity .2s, transform .2s var(--ease);border-radius:999px;padding:12px 20px;font-size:13.5px;position:fixed;transform:translate(-50%,14px);box-shadow:0 16px 34px -18px #1b2a4ab3}.toast.on{opacity:1;transform:translate(-50%)}body.has-buybar .toast{bottom:calc(150px + env(safe-area-inset-bottom))}body.drawer-open .toast{bottom:calc(200px + env(safe-area-inset-bottom))}.toast b{color:var(--sand);font-weight:600}.block{scroll-margin-top:calc(var(--head-h) + 20px);padding-top:clamp(40px,6vw,84px)}.sec-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px;display:flex}.sec-head h2{font-size:var(--h2)}.sec-head .r{min-height:24px;color:var(--grey);white-space:nowrap;align-items:center;font-size:13px;display:inline-flex}@media (width<=480px){.sec-head .r{display:none}}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);transition:transform .2s var(--ease), box-shadow .2s;flex-direction:column;padding:12px;display:flex}.card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.card[hidden]{display:none}.card-link{flex-direction:column;flex:1;display:flex}.card .stage{border-radius:12px;place-items:center;padding:14px;display:grid;position:relative}.card .stage .fp{width:84%;transition:transform .28s var(--ease);box-shadow:0 16px 24px -18px #1b2a4a99}.card:hover .stage .fp{transform:scale(1.04)rotate(-1deg)}.card .tag{z-index:2;color:var(--indigo);background:#fffffff0;border-radius:999px;padding:3px 12px;font-size:11px;font-weight:600;position:absolute;top:10px;left:10px;box-shadow:0 4px 10px -6px #1b2a4a80}.card-body{flex:1;padding:14px 6px 0}.card-body h3{font-size:18px}.card-body .note{color:var(--indigo-soft);margin-top:4px;font-size:13.5px}.card-body .spec{color:var(--grey);margin-top:8px;font-size:12px}.card .buy{justify-content:space-between;align-items:center;gap:10px;padding:14px 6px 4px;display:flex}.card .price{font-family:Funnel Display,sans-serif;font-size:20px;font-weight:700}.card .add{min-height:42px;padding:9px 18px;font-size:13px}@media (width<=699px){.card{padding:10px}.card .stage{border-radius:10px;padding:10px}.card-body{padding:12px 4px 0}.card-body h3{font-size:16px}.card-body .note{display:none}.card-body .spec{white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:11px;overflow:hidden}.card .buy{gap:6px;padding:12px 4px 2px}.card .price{font-size:17px}.card .add{padding:9px 14px;font-size:12.5px}}.card .add .narrow{display:none}@media (width<=699px){.card .add .wide{display:none}.card .add .narrow{display:inline}}footer.site{margin-top:clamp(48px,7vw,88px)}.foot{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);grid-template-columns:1fr 1fr;gap:26px;padding:clamp(24px,4vw,40px);display:grid}.foot-brand{grid-column:1/-1}@media (width>=900px){.foot{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:32px}.foot-brand{grid-column:auto}}.foot .logo{font-size:17px}.foot-brand p{color:var(--grey);max-width:32ch;margin-top:10px;font-size:13.5px}.foot h2{letter-spacing:.16em;text-transform:uppercase;color:var(--grey);margin-bottom:10px;font-family:Host Grotesk,sans-serif;font-size:11.5px;font-weight:600}.foot a{color:var(--indigo-soft);padding:8px 0;font-size:14px;display:block}@media (width>=760px){.foot a{padding:4px 0}}.foot a:hover{color:var(--sand-text)}.foot-bottom{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.disclaimer{color:var(--grey);max-width:80ch;font-size:11.5px;line-height:1.7}.copy{color:var(--grey-2);margin-top:6px;font-size:12px}.copy a{text-decoration:underline}.copy a:hover{color:var(--indigo)}.foot .by-flowz,.by-flowz{background:var(--paper);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;margin-top:16px;padding:10px 16px 10px 10px;display:inline-flex}.by-mark{object-fit:contain;flex:none;width:28px;height:28px}.foot .by-flowz>span{flex-direction:column;line-height:1.35;display:flex}.foot .by-flowz b{font-size:13.5px;font-weight:600}.foot .by-flowz>span>span{color:var(--grey);font-size:11.5px}