@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');

:root{--pine:#183e38;--pine-deep:#12332e;--cream:#f6f4ed;--cream-dark:#ece9df;--ink:#1b302d;--muted:#56645f;--line:#d7ddd5;--white:#fff;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #d49459;outline-offset:4px}
.skip-link{position:absolute;left:1rem;top:-4rem;z-index:20;background:#fff;padding:.5rem 1rem}.skip-link:focus{top:1rem}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:96px;padding:1rem clamp(1.25rem,4vw,4.5rem);background:var(--cream)}
.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-size:1.02rem;line-height:1.05;letter-spacing:.025em;text-transform:uppercase;color:var(--pine)}
.brand strong{font-weight:700;letter-spacing:.15em}
.brand-mark{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--pine);border-radius:50%;font-family:Georgia,serif;font-size:1.9rem;line-height:1}
.site-header nav{display:flex;gap:clamp(1.2rem,2.5vw,3rem);align-items:center}
.site-header nav a,.site-footer a{text-decoration:none;font-size:.9rem;font-weight:600}
.site-header nav a:hover,.site-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;border:1px solid var(--pine);border-radius:3px;background:var(--pine);padding:.9rem 1.25rem;color:#fff;text-decoration:none;font-weight:700;font-size:.91rem;line-height:1.25;transition:background .2s,transform .2s}
.button:hover{background:#28564c;transform:translateY(-2px)}
.button-small{white-space:nowrap}
.button-light{background:var(--cream);color:var(--pine);border-color:var(--cream)}
.button-light:hover{background:#fff}
.hero{display:grid;grid-template-columns:minmax(0,47%) minmax(0,53%);min-height:min(690px,75vw);background:var(--pine);color:#fff}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(3rem,6vw,7.5rem) clamp(1.5rem,5vw,6rem)}
.eyebrow{margin:0 0 1.3rem;color:#d0ddd5;font-size:.76rem;font-weight:700;letter-spacing:.18em;line-height:1.4;text-transform:uppercase}
.eyebrow-dark{color:#507263}
h1,h2,p{margin-top:0}
h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.12;letter-spacing:-.035em}
h1{font-size:clamp(3.1rem,5vw,6.4rem);margin-bottom:1.4rem}
h2{font-size:clamp(2.5rem,4.1vw,4.9rem);margin-bottom:0}
h1 em,h2 em{font-weight:400}
.hero-intro{max-width:33rem;color:#e1e8e2;font-size:1.13rem;line-height:1.8}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem 1.7rem;margin-top:1.2rem}
.text-link{display:inline-flex;gap:.55rem;align-items:center;color:#fff;text-decoration:underline;text-underline-offset:6px;font-weight:600;font-size:.92rem}
.text-link:hover{text-decoration-thickness:2px}
.hero-facts{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-top:clamp(2.6rem,5vw,5.5rem);padding-top:1rem;width:100%;border-top:1px solid #6b877e;color:#dce7df;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.hero-facts span:not(:last-child)::after{content:'·';padding-left:1rem;color:#99aca4}
.hero-image{position:relative;min-height:500px;overflow:hidden}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.photo-note{position:absolute;right:1.5rem;bottom:1.5rem;padding:.6rem .85rem;background:rgba(246,244,237,.93);color:var(--pine);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.section-shell{max-width:1480px;margin-inline:auto;padding-left:clamp(1.25rem,5vw,5rem);padding-right:clamp(1.25rem,5vw,5rem)}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,9vw,9rem);padding-top:clamp(5rem,9vw,9rem);padding-bottom:clamp(5rem,9vw,9rem)}
.intro-body{padding-top:2.2rem;max-width:36rem;font-size:1.08rem;color:#45534e}
.intro-body p:last-child,.location-copy p:last-of-type{margin-bottom:0}
.gallery{padding-bottom:clamp(5rem,9vw,9rem)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.3rem}
.section-heading p:last-child{max-width:15rem;color:var(--muted);margin-bottom:.4rem}
.photo-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(210px,25vw));gap:1rem}
.photo-grid figure{position:relative;margin:0;overflow:hidden;background:var(--cream-dark)}
.photo-grid .photo-tall{grid-row:span 2}
.photo-grid img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.photo-grid figure:hover img{transform:scale(1.035)}
.photo-grid figcaption{position:absolute;left:1rem;bottom:1rem;padding:.35rem .65rem;background:rgba(246,244,237,.94);color:var(--pine);font-size:.79rem;font-weight:700}
.amenities{background:var(--pine);color:#fff}
.amenities-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,9vw,9rem);padding-top:clamp(5rem,8vw,8rem);padding-bottom:clamp(5rem,8vw,8rem)}
.amenities-list{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem;list-style:none;margin:0;padding:0}
.amenities-list li{display:flex;align-items:center;gap:.9rem;border-bottom:1px solid #5a756e;min-height:5.1rem;font-size:1.05rem;font-weight:600}
.amenities-list li span{color:#b7d0bf;font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:.85rem}
.location{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:center;padding-top:clamp(5rem,9vw,9rem);padding-bottom:clamp(5rem,9vw,9rem)}
.location-image{height:clamp(380px,43vw,600px);overflow:hidden}
.location-image img{width:100%;height:100%;object-fit:cover}
.location-copy{max-width:35rem}
.location-copy h2{margin-bottom:1.7rem}
.location-copy p:not(.eyebrow){color:#45534e;font-size:1.04rem}
.text-link-dark{color:var(--pine);margin-top:1.5rem}
.booking{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--pine-deep);color:#fff;padding-top:clamp(3.5rem,6vw,6rem);padding-bottom:clamp(3.5rem,6vw,6rem)}
.booking h2{font-size:clamp(2.3rem,3.8vw,4.2rem);margin-bottom:1rem}
.booking p:last-child{color:#d3dfd7;margin-bottom:0}
.booking .button{flex:none}
.site-footer{display:flex;justify-content:space-between;gap:2rem;padding-top:2.5rem;padding-bottom:2.5rem}
.site-footer div{display:flex;gap:1.5rem;align-items:center}
.site-footer span{color:var(--muted);font-size:.88rem}
@media(max-width:1000px){.site-header nav{gap:1rem}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:3rem 2rem}.hero-facts{margin-top:2.5rem}.hero-facts span:not(:last-child)::after{display:none}.photo-grid{grid-template-rows:repeat(2,220px)}}
@media(max-width:760px){.site-header{min-height:80px;flex-wrap:wrap;gap:.9rem;padding:1rem 1.25rem}.site-header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:.65rem}.site-header nav a{font-size:.82rem}.site-header .button{padding:.7rem .8rem;font-size:.78rem}.brand{font-size:.83rem}.brand-mark{width:38px;height:38px}.hero{display:flex;flex-direction:column}.hero-copy{padding:4rem 1.25rem 2.8rem}.hero-image{min-height:350px;height:55vw}.hero-facts{gap:.4rem 1.2rem}.intro,.amenities-inner,.location{grid-template-columns:1fr;gap:2rem}.intro-body{padding-top:0}.section-heading{display:block}.section-heading p:last-child{margin-top:1rem}.photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,220px)}.photo-grid .photo-tall{grid-column:span 2;grid-row:auto}.amenities-list{gap:0 1rem}.location-image{height:420px}.booking{align-items:flex-start;flex-direction:column}.site-footer{flex-direction:column}.site-footer div{flex-wrap:wrap}}
@media(max-width:480px){h1{font-size:3.25rem}.hero-intro{font-size:1rem}.hero-image{height:350px}.photo-grid{gap:.65rem;grid-template-rows:repeat(3,170px)}.photo-grid figcaption{left:.5rem;bottom:.5rem;font-size:.68rem}.amenities-list{grid-template-columns:1fr}.amenities-list li{min-height:4.3rem}.location-image{height:310px}.site-footer div{gap:.7rem 1.2rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button,.photo-grid img{transition:none}}