:root{--ink:#123d38;--cream:#f5f4ed;--yellow:#f3ca42;--muted:#586660;--line:#d7ddd5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bf9000;outline-offset:5px}img{max-width:100%;display:block}header{background:var(--cream);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.nav{max-width:1320px;margin:auto;padding:20px 5%;display:flex;align-items:center;gap:36px;justify-content:space-between}.brand{font-family:Georgia,serif;font-size:23px;line-height:1.05}.brand small{display:block;font:9px Arial;letter-spacing:2.8px;margin-top:7px;text-transform:uppercase}.navlinks{display:flex;align-items:center;gap:28px;font-size:13px}.nav-cta{border:1px solid var(--ink);padding:12px 18px;border-radius:4px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--ink);color:var(--cream)}.hero-copy{padding:74px max(35px,calc((100vw - 1188px)/2));padding-right:48px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2.2px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:22px;height:2px;background:currentColor}.hero .eyebrow{color:var(--yellow)}h1{font:clamp(46px,4.6vw,72px)/1.02 Georgia,serif;letter-spacing:-2px;margin:30px 0 23px;max-width:570px}h1 em{color:var(--yellow);font-weight:normal}p{font-size:15px;line-height:1.7}.hero p{max-width:400px;color:#d5e1db;margin:0 0 30px}.hero-photo{position:relative;min-height:550px;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:cover;position:absolute;object-position:58% center}.sunbadge{position:absolute;top:30px;right:30px;background:var(--yellow);color:var(--ink);width:104px;height:104px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(10deg);font-size:10px;letter-spacing:1px}.sunbadge b{font-size:24px;line-height:1.1;letter-spacing:-1px}.caption{position:absolute;bottom:26px;left:30px;color:white;background:#123d38dd;padding:9px 15px;font-size:11px;letter-spacing:1px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:17px 23px;background:var(--yellow);color:var(--ink);font-size:13px;font-weight:bold;border-radius:4px;align-self:flex-start;cursor:pointer;border:0}.btn:hover{background:#ffdb64}.hero-foot{margin-top:30px;font-size:10px;letter-spacing:1.5px;color:#b9cec5}.benefit-strip{display:flex;justify-content:space-between;gap:20px;padding:25px 6%;border-bottom:1px solid var(--line);font-size:12px;font-weight:bold}.benefit-strip span{display:flex;gap:10px;align-items:center}.benefit-strip i{font-style:normal;color:#8a721b}.section{max-width:1320px;margin:0 auto;padding:88px 5%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}h2{font:clamp(34px,3.2vw,49px)/1.1 Georgia,serif;letter-spacing:-1px;margin:22px 0}h2 em{font-weight:normal}.intro p{color:var(--muted);margin:25px 0 0}.technology{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:45px}.tech{border-top:1px solid var(--line);padding-top:23px}.tech .num{font:13px monospace;color:#81713c}.tech h3{font-size:20px;margin:20px 0 10px}.tech p{color:var(--muted);font-size:14px}.catalog{background:#eaece4;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-top p{color:var(--muted);max-width:350px}.filters{display:flex;gap:9px;margin:30px 0}.filter{border:1px solid #9daea1;background:transparent;border-radius:40px;padding:11px 22px;font-size:12px;cursor:pointer;color:var(--ink)}.filter[aria-pressed="true"]{background:var(--ink);color:white;border-color:var(--ink)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{background:var(--cream);border-radius:7px;overflow:hidden;display:flex;flex-direction:column}.product[hidden]{display:none}.product-image{position:relative;background:#f4f4f4;aspect-ratio:1}.product-image img{width:100%;height:100%;object-fit:contain}.fps{position:absolute;top:14px;left:14px;background:var(--yellow);border-radius:20px;font-size:10px;font-weight:bold;padding:7px 10px;z-index:1}.product-copy{padding:22px;display:flex;flex-direction:column;flex:1}.product-copy small{font-size:8px;letter-spacing:.8px;color:var(--muted)}.product h3{font:25px Georgia,serif;margin:13px 0 9px}.product h4{font-size:12px;margin:0}.product p{font-size:12px;color:var(--muted);margin:12px 0 22px}.product-link{border-top:1px solid var(--line);padding-top:15px;margin-top:auto;font-size:11px;display:flex;justify-content:space-between;font-weight:bold;cursor:pointer}.catalog-note{font-size:11px;color:var(--muted);margin-top:23px}.lifestyle{display:grid;grid-template-columns:1fr 1fr;min-height:580px}.lifestyle-photo{background:#f4f4f4 url('../assets/500180.webp') center/contain no-repeat;min-height:400px}.lifestyle-copy{padding:70px 12%;display:flex;flex-direction:column;justify-content:center;background:var(--ink);color:var(--cream)}.lifestyle-copy .eyebrow{color:var(--yellow)}.lifestyle-copy p{color:#d0ded7;font-size:14px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 24px}.tags span{font-size:10px;border:1px solid #628077;padding:8px 11px;border-radius:30px}.details-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.source-note{font-size:12px;color:var(--muted);max-width:330px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{font-size:15px;font-weight:bold;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}summary:after{content:'+';font-size:23px;font-weight:normal}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:13px}.contact{background:var(--yellow);text-align:center;padding:70px 6%}.contact h2{max-width:650px;margin:20px auto}.contact p{max-width:570px;margin:0 auto 25px}.contact .btn{background:var(--ink);color:white}.contact small{display:block;font-size:12px;margin-top:15px}footer{padding:36px 6% 110px;display:flex;justify-content:space-between;gap:30px;font-size:11px;line-height:1.8;color:var(--muted)}.floating{position:fixed;bottom:24px;right:25px;z-index:30;background:#176b45;color:white;display:flex;align-items:center;gap:12px;padding:15px 20px;border-radius:40px;box-shadow:0 5px 25px #0002;font-size:12px;font-weight:bold}.floating svg{width:24px;height:24px;fill:currentColor}.floating:hover{background:#0e5232}@media(min-width:1450px){.hero-copy{padding-left:max(60px,calc((100vw - 1188px)/2))}}@media(max-width:1000px){.navlinks{gap:18px}.hero-copy{padding:50px 7%}.hero{min-height:580px}h1{font-size:52px}.products{grid-template-columns:repeat(2,1fr)}.intro,.details-grid{gap:40px}.lifestyle-copy{padding:50px 10%}}@media(max-width:650px){.nav{padding:17px 6%}.brand{font-size:19px}.brand small{font-size:7px;letter-spacing:2px}.navlinks>a:not(.nav-cta){display:none}.nav-cta{font-size:11px;padding:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:46px 7% 40px}h1{font-size:51px;max-width:370px}.hero p{font-size:14px}.hero-photo{min-height:380px}.hero-photo>img{object-position:center 64%}.sunbadge{width:85px;height:85px;top:20px;right:20px}.hero-foot{margin-top:23px;font-size:9px}.benefit-strip{display:grid;grid-template-columns:1fr 1fr;gap:19px;padding:26px 7%;font-size:10px}.section{padding:56px 7%}.intro,.details-grid{grid-template-columns:1fr;gap:10px}.intro p{margin-top:0}.technology{grid-template-columns:1fr;gap:16px;margin-top:28px}.tech h3{margin:10px 0}.tech .num{float:right}.tech p{margin-bottom:5px}.section-top{display:block}.section-top p{font-size:13px}.products{gap:12px}.product-copy{padding:16px 12px}.product h3{font-size:22px}.product h4{font-size:11px}.product p{font-size:11px}.product-link{font-size:10px;gap:8px}.product-copy small{font-size:7px}.fps{top:9px;left:9px;padding:6px 8px;font-size:8px}.filter{padding:10px 17px;font-size:11px}.lifestyle{grid-template-columns:1fr}.lifestyle-photo{min-height:310px}.lifestyle-copy{padding:46px 7%}.contact{padding:50px 7%}footer{display:block;padding:30px 7% 105px}footer>div+div{margin-top:20px}.floating{right:16px;bottom:17px;padding:14px 17px}.floating span{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Surf & family direction */
:root{--ink:#153d49;--cream:#fffdf7;--yellow:#f3c945;--muted:#596f75;--line:#d7e1df}header{background:#fffdf7f5}.brand{font-size:21px}.nav-cta{border-radius:40px}.hero.surf-hero{display:block;position:relative;min-height:740px;background:#255b6d;overflow:hidden}.hero-scene{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,40,50,.84) 0%,rgba(9,40,50,.52) 38%,rgba(9,40,50,0) 75%)}.hero-copy{position:relative;z-index:1;min-height:710px;padding-top:80px;padding-bottom:95px;padding-left:max(6%,calc((100vw - 1188px)/2));max-width:790px}.hero h1{font-size:clamp(54px,5.4vw,82px);line-height:1.01;max-width:620px}.hero h1 em{color:#fff5d2}.hero p{max-width:440px;color:#f5f8f5}.hero .btn{border-radius:40px}.hero-bottom{position:absolute;bottom:24px;left:6%;right:6%;z-index:2;display:flex;justify-content:space-between;gap:20px;color:white;font-size:11px;letter-spacing:1px}.hero-bottom small{opacity:.75;font-size:9px}.benefit-strip{background:#f6eddb;border:0;padding-top:24px;padding-bottom:24px}.section{padding-top:75px;padding-bottom:75px}.technology{gap:38px}.tech h3{font-family:Georgia,serif;font-weight:normal;font-size:26px}.surf-story,.family{display:grid;grid-template-columns:1fr 1fr}.surf-story{background:#e5f0f0}.surf-story-image{min-height:540px;position:relative;overflow:hidden}.surf-story-image img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:65% center}.surf-story-image>span{position:absolute;bottom:30px;left:35px;color:white;font-size:11px;letter-spacing:2px}.surf-story-copy,.family-copy{padding:65px 12%;align-self:center}.surf-story p,.family p{color:var(--muted);font-size:14px}.text-link{display:inline-flex;gap:35px;align-items:center;margin-top:16px;border-bottom:1px solid var(--ink);padding-bottom:12px;font-size:12px;font-weight:bold}.family{background:#f7f0e2}.family .btn{border-radius:40px;margin-top:18px}.family-image{margin:0;position:relative;min-height:560px;overflow:hidden}.family-image img{width:100%;height:100%;object-fit:cover;position:absolute;object-position:55% center}.family-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:12px 20px;background:#153d499c;color:white;font-size:9px}.catalog{background:#f2f5f0;border:0}.product{background:white;border-radius:4px}.product-image img{object-fit:contain}.product-image{background:#f4f4f4}.product-copy{padding:24px}.product p{font-size:13px}.product-link{font-size:12px}.fps{background:#f2d464}.journal-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:30px}.journal-heading>p{max-width:330px;color:var(--muted);font-size:14px}.photo-journal{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.photo-journal figure{margin:0}.photo-journal img{width:100%;height:290px;object-fit:cover}.photo-journal figure:nth-child(1) img{object-position:70% center}.photo-journal figcaption{font:17px Georgia,serif;padding-top:15px}.photo-journal small{display:block;font:9px Arial;margin-top:7px;color:var(--muted)}.beach-banner{position:relative;min-height:460px;color:white;display:flex;align-items:center;isolation:isolate;background:#193a42}.beach-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.beach-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102f3bc7,#102f3b15);z-index:-1}.beach-banner>div{padding:60px 9%}.beach-banner .btn{border-radius:40px}.contact{background:#e7eff0}.contact .btn{border-radius:40px}@keyframes waPulse{0%,100%{transform:translateY(0) scale(1);box-shadow:0 6px 20px rgba(18,61,56,.25)}50%{transform:translateY(-4px) scale(1.03);box-shadow:0 12px 28px rgba(36,118,79,.4),0 0 0 6px rgba(36,118,79,.16)}}.floating{background:#24764f;animation:waPulse 3s ease-in-out infinite;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.floating:hover{animation-play-state:paused;transform:translateY(-5px) scale(1.05);box-shadow:0 14px 32px rgba(36,118,79,.5),0 0 0 8px rgba(36,118,79,.2)}.eyebrow{letter-spacing:1.7px}.products{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.hero.surf-hero{min-height:680px}.hero-copy{min-height:680px;max-width:650px;padding-left:7%}.products{grid-template-columns:repeat(2,1fr)}.surf-story-copy,.family-copy{padding:45px 9%}.surf-story-image,.family-image{min-height:530px}.photo-journal{grid-template-columns:repeat(2,1fr)}.photo-journal img{height:340px}.family h2,.surf-story h2{font-size:37px}}
@media(max-width:650px){.hero.surf-hero{min-height:780px}.hero-scene{object-position:68% center}.hero-shade{background:linear-gradient(0deg,#0c2f3bef 0%,#0c2f3b7a 45%,#0c2f3b05 100%)}.hero-copy{min-height:780px;padding:300px 7% 85px;justify-content:flex-end;max-width:100%}.hero h1{font-size:52px;margin:20px 0}.hero h1 br:first-child{display:none}.hero h1 em{display:block}.hero p{font-size:13px;margin-bottom:22px;max-width:330px}.hero .eyebrow{font-size:9px}.hero-foot{font-size:8px;margin-top:20px}.hero-bottom{bottom:18px;left:7%;right:7%;font-size:8px;letter-spacing:0}.hero-bottom small{font-size:7px;max-width:110px;text-align:right}.surf-story,.family{grid-template-columns:1fr}.surf-story-image{min-height:330px}.surf-story-copy,.family-copy{padding:44px 7%}.family-image{min-height:390px;grid-row:1}.family-image img{object-position:50% center}.section{padding:52px 7%}.photo-journal{gap:20px 12px}.photo-journal img{height:210px}.photo-journal figcaption{font-size:15px}.journal-heading{display:block}.journal-heading>p{max-width:none}.beach-banner{min-height:390px}.beach-banner>img{object-position:30% center}.beach-banner>div{padding:40px 7%}.beach-banner h2{font-size:37px}.product-copy{padding:18px 12px}.product p{font-size:11px}.product-link{font-size:10px}.brand{font-size:18px}.products{gap:12px}.navlinks{gap:10px}.nav-cta{padding:10px 13px}.contact{padding:48px 7%}}