@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&display=swap');

:root{
  --su-black:#0A0A0C; --su-graphite:#141518; --su-panel:#101114; --su-white:#F4F4F6;
  --su-muted:#8c8f96; --su-line:rgba(244,244,246,.13); --su-line-dark:rgba(10,10,12,.14);
  --su-acid:#00FF66; --su-cyan:#00E5FF; --su-red:#ff3158;
  --su-display:'Syne',Arial,sans-serif; --su-mono:'JetBrains Mono','Space Mono',monospace;
  --su-ease:cubic-bezier(.2,.75,.2,1);
}
html{background:var(--su-black);scroll-behavior:smooth}
body{background:var(--su-black)!important;color:var(--su-white)!important;font-family:var(--su-mono),monospace!important;letter-spacing:-.015em}
body:before{display:none!important}
.grain{opacity:.025!important;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px)!important;background-size:64px 64px!important}
.su-global-nav{display:none!important}.su-cursor{display:none!important}.v24-scene{display:none!important}

/* Editorial global bar */
.su-editorial-nav{position:fixed;z-index:12000;inset:0 0 auto;height:74px;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(244,244,246,.12);background:rgba(10,10,12,.72);backdrop-filter:blur(18px);transition:transform .45s var(--su-ease),background .3s ease}
.su-editorial-nav.is-hidden{transform:translateY(-100%)}
.su-editorial-brand{color:var(--su-white);text-decoration:none;font:800 18px/1 var(--su-display);letter-spacing:-.08em;display:inline-flex;align-items:center;gap:10px}
.su-editorial-brand i{width:8px;height:8px;background:var(--su-acid);display:inline-block;box-shadow:0 0 18px rgba(0,255,102,.55)}
.su-editorial-links{display:flex;align-items:center;justify-content:center;gap:4px}
.su-editorial-links a,.su-editorial-menu{font:600 9px/1 var(--su-mono);letter-spacing:.12em;color:var(--su-white);text-decoration:none;text-transform:uppercase;padding:11px 12px;border:1px solid transparent;background:none;cursor:pointer}
.su-editorial-links a:hover,.su-editorial-menu:hover{border-color:var(--su-line);background:rgba(244,244,246,.05)}
.su-editorial-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.su-editorial-cart{font:600 9px/1 var(--su-mono);letter-spacing:.1em;color:var(--su-black);background:var(--su-acid);padding:12px 14px;text-decoration:none}
.su-editorial-menu{color:var(--su-white);border-color:var(--su-line);display:none}

.su-editorial-drawer{position:fixed;z-index:11999;top:0;right:0;width:min(480px,100vw);height:100svh;background:var(--su-graphite);border-left:1px solid var(--su-line);transform:translateX(102%);transition:transform .6s var(--su-ease);padding:112px 28px 28px;display:flex;flex-direction:column;box-shadow:-30px 0 100px rgba(0,0,0,.45)}
.su-editorial-drawer.open{transform:translateX(0)}
.su-drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--su-line);padding-bottom:18px;margin-bottom:12px}
.su-drawer-head small{font:500 9px/1 var(--su-mono);letter-spacing:.16em;color:var(--su-muted)}
.su-drawer-close{background:none;color:var(--su-white);border:1px solid var(--su-line);width:42px;height:42px;cursor:pointer;font:500 18px var(--su-mono)}
.su-drawer-link{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;color:var(--su-white);text-decoration:none;border-bottom:1px solid var(--su-line);padding:20px 0;font:700 clamp(24px,4vw,40px)/.9 var(--su-display);letter-spacing:-.06em;transition:padding .3s,color .3s}
.su-drawer-link span{font:500 9px var(--su-mono);color:var(--su-muted);letter-spacing:.12em}.su-drawer-link em{font:500 8px var(--su-mono);color:var(--su-muted);font-style:normal;letter-spacing:.12em;text-align:right}.su-drawer-link:hover{padding-left:10px;color:var(--su-acid)}
.su-drawer-overlay{position:fixed;z-index:11998;inset:0;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .4s}.su-drawer-overlay.open{opacity:1;pointer-events:auto}

/* Hero */
.hero-motion{background:var(--su-black)!important;min-height:100svh!important;height:100svh!important;color:var(--su-white);border-bottom:1px solid var(--su-line);display:flex;align-items:center;justify-content:center}
.hero-motion:before,.hero-motion:after{display:none!important}
.surf-canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;opacity:.9}
.hero-motion-stage{position:relative!important;z-index:3!important;top:auto!important;left:auto!important;transform:none!important;width:min(1320px,90vw)!important;text-align:left!important;pointer-events:none}
.hero-kicker{display:inline-block!important;margin:0 0 26px!important;padding:8px 10px!important;border:1px solid var(--su-line)!important;background:rgba(10,10,12,.55)!important;color:var(--su-acid)!important;font:600 9px/1 var(--su-mono)!important;letter-spacing:.15em!important}
.hero-wordmark-btn{pointer-events:auto!important;text-align:left!important;width:100%!important}
.hero-wordmark{font:800 clamp(92px,17vw,260px)/.72 var(--su-display)!important;letter-spacing:-.11em!important;color:var(--su-white)!important;text-shadow:none!important;transform:none!important}
.hero-wordmark-btn:hover .hero-wordmark{letter-spacing:-.105em!important;filter:none!important}
.hero-motion-route{display:none!important}
.hero-motion-foot{left:24px!important;right:24px!important;bottom:22px!important;font:500 8px/1 var(--su-mono)!important;letter-spacing:.13em!important;color:var(--su-muted)!important;opacity:1!important;z-index:4}
.hero-motion-foot span:nth-child(2){color:var(--su-acid)}

/* Shared grid / sections */
main section{position:relative;border-bottom:1px solid var(--su-line);background:var(--su-black)!important;color:var(--su-white)!important}
main section:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(244,244,246,.035) 50%,transparent calc(50% + .5px));opacity:.8}
.section-head{position:relative;z-index:2;max-width:1400px;margin:0 auto 54px!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,420px)!important;gap:40px!important;align-items:end!important}
.section-head h2{font:800 clamp(58px,10vw,148px)/.76 var(--su-display)!important;letter-spacing:-.1em!important;color:var(--su-white)!important;margin:12px 0 0!important}
.section-head p:not(.micro),.kit-intro-copy p{font:400 11px/1.6 var(--su-mono)!important;color:var(--su-muted)!important}
.micro{font:600 8px/1 var(--su-mono)!important;color:var(--su-acid)!important;letter-spacing:.18em!important}

.worked-with-section,.transmission-section,.shop-section,.pod-section,.tools-section,.records-section,.resources-section,.membership-section,.submit-section,.services-section,.contact-section{padding:clamp(90px,12vw,180px) 5vw!important}
.worked-with-inner,.video-console,.shop-section>.section-head,.shop-section>.shop-grid,.shop-section>.view-all-row,.pod-section>.section-head,.pod-section>.goods-grid,.pod-section>.view-all-row,.tools-section>.section-head,.tools-section>.prize-dispenser-embed,.records-section>.section-head,.records-section>.record-carousel-wrap,.resources-section>*:not(.section-head),.membership-section>*,.submit-section>*,.services-section>*,.contact-section>*{max-width:1400px;margin-left:auto!important;margin-right:auto!important}

/* Network */
.worked-with-section{background:var(--su-graphite)!important}.worked-with-heading h2{font:800 clamp(56px,9vw,132px)/.76 var(--su-display)!important;letter-spacing:-.1em;color:var(--su-white)}.worked-with-heading p:not(.micro){max-width:420px;color:var(--su-muted)}
.artist-float-strip{border-top:1px solid var(--su-line);border-bottom:1px solid var(--su-line);padding:18px 0;overflow:hidden}.artist-float-track{min-height:70px}

/* Video */
.video-console{border:1px solid var(--su-line)!important;background:var(--su-panel)!important;border-radius:0!important;box-shadow:0 40px 100px rgba(0,0,0,.35)!important}.video-console-top,.video-console-bottom{font:600 8px var(--su-mono)!important;letter-spacing:.12em!important;color:var(--su-muted)!important}.video-console-screen{border-radius:0!important;background:#050507!important}

/* Kits / goods */
.shop-grid,.goods-grid{gap:1px!important;background:var(--su-line)!important;border:1px solid var(--su-line)!important}
.shop-product-lite,.pod-card{border-radius:0!important;border:0!important;background:var(--su-graphite)!important;color:var(--su-white)!important;transform:none!important;box-shadow:none!important;overflow:hidden}
.shop-product-lite:hover,.goods-product:hover{transform:none!important;background:#191b1f!important}
.kit-lite-art,.goods-stage{background:#0c0d10!important;border-bottom:1px solid var(--su-line)!important;overflow:hidden;position:relative}
.kit-lite-art:after,.goods-stage:after{content:"PREVIEW / SIGNAL";position:absolute;left:14px;bottom:14px;padding:6px 8px;border:1px solid var(--su-line);background:rgba(10,10,12,.8);font:500 7px var(--su-mono);letter-spacing:.12em;color:var(--su-acid);opacity:0;transform:translateY(6px);transition:.35s var(--su-ease)}
.shop-product-lite:hover .kit-lite-art:after,.goods-product:hover .goods-stage:after{opacity:1;transform:none}
.kit-lite-art img,.goods-stage img{transition:transform .8s var(--su-ease)!important;filter:saturate(.82) contrast(1.04)}.shop-product-lite:hover .kit-lite-art img,.goods-product:hover .goods-stage img{transform:scale(1.04)!important}
.kit-lite-copy,.pod-copy{padding:28px!important;border-top:0!important}.kit-lite-copy h3,.pod-copy h3{font:800 clamp(34px,5vw,72px)/.84 var(--su-display)!important;letter-spacing:-.08em!important}.kit-lite-copy h3 a,.pod-copy h3 a{color:var(--su-white)!important}.kit-lite-desc,.pod-copy p{font:400 10px/1.55 var(--su-mono)!important;color:var(--su-muted)!important}.kit-lite-price-row{border-top:1px solid var(--su-line)!important;padding-top:15px!important}.kit-lite-price-row strong,.goods-price{font:700 11px var(--su-mono)!important;color:var(--su-acid)!important}.kit-view-link,.goods-checkout,.view-all-pill{border:1px solid var(--su-line)!important;background:transparent!important;color:var(--su-white)!important;font:600 8px var(--su-mono)!important;letter-spacing:.12em!important;padding:11px 13px!important;text-decoration:none!important}.kit-view-link:hover,.goods-checkout:hover,.view-all-pill:hover{background:var(--su-acid)!important;color:var(--su-black)!important;border-color:var(--su-acid)!important}

/* Sample Machine hardware frame */
.tools-section{background:#0c0d10!important}.prize-dispenser-embed{border:1px solid var(--su-line)!important;padding:10px!important;background:#08090c!important;box-shadow:0 35px 100px rgba(0,0,0,.4)!important}.prize-dispenser-embed:before{content:"SURFSUP / HARDWARE RACK 01";display:block;padding:8px 10px;color:var(--su-acid);font:600 8px var(--su-mono);letter-spacing:.16em;border-bottom:1px solid var(--su-line)}.prize-dispenser-embed iframe{border-radius:0!important;min-height:980px!important}

/* Records */
.records-section{background:#08090c!important}.record-carousel-wrap{overflow:hidden;border-top:1px solid var(--su-line);border-bottom:1px solid var(--su-line);padding:24px 0}.record-carousel-track{display:flex;gap:14px}.record-tile{background:var(--su-graphite)!important;border:1px solid var(--su-line)!important;border-radius:0!important;box-shadow:none!important;min-width:280px}.record-tile-art{aspect-ratio:1/1!important;background:#111!important}.record-tile-meta{padding:15px!important}.record-tile-meta span,.record-tile-meta b,.record-links a{font-family:var(--su-mono)!important}.record-tile-meta b{color:var(--su-white)!important}.record-links a{color:var(--su-acid)!important;font-size:8px!important}

/* Membership / resources / forms */
.member-card,.resource-card,.res-item,.service-card,.faq-grid details{background:var(--su-graphite)!important;border:1px solid var(--su-line)!important;border-radius:0!important;box-shadow:none!important;color:var(--su-white)!important}.member-card h3,.service-card h3{font:800 clamp(36px,5vw,70px)/.85 var(--su-display)!important;letter-spacing:-.08em}.member-card .price,.service-card h3{color:var(--su-acid)!important}.member-card:hover,.resource-card:hover,.service-card:hover{border-color:rgba(0,255,102,.5)!important;transform:translateY(-4px)!important}.resource-card a,.res-item a,.contact-actions a{color:var(--su-white)!important}.resource-card a:hover,.res-item a:hover,.contact-actions a:hover{color:var(--su-acid)!important}
input,textarea,select{background:#0b0c0f!important;color:var(--su-white)!important;border:1px solid var(--su-line)!important;border-radius:0!important;font-family:var(--su-mono)!important}.service-add,.buy-button,.cart-add{border-radius:0!important;background:var(--su-acid)!important;color:var(--su-black)!important;border:0!important;font-family:var(--su-mono)!important;font-weight:700!important;letter-spacing:.08em!important}.service-add:hover,.buy-button:hover,.cart-add:hover{transform:translateY(-2px)!important;box-shadow:0 12px 35px rgba(0,255,102,.16)!important}

/* Footer */
.site-footer{background:#050506!important;color:var(--su-white)!important;border-top:1px solid var(--su-line)!important}.footer-main,.footer-contact-bar{border-color:var(--su-line)!important}.site-footer a{color:var(--su-white)!important}.site-footer a:hover{color:var(--su-acid)!important}

.su-reveal{opacity:1!important;transform:none!important}.su-page-transition{display:none!important}

@media(max-width:1000px){.su-editorial-nav{grid-template-columns:1fr auto;height:64px}.su-editorial-links{display:none}.su-editorial-menu{display:block}.su-editorial-actions{gap:5px}.section-head{grid-template-columns:1fr!important;gap:20px!important}.hero-motion-stage{width:90vw!important}.hero-wordmark{font-size:clamp(78px,17vw,170px)!important}.shop-grid,.goods-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:640px){.su-editorial-nav{padding:0 14px}.su-editorial-brand{font-size:15px}.su-editorial-cart{padding:10px}.hero-wordmark{font-size:clamp(64px,20vw,112px)!important}.hero-motion-foot{left:14px!important;right:14px!important}.worked-with-section,.transmission-section,.shop-section,.pod-section,.tools-section,.records-section,.resources-section,.membership-section,.submit-section,.services-section,.contact-section{padding-left:18px!important;padding-right:18px!important}.shop-grid,.goods-grid{grid-template-columns:1fr!important}.kit-lite-copy,.pod-copy{padding:22px!important}.section-head h2{font-size:clamp(52px,17vw,92px)!important}.su-drawer-link{font-size:30px}}
@media(prefers-reduced-motion:reduce){.su-editorial-nav,.su-editorial-drawer,.su-drawer-overlay,*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}