
/* SURFSUP V27 FINAL — single authoritative presentation layer */
:root{--v27-paper:#f4f0e8;--v27-ink:#11110f;--v27-muted:#625f58;--v27-line:#cfc8bb;--v27-blush:#e7d2d4;--v27-blue:#d9e5e7;--v27-lav:#ddd7e7}
html{scroll-behavior:smooth}body{background:var(--v27-paper)!important;color:var(--v27-ink)!important}main{overflow:clip}
/* header / ticker */
.nav{position:fixed!important;top:10px!important;left:4vw!important;right:4vw!important;z-index:100!important;height:56px!important;background:rgba(244,240,232,.88)!important;border:1px solid var(--v27-line)!important;border-radius:999px!important;box-shadow:0 12px 34px rgba(17,17,15,.08)!important;backdrop-filter:blur(18px)!important}.wordmark{color:var(--v27-ink)!important}.site-search .search-toggle{color:var(--v27-ink)!important}.su-home-links a{color:var(--v27-ink)!important}.su-home-links a:hover{background:var(--v27-ink)!important;color:var(--v27-paper)!important}
.vibe-ticker{margin-top:58px!important;height:30px!important;background:var(--v27-ink)!important;color:var(--v27-paper)!important;border:0!important}.vibe-ticker-track{color:var(--v27-paper)!important}
.hero-motion{min-height:calc(100svh - 88px)!important}.hero-motion-stage{padding-top:88px!important}.hero-header-video{object-fit:cover!important}.hero-video-overlay{background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.18))!important}
/* artist rail — no side label, black names */
.worked-with-section{background:var(--v27-blush)!important;padding:60px 4vw!important}.worked-with-inner{max-width:1400px!important}.worked-with-label{display:none!important}.artist-float-name,.artist-float-item{color:#111!important}.artist-float-item:hover .artist-float-name{color:#111!important}
/* all sections use same rail */
.shop-section,.pod-section,.tools-section,.records-section,.proof-section,.resources-section,.membership-section,.submit-section,.services-section,.contact-section{background:var(--v27-paper)!important;color:var(--v27-ink)!important}.section-head,.shop-grid,.goods-grid,.membership-grid,.resource-grid,.services-grid,.proof-album-rail,.prize-dispenser-embed,.starter-banner,.portal-copy,.portal-art,.faq-grid,.contact-actions{max-width:1400px!important;margin-left:auto!important;margin-right:auto!important}
.section-head h2,.section-head p,.micro{color:var(--v27-ink)!important}.section-head>p{color:var(--v27-muted)!important}
main section+section:before{background:linear-gradient(90deg,transparent,var(--v27-line),transparent)!important;height:1px!important}main section+section:after{background:linear-gradient(180deg,rgba(17,17,15,.04),transparent)!important}
/* kits */
.kit-grid-simple{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:18px!important}.shop-product-lite,.shop-product-lite:first-child,.shop-product-lite:not(:first-child){height:100%!important;transform:none!important;background:#faf7f1!important;border:1px solid var(--v27-line)!important;box-shadow:none!important;border-radius:18px!important}.shop-product-lite:hover{transform:translateY(-6px)!important;box-shadow:0 22px 50px rgba(17,17,15,.1)!important}.kit-lite-art{height:clamp(360px,28vw,440px)!important;background:#e9e2d7!important;border-radius:14px!important;padding:28px!important}.kit-lite-art img{object-fit:contain!important;object-position:center!important}.kit-lite-copy{min-height:250px!important;padding:22px 12px 14px!important}.kit-lite-copy h3{font-size:clamp(34px,3.4vw,56px)!important;color:var(--v27-ink)!important}.kit-lite-desc{color:var(--v27-muted)!important}.kit-lite-price-row strong{font-size:clamp(22px,2.2vw,30px)!important;color:var(--v27-ink)!important}.kit-view-link,.view-all-pill{color:var(--v27-ink)!important;border-color:var(--v27-ink)!important}.kit-view-link:hover,.view-all-pill:hover{background:var(--v27-ink)!important;color:var(--v27-paper)!important}.view-all-row{padding:34px 0 8px!important;text-align:center!important}.view-all-pill{min-height:54px!important;display:inline-flex!important;padding:16px 28px!important;white-space:nowrap!important;overflow:visible!important}
/* merch */
.goods-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}.pod-card{background:#faf7f1!important;border:1px solid var(--v27-line)!important;border-radius:18px!important;overflow:hidden!important}.goods-stage{height:clamp(410px,31vw,500px)!important;background:#e9e2d7!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.goods-stage img{width:100%!important;height:100%!important;max-width:94%!important;max-height:94%!important;object-fit:contain!important;object-position:center!important;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s ease!important}.goods-product:hover .goods-stage{box-shadow:inset 0 0 0 1px rgba(17,17,15,.12),0 24px 50px rgba(17,17,15,.08)!important}.goods-product:hover .goods-stage img{transform:translateY(-8px) scale(1.055)!important;filter:drop-shadow(0 24px 26px rgba(17,17,15,.16))!important}.pod-copy{min-height:275px!important;padding:22px 16px 18px!important}.pod-copy h3,.pod-copy h3 a{font-size:clamp(34px,3.4vw,54px)!important;line-height:.86!important;color:var(--v27-ink)!important}.pod-copy>p{color:var(--v27-muted)!important;font-size:13px!important}.goods-price{font-size:clamp(24px,2.3vw,34px)!important;color:var(--v27-ink)!important;font-weight:950!important}.goods-checkout{background:var(--v27-ink)!important;color:var(--v27-paper)!important;border-radius:999px!important}.goods-checkout:hover{background:#fff!important;color:var(--v27-ink)!important;border:1px solid var(--v27-ink)!important}
/* individual clothing */
.goods-detail-stage{min-height:clamp(650px,76vh,900px)!important;background:#e9e2d7!important;border:1px solid var(--v27-line)!important;border-radius:28px!important;box-shadow:0 25px 70px rgba(17,17,15,.09)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.goods-detail-stage img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:scale(1.18)!important}.goods-detail-title{color:var(--v27-ink)!important}
/* machine always visible */
.prize-dispenser-embed{display:block!important;visibility:visible!important;opacity:1!important;min-height:980px!important;background:transparent!important}.prize-dispenser-embed iframe{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;min-height:980px!important;border:0!important;border-radius:24px!important;background:#08090c!important}
/* proof */
.records-section.is-proof-source{display:none!important}.proof-section{background:var(--v27-paper)!important}.proof-album-rail{overflow:hidden!important;padding:24px 0!important;border-top:1px solid var(--v27-line)!important;border-bottom:1px solid var(--v27-line)!important}.proof-album-track{gap:18px!important}.proof-album-tile{width:clamp(250px,22vw,340px)!important}.proof-album-tile img{aspect-ratio:1!important;object-fit:contain!important;background:transparent!important}.proof-album-meta{color:var(--v27-ink)!important}.proof-album-meta *{color:var(--v27-ink)!important}
/* resources */
.resource-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1px!important;background:var(--v27-line)!important;border:1px solid var(--v27-line)!important}.resource-card{background:var(--v27-paper)!important;color:var(--v27-ink)!important;min-height:250px!important}.resource-card *{color:var(--v27-ink)!important}
/* membership */
.membership-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1px!important;background:var(--v27-line)!important;border:1px solid var(--v27-line)!important}.member-card,.member-card.featured,.member-card.deep{height:590px!important;min-height:590px!important;background:var(--v27-paper)!important;color:var(--v27-ink)!important}.member-card.featured{background:var(--v27-blush)!important}.member-card.deep{background:var(--v27-blue)!important}.member-card *{color:var(--v27-ink)!important}.member-card button{margin-top:auto!important;background:var(--v27-ink)!important;color:var(--v27-paper)!important;border-radius:999px!important}.membership-checkout-note{color:var(--v27-muted)!important}
/* submission / services */
.submit-section{background:#eee7dd!important}.submit-section .portal-copy,.submit-section .portal-art{background:transparent!important;color:var(--v27-ink)!important}.submit-section input,.submit-section textarea,.submit-section .file-drop{background:#f8f4ec!important;color:var(--v27-ink)!important;border-color:var(--v27-line)!important}.services-section{background:var(--v27-paper)!important}.services-grid{background:var(--v27-line)!important}.service-card{background:var(--v27-paper)!important;color:var(--v27-ink)!important}.service-card *{color:var(--v27-ink)!important}
/* starter */
.starter-banner{background:var(--v27-ink)!important;color:var(--v27-paper)!important;border-radius:18px!important}.starter-banner *{color:var(--v27-paper)!important}
/* cart */
.cart-drawer{background:var(--v27-paper)!important;color:var(--v27-ink)!important;border-left:1px solid var(--v27-line)!important}.cart-drawer *{color:var(--v27-ink)!important}.cart-bubble{background:var(--v27-ink)!important;color:var(--v27-paper)!important}
@media(max-width:900px){.kit-grid-simple,.goods-grid,.membership-grid{grid-template-columns:1fr!important}.member-card,.member-card.featured,.member-card.deep{height:auto!important;min-height:0!important}.goods-stage{height:86vw!important;min-height:320px!important}.resource-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:600px){.nav{left:12px!important;right:12px!important}.resource-grid{grid-template-columns:1fr!important}.hero-motion{min-height:calc(100svh - 88px)!important}}
.starter-banner{display:grid!important;grid-template-columns:180px 1fr auto!important;align-items:center!important;gap:24px!important;padding:18px!important}.starter-pack-art-frame{width:180px;height:150px;border-radius:12px;background:#252522;display:flex;align-items:center;justify-content:center;overflow:hidden}.starter-pack-art-frame img{width:100%;height:100%;object-fit:contain}.starter-pack-art-frame.empty:after{content:'STARTER / PACK';color:#f4f0e8;font:800 10px/1 monospace;letter-spacing:.14em}.starter-banner button{white-space:nowrap!important}@media(max-width:700px){.starter-banner{grid-template-columns:1fr!important}.starter-pack-art-frame{width:100%;height:180px}.starter-banner button{width:100%!important}}
