@font-face{font-family:"Cormorant Garamond";src:url("fonts/cormorant-garamond.woff2") format("woff2");font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:"Alegreya Sans";src:url("fonts/alegreya-sans-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Alegreya Sans";src:url("fonts/alegreya-sans-bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
:root{--ink:#173f3d;--sand:#eadfca;--clay:#c86e4a;--cream:#f6f1e8;--line:#173f3d3d;--display:"Cormorant Garamond",Georgia,serif;--sans:"Alegreya Sans",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans)}
a{color:inherit;text-decoration:none}
.hero{position:relative;isolation:isolate;height:clamp(480px,62svh,640px);min-height:0;padding:0 5vw;overflow:hidden;background:var(--sand)}
.sun{position:absolute;z-index:-2;top:18vh;right:18vw;width:clamp(280px,34vw,520px);aspect-ratio:1;border-radius:50%;background:#d77a56}
.hero-copy{position:relative;z-index:2;width:min(90vw,1200px);padding-top:clamp(170px,23vh,235px)}
h1,h2,h3,p{margin-top:0}
h1{margin-bottom:0;white-space:nowrap;font-family:var(--display);font-size:clamp(82px,10vw,152px);font-weight:400;line-height:.8;letter-spacing:-.07em}
.coast-art{position:absolute;z-index:-1;inset:0;pointer-events:none}
.mountain{position:absolute;right:-8vw;bottom:12vh;background:var(--ink);clip-path:polygon(18% 100%,31% 58%,42% 64%,58% 22%,68% 45%,81% 0,100% 100%)}
.mountain-back{width:65vw;height:48vh;opacity:.2;transform:translate(3vw,-5vh) scale(.95)}
.mountain-front{width:56vw;height:40vh}
.ocean{position:absolute;right:-7vw;bottom:0;width:70vw;height:17vh;border-radius:55% 0 0/45% 0 0;background:#86aaa3}
.ocean i{position:absolute;top:35%;right:5%;width:55%;height:1px;background:#f6f1e8a6;transform:rotate(-3deg)}
.ocean i:nth-child(2){top:58%;right:20%;width:38%}.ocean i:nth-child(3){top:78%;right:2%;width:48%}
.rides{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;padding:75px 7vw 150px;background:var(--cream)}
.section-head h2,.narrative h2{margin:0;font-family:var(--display);font-size:clamp(58px,7vw,105px);font-weight:400;line-height:.88;letter-spacing:-.05em}
.places{border-top:1px solid var(--line)}
.place{min-height:180px;padding:32px 0;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}
.place>a{display:block}
.place:hover{padding-left:18px;background:#eadfca59}
.place h3{margin:0;font-family:var(--display);font-size:clamp(35px,4vw,54px);font-weight:500;letter-spacing:-.03em}
.place h3 span{display:block}.place h3 i{color:var(--clay);font-style:normal}
.place p{margin:4px 0 0;font-size:11px;font-weight:400;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.narrative{padding:130px 7vw 150px;background:var(--ink);color:var(--cream)}
.narrative-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:start;gap:10vw}
.story{padding-top:10px}.story p{margin:0 0 28px;font-size:clamp(17px,1.5vw,22px);line-height:1.65}.story a{border-bottom:1px solid;transition:opacity .2s}.story a:hover{opacity:.6}
@media(max-width:760px){.hero{height:50svh;min-height:50svh;padding:0 20px}.hero-copy{width:100%;padding-top:105px}h1{white-space:normal;font-size:clamp(58px,18vw,84px)}.sun{top:65px;right:-35px;width:180px}.mountain-front{right:-32vw;bottom:45px;width:100vw;height:175px}.mountain-back{right:-28vw;bottom:42px;width:110vw;height:200px}.ocean{right:-20vw;width:120vw;height:72px}.rides{grid-template-columns:1fr;gap:38px;padding:65px 20px 80px}.place{min-height:0;padding:27px 0}.place h3{font-size:clamp(28px,9vw,38px);line-height:1}.place p{font-size:9px}.narrative{padding:90px 24px 100px}.narrative-grid{grid-template-columns:1fr;gap:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}