:root{--white:#fffdf6;--ink:#303d2e}
body{background:#f6f3e9;color:var(--ink)}
.announcement{background:#394831;color:#fffdf3}
.hero{background:#e9dfc9;color:var(--ink);min-height:740px}
.hero-image{object-position:center center}
.hero-shade{background:linear-gradient(90deg,transparent 47%,#f5eddf85 57%,#f7efdf18 74%)}
.header{height:95px;margin:0;padding:0 4.5%;border:0;background:#f8f5ecef;color:#33432e;gap:30px}
.brand{font-weight:600}.sun{color:#788456}
.nav-cta,.primary{background:#394831;color:#fffdf4}
.nav-cta:hover,.primary:hover{background:#253721}
.hero-copy{margin-left:56%;padding-top:clamp(70px,10vh,125px);max-width:650px;padding-right:5%;}
.eyebrow{font-size:9px;letter-spacing:1.55px;color:#526047;margin-bottom:25px}
h1{font-size:clamp(60px,5.25vw,94px);line-height:1.045;letter-spacing:-3.7px;font-weight:450}
h1 em{color:#5b6744;font-size:1.14em;letter-spacing:-2.9px}
.hero-copy>p{color:#59604f;font-size:16px;margin-top:28px;margin-bottom:31px}
.secondary{border-color:#3c493655;color:#394831;background:#fffdf322;backdrop-filter:none}
.secondary:hover{background:#fffdf39c}
.hero-bottom{left:56%;bottom:43px;gap:24px;color:#394831}
.bottom-note p{color:#4e5944}.small-sun{color:#748059}.chapter{color:#68725c;border-color:#68725c50;font-size:8px;padding-left:20px}
.menu-toggle>span{background:#394831}
.mobile-nav{top:86px}
.preview-note{background:#f8f5ec;color:#67715d}
dialog{color:#394831;background:#faf7ef}dialog p{color:#636c58}.dialog-kicker{color:#6d775f}
@media(min-width:1700px){.header{height:110px}.hero-copy{padding-top:12vh}.hero-copy>p{font-size:18px}.eyebrow{font-size:10px}}
@media(max-width:1200px){.header{padding:0 4%;gap:22px}.hero-copy{margin-left:53%;padding-right:3%;max-width:none}h1{font-size:64px}.hero-bottom{left:53%}.chapter{display:none}.hero-buttons{gap:9px}.button{padding:0 22px;gap:20px}}
@media(max-width:900px){.header{height:86px}.hero{min-height:800px}.hero-copy{margin-left:51%;padding-top:110px}h1{font-size:54px;letter-spacing:-2.5px}.hero-copy>p{font-size:14px}.hero-buttons{flex-wrap:wrap}.hero-bottom{left:51%}.hero-image{object-position:46% center}.hero-shade{background:linear-gradient(90deg,transparent 38%,#f1e8d940 53%,#f3eada40)}}
@media(max-width:600px){.hero{height:auto;min-height:990px;max-height:none;background:#f0e8d8}.header{height:76px;padding:0 22px;margin:0;background:#f8f5ec}.hero-image{top:76px;height:510px;width:100%;object-position:18% center}.hero:after{display:none}.hero-shade{background:linear-gradient(0deg,#f0e8d8 0%,#f0e8d8 42%,#f0e8d800 58%)}.hero-copy{top:530px;left:26px;right:26px;margin:0;padding:0;max-width:none}.eyebrow{font-size:8px;margin-bottom:19px}h1{font-size:53px;line-height:1.04;letter-spacing:-2.6px;margin-bottom:20px}h1 br:nth-of-type(2){display:initial}h1 em{letter-spacing:-2px}.hero-copy>p{font-size:14px;margin-top:20px;margin-bottom:25px}.hero-buttons{flex-wrap:nowrap;gap:10px}.button{padding:0 21px;gap:18px;min-height:49px}.hero-bottom{left:26px;bottom:22px}.bottom-note p{font-size:10px}.hero-image{animation:none}.mobile-nav{top:81px}}
@media(max-width:360px){h1{font-size:48px}.button{padding:0 16px;gap:12px}}

/* Refined typography and translucent navigation. */
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.header{background:rgba(248,245,236,.48);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.45)}
.hero-image{top:58px;height:calc(100% - 58px)}
h1{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-size:clamp(60px,5.05vw,90px);letter-spacing:-2.5px;line-height:1.09}
.hero-copy>p{font-weight:400;letter-spacing:.1px}
.brand{font-weight:500;letter-spacing:-1.2px}
.eyebrow{letter-spacing:1.25px;font-weight:500}
@media(max-width:1200px){h1{font-size:62px}}
@media(max-width:900px){h1{font-size:52px;letter-spacing:-1.8px}}
@media(max-width:600px){.hero-image{top:76px;height:510px}.header{background:rgba(248,245,236,.65)}h1{font-size:50px;line-height:1.08;letter-spacing:-1.8px}}
@media(max-width:360px){h1{font-size:45px}}

/* Navigation directly over the photograph; no panel. */
.header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;height:80px}
.hero-image{top:0;height:100%}
@media(min-width:1700px){.header{height:95px}}
@media(max-width:600px){.header{height:70px;background:transparent}.hero-image{top:0;height:610px;object-position:18% top}.mobile-nav{top:76px}.brand{font-size:23px}.hero-shade{background:linear-gradient(0deg,#f0e8d8 0%,#f0e8d8 42%,#f0e8d800 64%)}}

.header .brand{color:#fffdf4;text-shadow:0 1px 8px rgba(25,35,19,.5)}.header .sun{color:#fffdf4;filter:drop-shadow(0 1px 3px rgba(25,35,19,.5))}

/* User-selected coastal photograph. */
:root{--white:#fffaf0;--ink:#262d30}
.announcement{background:#29353c;color:#fffaf0}
.hero{color:#fffaf0;background:#526b81}
.hero-image{top:0;height:100%;object-position:center top}
.hero-shade{background:linear-gradient(90deg,rgba(15,29,43,.35),rgba(15,29,43,.14) 42%,transparent 66%)}
.header{color:#fffaf0;background:transparent}
.header .brand{color:#fffaf0;text-shadow:none}.header .sun{color:#fffaf0;filter:none}
.hero-copy{margin-left:7.5%;padding-right:0;max-width:590px;padding-top:clamp(70px,10vh,125px)}
h1{font-size:clamp(60px,5.05vw,90px);color:#fffaf0}
.eyebrow{color:#fffaf0}.hero-copy>p{color:#fffaf0}
.nav-cta,.primary{background:#fff6e7;color:#2b353b}.nav-cta:hover,.primary:hover{background:#f3dfc4}
.secondary{background:transparent;border-color:#fffaf080;color:#fffaf0}.secondary:hover{background:#fffaf018}
.hero-bottom{left:7.5%;color:#fffaf0}.bottom-note p,.small-sun{color:#fffaf0}.chapter{color:#fffaf0b3;border-color:#fffaf045}
.menu-toggle>span{background:#fffaf0}.preview-note{background:#fff6e7;color:#555c60}
@media(max-width:1200px){.hero-copy{margin-left:6%;max-width:49%;padding-right:0}h1{font-size:62px}.hero-bottom{left:6%}}
@media(max-width:900px){.hero-copy{margin-left:5%;max-width:48%;padding-top:110px}h1{font-size:52px}.hero-bottom{left:5%}.hero-image{object-position:57% top}}
@media(max-width:600px){.hero{background:#344b5f;min-height:990px}.header{background:transparent}.hero-image{top:0;height:610px;object-position:86% top}.hero-shade{background:linear-gradient(0deg,#344b5f 0%,#344b5f 42%,#344b5f00 65%)}.hero-copy{top:530px;left:26px;right:26px;margin:0;padding:0;max-width:none}h1{font-size:50px}.hero-bottom{left:26px}.mobile-nav{color:#29353c}}
@media(max-width:360px){h1{font-size:45px}}