@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#102f35;--sand:#edd7b6;--paper:#f8f6ef;--muted:#54656a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #d79650;outline-offset:5px}.nav{height:90px;padding:0 5.5%;display:flex;align-items:center;gap:24px;background:var(--paper)}.brand{display:flex;align-items:center;gap:12px;font:800 21px 'Manrope',Arial;letter-spacing:2px}.brand svg{width:48px}.brand-sub{display:block;font:500 8px 'DM Sans',Arial;letter-spacing:2.7px;margin-top:4px}.nav nav{display:flex;gap:32px;margin-left:auto;font-size:13px;font-weight:600}.nav-social{border-bottom:1px solid var(--ink);padding-bottom:5px}#language{border:1px solid #c8d0ca;background:none;color:var(--ink);border-radius:50%;width:34px;height:34px;cursor:pointer;font-size:11px}.hero{min-height:740px;height:calc(100svh - 90px);max-height:1000px;position:relative;background:#205c6b url('assets/baja-surf.jpg') center 54%/cover;color:white;display:flex;align-items:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,28,36,.77),rgba(9,36,44,.14)),linear-gradient(0deg,rgba(7,32,40,.6),transparent 45%)}.hero-content{position:relative;padding:60px 8%;width:100%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.7;margin:0 0 24px}.hero h1{font-family:'Manrope',Arial;font-size:clamp(58px,7.5vw,110px);font-weight:500;letter-spacing:-6px;line-height:1.04;margin:0 0 28px}.hero-copy{font-size:16px;line-height:1.8;color:#e1e8e6}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 24px;font-size:12px;font-weight:700;min-height:48px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.sand{background:var(--sand);color:var(--ink)}.sand:hover{background:#f4e3ca}.hero-link{font-size:12px;border-bottom:1px solid #a6b6b7;padding-bottom:5px}.hero-bottom{position:absolute;bottom:32px;left:8%;right:8%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.ticker{background:var(--sand);display:flex;justify-content:space-around;gap:20px;padding:23px 5%;font-size:9px;font-weight:700;letter-spacing:2px}.ticker span:nth-child(even){font-size:19px;line-height:10px}.section{padding:100px 8%}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;gap:48px}.dark{color:var(--muted)}h2{font-family:'Manrope',Arial;font-size:clamp(38px,4.5vw,62px);font-weight:500;line-height:1.12;letter-spacing:-2.8px;margin:0}.section-head>p{max-width:340px;font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 5px}.media-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch}.reel-intro{background:var(--ink);color:var(--paper);padding:50px;display:flex;flex-direction:column;align-items:flex-start}.line-icon{font-size:60px;color:var(--sand);margin-bottom:35px}.reel-intro h3{font:500 clamp(30px,3vw,44px)/1.15 'Manrope',Arial;letter-spacing:-1.5px;margin:0 0 22px}.reel-intro>p:not(.eyebrow):not(.embed-note){font-size:14px;color:#c5d2d1;max-width:320px;line-height:1.9}.reel-intro .button{margin:20px 0}.embed-note{font-size:10px;line-height:1.8;color:#b8c9c7;max-width:290px;margin-top:auto;padding-top:30px}.instagram-panel{background:white;min-width:0;border:1px solid #e0e4dc;display:flex;flex-direction:column}.embed-label{display:flex;justify-content:space-between;padding:22px;font-size:9px;letter-spacing:1.3px;border-bottom:1px solid #e8e8e5}.embed-label a{font-size:20px}.instagram-panel iframe{width:100%;border:0;flex:1;min-height:550px}.story{padding-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.story-photo{position:relative;height:520px;overflow:hidden}.story-photo img{width:100%;height:100%;object-fit:cover}.story-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,rgba(8,34,36,.6))}.story-photo span{position:absolute;z-index:1;bottom:25px;left:28px;right:20px;font-size:9px;color:white;letter-spacing:2px}.story-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin:28px 0}.topics{display:flex;gap:16px;flex-wrap:wrap;margin:30px 0;font-size:10px;font-weight:600}.topics span{padding:10px 0;border-top:1px solid #b8c1bd;flex:1;white-space:nowrap}.text-link{display:inline-block;font-size:12px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:8px}.connect{background:var(--ink);color:var(--paper);text-align:center;position:relative;overflow:hidden}.connect:after{content:'≈';position:absolute;right:-25px;top:30px;font:400 400px/1 Arial;opacity:.025;pointer-events:none}.connect h2{font-size:clamp(56px,6vw,85px)}.connect>p:not(.eyebrow){font-size:14px;color:#c5d2d1;line-height:1.8}.connect .actions{justify-content:center}.outline{border:1px solid #8a9f9e;color:white}footer{padding:36px 8%;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:9px;letter-spacing:1px}.footer-brand{font-weight:800;font-size:13px}footer small{flex-basis:100%;text-align:right;font-size:9px;letter-spacing:0;color:#72807e}@media(min-width:1600px){.section,.hero-content,footer{padding-left:calc((100vw - 1360px)/2);padding-right:calc((100vw - 1360px)/2)}}@media(max-width:800px){.nav{height:76px;padding:0 6%;gap:12px}.brand{font-size:16px}.brand-sub{font-size:6px;letter-spacing:2px}.brand svg{width:35px}.nav nav{gap:15px}.nav nav a:not(.nav-social){display:none}#language{width:30px;height:30px}.hero{min-height:660px;height:calc(90svh - 76px);background-position:61% center}.hero-content{padding:45px 7%}.hero h1{font-size:66px;letter-spacing:-3.8px}.hero-copy{font-size:14px;max-width:320px}.hero-copy br{display:none}.hero .actions{gap:18px}.hero-bottom{left:7%;right:7%;font-size:7px;letter-spacing:1px}.ticker{font-size:7px;letter-spacing:1px;gap:12px;padding:20px 6%}.ticker span:last-child,.ticker span:nth-child(4){display:none}.section{padding:65px 7%}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:24px;max-width:none}.eyebrow{font-size:9px;margin-bottom:18px}h2{font-size:43px;letter-spacing:-2px}.media-layout{grid-template-columns:1fr;gap:22px}.reel-intro{padding:32px}.line-icon{margin-bottom:20px}.reel-intro h3{font-size:35px}.embed-note{padding-top:10px;margin-top:0}.story{grid-template-columns:1fr;gap:35px;padding-top:0}.story-photo{height:380px}.connect .actions{gap:12px}.connect .button{padding:15px 18px}footer{padding:30px 7%;font-size:8px}footer small{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.gallery-heading{margin-top:55px}.gallery-heading .eyebrow{margin-bottom:22px}.reel-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reel-gallery .instagram-panel iframe{min-height:610px;height:610px;flex:none}.featured-reel iframe{min-height:610px}.reel-card .embed-label{padding:18px}.reel-gallery .instagram-panel{overflow:hidden}@media(max-width:1150px){.reel-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.reel-gallery{grid-template-columns:1fr;gap:10px}.gallery-heading{margin-top:35px}.reel-gallery .instagram-panel iframe{min-height:590px;height:590px}}

.contact-form{position:relative;z-index:1;max-width:680px;margin:45px auto 0;text-align:left;border-top:1px solid #49676b;padding-top:35px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:block;font-size:12px;margin:0 0 9px;color:#edf1ec}.contact-form input:not([type=hidden]),.contact-form textarea{width:100%;border:1px solid #6a8385;background:#173c43;color:#fff;font:400 16px 'DM Sans',Arial;padding:14px;border-radius:0;margin-bottom:22px}.contact-form textarea{resize:vertical;min-height:140px}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--sand);outline-offset:2px}.contact-note{color:#c5d2d1;font-size:11px;line-height:1.8;margin:0 0 20px}.contact-note a{text-decoration:underline}.contact-form button{border:0;cursor:pointer;font-family:inherit;margin-bottom:22px}.spam-trap{display:none}@media(max-width:800px){.contact-fields{grid-template-columns:1fr;gap:0}.contact-form{margin-top:35px;padding-top:28px}}

.reel-card .embed-label{padding:10px 14px}.reel-card .embed-label a{font-size:16px}.gallery-heading{margin-top:30px}.gallery-heading .eyebrow{margin-bottom:14px}@media(max-width:800px){.gallery-heading{margin-top:20px}.media-layout{gap:14px}}

.conditions{padding:32px 7%;background:#eeeadd;border-bottom:1px solid #c8c9bb}.conditions-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.conditions h2{font-size:30px;margin:8px 0 20px}.conditions-head label{display:grid;gap:8px;font-size:12px}.conditions select{background:#f9f7ef;color:#102f35;padding:12px;border:1px solid #b3b9aa;font:inherit;max-width:100%}.conditions-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:8px 0 22px}.condition-value{border-left:1px solid #bec3b5;padding-left:16px}.condition-value span{display:block;font-size:11px;margin-bottom:8px}.condition-value strong{display:block;font-size:22px;font-weight:500}.condition-value small{display:block;font-size:12px;margin-top:6px}.conditions details{border-top:1px solid #bec3b5;padding:16px 0}.conditions summary{cursor:pointer;font-size:14px}.conditions svg{display:block;width:100%;height:auto;max-height:220px;margin:16px 0}.conditions-note,.conditions-foot{font-size:11px;line-height:1.6}.conditions-foot{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.conditions-foot button{cursor:pointer;padding:7px 12px;color:#102f35;border:1px solid #adb4a5;background:transparent}.conditions a{color:inherit}.tide-peaks{font-size:13px;line-height:1.8}.conditions-note{opacity:.75;margin:10px 0 0}@media(max-width:650px){.conditions{padding:26px 6%}.conditions-head{align-items:start}.conditions h2{font-size:25px}.conditions-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.condition-value strong{font-size:20px}.conditions-head label{max-width:50%}}
