/* SURFSUP V30 — CUSTOMER-FACING EDITORIAL PASS
   This file intentionally loads LAST. It resolves the accumulated V22–V29
   storefront conflicts instead of adding another competing visual system.
*/
:root{
  --su30-paper:#f4efe5;
  --su30-paper2:#ebe4d8;
  --su30-ink:#151512;
  --su30-muted:#666158;
  --su30-line:rgba(21,21,18,.16);
  --su30-pink:#f45b9c;
  --su30-ease:cubic-bezier(.2,.8,.2,1);
}

/* ===== GLOBAL EDITORIAL RAIL ===== */
body{background:var(--su30-paper)!important;color:var(--su30-ink)!important}
main section:not(.hero-motion){box-shadow:none!important}
.section-head h2{font-weight:850!important;letter-spacing:-.085em!important}

/* ===== TICKER — TRUE CONTINUOUS LOOP ===== */
.vibe-ticker{
  margin-top:64px!important;height:38px!important;
  background:var(--su30-ink)!important;color:var(--su30-pink)!important;
  border:0!important;overflow:hidden!important;transform:none!important;
}
.vibe-ticker-track{
  display:flex!important;width:max-content!important;height:38px!important;
  align-items:center!important;line-height:38px!important;
  color:var(--su30-pink)!important;font-size:9px!important;
  font-weight:900!important;letter-spacing:.18em!important;
  animation:su30Ticker 24s linear infinite!important;
  will-change:transform;
}
.vibe-ticker-track span{
  display:block!important;flex:none!important;padding:0 28px!important;
  color:var(--su30-pink)!important;
}
@keyframes su30Ticker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-33.333333%,0,0)}}

/* ===== ARTISTS — TWO WORDS, ONE LINE ===== */
.worked-with-section{
  background:var(--su30-paper)!important;color:var(--su30-ink)!important;
  padding:clamp(80px,10vw,145px) 5vw!important;
}
.worked-with-inner{max-width:1400px!important}
.worked-with-heading{
  display:block!important;margin:0 0 46px!important;
  text-align:left!important;
}
.worked-with-heading .micro{display:none!important}
.worked-with-heading h2{
  margin:0!important;font-size:clamp(58px,9vw,132px)!important;
  line-height:.82!important;white-space:nowrap!important;color:var(--su30-ink)!important;
}
.artist-float-strip{
  border-top:1px solid var(--su30-line)!important;
  border-bottom:1px solid var(--su30-line)!important;
  background:transparent!important;
}
.artist-float-track{min-height:112px!important;align-items:center!important}
.artist-float-item,.artist-float-name{color:var(--su30-ink)!important}
.artist-float-item{background:transparent!important;border:0!important}
.artist-float-item:hover{background:transparent!important;transform:translateY(-4px)!important}

/* ===== VIDEO / INTERSTITIAL — LIGHT EDITORIAL MOMENT ===== */
.transmission-section{
  background:var(--su30-paper2)!important;color:var(--su30-ink)!important;
  padding-top:clamp(60px,8vw,110px)!important;
  padding-bottom:clamp(60px,8vw,110px)!important;
}
.transmission-section .video-console{
  border:1px solid var(--su30-line)!important;
  background:var(--su30-paper)!important;
  box-shadow:none!important;
}
.transmission-section .video-console-top,
.transmission-section .video-console-bottom{
  color:var(--su30-ink)!important;border-color:var(--su30-line)!important;
}

/* ===== KITS — PRODUCT AS EDITORIAL OBJECT ===== */
.shop-section{
  background:var(--su30-paper)!important;color:var(--su30-ink)!important;
  padding:clamp(90px,10vw,150px) 5vw!important;
}
.shop-section>.section-head,.shop-section>.shop-grid{max-width:1400px!important}
.shop-section .section-head{margin-bottom:55px!important}
.shop-section .section-head>p{color:var(--su30-muted)!important}
.kit-grid-simple{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;background:transparent!important;border:0!important;
}
.shop-product-lite,
.shop-product-lite:first-child,
.shop-product-lite:nth-child(2),
.shop-product-lite:nth-child(3){
  grid-row:auto!important;transform:none!important;
  border:1px solid var(--su30-line)!important;
  border-radius:0!important;background:var(--su30-paper)!important;
  color:var(--su30-ink)!important;box-shadow:none!important;
  padding:0!important;overflow:hidden!important;
  transition:transform .45s var(--su30-ease),box-shadow .45s var(--su30-ease)!important;
}
.shop-product-lite:hover{transform:translateY(-7px)!important;box-shadow:0 24px 55px rgba(21,21,18,.10)!important;background:var(--su30-paper)!important}
.kit-lite-art,
.shop-product-lite .kit-lite-art{
  height:clamp(350px,31vw,485px)!important;aspect-ratio:auto!important;
  padding:28px!important;border-radius:0!important;
  background:var(--su30-paper2)!important;border:0!important;
  border-bottom:1px solid var(--su30-line)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.kit-lite-art img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center!important;
  transition:transform .65s var(--su30-ease)!important;
}
.shop-product-lite:hover .kit-lite-art img{transform:scale(1.035) translateY(-5px)!important}
.kit-lite-art:after{
  content:"PREVIEW / SIGNAL"!important;position:absolute!important;
  left:18px!important;bottom:18px!important;padding:7px 9px!important;
  border:1px solid var(--su30-pink)!important;background:var(--su30-ink)!important;
  color:var(--su30-pink)!important;opacity:0!important;transform:translateY(5px)!important;
  font:800 7px/1 var(--vibe-mono,monospace)!important;letter-spacing:.13em!important;
  transition:opacity .25s ease,transform .25s ease!important;
}
.shop-product-lite:hover .kit-lite-art:after{opacity:1!important;transform:none!important}
.kit-lite-copy{padding:24px!important;min-height:265px!important;background:var(--su30-paper)!important;display:flex!important;flex-direction:column!important}
.kit-lite-copy .micro{color:var(--su30-muted)!important}
.kit-lite-copy h3{margin:10px 0 13px!important;font-size:clamp(32px,3.6vw,58px)!important;line-height:.86!important}
.kit-lite-copy h3 a{color:var(--su30-ink)!important}
.kit-lite-desc{color:var(--su30-muted)!important;max-width:360px!important}
.kit-lite-price-row{
  margin-top:auto!important;padding-top:18px!important;border-top:1px solid var(--su30-line)!important;
  display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:16px!important;
}
.kit-lite-price-row strong{
  color:var(--su30-ink)!important;font-size:clamp(22px,2.3vw,30px)!important;
  font-weight:900!important;letter-spacing:-.05em!important;
}
.kit-lite-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:7px!important;width:auto!important;min-width:0!important;
}
.kit-lite-actions .buy-row{display:contents!important}
.kit-lite-actions .buy-button,.kit-lite-actions .cart-add,.kit-view-link{
  min-height:40px!important;padding:0 13px!important;border:1px solid var(--su30-ink)!important;
  border-radius:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font:800 8px/1 var(--vibe-mono,monospace)!important;letter-spacing:.11em!important;
  text-decoration:none!important;white-space:nowrap!important;transition:.25s ease!important;
}
.kit-lite-actions .buy-button,.kit-lite-actions .cart-add{background:var(--su30-ink)!important;color:var(--su30-paper)!important}
.kit-lite-actions .kit-view-link{background:transparent!important;color:var(--su30-ink)!important}
.kit-lite-actions .buy-button:hover,.kit-lite-actions .cart-add:hover,.kit-lite-actions .kit-view-link:hover{
  background:var(--su30-pink)!important;color:var(--su30-ink)!important;border-color:var(--su30-pink)!important;transform:translateY(-2px)!important;
}
.kit-lite-price-row>.kit-view-link{justify-self:end}

/* ===== MERCH — SAME HIGHLIGHT SYSTEM AS KITS ===== */
.pod-section{
  background:var(--su30-paper2)!important;color:var(--su30-ink)!important;
  padding:clamp(90px,10vw,150px) 5vw!important;
}
.pod-section .section-head{margin-bottom:55px!important}
.pod-section .section-head>p{color:var(--su30-muted)!important}
.goods-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;
  max-width:1400px!important;background:transparent!important;border:0!important;
}
.goods-product{
  border:1px solid var(--su30-line)!important;border-radius:0!important;
  background:var(--su30-paper)!important;color:var(--su30-ink)!important;
  padding:0!important;overflow:hidden!important;transform:none!important;box-shadow:none!important;
  transition:transform .45s var(--su30-ease),box-shadow .45s var(--su30-ease)!important;
}
.goods-product:hover{transform:translateY(-7px)!important;box-shadow:0 24px 55px rgba(21,21,18,.10)!important}
.goods-stage{
  height:clamp(380px,31vw,480px)!important;min-height:0!important;padding:24px!important;
  background:var(--su30-paper)!important;border:0!important;border-bottom:1px solid var(--su30-line)!important;
  border-radius:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
  position:relative!important;overflow:hidden!important;
}
.goods-stage:after{
  content:"PREVIEW / SIGNAL"!important;position:absolute!important;left:18px!important;bottom:18px!important;
  padding:7px 9px!important;border:1px solid var(--su30-pink)!important;background:var(--su30-ink)!important;
  color:var(--su30-pink)!important;opacity:0!important;transform:translateY(5px)!important;
  font:800 7px/1 var(--vibe-mono,monospace)!important;letter-spacing:.13em!important;
  transition:opacity .25s ease,transform .25s ease!important;
}
.goods-product:hover .goods-stage:after{opacity:1!important;transform:none!important}
.goods-stage img{
  width:auto!important;height:auto!important;max-width:88%!important;max-height:88%!important;
  object-fit:contain!important;object-position:center!important;margin:auto!important;
  filter:drop-shadow(0 18px 20px rgba(21,21,18,.10))!important;
  transition:transform .65s var(--su30-ease),filter .65s var(--su30-ease)!important;
}
.goods-product:hover .goods-stage img{transform:translateY(-8px) scale(1.045)!important;filter:drop-shadow(0 27px 28px rgba(21,21,18,.16))!important}
.pod-copy{padding:24px!important;min-height:245px!important;background:var(--su30-paper)!important;display:flex!important;flex-direction:column!important}
.pod-copy h3{margin:10px 0 12px!important;font-size:clamp(32px,3.6vw,58px)!important;line-height:.86!important}
.pod-copy h3 a{color:var(--su30-ink)!important}
.pod-copy p:not(.micro){color:var(--su30-muted)!important}
.goods-price{margin-top:auto!important;padding-top:17px!important;border-top:1px solid var(--su30-line)!important;color:var(--su30-ink)!important;font-size:25px!important;font-weight:900!important}
.goods-size{color:var(--su30-muted)!important}
.goods-checkout{
  align-self:flex-start!important;margin-top:12px!important;min-height:40px!important;
  padding:0 14px!important;border:1px solid var(--su30-ink)!important;border-radius:0!important;
  background:var(--su30-ink)!important;color:var(--su30-paper)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font:800 8px/1 var(--vibe-mono,monospace)!important;letter-spacing:.11em!important;
  transition:.25s ease!important;
}
.goods-checkout:hover{background:var(--su30-pink)!important;color:var(--su30-ink)!important;border-color:var(--su30-pink)!important;transform:translateY(-2px)!important}

/* ===== LAST SECTION — ONLY “QUESTIONS?” ===== */
.contact-section{background:var(--su30-paper)!important;color:var(--su30-ink)!important;padding-top:clamp(90px,10vw,150px)!important}
.contact-section .section-head{display:block!important;margin-bottom:45px!important}
.contact-section .section-head .micro,.contact-section .section-head>p{display:none!important}
.contact-section .section-head h2{margin:0!important;font-size:clamp(72px,12vw,180px)!important;line-height:.78!important;color:var(--su30-ink)!important;white-space:nowrap!important}
.contact-section .faq-grid{max-width:1400px!important}

/* ===== REMOVE UNWANTED LEGACY CARD/GRID ARTIFACTS ===== */
.shop-grid,.goods-grid{background:transparent!important}
.kit-lite-badge{border-radius:0!important;background:var(--su30-pink)!important;color:var(--su30-ink)!important}
main section:not(.hero-motion):after{background:var(--su30-line)!important}

@media(max-width:900px){
  .kit-grid-simple,.goods-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .kit-lite-price-row{grid-template-columns:1fr!important;gap:12px!important}
  .kit-lite-actions{justify-content:flex-start!important}
  .contact-section .section-head h2{white-space:normal!important}
}
@media(max-width:600px){
  .vibe-ticker{margin-top:54px!important;height:34px!important}
  .vibe-ticker-track{height:34px!important;line-height:34px!important;font-size:7px!important}
  .kit-grid-simple,.goods-grid{grid-template-columns:1fr!important}
  .kit-lite-art{height:330px!important}
  .goods-stage{height:82vw!important;min-height:300px!important}
  .worked-with-heading h2{white-space:normal!important}
}
@media(prefers-reduced-motion:reduce){
  .vibe-ticker-track{animation:none!important}
  .shop-product-lite,.goods-product,.kit-lite-art img,.goods-stage img{transition:none!important}
}