:root{--asphalt:#0a0c0f;--surface:#11141a;--surface-2:#181c23;--concrete:#d8d5cc;--bone:#f4f0e7;--cobalt:#225bff;--orange:#ff5a1f;--silver:#a8afba;--muted:#999d9f;--line:rgba(244,240,231,.16);--shell:min(1240px,calc(100vw - 48px));--radius:20px;--ease:cubic-bezier(.22,1,.36,1);--header:78px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--asphalt)}body{margin:0;background:var(--asphalt);color:var(--bone);font-family:Arial,Helvetica,sans-serif;line-height:1.5;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;z-index:999;left:16px;top:12px;transform:translateY(-150%);background:var(--bone);color:var(--asphalt);padding:12px 18px;border-radius:999px;font-weight:800}.skip-link:focus{transform:none}.site-header{position:absolute;z-index:50;top:0;left:0;width:100%;height:var(--header);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid rgba(244,240,231,.09)}.sample-flag{display:flex;align-items:center;gap:10px;width:max-content}.sample-flag span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font-size:11px;font-weight:900}.sample-flag small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.16em}.wordmark{display:flex;align-items:center;gap:8px;font-weight:900;letter-spacing:-.04em}.wordmark__slash{display:block;width:8px;height:26px;background:var(--orange);transform:skewX(-18deg)}.desktop-nav{justify-self:end;display:flex;gap:22px;font-size:12px;font-weight:700}.desktop-nav a{transition:color .2s}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--orange)}.mobile-menu{display:none;justify-self:end;position:relative}.mobile-menu summary{list-style:none;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;display:grid;place-content:center;gap:6px;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{display:block;width:19px;height:2px;background:var(--bone)}.mobile-menu nav{position:absolute;top:56px;right:0;width:min(320px,calc(100vw - 32px));padding:16px;border:1px solid var(--line);border-radius:16px;background:#12151b;box-shadow:0 20px 70px #000}.mobile-menu nav a{display:block;padding:14px;border-bottom:1px solid var(--line);font-weight:700}.mobile-menu nav a:last-child{border:0;color:var(--orange)}
.hero{position:relative;overflow:hidden;min-height:100svh;padding:calc(var(--header) + 72px) 0 90px;display:flex;align-items:center;isolation:isolate}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 44%,rgba(34,91,255,.25),transparent 27%),radial-gradient(circle at 78% 72%,rgba(255,90,31,.09),transparent 22%);z-index:-2}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(244,240,231,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(244,240,231,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 78%);z-index:-1}.hero__layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);align-items:center;gap:42px}.kicker{margin:0 0 20px;color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}.hero h1,.builder-intro h1,.not-found h1{margin:0;font-size:clamp(58px,6.9vw,112px);line-height:.86;letter-spacing:-.075em;max-width:850px}.lede{font-size:clamp(18px,1.55vw,23px);color:#c6c4bd;max-width:650px;margin:32px 0}.button-row{display:flex;flex-wrap:wrap;gap:12px}.button{min-height:54px;padding:0 21px;border:1px solid var(--line);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:13px;font-weight:900;letter-spacing:.02em;cursor:pointer;background:transparent;color:inherit}.button--primary{background:var(--cobalt);border-color:var(--cobalt);color:white}.button--primary:hover,.button--primary:focus-visible{background:#4776ff}.button--ghost:hover,.button--ghost:focus-visible{border-color:var(--bone)}.button--light{background:var(--bone);color:var(--asphalt);border-color:var(--bone)}.button--outline-light{border-color:rgba(10,12,15,.28);color:var(--asphalt)}.hero-specs{list-style:none;padding:0;margin:44px 0 0;display:flex;gap:38px}.hero-specs li{display:grid}.hero-specs strong{font-size:27px;line-height:1}.hero-specs span{margin-top:8px;color:#8f9398;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.hero__stage{position:relative;min-height:650px;display:grid;place-items:center}.coordinate{position:absolute;color:#676c73;font:700 10px monospace;letter-spacing:.12em}.coordinate--x{top:18%;right:1%}.coordinate--y{bottom:13%;left:5%;writing-mode:vertical-rl}.scroll-cue{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);display:flex;gap:25px;color:#777c83;font-size:10px;text-transform:uppercase;letter-spacing:.14em}
.board-poster{--builder-deck:#f4f0e7;--builder-accent:#225bff;--builder-wheel:#f4f0e7;--builder-truck:#a8afba;--builder-bolt:#225bff;position:relative;width:330px;height:610px;transform:rotate(28deg) rotateX(30deg);transform-style:preserve-3d}.board-poster__shadow{position:absolute;inset:13% -20%;background:radial-gradient(ellipse,#000 0,transparent 68%);transform:translateZ(-80px);filter:blur(28px);opacity:.7}.board-poster__deck{position:absolute;inset:0 58px;border-radius:100px;background:var(--builder-deck);box-shadow:inset 0 0 0 3px rgba(10,12,15,.22),0 28px 55px rgba(0,0,0,.45);overflow:hidden;transform:translateZ(26px)}.deck-mark{position:absolute;display:block;background:var(--builder-accent);transform:rotate(-35deg)}.deck-mark--one{width:430px;height:46px;left:-170px;top:180px}.deck-mark--two{width:330px;height:22px;left:-70px;top:290px;background:#0a0c0f}.deck-mark--three{width:370px;height:15px;left:-110px;top:400px}.deck-name{position:absolute;left:34px;bottom:52px;color:#0a0c0f;font-size:42px;line-height:.8;font-weight:900;letter-spacing:-.07em}.deck-code{position:absolute;top:42px;right:26px;color:#0a0c0f;font:700 10px monospace;writing-mode:vertical-rl}.bolt-grid{position:absolute;left:50%;width:60px;height:26px;transform:translateX(-50%);background:radial-gradient(circle,var(--builder-bolt) 0 4px,transparent 5px) 0 0/20px 13px}.bolt-grid--top{top:45px}.bolt-grid--bottom{bottom:45px}.truck{position:absolute;left:35px;width:260px;height:22px;border-radius:12px;background:var(--builder-truck);box-shadow:0 7px 12px #0006;transform:translateZ(5px)}.truck::after{content:"";position:absolute;left:98px;top:-18px;width:64px;height:58px;border-radius:12px;background:var(--builder-truck)}.truck--top{top:125px}.truck--bottom{bottom:125px}.wheel{position:absolute;width:42px;height:72px;border-radius:50%;background:var(--builder-wheel);box-shadow:inset -8px 0 9px #0005,0 7px 13px #0008;transform:translateZ(-10px)}.wheel--one{top:100px;left:20px}.wheel--two{top:100px;right:20px}.wheel--three{bottom:100px;left:20px}.wheel--four{bottom:100px;right:20px}.stage-note{position:absolute;left:50%;bottom:-52px;transform:translateX(-50%) rotate(-28deg);white-space:nowrap;color:#646970;font:700 9px monospace;text-transform:uppercase;letter-spacing:.12em}.board-poster--compact{width:245px;height:455px;transform:rotate(16deg) rotateX(24deg)}.board-poster--compact .board-poster__deck{inset-inline:42px}.board-poster--compact .truck{left:26px;width:193px}.board-poster--compact .truck::after{left:72px;width:50px}.board-poster--compact .deck-name{font-size:31px}.board-poster--compact .stage-note{display:none}
.section{padding:132px 0}.section-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:70px;align-items:end;margin-bottom:65px}.section-heading--wide{grid-template-columns:minmax(0,1fr) minmax(360px,.55fr)}.section-heading h2,.editorial-card h2,.final-cta h2{margin:0;font-size:clamp(48px,5vw,82px);line-height:.95;letter-spacing:-.065em}.section-heading>p{margin:0;color:#9da0a4;font-size:17px;max-width:510px}.collection{background:var(--bone);color:var(--asphalt)}.collection .kicker{color:var(--cobalt)}.collection .section-heading>p{color:#555a61}.deck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.deck-card{min-width:0;background:#ebe7dd;border:1px solid #cbc6bb;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.deck-card__visual{position:relative;min-height:500px;display:grid;place-items:center;background:linear-gradient(145deg,#cbc7bd,#f7f3e9);overflow:hidden}.deck-card__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.45),transparent 62%);transform:translateX(-120%);transition:transform .7s var(--ease)}.deck-card:hover .deck-card__visual::after{transform:translateX(120%)}.deck-artwork{width:68%;max-height:455px;aspect-ratio:3/8;object-fit:cover;border:1px solid rgba(244,240,231,.22);border-radius:10px;height:auto;box-shadow:0 20px 26px rgba(10,12,15,.28);transform:rotate(2deg);transition:transform .5s var(--ease)}.deck-card:hover .deck-artwork{transform:rotate(0deg) translateY(-8px)}.deck-card__visual>span{position:absolute;left:18px;top:18px;font:800 11px monospace;letter-spacing:.12em}.deck-card__body{padding:23px;display:grid;gap:18px;flex:1}.deck-card__body>div:first-child{display:flex;justify-content:space-between;align-items:start;gap:18px}.deck-number{margin:5px 0 0;color:#777;font:700 10px monospace}.deck-card h3{margin:0;font-size:28px;letter-spacing:-.04em}.deck-card__body>p{margin:0;color:#555;font-size:14px;min-height:44px}.deck-card__footer{display:flex;justify-content:space-between;align-items:end;margin-top:auto;border-top:1px solid #cec9be;padding-top:17px;font-weight:900}.deck-card__footer a{color:var(--cobalt);font-size:12px}
.construction{background:#0d1015}.construction-grid{display:grid;grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr);gap:72px;align-items:center}.exploded-board{position:relative;min-height:720px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 50% 45%,rgba(34,91,255,.18),transparent 35%),linear-gradient(145deg,#11151c,#090b0e);overflow:hidden}.exploded-board::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(244,240,231,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(244,240,231,.04) 1px,transparent 1px);background-size:38px 38px}.exploded-layer{position:absolute;left:50%;transform:translateX(-50%) rotate(6deg);display:block}.exploded-layer--grip{top:85px;width:175px;height:390px;border-radius:85px;background:repeating-linear-gradient(45deg,#191d24 0 5px,#262b34 5px 9px);box-shadow:0 18px 35px #0008}.exploded-layer--deck{top:180px;width:195px;height:420px;border-radius:95px;background:#f4f0e7;box-shadow:inset 0 0 0 8px #225bff,0 18px 35px #0008}.exploded-layer--deck::after{content:"BREAKLINE";position:absolute;left:28px;bottom:52px;color:#0a0c0f;font-size:31px;line-height:.8;font-weight:900;transform:rotate(-8deg)}.exploded-layer--hardware{top:335px;width:112px;height:22px;background:radial-gradient(circle,#ff5a1f 0 5px,transparent 6px) 0 0/28px 20px}.exploded-layer--trucks{top:470px;width:300px;height:65px;border-radius:18px;background:linear-gradient(#a8afba,#69717c);box-shadow:0 15px 28px #0008}.exploded-layer--trucks::before,.exploded-layer--trucks::after{content:"";position:absolute;top:76px;width:48px;height:48px;border-radius:50%;background:#f4f0e7;box-shadow:inset -8px 0 10px #0006}.exploded-layer--trucks::before{left:24px}.exploded-layer--trucks::after{right:24px}.exploded-layer--wheels{top:625px;width:340px;height:38px;border-radius:20px;background:linear-gradient(90deg,#f4f0e7 0 14%,transparent 14% 86%,#f4f0e7 86%)}.exploded-label{position:absolute;z-index:2;color:#9fa4ab;font:700 10px monospace;text-transform:uppercase;letter-spacing:.14em}.exploded-label::after{content:"";position:absolute;top:50%;width:80px;height:1px;background:#565b63}.exploded-label--grip{left:30px;top:115px}.exploded-label--grip::after,.exploded-label--hardware::after,.exploded-label--wheels::after{left:calc(100% + 10px)}.exploded-label--deck{right:32px;top:245px}.exploded-label--deck::after,.exploded-label--trucks::after{right:calc(100% + 10px)}.exploded-label--hardware{left:32px;top:348px}.exploded-label--trucks{right:32px;top:492px}.exploded-label--wheels{left:32px;top:638px}.component-list{list-style:none;margin:0;padding:0}.component-list li{display:grid;grid-template-columns:125px 1fr;gap:25px;padding:26px 0;border-top:1px solid var(--line)}.component-list li:last-child{border-bottom:1px solid var(--line)}.component-list li>div:first-child{display:grid;align-content:start}.component-list span{color:var(--orange);font:800 11px monospace}.component-list small{margin-top:7px;color:#71767e;font:700 10px monospace;text-transform:uppercase}.component-list h3{margin:0 0 8px;font-size:26px}.component-list p{margin:0;color:#9da1a7;max-width:580px}
.editorial{padding:70px 0 150px;background:#d8d5cc;color:#0a0c0f}.editorial__stack{display:grid;gap:24px}.editorial-card{position:relative;min-height:520px;border-radius:26px;padding:64px;display:grid;grid-template-columns:90px minmax(0,1fr) 280px;gap:35px;align-items:center;overflow:hidden}.editorial-card--1{background:#225bff;color:#fff}.editorial-card--2{background:#ff5a1f}.editorial-card--3{background:#f4f0e7}.editorial-card .kicker{color:currentColor;opacity:.68}.editorial-card h2{max-width:780px}.editorial-card p:not(.kicker){max-width:680px;font-size:17px;opacity:.75}.editorial-card__index{font:800 13px monospace;align-self:start}.editorial-card__mark{position:relative;width:240px;height:340px;justify-self:end}.editorial-card__mark span{position:absolute;display:block;background:currentColor;opacity:.85}.editorial-card__mark span:nth-child(1){width:36px;height:330px;left:20px;top:0;transform:rotate(24deg)}.editorial-card__mark span:nth-child(2){width:150px;height:24px;right:0;top:80px}.editorial-card__mark span:nth-child(3){width:180px;height:180px;right:10px;bottom:0;border-radius:50%;background:transparent;border:24px solid currentColor}.editorial-card--2 .editorial-card__mark span:nth-child(1){transform:rotate(-22deg)}.editorial-card--3 .editorial-card__mark{color:var(--cobalt)}
.trick-section{background:#090b0e}.trick-lab{border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#11141a}.trick-lab__controls{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.trick-lab__controls button{min-height:78px;border:0;border-right:1px solid var(--line);background:transparent;color:#8f949b;font-weight:900;cursor:pointer}.trick-lab__controls button:last-child{border-right:0}.trick-lab__controls button span{display:block;margin-bottom:4px;font:700 9px monospace;color:#555b63}.trick-lab__controls button[aria-pressed="true"]{background:var(--cobalt);color:#fff}.trick-lab__controls button[aria-pressed="true"] span{color:#c9d4ff}.trick-lab__stage{position:relative;min-height:650px;padding:58px;display:grid;grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr);grid-template-rows:1fr auto;gap:32px 55px;align-items:center;background:radial-gradient(circle at 25% 45%,rgba(34,91,255,.22),transparent 28%),linear-gradient(145deg,#121720,#0a0c0f)}.trick-board{position:relative;width:290px;height:120px;justify-self:center;transform:rotate(-12deg)}.trick-board::before{content:"";position:absolute;left:15px;right:15px;top:25px;height:58px;border-radius:46% 46% 20% 20%;background:var(--bone);box-shadow:inset 0 -9px 0 var(--cobalt),0 26px 35px #0009}.trick-board::after{content:"";position:absolute;left:58px;right:58px;top:84px;height:13px;border-radius:10px;background:var(--silver)}.trick-board span{position:absolute;top:88px;width:34px;height:34px;border-radius:50%;background:var(--bone);box-shadow:inset -6px 0 8px #0005}.trick-board span:nth-child(1){left:32px}.trick-board span:nth-child(2){left:80px}.trick-board span:nth-child(3){right:80px}.trick-board span:nth-child(4){right:32px}.trick-lab[data-active-trick="ollie"] .trick-board{transform:translateY(-45px) rotate(-2deg)}.trick-lab[data-active-trick="kickflip"] .trick-board{transform:translateY(-30px) rotate(-12deg) rotateX(55deg)}.trick-lab[data-active-trick="heelflip"] .trick-board{transform:translateY(-30px) rotate(12deg) rotateX(-55deg)}.trick-lab[data-active-trick="shove-it"] .trick-board{transform:translateY(-22px) rotate(38deg)}.trick-lab__copy h3{margin:0;font-size:clamp(55px,6vw,90px);line-height:.9;letter-spacing:-.07em}.trick-lab__copy>p:last-child{max-width:620px;color:#a8abb0;font-size:17px}.trick-frames{list-style:none;padding:0;margin:0;grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.trick-frames li{padding:18px 0;border-right:1px solid var(--line);text-align:center;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.trick-frames li:last-child{border-right:0}.trick-frames span{display:block;margin-bottom:6px;color:var(--orange);font:700 9px monospace}.trick-lab__note{margin:0;padding:18px 26px;border-top:1px solid var(--line);color:#6f747b;font-size:11px}
.community{background:#f4f0e7;color:#0a0c0f}.community .kicker{color:var(--cobalt)}.community .section-heading>p{color:#555a61}.rider-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.rider-card{border:1px solid #cfc9bd;border-radius:20px;overflow:hidden;background:#e8e3d9}.rider-card__image{position:relative;aspect-ratio:1;overflow:hidden}.rider-card__image img{width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .5s var(--ease)}.rider-card:hover img{transform:scale(1.035)}.rider-card__image span{position:absolute;right:14px;top:14px;background:var(--bone);border-radius:999px;padding:7px 10px;font:800 10px monospace}.rider-card__body{padding:20px}.rider-card__note{margin:0 0 7px;color:#6a6e74;font:700 9px monospace;text-transform:uppercase;letter-spacing:.12em}.rider-card h3{margin:0;font-size:27px;letter-spacing:-.04em}.rider-card__body>p:not(.rider-card__note){margin:5px 0 20px;color:#5b5f65}.text-link{display:inline-flex;gap:10px;align-items:center;color:var(--cobalt);font-size:12px;font-weight:900}.reel-section{background:#0a0c0f}.motion-reel{border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#11141a}.motion-reel__viewport{position:relative;aspect-ratio:16/9;overflow:hidden;background:#050607}.motion-reel__viewport img{width:100%;height:100%;object-fit:cover}.motion-reel__sequence{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);opacity:0}.motion-reel__sequence span{display:grid;place-items:center;font-size:clamp(35px,5vw,80px);font-weight:900;writing-mode:vertical-rl}.motion-reel__sequence span:nth-child(1){background:#225bff}.motion-reel__sequence span:nth-child(2){background:#f4f0e7;color:#0a0c0f}.motion-reel__sequence span:nth-child(3){background:#ff5a1f;color:#0a0c0f}.motion-reel__sequence span:nth-child(4){background:#d8d5cc;color:#0a0c0f}.motion-reel.is-playing .motion-reel__viewport img{opacity:0}.motion-reel.is-playing .motion-reel__sequence{opacity:1}.motion-reel.is-playing .motion-reel__sequence span{animation:reel-pulse 1.6s steps(1,end) infinite}.motion-reel.is-playing .motion-reel__sequence span:nth-child(2){animation-delay:.4s}.motion-reel.is-playing .motion-reel__sequence span:nth-child(3){animation-delay:.8s}.motion-reel.is-playing .motion-reel__sequence span:nth-child(4){animation-delay:1.2s}@keyframes reel-pulse{0%,24%{filter:brightness(1.3);transform:scale(1.03)}25%,100%{filter:brightness(.65);transform:none}}.motion-reel__footer{display:flex;justify-content:space-between;gap:40px;align-items:center;padding:24px}.motion-reel__footer p{margin:0;color:#92969d;max-width:760px}.motion-reel__footer strong{color:var(--bone)}
.final-cta{background:var(--cobalt);color:#fff;padding:130px 0}.final-cta__inner{display:grid;gap:35px}.final-cta h2{max-width:950px}.final-cta .kicker{color:#d6deff}.final-cta .button--outline-light{color:#fff;border-color:rgba(255,255,255,.45)}.site-footer{padding:84px 0 25px;background:#080a0d;border-top:1px solid var(--line)}.site-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px}.wordmark--footer{font-size:28px}.site-footer p{color:#73777d}.site-footer__grid>div:not(:first-child){display:grid;align-content:start;gap:10px}.footer-label{margin:0 0 8px!important;color:#9fa3a9!important;font:700 10px monospace;text-transform:uppercase;letter-spacing:.12em}.site-footer a{font-size:13px;font-weight:700}.footer-base{margin-top:70px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px}.footer-base p{margin:0;font-size:10px}
.builder-page{background:#0a0c0f}.builder-intro{padding:calc(var(--header) + 85px) 0 70px;border-bottom:1px solid var(--line)}.builder-intro__row{display:flex;justify-content:space-between;gap:45px;align-items:end}.builder-intro h1{font-size:clamp(48px,6vw,86px);max-width:900px}.builder-shell{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(500px,1.05fr)}.builder-stage{position:sticky;top:0;height:100vh;min-height:720px;display:grid;place-items:center;background-color:#0c0f14;background-image:radial-gradient(circle,rgba(34,91,255,.22),transparent 38%),linear-gradient(rgba(8,10,14,.76),rgba(8,10,14,.88)),url("../textures/materials/studio-concrete-albedo.webp");background-size:auto,auto,640px 640px;background-blend-mode:screen,normal,multiply;border-right:1px solid var(--line);overflow:hidden}.builder-stage__labels{position:absolute;inset:22px 25px auto;display:flex;justify-content:space-between;color:#6c7178;font:700 9px monospace;text-transform:uppercase;letter-spacing:.12em}.builder-stage__fallback{position:absolute;bottom:25px;left:25px;right:25px;margin:0;color:#646970;font-size:11px;text-align:center}.builder-controls{padding:55px max(28px,calc((100vw - 1240px)/2));padding-left:55px}.repair-notice{padding:16px;border:1px solid rgba(255,90,31,.4);background:rgba(255,90,31,.08);border-radius:14px;margin-bottom:30px}.repair-notice span{display:block;color:#a9acb0;font-size:12px}.option-group{border:0;padding:0;margin:0 0 45px}.option-group legend{text-transform:uppercase;color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:16px}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.option-card{min-height:96px;border:1px solid var(--line);border-radius:14px;background:#11151b;color:var(--bone);text-align:left;padding:13px;display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;cursor:pointer}.option-card.is-selected{border-color:var(--cobalt);box-shadow:inset 0 0 0 1px var(--cobalt)}.option-swatch{width:34px;height:34px;border-radius:50%;border:1px solid #ffffff25}.option-card strong{display:block}.option-card small{display:block;color:#858a91;line-height:1.3;margin-top:4px}.option-price{font-size:10px;color:#aeb2b7}.builder-actions{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 35px}.builder-actions button:disabled{opacity:.42;cursor:not-allowed}.product-summary{border:1px solid var(--line);border-radius:18px;padding:28px;background:#101319}.product-summary__head{display:flex;justify-content:space-between;gap:20px}.product-summary h2{margin:0;font-size:32px}.config-code{font:700 10px monospace;color:var(--orange);padding-top:5px}.product-summary dl{margin:28px 0}.product-summary dl div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}.product-summary dt{text-transform:uppercase;color:#85898f;font-size:10px;letter-spacing:.12em}.product-summary dd{margin:0;font-weight:800}.summary-total{display:flex;justify-content:space-between;align-items:end;padding-top:18px;border-top:1px solid var(--line)}.summary-total span{color:#a1a3a5}.summary-total strong{font-size:38px}.summary-note{font-size:11px;color:#777b82}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.not-found{min-height:100vh;padding:180px max(24px,calc((100vw - 1240px)/2));display:grid;align-content:center}.not-found p{max-width:650px;font-size:18px;color:#aaa}.not-found .button-row{margin-top:22px}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:1080px){.hero__layout{grid-template-columns:1fr 1fr}.hero__stage{min-height:560px}.deck-grid{grid-template-columns:repeat(2,1fr)}.construction-grid{grid-template-columns:1fr}.exploded-board{min-height:660px}.rider-grid{grid-template-columns:repeat(2,1fr)}.editorial-card{grid-template-columns:60px 1fr 220px}.builder-shell{grid-template-columns:1fr}.builder-stage{position:relative;height:660px;min-height:0}.builder-intro__row{align-items:flex-start}.builder-intro__row .text-link{white-space:nowrap}}
@media(max-width:760px){:root{--shell:calc(100vw - 32px);--header:68px}.site-header{grid-template-columns:1fr auto 1fr;padding-inline:16px}.sample-flag small,.desktop-nav{display:none}.mobile-menu{display:block}.wordmark{font-size:14px}.hero{padding-top:calc(var(--header) + 48px);align-items:flex-start}.hero__layout{grid-template-columns:1fr;gap:0}.hero h1{font-size:clamp(52px,16vw,76px)}.lede{font-size:17px;margin:24px 0}.hero-specs{gap:20px;margin-top:30px}.hero-specs strong{font-size:20px}.hero__stage{min-height:460px;margin-top:-25px}.board-poster{width:260px;height:480px}.board-poster__deck{inset-inline:45px}.truck{left:28px;width:204px}.truck::after{left:76px}.deck-name{font-size:32px}.coordinate,.scroll-cue{display:none}.section{padding:88px 0}.section-heading,.section-heading--wide{grid-template-columns:1fr;gap:28px;margin-bottom:38px}.section-heading h2,.editorial-card h2,.final-cta h2{font-size:45px}.deck-grid{grid-template-columns:1fr}.deck-card{display:grid;grid-template-columns:42% 58%;min-height:390px}.deck-card__visual{min-height:390px}.deck-artwork{width:61%}.deck-card__body{padding:17px}.deck-card__body>p{font-size:13px}.construction-grid{gap:40px}.exploded-board{min-height:580px}.exploded-layer--grip{top:60px;height:330px;width:150px}.exploded-layer--deck{top:135px;height:350px;width:168px}.exploded-layer--hardware{top:270px}.exploded-layer--trucks{top:390px;width:250px}.exploded-layer--wheels{top:525px;width:280px}.exploded-label--grip{top:80px}.exploded-label--deck{top:190px}.exploded-label--hardware{top:282px}.exploded-label--trucks{top:412px}.exploded-label--wheels{top:538px}.component-list li{grid-template-columns:90px 1fr}.editorial{padding:60px 0 90px}.editorial-card{min-height:500px;padding:34px;grid-template-columns:1fr;gap:20px}.editorial-card__index{position:absolute;top:24px;right:24px}.editorial-card__mark{position:absolute;right:-70px;bottom:-80px;width:210px;height:260px;opacity:.22}.trick-lab__controls{grid-template-columns:repeat(2,1fr)}.trick-lab__controls button:nth-child(2){border-right:0}.trick-lab__controls button:nth-child(-n+2){border-bottom:1px solid var(--line)}.trick-lab__stage{min-height:690px;padding:34px 20px;grid-template-columns:1fr;grid-template-rows:auto auto auto}.trick-board{width:250px}.trick-lab__copy h3{font-size:58px}.trick-frames{grid-column:1;grid-template-columns:repeat(2,1fr)}.trick-frames li:nth-child(-n+2){border-bottom:1px solid var(--line)}.rider-grid{grid-template-columns:1fr}.motion-reel__footer{display:grid;gap:18px}.motion-reel__footer .button{width:100%}.site-footer__grid{grid-template-columns:1fr 1fr}.site-footer__grid>div:first-child{grid-column:1/-1}.footer-base{display:block}.builder-intro{padding-top:45px}.builder-intro__row{display:block}.builder-intro h1{font-size:48px}.builder-stage{height:480px}.board-poster--compact{width:215px;height:400px}.builder-controls{padding:35px 16px 70px}.option-grid{grid-template-columns:1fr}.option-card{min-height:82px}.builder-actions{flex-direction:column}.builder-actions .button{width:100%}.product-summary{padding:22px}.final-cta{padding:100px 0}}
@media(max-width:420px){.sample-flag span{width:32px;height:32px}.hero-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-specs span{font-size:9px}.deck-card{grid-template-columns:36% 64%;min-height:340px}.deck-card__visual{min-height:340px}.deck-artwork{width:74%}.deck-card h3{font-size:21px}.site-footer__grid{grid-template-columns:1fr}.site-footer__grid>div:first-child{grid-column:auto}.exploded-label::after{width:45px}.component-list li{grid-template-columns:70px 1fr}.component-list h3{font-size:22px}}
@media(max-height:500px) and (orientation:landscape){.hero{min-height:760px}.builder-stage{height:430px}.mobile-menu nav{max-height:calc(100vh - 80px);overflow:auto}.editorial-card{min-height:430px}.exploded-board{min-height:540px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.board-poster{transform:rotate(20deg) rotateX(25deg)}.board-poster--compact{transform:rotate(10deg) rotateX(18deg)}.motion-reel.is-playing .motion-reel__sequence span{animation:none;filter:none}}

/* Gate 3 live model stage */
.breakline-board-stage {
  position: relative;
  width: 100%;
  min-height: 560px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(244, 240, 231, 0.16);
  background:
    radial-gradient(circle at 50% 42%, rgba(34, 91, 255, 0.16), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,0.045), rgba(255,255,255,0));
  touch-action: pan-y;
}

.breakline-board-stage--builder {
  min-height: clamp(460px, 68vh, 760px);
  border-color: rgba(10, 12, 15, 0.12);
  background:
    radial-gradient(circle at 50% 45%, rgba(34, 91, 255, 0.11), transparent 40%),
    linear-gradient(145deg, rgba(10,12,15,0.035), rgba(10,12,15,0));
}

.breakline-board-canvas {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  cursor: grab;
  opacity: 0;
  transition: opacity 320ms ease;
  outline: none;
  touch-action: pan-y;
}

.breakline-board-canvas:focus-visible {
  box-shadow: inset 0 0 0 3px var(--cobalt, #225bff), inset 0 0 0 7px rgba(244, 240, 231, 0.9);
}

.breakline-board-stage.is-interacting .breakline-board-canvas { cursor: grabbing; }
.breakline-board-stage.is-webgl-ready .breakline-board-canvas { opacity: 1; }

.breakline-model-placeholder {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 12px;
  padding: 32px;
  text-align: center;
  color: var(--bone, #f4f0e7);
  transition: opacity 180ms ease, visibility 180ms ease;
}
.breakline-board-stage--builder .breakline-model-placeholder { color: var(--asphalt, #0a0c0f); }
.breakline-model-placeholder strong { font-size: .78rem; letter-spacing: .13em; text-transform: uppercase; }
.breakline-model-placeholder small { font-size: .64rem; letter-spacing: .12em; opacity: .58; text-transform: uppercase; }
.breakline-model-placeholder__spinner {
  width: 34px;
  height: 34px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  opacity: .68;
  animation: breakline-model-spin 800ms linear infinite;
}
.breakline-board-stage.is-webgl-ready > .breakline-model-placeholder { opacity: 0; visibility: hidden; pointer-events: none; }
.breakline-static-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:clamp(18px,4vw,52px);opacity:0;visibility:hidden;transition:opacity .2s ease}.breakline-board-stage.is-webgl-fallback>.breakline-static-poster{opacity:1;visibility:visible}.breakline-board-stage.is-webgl-fallback>canvas{visibility:hidden}.breakline-board-stage.is-webgl-fallback>.breakline-model-placeholder{inset:auto 12px 12px;z-index:3;background:rgba(10,12,15,.82);color:#fff;padding:10px 12px}.breakline-board-stage--builder.is-webgl-fallback>.breakline-model-placeholder{background:rgba(244,240,231,.9);color:#0a0c0f}
.breakline-board-stage.is-webgl-fallback > .breakline-model-placeholder .breakline-model-placeholder__spinner { animation: none; border-right-color: currentColor; opacity: .3; }
.breakline-board-stage.is-webgl-fallback > .breakline-model-placeholder strong { font-size: 0; }
.breakline-board-stage.is-webgl-fallback > .breakline-model-placeholder strong::after { content: "3D model unavailable"; font-size: .78rem; }
@keyframes breakline-model-spin { to { transform: rotate(360deg); } }

.breakline-board-status {
  position: absolute;
  z-index: 4;
  left: 18px;
  bottom: 16px;
  padding: 8px 10px;
  border: 1px solid rgba(244, 240, 231, 0.22);
  background: rgba(10, 12, 15, 0.72);
  color: var(--bone, #f4f0e7);
  font-size: 0.68rem;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
}

.breakline-board-stage--builder .breakline-board-status {
  border-color: rgba(10, 12, 15, 0.14);
  background: rgba(244, 240, 231, 0.82);
  color: var(--asphalt, #0a0c0f);
}

.breakline-board-stage[data-quality="low"]::after,
.breakline-board-stage[data-quality="balanced"]::after,
.breakline-board-stage[data-quality="high"]::after {
  content: "QUALITY " attr(data-quality);
  position: absolute;
  z-index: 4;
  right: 18px;
  top: 16px;
  color: rgba(244, 240, 231, 0.58);
  font-size: 0.62rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.breakline-board-stage--builder[data-quality]::after { color: rgba(10, 12, 15, 0.48); }

@media (max-width: 720px) {
  .breakline-board-stage { min-height: 440px; }
  .breakline-board-stage--builder { min-height: 410px; }
  .breakline-board-status { left: 12px; bottom: 12px; }
  .breakline-board-stage[data-quality]::after { right: 12px; top: 12px; }
}

@media (max-height: 500px) and (orientation: landscape) {
  .breakline-board-stage,
  .breakline-board-stage--builder { min-height: 330px; }
}

@media (prefers-reduced-motion: reduce) {
  .breakline-board-canvas,
  .breakline-model-placeholder { transition: none; }
  .breakline-model-placeholder__spinner { animation: none; }
}

/* Gate 4 live deterministic Trick Lab */
.trick-lab__controls button small {
  display: block;
  margin-top: 4px;
  color: currentColor;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .12em;
  opacity: .52;
  text-transform: uppercase;
}
.trick-lab__stage {
  min-height: 680px;
  grid-template-columns: minmax(360px, .95fr) minmax(0, 1.05fr);
}
.trick-lab__scene {
  align-self: stretch;
  min-width: 0;
  display: grid;
  grid-template-rows: 1fr auto;
}
.breakline-board-stage--trick {
  min-height: 475px;
  border: 0;
  background:
    radial-gradient(circle at 50% 48%, rgba(34,91,255,.28), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.028), rgba(255,255,255,0));
}
.breakline-board-stage--trick::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 10%;
  right: 10%;
  bottom: 13%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(244,240,231,.32), transparent);
}
.breakline-board-stage--trick .breakline-board-status { left: 14px; bottom: 14px; }
.breakline-board-stage--trick[data-trick-state="playing"] { box-shadow: inset 0 0 85px rgba(34,91,255,.08); }
.trick-telemetry {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  font: 700 9px monospace;
  letter-spacing: .1em;
  color: #717780;
}
.trick-telemetry span { padding: 10px 8px; text-align: center; border-right: 1px solid var(--line); }
.trick-telemetry span:last-child { border-right: 0; }
.trick-telemetry strong { display: block; margin-top: 4px; color: var(--bone); font-size: 10px; }
.trick-lab__copy { min-width: 0; }
.trick-progress {
  height: 4px;
  margin: 28px 0 18px;
  overflow: hidden;
  background: rgba(244,240,231,.1);
}
.trick-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--cobalt), var(--orange));
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}
.trick-current-status {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 20px;
  margin: 0;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}
.trick-current-status span { color: #737880; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.trick-current-status strong { font-size: 13px; text-align: right; }
.trick-frames li { position: relative; transition: background-color 150ms ease, color 150ms ease; }
.trick-frames li.is-active { color: #fff; background: rgba(34,91,255,.2); }
.trick-frames li.is-active::after {
  content: "";
  position: absolute;
  left: 18%; right: 18%; bottom: 0;
  height: 3px;
  background: var(--cobalt);
}
.trick-frames li.is-complete { color: #b8c4ff; }
.trick-lab__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 24px;
  border-top: 1px solid var(--line);
}
.trick-lab__footer .trick-lab__note { padding: 0; border: 0; max-width: 780px; }
.trick-lab__footer .button { min-width: 150px; flex: 0 0 auto; }
.trick-lab[data-trick-state="preparing"] .trick-lab__controls button[aria-pressed="true"],
.trick-lab[data-trick-state="playing"] .trick-lab__controls button[aria-pressed="true"],
.trick-lab[data-trick-state="landing"] .trick-lab__controls button[aria-pressed="true"] {
  box-shadow: inset 0 -4px 0 var(--orange);
}
@media (max-width: 760px) {
  .trick-lab__stage { min-height: 790px; grid-template-columns: 1fr; grid-template-rows: auto auto auto; }
  .trick-lab__scene { min-height: 445px; }
  .breakline-board-stage--trick { min-height: 400px; }
  .trick-lab__copy { padding-inline: 8px; }
  .trick-lab__footer { align-items: stretch; flex-direction: column; }
  .trick-lab__footer .button { width: 100%; }
}
@media (max-height: 500px) and (orientation: landscape) {
  .trick-lab__stage { min-height: 560px; grid-template-columns: minmax(320px,.9fr) minmax(300px,1.1fr); }
  .trick-lab__scene { min-height: 330px; }
  .breakline-board-stage--trick { min-height: 300px; }
}
@media (prefers-reduced-motion: reduce) {
  .trick-progress span, .trick-frames li { transition: none; }
}

/* Gate 5 continuous scroll-directed product story */
.breakline-board-stage--hero.is-scroll-directed {
  position: fixed;
  z-index: 35;
  min-height: 0;
  margin: 0;
  border-radius: 26px;
  box-shadow: 0 24px 90px rgba(0, 0, 0, .38);
  will-change: left, top, width, height, opacity;
}
.breakline-board-stage--hero.is-scroll-directed .breakline-board-status {
  background: rgba(10, 12, 15, .78);
}
.breakline-board-stage--hero[data-scroll-segment="collection"] {
  border-color: rgba(10, 12, 15, .18);
  background: radial-gradient(circle at 50% 42%, rgba(34, 91, 255, .18), transparent 38%), linear-gradient(145deg, #151922, #080a0e);
}
.breakline-board-stage--hero[data-scroll-segment="construction"] {
  background: radial-gradient(circle at 50% 45%, rgba(255, 90, 31, .13), transparent 36%), linear-gradient(145deg, #151922, #080a0e);
}
.breakline-board-stage--hero[data-scroll-ownership="handoff"] {
  border-color: rgba(34, 91, 255, .5);
}
.scroll-story-indicator {
  position: fixed;
  z-index: 42;
  right: 18px;
  top: 50%;
  display: none;
  width: 52px;
  transform: translateY(-50%);
  color: rgba(244, 240, 231, .58);
  font: 700 8px/1.2 monospace;
  letter-spacing: .13em;
  pointer-events: none;
  text-align: center;
}
.has-scroll-story .scroll-story-indicator { display: grid; gap: 10px; justify-items: center; }
.scroll-story-indicator > span { writing-mode: vertical-rl; transform: rotate(180deg); text-transform: uppercase; }
.scroll-story-indicator i { position: relative; display: block; width: 1px; height: 96px; overflow: hidden; background: rgba(244,240,231,.18); }
.scroll-story-indicator b { position: absolute; inset: 0; display: block; background: linear-gradient(var(--orange), var(--cobalt)); transform: scaleY(0); transform-origin: top; }
.scroll-story-indicator small { white-space: nowrap; font-size: 8px; }
.has-scroll-story .collection .shell,
.has-scroll-story .construction .shell,
.has-scroll-story .editorial .shell,
.has-scroll-story .community .shell,
.has-scroll-story .final-cta__inner {
  padding-right: clamp(380px, 37vw, 525px);
}
.has-scroll-story .collection .deck-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.has-scroll-story .collection .deck-card__visual { min-height: 410px; }
.has-scroll-story .construction-grid { grid-template-columns: 1fr; gap: 42px; }
.has-scroll-story .construction .exploded-board { min-height: 560px; }
.has-scroll-story .editorial-card {
  min-height: 470px;
  grid-template-columns: 58px minmax(0, 1fr);
  padding: 52px;
}
.has-scroll-story .editorial-card__mark { display: none; }
.has-scroll-story .rider-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.has-scroll-story .final-cta h2 { max-width: 700px; }
.has-scroll-story body[data-scroll-section="collection"] .breakline-board-stage--hero .breakline-board-status,
.has-scroll-story body[data-scroll-section="community"] .breakline-board-stage--hero .breakline-board-status {
  border-color: rgba(244,240,231,.18);
}
.hero__copy {
  animation: gate5-copy-in .85s var(--ease) both;
}
@keyframes gate5-copy-in {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: none; }
}
@media (max-width: 1079px), (max-height: 559px) {
  .scroll-story-indicator { display: none !important; }
  .breakline-board-stage--hero.is-scroll-directed { position: relative; inset: auto; width: 100%; height: auto; opacity: 1; box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
  .hero__copy { animation: none; }
  .scroll-story-indicator { display: none !important; }
}

/* Gate 6 real-time product customizer */
:root{--builder-deck:#f4f0e7;--builder-accent:#225bff;--builder-grip:#15181d;--builder-wheel:#f4f0e7;--builder-truck:#a8afba;--builder-bolt:#225bff}
.builder-intro__row>div>p:last-child{max-width:760px;margin:22px 0 0;color:#9da1a7;font-size:16px;line-height:1.65}
.builder-shell--live{align-items:start}.builder-stage--sticky{place-items:stretch;padding:74px 24px 78px}.builder-stage--sticky .breakline-board-stage--builder{width:100%;height:100%;min-height:540px}.builder-stage .board-poster__deck{background:var(--builder-deck)}.builder-stage .board-poster__deck::before{background:linear-gradient(105deg,transparent 0 28%,var(--builder-accent) 28% 31%,transparent 31% 56%,var(--builder-accent) 56% 60%,transparent 60%),repeating-linear-gradient(12deg,transparent 0 34px,rgba(10,12,15,.08) 35px 36px)}.builder-stage .wheel{background:radial-gradient(circle,#ddd 0 18%,var(--builder-wheel) 20% 59%,#777 62% 100%)}.builder-stage .truck{background:var(--builder-truck)}.builder-stage .bolt-grid{background:radial-gradient(circle at 6px 6px,var(--builder-bolt) 0 3px,transparent 4px),radial-gradient(circle at 38px 6px,var(--builder-bolt) 0 3px,transparent 4px),radial-gradient(circle at 6px 20px,var(--builder-bolt) 0 3px,transparent 4px),radial-gradient(circle at 38px 20px,var(--builder-bolt) 0 3px,transparent 4px)}
.builder-view-bar{position:absolute;z-index:8;top:48px;left:24px;right:24px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:rgba(10,12,15,.82);backdrop-filter:blur(14px)}.builder-view-bar button{min-height:40px;border:0;border-right:1px solid var(--line);background:transparent;color:#92979e;font:800 9px/1 monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.builder-view-bar button:last-child{border-right:0}.builder-view-bar button[aria-pressed=true]{background:var(--cobalt);color:#fff}.builder-model-line{position:absolute;z-index:8;left:24px;right:24px;bottom:45px;display:flex;justify-content:space-between;gap:16px;align-items:center;color:#a6abb2;font:700 9px/1.35 monospace;letter-spacing:.09em;text-transform:uppercase}.builder-model-line span{color:var(--bone)}.builder-model-line small{font:inherit;color:#71767e}.builder-stage__fallback{bottom:18px}.builder-controls--live{padding-top:45px}.builder-subhead{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);gap:30px;align-items:end;margin-bottom:20px}.builder-subhead h2,.builder-share h2{margin:4px 0 0;font-size:clamp(28px,3vw,42px)}.builder-subhead>p{color:#8f949b;font-size:13px;line-height:1.6}.builder-presets{margin-bottom:38px}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preset-card{min-height:108px;padding:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(140deg,#141922,#0d1015);color:var(--bone);display:grid;text-align:left;cursor:pointer}.preset-card span{font-size:17px;font-weight:900}.preset-card small{color:#878d95}.preset-card strong{align-self:end;color:var(--orange);font:700 9px monospace;letter-spacing:.1em}.builder-categories{position:sticky;z-index:12;top:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 22px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(10,12,15,.94);backdrop-filter:blur(18px)}.builder-category{min-height:68px;padding:10px;border:0;border-right:1px solid var(--line);background:transparent;color:#7f858d;text-align:left;cursor:pointer}.builder-category:last-child{border-right:0}.builder-category span{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.builder-category strong{display:block;margin-top:7px;color:#c8cbd0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-category.is-active{background:var(--cobalt);color:#fff}.builder-category.is-active strong{color:#fff}.builder-option-panel{min-height:440px}.option-group{margin-bottom:34px}.option-group[hidden]{display:none}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.option-card{position:relative;grid-template-columns:46px minmax(0,1fr) auto;padding:14px 42px 14px 14px;overflow:hidden}.option-card img{width:40px;height:64px;object-fit:cover;border-radius:5px;transform:rotate(6deg);background:#eee}.option-swatch{background:var(--option-swatch);box-shadow:inset 0 0 0 7px rgba(255,255,255,.035)}.option-card__copy{min-width:0}.option-check{position:absolute;right:14px;top:13px;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900}.option-card.is-selected .option-check{border-color:var(--cobalt);background:var(--cobalt)}.builder-share{margin:28px 0;padding:24px;border:1px solid var(--line);border-radius:18px;background:#101319}.builder-share label{display:block;margin:22px 0 8px;color:#8d929a;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.share-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.share-field input{min-width:0;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:#090b0e;color:#aab0b8;font:700 10px/1.3 monospace}.share-field .button{min-height:48px}.builder-action-row{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 20px}.builder-action-row .button--ghost{color:var(--bone);border-color:rgba(244,240,231,.28);background:transparent}.demo-note{padding:13px 15px;border-left:3px solid var(--orange);background:rgba(255,90,31,.08);color:#b7bbc1;font-size:12px}.sr-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.builder-shell[data-model-status=fallback] .builder-model-line span{color:var(--orange)}
@media(max-width:1080px){.builder-stage--sticky{height:650px;padding-inline:18px}.builder-stage--sticky .breakline-board-stage--builder{min-height:490px}.builder-controls--live{padding-top:45px}.builder-categories{top:0}}
@media(max-width:760px){.builder-intro__row>div>p:last-child{font-size:14px}.builder-stage--sticky{height:min(55vh,500px);min-height:430px;padding:66px 12px 66px}.builder-stage--sticky .breakline-board-stage--builder{min-height:340px}.builder-view-bar{top:38px;left:12px;right:12px;overflow-x:auto;grid-template-columns:repeat(5,minmax(76px,1fr))}.builder-view-bar button{min-height:38px}.builder-model-line{left:14px;right:14px;bottom:38px;display:block}.builder-model-line small{display:none}.builder-stage__labels{inset:12px 14px auto}.builder-stage__fallback{bottom:12px;font-size:9px}.builder-subhead{grid-template-columns:1fr;gap:8px}.preset-grid{grid-template-columns:1fr 1fr}.preset-card{min-height:98px}.builder-categories{top:0;margin-inline:0;width:100%;max-width:100%;min-width:0;border-radius:12px;overflow-x:auto;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:112px}.builder-category{min-height:62px}.builder-option-panel{min-height:0}.option-grid{grid-template-columns:1fr}.option-card{min-height:92px}.share-field{grid-template-columns:1fr}.share-field .button,.builder-action-row .button{width:100%}.builder-action-row{display:grid}.product-summary{margin-bottom:20px}}
@media(max-width:420px){.preset-grid{grid-template-columns:1fr}.builder-stage--sticky{height:470px}.builder-controls--live{padding-top:30px}.builder-share{padding:18px}.option-card{grid-template-columns:42px minmax(0,1fr);padding-right:42px}.option-price{grid-column:2}.builder-category strong{font-size:10px}}
@media(max-height:500px) and (orientation:landscape){.builder-stage--sticky{height:400px;min-height:400px}.builder-stage--sticky .breakline-board-stage--builder{min-height:300px}.builder-model-line{display:none}.builder-view-bar{top:42px}.builder-stage__fallback{display:none}}
@media(prefers-reduced-motion:reduce){.option-card img{transform:none}.builder-view-bar button,.builder-category,.option-card{transition:none}}
@media(max-width:1080px){.builder-shell--live{grid-template-columns:minmax(0,1fr);min-width:0;overflow:hidden}.builder-stage--sticky,.builder-controls--live{min-width:0;width:100%;max-width:100vw}.builder-controls--live>*{min-width:0}.preset-card strong{overflow-wrap:anywhere}}
@media(max-width:760px){.builder-categories{scrollbar-width:none}.builder-categories::-webkit-scrollbar{display:none}}


/* Gate 7 accessibility, resilience, and loading hardening */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.builder-static-fallback{margin:0 0 34px;padding:24px;border:1px solid var(--line);border-radius:18px;background:#101319}
.builder-static-fallback h2{margin:0 0 18px;font-size:clamp(25px,3vw,38px);line-height:1.05}
.builder-static-fallback dl{margin:0 0 18px}.builder-static-fallback dl div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-top:1px solid var(--line)}
.builder-static-fallback dt{color:#9da2aa;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.builder-static-fallback dd{margin:0;font-weight:850}
.builder-static-fallback nav{display:flex;flex-wrap:wrap;gap:8px}.builder-static-fallback nav a{min-height:44px;display:inline-flex;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:800}
html[data-builder-ready="true"] .builder-static-fallback{display:none}
.desktop-nav a,.mobile-menu nav a,.text-link{min-height:44px;display:inline-flex;align-items:center}
.builder-view-bar button{min-height:44px}.share-field input{font-size:max(16px,10px)}
.breakline-board-stage[aria-busy="true"] .breakline-board-status::before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:currentColor;animation:breakline-pulse 1.1s ease-in-out infinite}
@keyframes breakline-pulse{50%{opacity:.28}}
@media(prefers-reduced-motion:reduce){.breakline-board-stage[aria-busy="true"] .breakline-board-status::before{animation:none}.scroll-story-indicator{display:none!important}}
@media(forced-colors:active){:focus-visible{outline:3px solid Highlight!important}.button,.option-card,.preset-card,.builder-category,.builder-view-bar button,.mobile-menu summary{border:1px solid ButtonText}.option-card.is-selected,.builder-category.is-active,.builder-view-bar button[aria-pressed=true]{outline:3px solid Highlight;outline-offset:-4px}.option-swatch{border:2px solid ButtonText}}
@media(max-width:760px){.builder-static-fallback{padding:18px}.builder-static-fallback nav{display:grid}.builder-static-fallback nav a{width:100%}}
.sample-flag,.wordmark,.scroll-cue,.deck-card__footer a,.site-footer a{min-height:44px;display:inline-flex;align-items:center}

a:focus,button:focus,input:focus,summary:focus,[tabindex]:focus{outline:3px solid var(--orange);outline-offset:4px}


/* v0.11.5 adaptive model and real loading progress */
.breakline-page-loader{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:24px;background:#0a0c0f;color:#f4f0e7;opacity:1;visibility:visible;transition:opacity .38s ease,visibility .38s ease}
.breakline-page-loader.is-complete{opacity:0;visibility:hidden;pointer-events:none}
.breakline-page-loader__inner{width:min(420px,calc(100vw - 48px));display:grid;gap:12px;text-align:center}
.breakline-page-loader__brand{font-size:.72rem;font-weight:900;letter-spacing:.24em;color:#ff5a1f}
.breakline-page-loader strong{font-size:clamp(2.6rem,10vw,5.6rem);line-height:1;letter-spacing:-.07em;font-variant-numeric:tabular-nums}
.breakline-page-loader small{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:#a8afba}
.breakline-page-loader__track,.breakline-model-progress{position:relative;overflow:hidden;width:100%;height:5px;background:rgba(168,175,186,.2)}
.breakline-page-loader__track>span,.breakline-model-progress>span{display:block;width:0;height:100%;background:#225bff;transition:width .18s linear}
.breakline-model-percent{display:inline-block;min-width:3.2em;text-align:right;color:var(--orange,#ff5a1f);font-variant-numeric:tabular-nums}
.breakline-model-progress{width:min(220px,65vw);height:4px}
.breakline-board-stage--builder .breakline-model-progress{background:rgba(10,12,15,.16)}
.breakline-board-stage--builder .breakline-model-progress>span{background:#225bff}
.breakline-board-stage.is-webgl-ready:not(.is-load-complete)>.breakline-model-placeholder{inset:auto 14px 14px 14px;z-index:5;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"spinner title" "spinner track" "spinner label";justify-items:stretch;align-items:center;column-gap:12px;row-gap:5px;padding:12px 14px;border:1px solid rgba(244,240,231,.18);background:rgba(10,12,15,.78);color:#f4f0e7;backdrop-filter:blur(12px);opacity:1;visibility:visible;pointer-events:none;text-align:left}
.breakline-board-stage--builder.is-webgl-ready:not(.is-load-complete)>.breakline-model-placeholder{border-color:rgba(10,12,15,.13);background:rgba(244,240,231,.88);color:#0a0c0f}
.breakline-board-stage.is-webgl-ready:not(.is-load-complete) .breakline-model-placeholder__spinner{grid-area:spinner;width:24px;height:24px}
.breakline-board-stage.is-webgl-ready:not(.is-load-complete) .breakline-model-placeholder strong{grid-area:title}
.breakline-board-stage.is-webgl-ready:not(.is-load-complete) .breakline-model-progress{grid-area:track;width:100%}
.breakline-board-stage.is-webgl-ready:not(.is-load-complete) .breakline-model-placeholder small{grid-area:label}
.breakline-board-stage.is-load-complete>.breakline-model-placeholder{opacity:0;visibility:hidden;pointer-events:none}
.breakline-board-stage[data-model-tier="mobile"]::after{content:"MOBILE MODEL"}
.breakline-board-stage[data-model-tier="desktop"]::after{content:none}
@media(max-width:760px){.breakline-page-loader__inner{width:min(330px,calc(100vw - 40px))}.breakline-board-stage.is-webgl-ready:not(.is-load-complete)>.breakline-model-placeholder{inset:auto 10px 10px 10px}.breakline-model-progress{width:min(190px,62vw)}}
@media(prefers-reduced-motion:reduce){.breakline-page-loader,.breakline-page-loader__track>span,.breakline-model-progress>span{transition:none}}


/* v0.12.0 diagram alignment, hero flicker hardening, and builder framing fixes */
.exploded-board {
  min-height: 688px;
  padding: 32px 28px 24px;
}
.exploded-board::before {
  background-size: 34px 34px;
}
.exploded-layer,
.exploded-label {
  z-index: 2;
}
.exploded-layer {
  transform: translateX(-50%);
}
.exploded-layer--grip {
  top: 72px;
  width: 176px;
  height: 312px;
  border-radius: 94px;
  background: repeating-linear-gradient(45deg, #171b21 0 8px, #242932 8px 16px);
}
.exploded-layer--deck {
  top: 156px;
  width: 196px;
  height: 398px;
  border-radius: 98px;
  background: #f4f0e7;
  box-shadow: inset 0 0 0 8px #225bff, 0 22px 45px rgba(0,0,0,.35);
}
.exploded-layer--deck::after {
  left: 30px;
  bottom: 56px;
  font-size: 28px;
  letter-spacing: -.04em;
}
.exploded-layer--hardware {
  top: 320px;
  width: 132px;
  height: 14px;
  background: none;
}
.exploded-layer--hardware::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 10px 50%, #ff5a1f 0 6px, transparent 7px),
    radial-gradient(circle at 44px 50%, #ff5a1f 0 6px, transparent 7px),
    radial-gradient(circle at 88px 50%, #ff5a1f 0 6px, transparent 7px),
    radial-gradient(circle at 122px 50%, #ff5a1f 0 6px, transparent 7px);
}
.exploded-layer--trucks {
  top: 486px;
  width: 228px;
  height: 58px;
  border-radius: 22px;
  background: linear-gradient(180deg, #b8bec8, #7f8793);
  box-shadow: 0 16px 30px rgba(0,0,0,.28);
}
.exploded-layer--trucks::before,
.exploded-layer--trucks::after {
  display: none;
}
.exploded-layer--wheels {
  top: 575px;
  width: 292px;
  height: 58px;
  background: none;
}
.exploded-layer--wheels::before,
.exploded-layer--wheels::after {
  content: "";
  position: absolute;
  top: 0;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #f4f0e7;
  box-shadow: inset -10px 0 12px rgba(0,0,0,.18);
}
.exploded-layer--wheels::before {
  left: 28px;
  box-shadow: 86px 0 0 #f4f0e7, inset -10px 0 12px rgba(0,0,0,.18);
}
.exploded-layer--wheels::after {
  right: 28px;
  box-shadow: -86px 0 0 #f4f0e7, inset -10px 0 12px rgba(0,0,0,.18);
}
.exploded-label {
  font-size: 10px;
  letter-spacing: .16em;
}
.exploded-label::after {
  width: 78px;
  background: rgba(244,240,231,.28);
}
.exploded-label--grip { left: 26px; top: 122px; }
.exploded-label--deck { right: 28px; top: 242px; }
.exploded-label--hardware { left: 26px; top: 327px; }
.exploded-label--trucks { right: 28px; top: 506px; }
.exploded-label--wheels { left: 26px; top: 592px; }

.breakline-board-stage--hero,
.breakline-board-stage--hero .breakline-board-canvas {
  transform: translateZ(0);
  backface-visibility: hidden;
}
.breakline-board-stage--hero.is-scroll-directed {
  contain: none;
  transform-origin: 0 0;
  will-change: transform, opacity;
}
.breakline-board-stage[data-model-tier="desktop"]::after,
.breakline-board-stage[data-model-tier="mobile"]::after {
  top: 14px;
  right: 16px;
  z-index: 6;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(10,12,15,.52);
  line-height: 1;
}
.breakline-board-stage--builder[data-model-tier="desktop"]::after,
.breakline-board-stage--builder[data-model-tier="mobile"]::after {
  top: 12px;
  right: 12px;
  background: rgba(244,240,231,.9);
  color: rgba(10,12,15,.66);
}

@media (max-width: 1080px) {
  .construction-grid {
    align-items: start;
  }
  .exploded-board {
    min-height: 640px;
  }
}

@media (max-width: 760px) {
  .exploded-board {
    min-height: 540px;
    padding: 18px 16px 16px;
  }
  .exploded-board::before {
    background-size: 28px 28px;
  }
  .exploded-layer--grip {
    top: 62px;
    width: 126px;
    height: 232px;
    border-radius: 64px;
  }
  .exploded-layer--deck {
    top: 122px;
    width: 150px;
    height: 296px;
    border-radius: 78px;
  }
  .exploded-layer--deck::after {
    left: 22px;
    bottom: 42px;
    font-size: 22px;
  }
  .exploded-layer--hardware {
    top: 240px;
    width: 102px;
  }
  .exploded-layer--hardware::before {
    background:
      radial-gradient(circle at 8px 50%, #ff5a1f 0 5px, transparent 6px),
      radial-gradient(circle at 34px 50%, #ff5a1f 0 5px, transparent 6px),
      radial-gradient(circle at 68px 50%, #ff5a1f 0 5px, transparent 6px),
      radial-gradient(circle at 94px 50%, #ff5a1f 0 5px, transparent 6px);
  }
  .exploded-layer--trucks {
    top: 362px;
    width: 190px;
    height: 46px;
    border-radius: 18px;
  }
  .exploded-layer--wheels {
    top: 432px;
    width: 220px;
    height: 46px;
  }
  .exploded-layer--wheels::before,
  .exploded-layer--wheels::after {
    width: 40px;
    height: 40px;
  }
  .exploded-layer--wheels::before {
    left: 26px;
    box-shadow: 66px 0 0 #f4f0e7, inset -8px 0 10px rgba(0,0,0,.18);
  }
  .exploded-layer--wheels::after {
    right: 26px;
    box-shadow: -66px 0 0 #f4f0e7, inset -8px 0 10px rgba(0,0,0,.18);
  }
  .exploded-label {
    font-size: 9px;
    letter-spacing: .14em;
  }
  .exploded-label::after {
    width: 52px;
  }
  .exploded-label--grip { left: 16px; top: 90px; }
  .exploded-label--deck { right: 16px; top: 180px; }
  .exploded-label--hardware { left: 16px; top: 246px; }
  .exploded-label--trucks { right: 16px; top: 378px; }
  .exploded-label--wheels { left: 16px; top: 444px; }
}


/* v0.12.1 stable WebGL scroll compositing */
.breakline-board-stage--hero.is-scroll-directed {
  overflow: hidden;
  transform-origin: 0 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.breakline-board-stage--hero.is-scroll-directed .breakline-board-canvas {
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}


/* v0.13.0 clarity, framing, anatomy, and footer pass */
/* Keep progress announcements available to assistive technology without placing production labels over the artwork. */
.breakline-board-stage:not(.breakline-board-stage--builder)::after {
  content: none !important;
  display: none !important;
}
.breakline-board-stage--hero .breakline-board-status,
.breakline-board-stage--trick .breakline-board-status {
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* A true 2 × 2 hardware group, a shorter truck assembly, and two wheels aligned to its axle. */
.exploded-board {
  min-height: 720px;
  padding-bottom: 34px;
}
.has-scroll-story .construction .exploded-board {
  min-height: 720px;
}
.exploded-layer--hardware {
  top: 315px;
  width: 54px;
  height: 44px;
}
.exploded-layer--hardware::before {
  inset: 0;
  background:
    radial-gradient(circle at 10px 10px, #ff5a1f 0 6px, transparent 7px),
    radial-gradient(circle at 44px 10px, #ff5a1f 0 6px, transparent 7px),
    radial-gradient(circle at 10px 34px, #ff5a1f 0 6px, transparent 7px),
    radial-gradient(circle at 44px 34px, #ff5a1f 0 6px, transparent 7px);
}
.exploded-layer--trucks {
  top: 488px;
  width: 188px;
  height: 52px;
  border-radius: 18px;
}
.exploded-layer--trucks::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -12px;
  width: 54px;
  height: 72px;
  border-radius: 16px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #c3c8d0, #737b87);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);
}
.exploded-layer--trucks::after { display: none; }
.exploded-layer--wheels {
  top: 580px;
  width: 188px;
  height: 54px;
}
.exploded-layer--wheels::before,
.exploded-layer--wheels::after {
  top: 0;
  width: 52px;
  height: 52px;
  box-shadow: inset -10px 0 12px rgba(0,0,0,.18);
}
.exploded-layer--wheels::before { left: 0; }
.exploded-layer--wheels::after { right: 0; }
.exploded-label--hardware { top: 326px; }
.exploded-label--trucks { top: 504px; }
.exploded-label--wheels { top: 596px; }

.site-footer__grid--builder { grid-template-columns: 1.2fr .8fr 1fr; }
.footer-base--sources { align-items: start; }
.footer-base--sources p:first-child { max-width: 780px; }
.site-footer a[href^="https://"]::after { content: " ↗"; font-size: .8em; opacity: .68; }

@media (max-width: 760px) {
  .exploded-board { min-height: 570px; }
  .exploded-layer--hardware {
    top: 236px;
    width: 44px;
    height: 36px;
  }
  .exploded-layer--hardware::before {
    background:
      radial-gradient(circle at 8px 8px, #ff5a1f 0 5px, transparent 6px),
      radial-gradient(circle at 36px 8px, #ff5a1f 0 5px, transparent 6px),
      radial-gradient(circle at 8px 28px, #ff5a1f 0 5px, transparent 6px),
      radial-gradient(circle at 36px 28px, #ff5a1f 0 5px, transparent 6px);
  }
  .exploded-layer--trucks {
    top: 370px;
    width: 148px;
    height: 42px;
  }
  .exploded-layer--trucks::before {
    top: -9px;
    width: 44px;
    height: 58px;
    border-radius: 13px;
  }
  .exploded-layer--wheels {
    top: 442px;
    width: 148px;
    height: 42px;
  }
  .exploded-layer--wheels::before,
  .exploded-layer--wheels::after {
    width: 40px;
    height: 40px;
    box-shadow: inset -8px 0 10px rgba(0,0,0,.18);
  }
  .exploded-label--hardware { top: 244px; }
  .exploded-label--trucks { top: 382px; }
  .exploded-label--wheels { top: 452px; }
  .site-footer__grid--builder { grid-template-columns: 1fr; }
}