
:root{--paper:#f1eee4;--ink:#09283d;--blue:#153ddd;--orange:#ff8650}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:100px}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}p,li{line-height:1.65}p{max-width:65ch}h1,h2,h3{font-weight:500;letter-spacing:-.055em;margin:0 0 25px;line-height:1.04}h1,.hero-secondary-title{font-size:clamp(52px,6.3vw,100px)}h2{font-size:clamp(40px,4.8vw,78px)}h3{font-size:26px;letter-spacing:-.035em}em{font-family:Georgia,serif;font-weight:500}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ee682c;outline-offset:5px}header{height:82px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:24px;padding:0 5%;background:#09283d;color:var(--paper)}.logo{font-weight:700;font-size:26px;letter-spacing:-2px;white-space:nowrap}.logo span{color:var(--orange)}.demo{font:9px monospace;letter-spacing:.12em;border:1px solid #ffffff55;padding:7px;white-space:nowrap}header nav{margin-left:auto;display:flex;gap:28px;font-size:13px}header nav a{padding:12px 0}header nav a[aria-current]{border-bottom:2px solid var(--orange)}header button{color:inherit;background:none;border:0;border-left:1px solid #ffffff44;padding:10px 0 10px 20px;font-size:10px;white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--paper);z-index:100}.skip:focus{top:10px}main{overflow:clip}section{position:relative;padding:100px 7%}.blue{background:var(--blue);color:var(--paper)}.paper{background:var(--paper)}.deep{background:#09283d;color:var(--paper)}.orange{background:var(--orange)}.eyebrow{display:block;font:10px/1.5 monospace;letter-spacing:.13em;margin-bottom:30px}.lead{font-size:20px;line-height:1.55}.button{display:inline-flex;justify-content:center;align-items:center;padding:17px 24px;background:var(--orange);color:var(--ink);border:1px solid transparent;font-size:14px;min-height:48px;cursor:pointer;gap:12px}.button:hover{background:#ffa374}.button.secondary{background:transparent;border-color:currentColor;color:inherit}.button.secondary:hover{background:#ffffff18}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.text-link{display:inline-block;border-bottom:1px solid;padding:10px 0;font-size:14px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:4%;align-items:center;min-height:calc(100svh - 82px);padding-top:55px;padding-bottom:65px;background:linear-gradient(130deg,#173fe4,#0d328b)}.hero-copy{position:relative;z-index:2}.hero .lead{max-width:490px;font-size:18px}.hero-price{font-size:15px}.hero-price span{display:block;font-size:11px;opacity:.8;margin-top:6px}.hero-art{margin:0;height:650px;max-height:78svh;position:relative}.hero-art img{width:100%;height:100%;object-fit:cover;border-radius:46% 46% 2px 2px}.hero-art figcaption{position:absolute;bottom:20px;left:20px;font:9px monospace;color:white;background:#09283dbb;padding:10px}.vertical{position:absolute;right:15px;writing-mode:vertical-rl;font:9px monospace;letter-spacing:.15em}.split{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.intro{padding-top:145px;background:linear-gradient(#b9cbd9,var(--paper) 150px)}.facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #09283d33;padding-top:35px;gap:30px}.facts strong{display:block;font-size:45px;letter-spacing:-.06em}.facts span{font-size:13px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:40px 0}.trip-card{border-bottom:1px solid #09283d33}.card-image{display:block;overflow:hidden;aspect-ratio:1.12}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card-image:hover img{transform:scale(1.035)}.card-body{padding:25px 0}.card-body h3{font-size:29px}.card-body .eyebrow{margin-bottom:18px}.card-body p{font-size:14px}.price{font-size:18px}.price small{font-size:11px;display:block;margin-top:5px}.feature{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;min-height:105svh;align-items:center;padding-top:140px;padding-bottom:140px;background:linear-gradient(#b8c7db,#143ddd 25%,#09283d)}.feature-image{height:650px}.feature-image img{height:100%;width:100%;object-fit:cover;border-radius:2px 2px 45% 45%}.feature-copy{z-index:2}.rows article{border-top:1px solid #ffffff44;padding:25px 0}.rows p{font-size:15px}.process{padding-top:160px;background:linear-gradient(#8da1ac,var(--paper) 150px)}.steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:60px}.steps strong{display:block;font:13px monospace;color:#c04a19;margin-bottom:35px}.steps li{border-top:1px solid #09283d44;padding-top:25px}.faq details{border-bottom:1px solid #09283d44;padding:20px 0}.faq summary{font-size:19px;line-height:1.5}.faq p{font-size:15px}.faq .button{margin-top:35px}.closing{min-height:80svh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(var(--paper),var(--orange) 35%)}.closing .button{background:var(--ink);color:var(--paper);margin-top:30px}footer{background:#09283d;color:var(--paper);padding:70px 7%;display:grid;grid-template-columns:.7fr 1.3fr;gap:40px}footer p{font-size:12px;grid-column:1/-1;max-width:100ch;opacity:.8}footer>a:last-child{font-size:12px}.page-top{padding-top:75px}.page-top>.lead{max-width:700px}.filters{display:flex;gap:25px;align-items:end;padding-top:40px}.filters label{min-width:200px}.filters select{margin-bottom:0}label{display:block;font-size:14px;margin-bottom:8px}select,input,textarea{display:block;width:100%;padding:15px;background:#fffdf7;color:var(--ink);border:1px solid #80939c;border-radius:0;margin-top:8px;margin-bottom:25px;min-height:48px}.filters .button{height:52px}.trip-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}.trip-hero .lead{font-size:18px}.trip-hero .eyebrow{margin-top:35px}.trip-hero img{width:100%;height:560px;object-fit:cover;border-radius:45% 45% 0 0}.trip-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-bottom:1px solid #09283d33;padding-top:45px;padding-bottom:45px}.trip-facts span,.trip-facts strong{display:block}.trip-facts span{font-size:12px;margin-bottom:14px}.trip-facts strong{font-size:22px;font-weight:500}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12%}.itinerary{padding:25px 0;border-top:1px solid #09283d33}.itinerary h3{font-size:23px}.trip-aside{background:#e2e5d9;padding:35px;height:max-content}.trip-aside h3{font-size:27px}.date-link{display:flex;justify-content:space-between;border-top:1px solid #09283d44;padding:20px 0;gap:15px;font-size:14px}.date-link span{font-size:11px}.small{font-size:12px!important;line-height:1.65}.detail-grid li{padding-bottom:10px}.detail-grid h3{margin-top:30px}.wide-art{width:100%;height:520px;object-fit:cover;margin-top:70px}.planner{display:grid;grid-template-columns:1fr .8fr;gap:10%;margin-top:55px}form{max-width:650px}form .check{display:flex;align-items:flex-start;gap:12px;line-height:1.5;margin:25px 0}form .check input{width:20px;min-height:20px;margin:0;flex:none}.quote{padding:35px;background:#e0e4d7;height:max-content}.quote h2{font-size:44px}.quote p{font-size:14px}#errors:not(:empty){padding:20px;border:2px solid #a4351b;margin-bottom:25px;color:#8e2a14}#errors ul{margin:0;padding-left:20px}[aria-invalid=true]{border:2px solid #a4351b}#result{margin-top:60px;padding:45px;background:#e0e4d7}#planText{font:14px/1.7 monospace}#progress{position:fixed;left:0;bottom:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--orange);z-index:60;pointer-events:none}.drift{will-change:transform}.still .drift{transform:none!important;will-change:auto}[hidden]{display:none!important}
@media(max-width:800px){header{height:auto;min-height:100px;padding:14px 5%;gap:12px;flex-wrap:wrap}.logo{font-size:22px}.demo{font-size:8px}header nav{order:3;flex-basis:100%;justify-content:space-between;font-size:12px;gap:12px}header nav a{padding:5px 0}header button{margin-left:auto;font-size:9px;padding-left:10px}.hero{grid-template-columns:1fr;padding-top:35px;min-height:0}.hero h1,.hero .hero-secondary-title{font-size:54px}.hero .eyebrow{font-size:9px;margin-bottom:20px}.hero .lead{font-size:16px}.hero .actions{margin-top:20px}.hero-art{height:430px;max-height:none;margin-top:35px}.hero-art img{border-radius:38% 38% 0 0}.vertical{display:none}.split,.detail-grid,.planner,.feature,.trip-hero{grid-template-columns:1fr;gap:35px}section{padding:65px 7%}.lead{font-size:18px}.intro,.process{padding-top:100px}.facts{gap:20px;margin-top:40px}.facts strong{font-size:30px}.facts span{font-size:11px}.cards{grid-template-columns:1fr;gap:35px}.card-image{aspect-ratio:1.5}.card-body h3{font-size:30px}.section-heading{display:block}.feature-image{height:420px}.feature{padding-top:100px;padding-bottom:100px;min-height:0}.steps{grid-template-columns:1fr;gap:25px;margin-top:30px}.steps strong{margin-bottom:20px}.closing{min-height:65svh}.closing h2{font-size:43px}footer{grid-template-columns:1fr;padding:50px 7%;gap:30px}.filters{flex-wrap:wrap;gap:15px}.filters label{min-width:0;flex:1 1 125px}.filters .button{flex-basis:100%}.page-top{padding-top:45px}.trip-hero img{height:370px}.trip-facts{grid-template-columns:1fr 1fr;padding:35px 7%}.trip-facts strong{font-size:20px}.detail-grid{gap:30px}.wide-art{height:340px;margin-top:35px}.quote{padding:25px}#result{padding:25px 15px}.button{font-size:13px;padding:15px 18px}.eyebrow{font-size:9px}.small{font-size:12px}.drift{will-change:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.drift{transform:none!important;will-change:auto}}

.trip-card:nth-child(3) .card-image img{object-position:85% 35%}.trip-hero img{object-position:62% center}.hero-art img{object-position:65% center}
@media(max-width:800px){.hero h1,.hero .hero-secondary-title{font-size:44px;letter-spacing:-.06em}.hero{padding-top:28px}.hero-art{margin-top:24px}.hero-art img{object-position:68% center}}
/* Three independent scroll-scrubbed image passages within the flowing homepage. */
.motion-scene{height:190svh;position:relative;margin:0 -8.14% 100px;background:#09283d;grid-column:1/-1;color:#f1eee4}.motion-window{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate}.motion-picture{position:absolute;inset:0;will-change:transform,clip-path;overflow:hidden;transform-origin:center}.motion-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}.motion-picture .incoming{transform:translate3d(105%,0,0);will-change:transform}.motion-caption{position:absolute;left:8%;bottom:12%;z-index:3;text-shadow:0 2px 25px #001c35;pointer-events:none}.motion-caption:before{content:'';position:absolute;inset:-25px -50px;z-index:-1;background:linear-gradient(90deg,#09283dc9,transparent)}.motion-caption h2{font-size:clamp(44px,6vw,94px)}.intro:has(.motion-scene),.process:has(.motion-scene){padding-top:0}.feature:has(.motion-scene){padding-top:0}.feature .motion-scene{margin-bottom:0}.still .motion-scene{height:80svh}.still .motion-window{height:80svh;position:relative}.still .motion-picture{transform:none!important;clip-path:none!important;will-change:auto}.still .motion-caption{transform:none!important}.still .incoming{display:none}.still .wipe .motion-picture>img:first-child{content:url('snorkel-1400.jpg')}
@media(max-width:800px){.motion-scene{height:170svh;margin-bottom:65px}.motion-caption{left:7%;right:7%;bottom:13%}.motion-caption h2{font-size:44px}.motion-caption .eyebrow{font-size:9px}.motion-picture img{object-position:62% center}.feature .motion-scene{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.motion-scene{height:80svh}.motion-window{position:relative;height:80svh}.motion-picture{transform:none!important;clip-path:none!important}.incoming{display:none}.motion-caption{transform:none!important}}
.button:after{content:'';display:inline-block;width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-left:8px;flex:none}
.snorkel-intro{height:340svh;padding:0;background:#143ddd;color:var(--paper)}.snorkel-stage{height:calc(100svh - 82px);position:sticky;top:82px;overflow:hidden;isolation:isolate}.snorkel-ocean{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.snorkel-ground{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 35%,#355df4,#153ddd 65%,#0c2478)}.snorkel-word{position:absolute;left:4%;top:12%;font-size:clamp(90px,17vw,280px);font-weight:700;letter-spacing:-.08em;line-height:1;color:#eeeadd;transform-origin:65% 35%;opacity:.95}.snorkel-copy{position:absolute;left:7%;bottom:12%;width:40%;max-width:470px}.snorkel-copy h1,.hero-secondary-title{font-size:clamp(34px,3.6vw,58px);margin-bottom:15px}.snorkel-copy p{font-size:15px;line-height:1.5}.snorkel-copy .eyebrow{margin-bottom:16px}.snorkel-copy .button{padding:13px 20px}.snorkel-cue{position:absolute;bottom:4%;left:7%;right:7%;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.1em}#snorkel-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.still .snorkel-intro{height:auto}.still .snorkel-stage{position:relative;top:0}.still .snorkel-cue{display:none}@media(max-width:800px){.snorkel-stage{height:calc(100svh - 100px);top:100px}.snorkel-intro{height:300svh}.snorkel-word{top:8%;font-size:20vw;left:3%}.snorkel-copy{width:86%;bottom:9%;max-width:320px}.snorkel-copy h1,.hero-secondary-title{font-size:32px;max-width:260px}.snorkel-copy p{font-size:12px;max-width:290px}.snorkel-copy .eyebrow{font-size:8px}.snorkel-copy .button{padding:10px 18px;min-height:42px}.snorkel-cue{font-size:7px;bottom:3%;gap:12px}}@media(prefers-reduced-motion:reduce){.snorkel-intro{height:auto}.snorkel-stage{position:relative;top:0}.snorkel-cue{display:none}}
/* Coastal field-guide identity: shared across all seven routes. */
:root{--blue:#1347c7;--orange:#ed8551}header{border-top:3px solid var(--orange)}.demo{font:10px/1.3 monospace;letter-spacing:.08em;border:0;border-left:2px solid var(--orange);padding:3px 0 3px 10px}header nav a{font-size:14px}header nav a:hover{box-shadow:0 2px var(--orange)}.eyebrow{font-size:11px;letter-spacing:.1em}.button{font-weight:600;letter-spacing:.01em;border:1px solid #09283d;box-shadow:3px 3px 0 #09283d;transition:background .18s,box-shadow .18s}.button:hover{box-shadow:1px 1px 0 #09283d}.button.secondary{box-shadow:none}.text-link{font-weight:600}.hero{background:#1446ba}.snorkel-ground{background:#1646c7}.snorkel-word{font-family:Arial,sans-serif;font-weight:800}.snorkel-cue{font-size:11px;letter-spacing:.04em}.cards{counter-reset:route}.trip-card{counter-increment:route;border-bottom:2px solid var(--ink)}.card-body{position:relative;padding-top:34px}.card-body:before{content:'ROUTE 0' counter(route);font:11px monospace;letter-spacing:.09em;display:block;margin-bottom:18px;color:#8b3a17}.card-body .eyebrow{font-size:12px;letter-spacing:.02em}.price{font-weight:600;font-size:21px}.price small{font-size:12px;font-weight:400}.card-image{border-bottom:5px solid var(--orange)}.trip-hero img{border-radius:0;clip-path:polygon(0 0,88% 0,100% 12%,100% 100%,0 100%)}.trip-facts{border-top:1px solid var(--ink);border-bottom:2px solid var(--ink)}.trip-facts span{font:12px monospace;text-transform:uppercase;letter-spacing:.06em}.itinerary{border-top:2px solid var(--ink);padding-left:22px;border-left:3px solid var(--orange);margin-top:28px}.trip-aside,.quote,#result{background:#e3e4d4;border-top:5px solid var(--orange);border-bottom:1px solid #09283d}.trip-aside h3,.quote h2{letter-spacing:-.04em}.date-link{font:14px/1.6 monospace}.date-link:before{content:'';width:9px;height:9px;border:2px solid #b14d20;margin-top:5px;flex:none}.filters{border-top:2px solid var(--ink);margin-top:35px}.filters label,form label{font-weight:600}.filters select,select,input,textarea{border:1px solid #526d75;border-bottom:3px solid #173b4a;background:#fbf9ef;border-radius:0}.filters select{font-weight:400}select:focus,input:focus,textarea:focus{border-color:#b45126}.quote:before{content:'PELAGIC / TRIP WORKSHEET';font:11px monospace;letter-spacing:.07em;display:block;margin-bottom:28px}.faq summary{font-size:20px;font-weight:500}.faq details{border-bottom:1px solid #355666}.faq summary::marker{color:#ac481d}.rows article{border-top:1px solid #adc2c9}.steps strong{font-size:15px;font-weight:600}.small{font-size:13px!important}footer{border-top:6px solid var(--orange);background-color:#09283d;background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,#eef3e608 40px)}footer p{opacity:1;color:#c7d5d8;font-size:13px}footer a{font-weight:500}#errors:not(:empty){border-left:6px solid #a4351b;background:#fff5e9}.snorkel-copy .eyebrow{font-size:11px}.snorkel-copy .small{font-size:13px!important}@media(max-width:800px){.eyebrow{font-size:11px}.demo{font-size:9px}header nav a{font-size:13px}.snorkel-copy .eyebrow{font-size:10px}.snorkel-copy .small{font-size:12px!important}.snorkel-cue{font-size:8px}.card-body .eyebrow{font-size:12px}.filters label{font-size:14px}.trip-facts span{font-size:11px}}
@media(max-width:800px){.snorkel-word{font-size:18vw}.snorkel-cue{font-size:9px;letter-spacing:0}.snorkel-cue>span:first-child{max-width:60%}}
.snorkel-product{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.snorkel-stage:after{content:'ORIGINAL SNORKEL CONCEPT / ILLUSTRATIVE DESIGN';position:absolute;right:4%;top:4%;font:9px monospace;letter-spacing:.06em;color:#f1eee4;opacity:.75;pointer-events:none}@media(max-width:800px){.snorkel-stage:after{font-size:8px;top:3%;right:5%}}
