:root{--forest:#26332e;--ink:#26312d;--sand:#f1eee5;--oat:#d9d0bf;--sage:#8d9a8e;--line:rgba(38,49,45,.2);--serif:"Newsreader",Georgia,serif;--sans:"DM Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--sans);font-weight:300}a{color:inherit;text-decoration:none}img{display:block;width:100%}button,input,textarea{font:inherit}header{position:absolute;z-index:10;top:0;left:0;width:100%;height:92px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.25)}.logo{font:italic 27px var(--serif)}.logo span{font-style:normal}header nav{display:flex;gap:36px;font-size:11px;letter-spacing:.06em}header nav a{opacity:.82}.header-book{text-transform:uppercase;font-size:9px;letter-spacing:.15em;display:flex;gap:25px}.menu{display:none;background:none;border:0;padding:10px}.menu i{display:block;width:22px;height:1px;background:#fff;margin:5px}
.hero{height:100svh;min-height:720px;position:relative;overflow:hidden;color:#fff;display:flex;align-items:center}.hero-photo{position:absolute;inset:0;background:url("assets/cabin-hero.jpg") center/cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,30,26,.72),rgba(19,30,26,.2) 55%,rgba(19,30,26,.05)),linear-gradient(0deg,rgba(19,30,26,.45),transparent 48%)}.hero-copy{position:relative;z-index:1;margin:70px 0 0 9vw;max-width:700px}.kicker,.section-tag{text-transform:uppercase;font-size:9px;letter-spacing:.2em;font-weight:500}.hero h1,.week h2,.booking h2{font:400 clamp(61px,7.8vw,116px)/.86 var(--serif);letter-spacing:-.04em;margin:35px 0}.hero h1 em,h2 em,.display em,blockquote em{font-weight:400}.hero-text{font-size:14px;line-height:1.75;color:rgba(255,255,255,.78);max-width:430px}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:220px;padding:0 23px;height:56px;border:0;text-transform:uppercase;letter-spacing:.13em;font-size:9px;cursor:pointer;margin-top:30px}.button.light{background:#f1eee5;color:var(--ink)}.button.dark{background:var(--forest);color:#fff}.price-card{position:absolute;z-index:2;right:5vw;bottom:55px;width:225px;padding:23px 25px;background:rgba(241,238,229,.92);color:var(--ink);backdrop-filter:blur(8px)}.price-card p{margin:0;text-transform:uppercase;font-size:8px;letter-spacing:.16em}.price-card strong{display:block;font:54px var(--serif);font-weight:400;margin:12px 0 4px}.price-card span{font-size:10px}.scroll{position:absolute;z-index:2;bottom:55px;left:9vw;display:flex;gap:35px;text-transform:uppercase;font-size:8px;letter-spacing:.16em}
.section{padding:130px 8vw}.section-tag{display:flex;gap:20px}.section-tag span{opacity:.45}.section-tag p{margin:0}.section-tag.light{color:#fff}.intro{display:grid;grid-template-columns:20% 80%}.intro-main{max-width:1050px}.display{font:400 clamp(40px,5vw,72px)/1.08 var(--serif);letter-spacing:-.025em;margin:0}.intro-small{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin:65px 0 0 25%}.intro-small p,.week-heading>p,.booking-copy>p{font-size:13px;line-height:1.8;margin:0}.under-link{align-self:end;display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);text-transform:uppercase;font-size:8px;letter-spacing:.15em}
.gallery{padding-top:20px;display:grid;grid-template-columns:1.35fr .65fr;gap:7vw;align-items:end}.gallery .interior img{aspect-ratio:1.43;object-fit:cover}.gallery .beach{transform:translateY(80px)}.gallery .beach img{aspect-ratio:.76;object-fit:cover}.gallery p{font:italic 19px var(--serif);margin:14px 0 0}
.week{margin-top:80px;background:var(--forest);color:#eeeae0}.week-heading{display:grid;grid-template-columns:2fr 1fr;align-items:end;margin:70px 0 95px}.week h2{font-size:clamp(58px,7vw,100px);margin:0}.week-heading>p{color:rgba(255,255,255,.6);max-width:340px;padding-bottom:8px}.week-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.2)}.week-grid article{min-height:230px;padding:26px 40px 0 0;border-right:1px solid rgba(255,255,255,.2)}.week-grid article+article{padding-left:40px}.week-grid article:last-child{border:0}.week-grid article>span{font:23px var(--serif);opacity:.55}.week-grid h3{font:32px var(--serif);font-weight:400;margin:35px 0 15px}.week-grid p{font-size:11px;line-height:1.75;color:rgba(255,255,255,.55);max-width:270px}
.quote{height:680px;position:relative;display:flex;justify-content:center;align-items:center;color:#fff;text-align:center;overflow:hidden}.quote-photo{position:absolute;inset:0;background:linear-gradient(rgba(20,28,24,.3),rgba(20,28,24,.38)),url("assets/beach.jpg") center 64%/cover}.quote blockquote{position:relative;font:400 clamp(43px,5.5vw,82px)/1 var(--serif);letter-spacing:-.025em;margin:0}
.booking{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw}.booking-copy h2{font-size:clamp(58px,6vw,90px);margin:65px 0 45px}.booking-copy>p{max-width:390px}.booking-price{display:flex;align-items:center;gap:24px;margin-top:45px;padding-top:25px;border-top:1px solid var(--line);max-width:390px}.booking-price strong{font:52px var(--serif);font-weight:400}.booking-price span{font-size:9px;line-height:1.5;text-transform:uppercase;letter-spacing:.1em}form{background:#dfd7c8;padding:40px 45px}form label{display:block;border-bottom:1px solid var(--line);padding:18px 0}form label>span{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:7px;margin-bottom:10px;opacity:.7}form input,form textarea{width:100%;border:0;outline:0;background:none;color:var(--ink);font-size:13px;border-radius:0}form textarea{resize:vertical}.date-box{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.date-box i{font-style:normal}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form-total{display:flex;justify-content:space-between;align-items:end;margin:30px 0 0}.form-total p{font-size:9px;text-transform:uppercase;letter-spacing:.12em}.form-total strong{font:42px var(--serif);font-weight:400}.fine,.status{font-size:8px;line-height:1.5;opacity:.6}.status{color:#344d43;min-height:13px}
footer{background:#19231f;color:#eeeae0;padding:65px 8vw 35px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}footer>p{font:25px/1.15 var(--serif);margin:0}footer>a:not(.logo){font-size:10px;justify-self:end}footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:25px;margin-top:45px;font-size:8px}.reveal{opacity:0;transform:translateY(25px);transition:.9s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){header{height:75px;padding:0 22px}header nav,.header-book{display:none}.menu{display:block}.hero-copy{margin:40px 24px 0}.hero h1{font-size:66px}.hero-text{max-width:315px}.price-card{right:18px;bottom:18px;width:180px;padding:16px 18px}.price-card strong{font-size:43px}.scroll{display:none}.section{padding:85px 24px}.intro{grid-template-columns:1fr}.section-tag{margin-bottom:45px}.display{font-size:42px}.intro-small{grid-template-columns:1fr;margin:45px 0 0;gap:30px}.gallery{padding-top:0;grid-template-columns:1fr;gap:35px}.gallery .beach{transform:none;width:80%;margin-left:auto}.week{margin-top:20px}.week-heading{grid-template-columns:1fr;margin:0 0 55px;gap:30px}.week h2{font-size:61px}.week-grid{grid-template-columns:1fr}.week-grid article,.week-grid article+article{border-right:0;border-bottom:1px solid rgba(255,255,255,.2);padding:26px 0;min-height:0}.quote{height:500px}.booking{grid-template-columns:1fr;gap:55px}.booking-copy h2{font-size:57px;margin:45px 0 35px}form{padding:30px 22px}.form-row{grid-template-columns:1fr;gap:0}.date-box{gap:10px}footer{grid-template-columns:1fr}footer>a:not(.logo){justify-self:start}footer small{grid-column:1}header.open nav{display:flex;position:absolute;top:75px;left:0;width:100%;background:var(--forest);padding:28px 22px;flex-direction:column}.hero-photo{background-position:62% center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}