
:root{--navy:#173e59;--blue:#365b6d;--sand:#d8c3a5;--paper:#faf9f6;--white:#fff;--ink:#172733;--muted:#60717d;--line:#dfe4e6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button,input,select,textarea{font:inherit}
.header{height:88px;padding:0 clamp(24px,4vw,58px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid #edf0f1;backdrop-filter:blur(12px)}.logo{color:var(--navy);font-size:26px;font-weight:800;letter-spacing:-.03em}.header nav{display:flex;gap:34px}.header nav a{font-size:14px;font-weight:600}.header nav a:hover{color:var(--blue)}.header-book{padding:13px 19px;border-radius:6px;background:var(--navy);color:#fff;font-size:13px;font-weight:700}
.hero{min-height:705px;position:relative;display:grid;grid-template-columns:42.5% 57.5%;padding-bottom:55px;background:var(--paper)}.hero-copy{padding:94px clamp(35px,4vw,68px);display:flex;flex-direction:column;justify-content:center}.kicker,.eyebrow{margin:0 0 24px;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1{max-width:590px;margin:0;color:var(--navy);font-size:clamp(47px,4.3vw,67px);line-height:1.08;letter-spacing:-.05em}.hero-text{max-width:550px;margin:27px 0 35px;color:var(--muted);font-size:18px;line-height:1.65}.hero-buttons{display:flex;gap:16px}.button{min-height:56px;padding:0 24px;border:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;font-size:14px;font-weight:750;cursor:pointer;transition:.2s}.button:hover{background:#102f46;transform:translateY(-1px)}.secondary{border:1px solid var(--blue);background:transparent;color:var(--navy)}.secondary:hover{background:#f1f4f5;color:var(--navy)}.hero-image{min-height:650px}.availability{width:min(1080px,calc(100% - 48px));min-height:112px;padding:18px 22px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:3;display:grid;grid-template-columns:1fr 1fr .8fr 180px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 13px 32px rgba(23,62,89,.13)}.availability label{min-height:68px;padding:8px 28px;border-right:1px solid var(--line);display:grid;gap:6px}.availability label:first-child{padding-left:12px}.availability label span{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.availability input,.availability select{min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px;font-weight:650}.availability button{margin-left:20px}
.quick-facts{padding:62px clamp(24px,6vw,92px);display:grid;grid-template-columns:repeat(5,1fr);background:#fff}.quick-facts div{padding:6px 25px;border-right:1px solid var(--line);text-align:center}.quick-facts div:last-child{border:0}.quick-facts strong{display:block;color:var(--navy);font-size:25px}.quick-facts span{display:block;margin-top:7px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.section{padding:105px clamp(24px,6vw,92px)}.intro{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:7vw;background:var(--paper)}.section-copy h2,.section-title h2,.area h2,.hosts h2,.review-heading h2,.booking h2{margin:0;color:var(--navy);font-size:clamp(38px,4vw,56px);line-height:1.1;letter-spacing:-.04em}.section-copy>p:not(.eyebrow),.area-copy>p:not(.eyebrow),.booking-copy>p:not(.eyebrow){margin:25px 0 0;color:var(--muted);font-size:15px;line-height:1.8}.text-link{margin-top:30px;padding-bottom:7px;display:inline-block;border-bottom:1px solid var(--navy);color:var(--navy);font-size:13px;font-weight:800}.gallery{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:260px 260px;gap:14px}.gallery figure{margin:0;position:relative;overflow:hidden;border-radius:8px}.gallery-main{grid-row:1/3}.gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:38px 18px 17px;background:linear-gradient(transparent,rgba(15,35,48,.72));color:#fff;font-size:12px;font-weight:700}
.equipment{background:#fff}.section-title{margin-bottom:46px;display:flex;align-items:end;justify-content:space-between;gap:40px}.section-title>p{max-width:400px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.equipment-grid article{min-height:215px;padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.equipment-grid article>span{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eaf0f2;color:var(--navy);font-weight:800}.equipment-grid h3{margin:27px 0 10px;color:var(--navy);font-size:18px}.equipment-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.area{padding-top:0;display:grid;grid-template-columns:1.05fr .95fr}.area-photo{min-height:610px}.area-copy{padding:70px clamp(35px,6vw,90px);display:flex;flex-direction:column;justify-content:center;background:var(--navy);color:#fff}.area-copy .eyebrow{color:#c8d9df}.area-copy h2{color:#fff}.area-copy>p:not(.eyebrow){color:#cbd6dc}.area-copy ul{margin:32px 0 0;padding:0;list-style:none}.area-copy li{padding:18px 0;border-top:1px solid #ffffff2e;display:grid;grid-template-columns:80px 1fr;gap:18px}.area-copy li strong{color:var(--sand);font-size:14px}.area-copy li span{font-size:13px}
.hosts{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:8vw;background:var(--paper)}.host-card{padding:44px;border-left:5px solid var(--sand);background:#fff;box-shadow:0 14px 45px rgba(23,62,89,.07)}.host-initials{width:80px;height:80px;margin-bottom:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#dce6e9;color:var(--navy);font-size:19px;font-weight:800}.host-card p{margin:0;color:var(--muted);font-size:16px;line-height:1.75}.host-card>span{display:block;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);color:var(--blue);font-size:12px;font-weight:750}
.reviews{background:#fff}.review-heading{margin-bottom:45px;display:flex;align-items:end;justify-content:space-between}.score{display:grid;grid-template-columns:auto auto;align-items:center}.score strong{color:var(--navy);font-size:27px}.score span{margin-left:16px;color:#c29b60;letter-spacing:2px}.score small{grid-column:1/3;margin-top:7px;color:var(--muted);text-align:right}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-grid blockquote{min-height:285px;margin:0;padding:30px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.review-grid blockquote>span{color:#bd965d;font-size:12px;letter-spacing:3px}.review-grid blockquote>p{margin:26px 0;color:#42545f;font-size:15px;line-height:1.75}.review-grid footer{padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.review-grid footer strong{font-size:13px}.review-grid footer small{color:var(--muted)}
.booking{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;background:#eaf0f2}.booking-benefits{margin-top:35px;display:grid;gap:14px;color:var(--navy);font-size:13px;font-weight:700}.booking-form{padding:38px;display:grid;gap:17px;border-radius:9px;background:#fff;box-shadow:0 15px 45px rgba(23,62,89,.09)}.booking-form label{display:grid;gap:8px;color:#536671;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.booking-form input,.booking-form select,.booking-form textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:5px;background:#fbfcfc;color:var(--ink);text-transform:none;outline:none}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{border-color:var(--sand);box-shadow:0 0 0 2px #d8c3a540}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.booking-form small{color:var(--muted);font-size:10px}.success{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.success strong{color:var(--navy);font-size:23px}.success p{max-width:380px;color:var(--muted);line-height:1.6}.success button{border:0;background:transparent;color:var(--navy);font-weight:800;text-decoration:underline;cursor:pointer}
.contact-strip{padding:46px clamp(24px,6vw,92px);display:grid;grid-template-columns:repeat(3,1fr);gap:40px;background:#fff}.contact-strip div{display:grid;gap:7px}.contact-strip span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.contact-strip strong{color:var(--navy);font-size:15px}
.site-footer{padding:55px clamp(24px,6vw,92px) 30px;display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:30px;background:#102f46;color:#fff}.site-footer>div:first-child{display:grid;gap:5px}.site-footer>div:first-child strong{font-size:20px}.site-footer>div:first-child span,.site-footer>p{color:#b9c9d0;font-size:11px}.site-footer>p{text-align:center}.site-footer>div:nth-child(3){display:flex;justify-content:flex-end;gap:20px;font-size:11px}.site-footer>small{grid-column:1/4;padding-top:24px;border-top:1px solid #ffffff20;color:#79929e;text-align:center;font-size:9px}
@media(max-width:1000px){.header nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 7vw}.hero-image{min-height:520px}.availability{grid-template-columns:1fr 1fr 1fr 160px}.quick-facts{grid-template-columns:repeat(3,1fr);gap:25px}.quick-facts div{border:0}.intro,.hosts,.booking{grid-template-columns:1fr}.equipment-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.header{height:72px}.logo{font-size:20px}.header-book{padding:11px 14px}.hero{padding-bottom:0}.hero-copy{padding:55px 24px 42px}.hero h1{font-size:43px}.hero-image{min-height:380px}.hero-buttons{align-items:stretch;flex-direction:column}.availability{width:calc(100% - 30px);margin:-34px auto 0;padding:18px;position:relative;bottom:auto;left:auto;transform:none;grid-template-columns:1fr;border-radius:8px}.availability label,.availability label:first-child{padding:13px 4px;border-right:0;border-bottom:1px solid var(--line)}.availability button{margin:8px 0 0}.quick-facts{padding:48px 20px;grid-template-columns:repeat(2,1fr)}.section{padding:75px 24px}.intro{gap:45px}.gallery{grid-template-columns:1fr;grid-template-rows:330px 250px 250px}.gallery-main{grid-row:auto}.section-title,.review-heading{align-items:flex-start;flex-direction:column}.equipment-grid,.review-grid{grid-template-columns:1fr}.area{padding:0;grid-template-columns:1fr}.area-photo{min-height:400px}.area-copy{padding:65px 24px}.host-card{padding:30px}.form-row{grid-template-columns:1fr}.contact-strip{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;text-align:center}.site-footer>p{text-align:center}.site-footer>div:nth-child(3){justify-content:center}.site-footer>small{grid-column:auto}}
@media(max-width:420px){.hero h1{font-size:38px}.quick-facts{grid-template-columns:1fr}.quick-facts div{padding:10px}.gallery{grid-template-rows:300px 220px 220px}.booking-form{padding:25px}}
