:root{--paper:#fbfaf6;--ink:#07141b;--muted:#5f6c70;--sea:#006a75;--deep-sea:#051219;--foam:#e6f4f1;--sky:#7fe7ff;--coral:#e06d47;--sun:#f1c84b;--white:#fff;--line:#07141b24;--shadow:0 22px 60px #05121929}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(180deg, var(--paper) 0%, var(--foam) 46%, var(--paper) 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body::selection{color:var(--white);background:var(--sea)}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p,dl,dd{margin:0}.site-header{z-index:20;backdrop-filter:blur(18px);background:#fbfaf6db;border:1px solid #ffffff80;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;width:min(1180px,100% - 32px);min-height:64px;padding:10px 12px 10px 16px;display:grid;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #05121924}.brand{align-items:center;width:148px;min-width:132px;display:inline-flex}.brand img{width:148px;height:auto;display:block}nav{color:var(--muted);text-transform:uppercase;justify-content:center;gap:28px;font-size:13px;font-weight:800;display:flex}nav a,.header-action,.button,.product,.product a,.footer a{transition:color .16s,background-color .16s,border-color .16s,transform .16s}nav a:hover,.footer a:hover{color:var(--sea)}.header-action{border:1px solid var(--ink);min-height:42px;color:var(--ink);text-transform:uppercase;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:0 18px;font-size:12px;font-weight:900;display:inline-flex}.header-action:hover{color:var(--white);background:var(--ink)}.hero{background:var(--deep-sea);align-items:end;min-height:94svh;padding:136px max(24px,50vw - 590px) 62px;display:grid;position:relative;overflow:hidden}.hero-bg{background:linear-gradient(90deg,#051219db 0%,#0512199e 42%,#05121914 76%),linear-gradient(#05121905 48%,#051219b3),url(/images/78surf-hero.jpg?v=20260630-final) 50%/cover no-repeat;position:absolute;inset:0}.hero-content{width:min(820px,100%);color:var(--white);position:relative}.eyebrow{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:950}h1{letter-spacing:0;max-width:780px;margin-top:18px;font-size:clamp(54px,8.7vw,122px);line-height:.92}.lead{color:#ffffffe0;max-width:620px;margin-top:28px;font-size:clamp(17px,1.8vw,22px);line-height:1.76}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;min-height:50px;padding:0 22px;font-size:14px;font-weight:950;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{color:var(--deep-sea);background:var(--sky)}.button-primary:hover{background:var(--sun)}.button-secondary{color:var(--white);border:1px solid #ffffff94}.button-secondary:hover{border-color:var(--white);background:#ffffff1f}.hero-facts{background:#ffffff1f;border:1px solid #ffffff38;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:min(800px,100%);margin-top:42px;display:grid;overflow:hidden}.hero-facts div{background:#0512196b;border-right:1px solid #ffffff2e;min-height:104px;padding:18px}.hero-facts div:last-child{border-right:0}.hero-facts dt{color:var(--sky);text-transform:uppercase;font-size:12px;font-weight:950}.hero-facts dd{margin-top:10px;font-size:16px;font-weight:850;line-height:1.35}.hero-scroll{color:#ffffffb8;letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl;font-size:12px;font-weight:900;position:absolute;bottom:62px;right:max(24px,50vw - 590px)}.section{width:min(1180px,100% - 48px);margin:0 auto;padding:106px 0}.section-heading{grid-template-columns:minmax(0,.95fr) minmax(280px,.55fr);align-items:end;gap:56px;display:grid}h2{letter-spacing:0;margin-top:14px;font-size:clamp(38px,5.6vw,74px);line-height:.98}h3{letter-spacing:0;font-size:30px;line-height:1.08}.section-heading p,.section-copy,.about-grid p,.product p,.visit-lead,.visit-note{color:var(--muted);font-size:17px;line-height:1.78}.about{border-bottom:1px solid var(--line)}.about-grid{border:1px solid var(--line);background:var(--line);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:52px;display:grid;overflow:hidden}.about-grid article{background:#ffffffc7;min-height:272px;padding:28px}.about-grid span,.product span,.visit-row span{color:var(--sea);text-transform:uppercase;font-size:12px;font-weight:950}.about-grid h3{margin-top:44px}.about-grid p{margin-top:16px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:46px;display:grid}.product{border:1px solid var(--line);background:var(--white);min-height:372px;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;justify-content:flex-end;padding:28px;display:flex;position:relative;overflow:hidden}.product:before{content:"";background:#ffffff8a;border:1px solid #07141b2e;border-radius:50% 50% 46% 46%;width:34px;height:132px;position:absolute;top:24px;right:26px;transform:rotate(28deg)}.product:hover{transform:translateY(-3px)}.product-one{background:linear-gradient(145deg, #7fe7ff47, #fffffff5 58%), var(--white)}.product-two{background:linear-gradient(145deg, #e06d4738, #fffffff5 60%), var(--white)}.product-three{background:linear-gradient(145deg, #f1c84b3d, #fffffff5 60%), var(--white)}.product h3{margin-top:16px;position:relative}.product p{min-height:92px;margin-top:14px;position:relative}.product a,.product-note{width:fit-content;color:var(--ink);border-bottom:2px solid var(--coral);margin-top:22px;font-weight:950;position:relative}.product-note{display:inline-flex}.visit{border-top:1px solid var(--line);grid-template-columns:.88fr 1.12fr;align-items:start;gap:68px;display:grid}.visit-lead{max-width:500px;margin-top:24px}.visit-panel{border-top:1px solid var(--line)}.visit-row{border-bottom:1px solid var(--line);grid-template-columns:140px 1fr;gap:24px;padding:25px 0;display:grid}.visit-row p,.visit-row a{color:var(--ink);font-size:18px;font-weight:850;line-height:1.45}.visit-note{margin-top:28px;font-weight:800}.footer{border-top:1px solid var(--line);width:min(1180px,100% - 48px);color:var(--muted);justify-content:space-between;align-items:center;gap:28px;margin:0 auto;padding:42px 0 54px;display:flex}.footer img{width:148px}.footer div{text-align:right;gap:6px;display:grid}.footer a{color:var(--ink);font-weight:850}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(22px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (width<=860px){.site-header{grid-template-columns:1fr auto;gap:12px 16px;min-height:0;top:12px}.brand,.brand img{width:132px}nav{grid-area:2/1/auto/-1;justify-content:flex-start;gap:18px;font-size:12px;overflow-x:auto}.header-action{min-height:38px;padding:0 12px;font-size:11px}.hero{min-height:auto;padding:154px 16px 44px}.hero-bg{background:linear-gradient(90deg,#051219e0,#05121957),linear-gradient(#05121914 42%,#051219b8),url(/images/78surf-hero.jpg?v=20260630-final) 62%/cover no-repeat}h1{font-size:clamp(48px,17vw,76px)}.hero-facts,.hero-scroll{display:none}.section{width:min(100% - 32px,680px);padding:52px 0}.section-heading,.about-grid,.product-grid,.visit{grid-template-columns:1fr;gap:28px}.about-grid{gap:1px}.about-grid article{min-height:220px}.about-grid h3{margin-top:34px}.product{min-height:302px}.product p{min-height:0}.visit-row{grid-template-columns:1fr;gap:8px}.footer{flex-direction:column;align-items:flex-start;width:min(100% - 32px,680px)}.footer div{text-align:left}}@media (width<=430px){.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.section-heading p,.section-copy,.about-grid p,.product p,.visit-lead,.visit-note{font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,nav a,.header-action,.button,.product,.product a,.footer a{transition:none}}