*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2f0e9;color:#102e35;font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.announcement{height:30px;background:#092b35;color:#d9e5df;text-align:center;font-size:9px;letter-spacing:.2em;display:flex;align-items:center;justify-content:center;gap:12px}.announcement span{color:#c3d7a1}.site-header{height:82px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:#f2f0e9;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;font:800 11px/1.05 Manrope,sans-serif;letter-spacing:.1em}.brand-mark{width:38px;height:38px;border:1px solid #153b43;border-radius:50%;display:grid;place-items:center;font-size:12px;letter-spacing:-.08em}.nav{display:flex;align-items:center;gap:34px;font-size:9px;font-weight:700;letter-spacing:.13em}.nav a:not(.nav-cta):hover,.text-link:hover{opacity:.55}.nav-cta{padding:13px 18px;background:#c5d5a6;color:#102e35}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{min-height:690px;height:calc(100vh - 112px);max-height:900px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden;background:#123c46}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url("assets/surfcollective-hero-hd.jpg") center 54%/cover;transform:scale(1.02);animation:slowzoom 18s ease-in-out infinite alternate}.hero-shade{background:linear-gradient(90deg,rgba(3,26,33,.72),rgba(3,26,33,.18) 68%),linear-gradient(0deg,rgba(3,26,33,.4),transparent 40%)}@keyframes slowzoom{to{transform:scale(1.1)}}.hero-content{position:relative;margin-left:11%;max-width:650px;padding:60px 0}.eyebrow,.section-kicker{font-size:9px;letter-spacing:.22em;font-weight:700}.light{color:#e2e9dc}.hero h1{font:800 clamp(68px,10vw,142px)/.83 Manrope,sans-serif;letter-spacing:-.085em;margin:30px 0}.hero h1 em,.section-heading em,.intro h2 em,.culture h2 em,.community h2 em,.manifesto h2 em{font-style:normal;color:#c5d5a6}.hero-copy{max-width:360px;line-height:1.7;font-size:14px;color:#e1e9e4}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:25px;padding:17px 21px;font-size:9px;font-weight:700;letter-spacing:.13em;transition:.25s}.button:hover{transform:translateY(-3px)}.button-light{background:#f2f0e9;color:#102e35}.button-light span{font-size:16px}.text-link{font-size:9px;font-weight:700;letter-spacing:.14em}.hero-bottom{position:absolute;bottom:28px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.17em;color:#e0e8e3}.vertical-note{position:absolute;right:3%;top:45%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.2em}.section-pad{padding:110px 10%}.section-kicker{color:#71877f}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;margin:55px 0 75px}.intro h2,.section-heading h2,.community h2{font:800 clamp(48px,6vw,82px)/.94 Manrope,sans-serif;letter-spacing:-.075em;margin:0}.intro h2 em,.community h2 em{color:#6c8a80}.intro-copy{max-width:430px;padding-top:4px}.large-copy{font:500 21px/1.45 Manrope,sans-serif;letter-spacing:-.03em}.intro-copy p:not(.large-copy),.community-copy p:not(.large-copy){font-size:13px;line-height:1.9;color:#667b77}.underlined-link{display:inline-block;margin-top:20px;padding-bottom:9px;border-bottom:1px solid #82958b;font-size:9px;letter-spacing:.15em;font-weight:700}.underlined-link span{margin-left:24px}.image-ribbon{height:440px;position:relative;overflow:hidden}.image-ribbon img{width:100%;height:100%;object-fit:cover}.ribbon-caption{position:absolute;bottom:25px;left:30px;color:white;font-size:9px;letter-spacing:.2em}.culture{min-height:720px;background:#0a3039;color:#f2f0e9;display:grid;grid-template-columns:1fr 1fr}.culture-photo{background:url("assets/culture-lesson-hd.jpg") center 40%/cover;min-height:720px}.culture-content{padding:105px 12% 90px 11%;align-self:center}.culture h2{font:800 clamp(48px,6vw,78px)/.94 Manrope,sans-serif;letter-spacing:-.08em;margin:42px 0 25px}.culture-content>p{max-width:390px;color:#bdcbc5;font-size:13px;line-height:1.8}.culture-list{margin-top:48px}.culture-list div{display:grid;grid-template-columns:35px 1fr;gap:4px 12px;padding:18px 0;border-top:1px solid #42616a}.culture-list span{grid-row:span 2;color:#c5d5a6;font-size:10px}.culture-list strong{font-size:10px;letter-spacing:.13em}.culture-list small{color:#b8c8c1;font-size:11px}.film-section{background:#e9e8df}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:45px 0 40px}.section-heading h2{font-size:clamp(48px,6vw,78px)}.section-heading p{max-width:240px;color:#6c817b;font-size:13px;line-height:1.8}.film-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.film-card{position:relative;padding:0;border:0;background:#123c46;overflow:hidden;text-align:left;cursor:pointer;min-height:370px}.film-card img{width:100%;height:100%;min-height:370px;object-fit:cover;display:block;transition:transform .7s}.film-card:hover img{transform:scale(1.05)}.film-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,25,31,.65),transparent 60%)}.play{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:62px;height:62px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;color:white;padding-left:4px}.film-label{position:absolute;z-index:1;bottom:27px;left:28px;color:white;font:700 23px Manrope,sans-serif;letter-spacing:-.04em}.film-label small{display:block;font:700 8px "DM Sans";letter-spacing:.18em;margin-bottom:9px}.video-note{font-size:10px;color:#738780;margin-top:20px}.manifesto{height:600px;position:relative;display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden;background:#0c3540}.manifesto-bg{position:absolute;inset:0;background:#0c3540}.manifesto-inner{position:relative;padding:30px}.manifesto h2{font:800 clamp(50px,7vw,94px)/.95 Manrope,sans-serif;letter-spacing:-.08em;margin:34px 0}.manifesto-inner>p:last-child{font-size:13px;color:#d4e0da}.community{padding-bottom:70px}.community-grid{display:grid;grid-template-columns:1fr .8fr;gap:12%;margin:50px 0 75px}.community-copy{padding-top:4px}.button-dark{background:#0a3039;color:#fff;margin-top:18px}.whatsapp-link{display:block;font-size:10px;margin-top:22px;color:#526c65}.social-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.social-strip img{width:100%;height:230px;object-fit:cover}footer{background:#092b35;color:#dbe5de;padding:50px 7%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:25px}.footer-brand .brand-mark{border-color:#dbe5de}footer p,footer a:not(.brand){font-size:9px;letter-spacing:.15em}footer>div{display:flex;gap:25px;justify-content:flex-end}footer>small{grid-column:1/-1;color:#91a9a0;font-size:8px;letter-spacing:.15em}.video-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:20;align-items:center;justify-content:center;padding:6vw}.video-modal.open{display:flex}.modal-content{width:min(100%,1000px);aspect-ratio:16/9}.modal-content iframe,.modal-content video{width:100%;height:100%;border:0}.modal-close{position:absolute;right:30px;top:20px;background:none;border:0;color:white;font-size:42px;cursor:pointer}
@media(max-width:760px){.site-header{height:70px;padding:0 6%}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#f2f0e9;padding:25px 7%;flex-direction:column;align-items:flex-start;gap:22px}.nav.open{display:flex}.hero{height:calc(88vh - 100px);min-height:590px}.hero-content{margin:0 8%;padding:30px 0}.hero h1{font-size:clamp(66px,16vw,105px)}.hero-bottom{font-size:7px;left:7%;right:7%}.vertical-note{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.section-pad{padding:75px 7%}.intro-grid,.community-grid{grid-template-columns:1fr;gap:25px;margin:38px 0 45px}.intro h2,.community h2{font-size:60px}.large-copy{font-size:19px}.image-ribbon{height:300px}.culture{grid-template-columns:1fr}.culture-photo{min-height:360px}.culture-content{padding:70px 8%}.culture h2{font-size:62px}.section-heading{display:block;margin:35px 0}.section-heading p{margin-top:22px}.film-grid{grid-template-columns:1fr}.film-card,.film-card img{min-height:300px}.manifesto{height:500px}.manifesto h2{font-size:56px}.social-strip{grid-template-columns:repeat(2,1fr)}.social-strip img{height:170px}footer{grid-template-columns:1fr 1fr;padding:40px 7%}footer p{display:none}footer>div{flex-direction:column;gap:12px}footer>small{margin-top:12px}}

/* ---- Surf Collective videos (dynamic previews) ---- */
.film-card{height:460px}.film-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%;display:block;transition:transform .7s}
.film-card:hover video{transform:scale(1.05)}
.manifesto-bg video{width:100%;height:100%;object-fit:cover;filter:blur(3px) saturate(1.1);transform:scale(1.08)}
.manifesto-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(5,35,43,.55),rgba(5,35,43,.72))}
.modal-content.is-vertical{width:auto;height:min(86vh,900px);aspect-ratio:9/16;max-width:100%}
.modal-content.is-vertical video{object-fit:contain;background:#000}
@media(max-width:760px){.film-card{height:420px}}
@media(prefers-reduced-motion:reduce){.hero-image{animation:none}}
.enquiry{background:#0a3039;color:#f2f0e9}.enquiry-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;margin-top:50px}.enquiry h2{font:800 clamp(48px,6vw,78px)/.94 Manrope,sans-serif;letter-spacing:-.08em;margin:0 0 28px}.enquiry h2 em{font-style:normal;color:#c5d5a6}.enquiry-intro p{max-width:360px;color:#bdcbc5;font-size:13px;line-height:1.8}.enquiry-form{display:grid;gap:26px}.enquiry-form label{display:grid;gap:10px;font-size:9px;font-weight:700;letter-spacing:.15em;color:#c5d5a6}.enquiry-form label small{color:#7f9a92;font-size:inherit}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;padding:10px 0;border:0;border-bottom:1px solid #42616a;border-radius:0;background:transparent;color:#f2f0e9;font:15px "DM Sans",sans-serif;outline:none;transition:border-color .2s}.enquiry-form textarea{resize:vertical;min-height:90px}.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-bottom-color:#c5d5a6}.enquiry-form ::placeholder{color:#6d8a83}.enquiry-form option{color:#102e35}.form-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px}.form-actions .button{border:0;cursor:pointer}.button-outline{background:transparent;color:#f2f0e9;box-shadow:inset 0 0 0 1px #6d8a83}.form-status{min-height:1em;margin:0;font-size:12px;color:#c5d5a6}
@media(max-width:760px){.enquiry-grid{grid-template-columns:1fr;gap:40px;margin-top:38px}.enquiry h2{font-size:56px}.form-actions .button{width:100%;justify-content:center}}
.heading-side{max-width:240px}.heading-side p{margin:0 0 18px}.music-toggle{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border:1px solid #102e35;background:transparent;color:#102e35;font-size:9px;font-weight:700;letter-spacing:.14em;cursor:pointer;transition:.2s}.music-toggle:hover,.music-toggle[aria-pressed="true"]{background:#102e35;color:#f2f0e9}.music-bars{display:inline-flex;align-items:flex-end;gap:2px;height:11px}.music-bars i{width:2px;height:4px;background:currentColor}.music-toggle[aria-pressed="true"] .music-bars i{animation:musicbar .9s ease-in-out infinite alternate}.music-bars i:nth-child(2){animation-delay:.3s}.music-bars i:nth-child(3){animation-delay:.6s}@keyframes musicbar{to{height:11px}}footer>small a{text-decoration:underline}
@media(max-width:760px){.heading-side{max-width:none}.heading-side p{margin-top:22px}}
.brand-logo{width:46px;height:46px;display:block}.footer-brand img{width:150px;height:auto;display:block}
@media(max-width:760px){.brand-logo{width:40px;height:40px}.footer-brand img{width:120px}}