@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Syne:wght@500;600;700;800&display=swap');
:root{--bone:#efeee5;--ink:#173c3d;--coral:#bc6045;--muted:#65716c;--line:#cbd0c7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bone);color:var(--ink);font:15px/1.7 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #d98761;outline-offset:5px}button{color:inherit}h1,h2,h3{font-family:Syne,Arial,sans-serif;font-weight:600;line-height:.98;letter-spacing:-.055em;margin:0}p{margin:0}.skip{position:fixed;top:-90px;left:20px;padding:12px;background:var(--bone);z-index:20}.skip:focus{top:10px}header{position:absolute;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px 4%;color:white}.brand svg{width:245px;display:block}nav{display:flex;gap:34px;font-size:12px}.concept-label{font-size:9px;letter-spacing:.15em}.hero{height:100svh;min-height:750px;position:relative;background:#16393b;color:#fff;overflow:hidden}.hero-scenes{position:absolute;inset:0;overflow:hidden}.hero-scenes>img{width:100%;height:100%;object-fit:cover;animation:drift 25s ease-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10292e99,transparent 80%),linear-gradient(0deg,#10292e88,transparent 45%)}.hero-copy{position:absolute;left:8%;top:25%}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700}.hero h1{font-size:clamp(68px,7.8vw,125px);margin:25px 0 28px;max-width:900px}.hero h1 span{color:#e7d6bd}.arrow-link{display:flex;align-items:center;justify-content:space-between;gap:65px;border-bottom:1px solid #fff7;padding:13px 0;font-size:12px;max-width:260px}.arrow-link span{font-size:24px}.hero-bottom{position:absolute;left:4%;right:4%;bottom:30px;display:flex;justify-content:space-between;align-items:end}.hero-bottom>p{font-size:12px;line-height:1.6}.motion-controls{display:flex;gap:20px}.motion-controls button{border:none;border-bottom:1px solid #fff6;background:none;color:white;font-size:10px;padding:6px 0}.arrival{position:absolute;z-index:8;inset:0;pointer-events:none;background:#173b3e;animation:arrival-hide 2.9s forwards}.arrival-image{position:absolute;inset:0;background:center/cover url('assets/coast.webp');animation:montage 2.25s steps(1) forwards}.arrival-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#10252822;animation:title-away 2.2s forwards}.arrival-title>span{font:bold clamp(30px,5vw,75px) Syne,Arial;letter-spacing:.12em}.arrival-title small{margin-top:20px;font-size:12px}#skip-arrival{position:absolute;z-index:12;right:4%;top:32px;pointer-events:auto;background:#173c3dcc;border:1px solid #ffffff77;color:white;padding:10px 18px;font-size:12px}.curtain{position:absolute;left:0;right:0;height:50%;background:#173c3d;transform:scaleY(0);animation:curtain 2.9s forwards}.curtain.top{top:0;transform-origin:top}.curtain.bottom{bottom:0;transform-origin:bottom}.places{padding:100px 6%}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:35px;margin-bottom:48px}.section-heading h2{font-size:clamp(38px,4.2vw,66px)}.section-heading>p:last-child{font-size:12px;color:var(--muted)}.scene-browser{display:grid;grid-template-columns:1.5fr 1fr;min-height:600px}.scene-visual{position:relative;overflow:hidden;background:#a6b7b0}.scene-visual img{position:absolute;width:100%;height:100%;object-fit:cover;animation:drift 22s ease-in-out infinite alternate}.scene-visual>span{position:absolute;bottom:25px;left:28px;font-size:10px;color:white;letter-spacing:.12em;text-shadow:0 1px 8px #000}.shutter{position:absolute;inset:0;background:var(--bone);transform:scaleX(0);transform-origin:left}.scene-visual.changing .shutter{animation:shutter .65s ease-in-out}.scene-text{padding:25px 0 25px 12%;display:flex;flex-direction:column;justify-content:space-between}.scene-tabs{display:flex;flex-wrap:wrap;gap:15px}.scene-tabs button{font-size:11px;border:0;border-bottom:2px solid transparent;background:none;padding:6px 0}.scene-tabs button[aria-pressed=true]{border-color:var(--coral);color:#95422e}.scene-text h3{font-size:clamp(38px,4vw,60px);margin:16px 0 25px}.scene-kicker{font-size:9px;letter-spacing:.14em;color:var(--coral);font-weight:700}.scene-text #scene-copy{color:var(--muted);font-size:13px;max-width:320px}.dark{border-color:var(--line);margin-top:35px}.interlude{background:var(--ink);color:var(--bone);padding:90px 8%;display:grid;grid-template-columns:1fr 2fr .8fr;align-items:center;gap:30px;overflow:hidden}.interlude>p{font-size:13px;color:#c1cec3}.interlude h2{font-size:clamp(40px,5vw,76px)}.interlude h2 span{color:#9fbaad}.tide-symbol{position:relative;height:130px;overflow:hidden;transform:rotate(-18deg)}.tide-symbol i{display:block;border-top:2px solid #b0c6b4;border-radius:50%;width:250px;height:50px;animation:wave 6s ease-in-out infinite alternate}.tide-symbol i:nth-child(2){animation-delay:-2s}.tide-symbol i:nth-child(3){animation-delay:-4s}.planner{padding:110px 8%;display:grid;grid-template-columns:1fr 1.1fr;gap:12%}.planner h2{font-size:clamp(40px,4.8vw,70px);margin:25px 0}.planner-heading>p:not(.eyebrow){font-size:13px;color:var(--muted)}.planner-heading .honesty{font-size:10px!important;line-height:1.7;margin-top:35px;max-width:300px}fieldset{border:0;border-top:1px solid var(--line);margin:0;padding:23px 0}legend{float:left;width:100%;font:600 24px/1.2 Syne,sans-serif;letter-spacing:-.04em;margin-bottom:18px}fieldset label{display:inline-block;position:relative;margin:0 6px 8px 0}fieldset input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}fieldset label span{display:block;padding:10px 14px;border:1px solid var(--line);font-size:11px;pointer-events:none}fieldset input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--bone)}fieldset input:focus-visible+span{outline:3px solid var(--coral);outline-offset:3px}.plan-footer{border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.plan-footer>p{font-size:11px;color:var(--muted);max-width:230px}.solid{display:flex;align-items:center;justify-content:space-between;gap:30px;white-space:nowrap;border:0;background:var(--coral);color:white;padding:15px 20px;font-size:12px}.download-note{font-size:10px;color:var(--muted);margin-top:15px}footer{padding:40px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}footer .brand{font:800 28px Syne,sans-serif;letter-spacing:.08em}footer .brand span{display:block;font:9px Manrope,sans-serif;letter-spacing:.15em;margin-top:10px}footer p,.footer-link{font-size:10px;line-height:1.9}.footer-link{border-bottom:1px solid var(--line);padding-bottom:6px}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important}.arrival[hidden]{display:none!important}@keyframes drift{from{transform:scale(1)}to{transform:scale(1.065)}}@keyframes wave{to{transform:translateX(-40px)}}@keyframes shutter{0%{transform:scaleX(0)}48%{transform:scaleX(1)}52%{transform:scaleX(1);transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}@keyframes montage{0%{background-image:url('assets/coast.webp');transform:scale(1.04)}35%{background-image:url('assets/water.webp');transform:scale(1.08)}68%{background-image:url('assets/evening.webp');transform:scale(1.04)}100%{background-image:url('assets/coast.webp')}}@keyframes title-away{0%,65%{opacity:1}85%,100%{opacity:0}}@keyframes curtain{0%,67%{transform:scaleY(0)}76%,80%{transform:scaleY(1)}100%{transform:scaleY(0)}}@keyframes arrival-hide{0%,95%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@media(max-width:850px){header{padding:22px 6%}.brand svg{width:190px}.concept-label{display:none}nav{gap:18px;font-size:10px}.hero{min-height:700px;height:92svh}.hero-copy{left:7%;right:7%;top:28%}.hero h1{font-size:clamp(56px,10vw,85px)}.hero-scenes>img{object-position:60% center}.hero-bottom{left:7%;right:7%;bottom:28px}.motion-controls{gap:12px;flex-direction:column}.section-heading{grid-template-columns:1fr;gap:22px}.section-heading h2{font-size:46px}.places{padding:65px 6%}.scene-browser{grid-template-columns:1fr}.scene-visual{min-height:430px}.scene-text{padding:28px 0 0;min-height:410px}.scene-text h3{font-size:48px}.scene-text #scene-copy{max-width:430px}.scene-tabs{gap:25px}.interlude{grid-template-columns:1fr;padding:60px 7%;gap:28px;position:relative}.interlude h2{font-size:50px;position:relative;z-index:1}.tide-symbol{position:absolute;right:-60px;bottom:20px;opacity:.4;width:180px}.planner{padding:65px 7%;grid-template-columns:1fr;gap:40px}.planner h2{font-size:52px}.planner-heading .honesty{margin-top:22px}.plan-footer{gap:18px}footer{padding:35px 7%;flex-wrap:wrap}footer .brand{font-size:24px}.footer-link{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.arrival{display:none!important}}