/* SURFSUP — Tone-inspired art-direction layer. Original site assets + commerce remain intact. */
:root{--paper:#f4eddf;--ink:#101010;--pink:#f25b9d;--blue:#7dd8e8;--purple:#785086;--red:#c55350;--yellow:#f3d66b;--white:#fff;--line:rgba(16,16,16,.22);--display:Arial Black,Arial,sans-serif}
html{scroll-behavior:smooth;background:var(--paper)}body{background:var(--paper)!important;color:var(--ink)!important;font-family:Arial,sans-serif;overflow-x:hidden}.grain{opacity:.035!important;mix-blend-mode:multiply}.su-global-nav{position:fixed!important;top:18px!important;left:18px!important;right:18px!important;z-index:9990!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:9px 12px!important;background:transparent!important;color:var(--ink)!important;pointer-events:auto!important}.su-global-nav:before{content:"";position:absolute;inset:0;background:var(--paper);border-bottom:1px solid var(--line);z-index:-1}.su-logo{font:900 18px/1 var(--display);letter-spacing:-.07em;color:var(--ink)!important;text-decoration:none!important}.su-links{display:flex;gap:22px;align-items:center}.su-links a,.su-actions a{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--ink)!important;text-decoration:none}.su-actions{display:flex;gap:14px}.su-nav-hidden{transform:translateY(-120%)!important}.su-global-nav{transition:transform .45s cubic-bezier(.77,0,.18,1)}
/* HERO — oversized type, floating illustration, lots of breathing room */
.hero-motion{min-height:100svh!important;padding:120px 4vw 35px!important;background:var(--paper)!important;color:var(--ink)!important;position:relative!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.hero-motion:before{content:"";position:absolute;inset:12% 20% 5%;border:1px solid var(--line);border-radius:50%;transform:rotate(-9deg);animation:orbit 16s linear infinite;pointer-events:none}.hero-motion:after{content:"SURFS UP";position:absolute;right:-2vw;bottom:-3vw;font:900 clamp(80px,17vw,250px)/.75 var(--display);letter-spacing:-.1em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(16,16,16,.12);pointer-events:none}.hero-noise{display:none}.hero-motion-stage{position:relative;z-index:4;max-width:1450px;width:100%;margin:0 auto;text-align:left}.hero-kicker{font-size:11px!important;font-weight:900!important;letter-spacing:.22em!important;margin:0 0 20px!important}.hero-wordmark-btn{background:none!important;border:0!important;padding:0!important;text-align:left!important;cursor:pointer;position:relative}.hero-wordmark{display:block!important;font:900 clamp(100px,20vw,310px)/.72 var(--display)!important;letter-spacing:-.115em!important;color:var(--ink)!important;text-transform:uppercase;position:relative;z-index:2;transition:letter-spacing .5s cubic-bezier(.2,.8,.2,1),transform .5s}.hero-wordmark:after{content:"";position:absolute;left:5%;bottom:-.18em;width:38%;height:.08em;background:var(--pink);transform:rotate(-2deg);z-index:-1}.hero-wordmark-btn:hover .hero-wordmark{letter-spacing:-.085em}.hero-motion-stage:after{content:"";position:absolute;right:8%;top:15%;width:clamp(150px,19vw,300px);aspect-ratio:1;border-radius:50%;background:var(--pink);border:2px solid var(--ink);box-shadow:18px 18px 0 var(--blue);transform:rotate(11deg);z-index:0}.hero-motion-stage:before{content:"✦";position:absolute;right:15%;top:9%;font-size:80px;z-index:5;animation:floaty 4s ease-in-out infinite}.hero-world-menu{position:relative!important;z-index:6!important;display:flex!important;flex-wrap:wrap!important;gap:0!important;max-width:900px!important;margin:70px auto 0!important;border-top:1px solid var(--line)!important}.hero-world-menu a{flex:1 1 150px!important;min-height:78px!important;padding:14px 12px!important;border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;background:transparent!important;color:var(--ink)!important;text-decoration:none!important;display:grid!important;grid-template-columns:30px 1fr!important;grid-template-rows:auto auto!important;align-items:center!important}.hero-world-menu a span{grid-row:1/3;font-size:9px;font-weight:900}.hero-world-menu a b{font-size:12px;letter-spacing:.08em}.hero-world-menu a small{font-size:10px;opacity:.55}.hero-world-menu a:hover{background:var(--pink);color:var(--ink)!important}.hero-motion-foot{position:absolute!important;left:4vw!important;right:4vw!important;bottom:22px!important;display:flex!important;justify-content:space-between!important;font-size:9px!important;font-weight:900!important;letter-spacing:.18em!important;border-top:1px solid var(--line);padding-top:10px;color:var(--ink)!important}
/* WORKED WITH — names visible before hover */
.worked-with-section{background:var(--paper)!important;padding:110px 4vw!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}.worked-with-inner{max-width:1450px!important;margin:auto!important}.worked-with-heading{display:block!important;text-align:left!important;max-width:none!important;margin:0 0 55px!important}.worked-with-heading .micro{font-size:10px;font-weight:900;letter-spacing:.2em}.worked-with-heading h2{font:900 clamp(76px,12vw,190px)/.75 var(--display)!important;letter-spacing:-.1em!important;margin:15px 0 25px!important;color:var(--ink)!important}.worked-with-heading h2 span{color:var(--pink)!important}.worked-with-heading>p:last-child{max-width:560px!important;font-size:16px!important;line-height:1.45!important;margin:0!important}.worked-with-section .artist-float-strip{border-top:2px solid var(--ink)!important;border-bottom:2px solid var(--ink)!important;padding:0!important}.worked-with-section .artist-float-track{gap:0!important;animation:artistMove 38s linear infinite}.worked-with-section .artist-float-item{height:92px!important;padding:0 25px!important;border-right:1px solid var(--line)!important;background:transparent!important;color:var(--ink)!important;display:flex!important;align-items:center!important}.worked-with-section .artist-emblem{display:none!important}.worked-with-section .artist-float-name{font:900 clamp(18px,2.2vw,32px)/1 var(--display)!important;letter-spacing:-.06em!important;color:var(--ink)!important;opacity:1!important;white-space:nowrap!important}.worked-with-section .artist-float-item:hover{background:var(--blue)!important}.worked-with-section .artist-float-item:hover .artist-float-name{color:var(--ink)!important}
/* GLOBAL EDITORIAL SECTIONS */
main>section:not(.hero-motion){max-width:none!important}.section-head{max-width:1450px!important;margin:0 auto 55px!important;display:flex!important;justify-content:space-between!important;align-items:end!important;gap:50px!important}.section-head h2,.section-head h3{font:900 clamp(70px,10vw,155px)/.78 var(--display)!important;letter-spacing:-.1em!important;margin:10px 0 0!important}.section-head>p,.kit-intro-copy{max-width:430px!important;font-size:15px!important;line-height:1.45!important}.micro{font-weight:900!important;letter-spacing:.18em!important;font-size:10px!important}.shop-section,.pod-section,.tools-section,.records-section,.resources-section,.membership-section,.submit-section,.services-section,.contact-section{padding:125px 4vw!important;background:var(--paper)!important;border-bottom:1px solid var(--line)!important}.shop-grid,.pod-grid,.membership-grid,.services-grid{max-width:1450px!important;margin:auto!important}.shop-grid{grid-template-columns:repeat(3,1fr)!important;gap:18px!important}.shop-product-lite,.pod-card,.member-card,.service-card{border:1px solid var(--ink)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.shop-product-lite:hover,.pod-card:hover,.member-card:hover,.service-card:hover{transform:translateY(-7px)!important;box-shadow:12px 12px 0 var(--pink)!important}.kit-lite-art,.goods-stage{border-radius:0!important;background:#e9dfcd!important}.kit-lite-copy,.pod-copy,.member-card,.service-card{padding:25px!important}.kit-lite-copy h3,.pod-copy h3,.member-card h3,.service-card h3{font:900 clamp(35px,4vw,62px)/.82 var(--display)!important;letter-spacing:-.08em!important}.view-all-pill,.goods-checkout,.member-card button,.service-add,.submit-section button{border-radius:0!important;border:1px solid var(--ink)!important;background:var(--ink)!important;color:var(--paper)!important;font-weight:900!important;letter-spacing:.08em!important}.view-all-pill:hover,.goods-checkout:hover,.member-card button:hover{background:var(--pink)!important;color:var(--ink)!important}.records-section{background:var(--ink)!important;color:var(--paper)!important}.records-section .section-head h2{color:var(--paper)!important}.record-tile{border:1px solid rgba(244,237,223,.35)!important;border-radius:0!important;background:transparent!important}.record-tile-art{background:#151515!important}.record-tile-art img{object-fit:contain!important}.membership-section{background:var(--blue)!important}.membership-grid{grid-template-columns:repeat(3,1fr)!important;gap:1px!important;background:var(--ink)!important;border:1px solid var(--ink)!important}.membership-grid .member-card{background:var(--blue)!important;border:0!important}.membership-grid .member-card.featured{background:var(--pink)!important}.membership-grid .member-card.deep{background:var(--yellow)!important}.submit-section{background:var(--purple)!important;color:var(--paper)!important}.submit-section input,.submit-section textarea{border-radius:0!important;border:1px solid rgba(244,237,223,.5)!important;background:transparent!important;color:var(--paper)!important}.contact-section{background:var(--yellow)!important}.faq-grid details{border-top:1px solid var(--ink)!important;border-radius:0!important}.site-footer{background:var(--ink)!important;color:var(--paper)!important;padding:100px 4vw 25px!important}.site-footer a{color:var(--paper)!important}.footer-main{font:900 clamp(60px,12vw,180px)/.75 var(--display)!important;letter-spacing:-.1em!important}
/* Add a bespoke service manifesto like the reference */
.su-manifesto{padding:120px 4vw!important;border-bottom:1px solid var(--line)!important;background:var(--paper)!important}.su-manifesto-inner{max-width:1450px;margin:auto}.su-manifesto h2{font:900 clamp(65px,10vw,150px)/.78 var(--display);letter-spacing:-.1em;margin:0 0 55px}.su-manifesto h2 span{color:var(--pink)}.su-manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ink);border:1px solid var(--ink)}.su-manifesto-card{background:var(--paper);padding:35px;min-height:250px}.su-manifesto-card:nth-child(2){background:var(--blue)}.su-manifesto-card:nth-child(3){background:var(--pink)}.su-manifesto-card:nth-child(4){background:var(--yellow)}.su-manifesto-card b{font:900 12px/1 var(--display);letter-spacing:.12em}.su-manifesto-card h3{font:900 clamp(35px,4vw,65px)/.82 var(--display);letter-spacing:-.08em;margin:25px 0}.su-manifesto-card p{max-width:420px;line-height:1.45;font-size:14px}
/* decorative illustration */
.su-v24-illustration{position:absolute;right:10%;top:25%;width:190px;height:190px;border:2px solid var(--ink);border-radius:50%;background:var(--blue);z-index:3;transform:rotate(12deg);animation:floaty 5s ease-in-out infinite}.su-v24-illustration:before{content:"SURF'S\A UP";white-space:pre;text-align:center;position:absolute;inset:0;display:grid;place-items:center;font:900 35px/.72 var(--display);letter-spacing:-.09em}.su-v24-illustration:after{content:"";position:absolute;width:65px;height:65px;border-radius:50%;background:var(--pink);right:-35px;top:-20px;border:2px solid var(--ink)}
.su-cursor{display:none!important}.su-page-transition{background:var(--pink)!important;z-index:99999!important}.su-page-transition:after{content:"SURF'S UP";color:var(--ink)!important}
@keyframes orbit{to{transform:rotate(351deg)}}@keyframes floaty{0%,100%{translate:0 0;rotate:12deg}50%{translate:0 -16px;rotate:7deg}}@keyframes artistMove{to{transform:translateX(-50%)}}
@media(max-width:900px){.su-links{display:none}.hero-motion-stage:after{right:4%;top:9%;width:145px}.hero-motion-stage:before{right:10%;top:6%;font-size:55px}.section-head{display:block!important}.section-head>p{margin-top:25px}.shop-grid,.membership-grid{grid-template-columns:1fr!important}.su-manifesto-grid{grid-template-columns:1fr}.hero-wordmark{font-size:clamp(85px,19vw,170px)!important}.hero-world-menu{margin-top:45px!important}.hero-world-menu a{flex-basis:33%!important}.worked-with-heading h2{font-size:clamp(65px,16vw,125px)!important}}
@media(max-width:560px){.su-global-nav{top:8px!important;left:8px!important;right:8px!important}.su-actions{display:none}.hero-motion{padding:95px 18px 30px!important}.hero-motion:after{display:none}.hero-motion-stage:after{width:105px;right:3%;top:4%;box-shadow:10px 10px 0 var(--blue)}.hero-motion-stage:before{font-size:35px;right:6%;top:2%}.hero-wordmark{font-size:clamp(72px,22vw,120px)!important}.hero-world-menu a{flex-basis:50%!important}.hero-motion-foot{left:18px!important;right:18px!important}.worked-with-section,.shop-section,.pod-section,.tools-section,.records-section,.resources-section,.membership-section,.submit-section,.services-section,.contact-section,.su-manifesto{padding:80px 18px!important}.section-head h2{font-size:clamp(62px,17vw,105px)!important}.su-manifesto h2{font-size:clamp(58px,17vw,105px)}}