:root{--cream:#f6f2eb;--ink:#202927;--brown:#a77c4e;--gold:#c7a473}
html{scroll-behavior:smooth}
body{background:#f7f4ef;color:#222a28}
.eyebrow{color:#aa7f50;font-size:12px;letter-spacing:.25em}

/* Quiet dark navigation lets the hotel's own gold mark carry the brand. */
.draft-header{background:#1d2927;color:#f5f1e8}
.header-main{min-height:92px;max-width:1400px;padding:10px 42px}
.logo-link img{width:216px;height:70px}
.header-nav{gap:23px}
.header-nav a{color:#eee9e0;font-size:13px;font-weight:500;letter-spacing:.015em}
.header-nav a:hover{color:#d7b681}
.header-nav button.book-now-style{background:#b99566;color:#171d1b;border:0;border-radius:3px;padding:12px 21px;font-size:13px}
.quick-nav{background:#273330;color:#eee9e0;border-top:1px solid #ffffff18}
.quick-nav a{padding:14px 34px;color:#eee9e0;border-color:#ffffff1c;font-size:10px;letter-spacing:.19em}
.quick-nav a:last-child{border-color:#ffffff1c}
.quick-nav span{color:#caa675}

/* A full-bleed room photograph remains the focal point. */
.hero{height:min(830px,90svh);min-height:660px}
.hero-overlay{background:linear-gradient(90deg,rgba(12,22,21,.77),rgba(12,22,21,.38) 60%,rgba(12,22,21,.18)),linear-gradient(0deg,rgba(11,19,18,.68),transparent 42%)}
.hero-content{padding-top:15px}
.hero-content .eyebrow{font-size:12px;letter-spacing:.28em}
.hero-content h1{max-width:900px;font-size:clamp(72px,8.5vw,132px);line-height:.96;letter-spacing:-.055em;margin:24px 0 26px;text-wrap:balance}
.hero-content h1 em{color:#e7cda6}
.hero-content p{max-width:520px;color:#f1ece4;font-size:18px;line-height:1.6}
.hero-footer{bottom:0;align-items:end;gap:35px}
.hero-footer>a{margin-bottom:37px;font-size:14px;letter-spacing:.025em}
.availability{background:#f6f2ea;box-shadow:0 24px 60px #111b1870;min-height:106px}
.availability-field{padding:20px 18px;border-color:#d9d0c3}
.availability-field span{font-size:11px;letter-spacing:.18em}
.availability-field input,.availability-field select{font-size:15px}
.availability button{background:#a87e50;color:#fff;font-size:14px;padding-inline:26px}

/* Editorial spacing, fine rules and warm surfaces replace heavy boxes. */
.intro{padding-top:155px;padding-bottom:155px;gap:10%}
.intro h2{max-width:620px;font-size:clamp(49px,5.3vw,77px);line-height:1.12}
.intro p:not(.eyebrow){font-size:17px;line-height:1.8;color:#5b625d}
.intro a,.spaces a{font-size:14px;font-weight:600;color:#8d683f}
.collage{gap:14px;grid-template-rows:270px 195px}
.collage img{filter:saturate(.95)}
.rooms{background:#eeeae3;padding-top:125px;padding-bottom:130px}
.section-head{margin-bottom:45px}
.section-head p:last-child{font-size:15px;line-height:1.7;max-width:290px;color:#69716b}
.room-grid{gap:24px}
.room{background:#fcfaf6;box-shadow:0 18px 38px rgba(35,41,36,.08);border:1px solid #ded9ce}
.room .room-strip img{height:300px}
.room-body{padding:28px 30px 32px}
.room small{font-size:11px;color:#9d784c;letter-spacing:.18em}
.room h3{font-size:43px;margin:4px 0 18px}
.features{font-size:12px;line-height:1.6;color:#657069;min-height:69px}
.room button.book-now-style{margin-top:23px;background:#ab8a62;color:white}
.swipe-hint{top:260px;background:#16221fc9}
.room-photo-nav{top:125px}
.full-gallery-link{font-size:14px;color:#795a36;border-bottom:1px solid #b18b5e;padding-bottom:6px}
.spaces{padding-top:150px;padding-bottom:150px}
.spaces-title>p{font-size:15px;line-height:1.7}
.tabs{border-color:#d4cec3;gap:16px}
.tabs label{font-size:13px;letter-spacing:.05em;padding:15px 25px}
.space-panel{background:#e9e4db;min-height:455px}
.space-panel img{height:455px}
.space-copy{padding:55px 65px}
.space-copy h3{font-size:62px}
.space-copy p:not(.eyebrow){font-size:17px;line-height:1.75}
.reviews{background:#1c2927;padding:125px 0}
.reviews h2{margin-bottom:48px}
.review-grid{gap:18px}
.review{background:#273633;border:1px solid #ffffff18;padding:32px}
.review p{font-size:19px;line-height:1.55}
.find{padding-top:150px;padding-bottom:150px}
.closing{background:linear-gradient(#14211bc4,#14211bc4),url('assets/rooftop.webp') center/cover;padding:125px 30px}
.closing p{font-size:16px}
.site-footer{background:#211c18}

/* The same premium header and surfaces continue across the other pages. */
.topline{background:#17211f;color:#d5d9d2}
.site-header{background:#1d2927;color:#f5f1e8}
.header-inner{height:94px}
.site-header nav a{color:#eee9e0;font-weight:500}
.site-header nav a:hover{color:#d7b681}
.site-header .menu-toggle{color:#f5f1e8}
.subnav{background:#273330;color:#eee9e0}
.subnav a{color:#eee9e0}
.interior-hero{background-color:#202b29}
.interior-hero h1{letter-spacing:-.05em}
.interior-section{padding-top:110px;padding-bottom:110px}
.room-card,.gallery-grid figure{box-shadow:0 16px 35px #17251d12}
.site-footer{color:#fff}

@media(max-width:1000px){
  .header-main{padding-inline:30px}
  .hamburger span{background:#f5f1e8}
  .menu-check:checked~.header-nav{top:92px;background:#1d2927;color:#f5f1e8;box-shadow:0 20px 35px #0b1312a8}
  .header-nav a{color:#f5f1e8}
}
@media(max-width:760px){
  .site-header nav,.site-header nav.open{background:#1d2927;color:#f5f1e8}
  .site-header nav a{color:#f5f1e8}
}
@media(max-width:800px){
  .hero{min-height:700px;height:790px}
  .hero-content h1{font-size:clamp(58px,11vw,86px)}
  .hero-footer{bottom:20px}
  .intro,.find{padding-top:100px;padding-bottom:100px}
  .room-grid{gap:18px}
  .room .room-strip img{height:280px}
  .swipe-hint{top:240px}
  .spaces{padding-top:100px;padding-bottom:100px}
}
@media(max-width:580px){
  .header-main{min-height:76px;padding-inline:20px}
  .menu-check:checked~.header-nav{top:76px}
  .logo-link img{width:175px;height:55px}
  .quick-nav a{padding:13px 10px;font-size:9px;letter-spacing:.09em}
  .hero{height:780px;min-height:730px}
  .hero-content{padding-top:0}
  .hero-content h1{font-size:clamp(57px,13vw,75px);line-height:.96}
  .hero-content p{font-size:16px}
  .hero-footer>a{margin-bottom:15px}
  .availability{min-height:90px}
  .availability-field{padding:11px}
  .availability button{padding-inline:13px;font-size:12px}
  .intro,.find{padding-top:85px;padding-bottom:85px}
  .intro h2{font-size:48px}
  .rooms{padding-top:85px;padding-bottom:95px}
  .room .room-strip img{height:280px}
  .section-head p:last-child{font-size:14px}
  .space-panel img{height:270px}
  .space-copy{padding:35px 26px}
  .space-copy h3{font-size:49px}
  .reviews{padding:85px 0}
  .closing{padding:95px 24px}
}

/* Second design direction: faster, calmer and more editorial. */
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
h1,h2,h3,.serif,.review p,.site-footer h2{font-family:Georgia,'Times New Roman',serif}
.hero-content h1,.intro h2,.section-head h2,.spaces h2,.space-copy h3,.reviews h2,.find h2,.closing h2,.room h3{font-family:Georgia,'Times New Roman',serif}
.draft-header,.site-header{position:relative;background:#172321}
.header-main{min-height:88px}
.header-nav a{font-size:13px;letter-spacing:.03em}
/* Keep the original menu typography, with the requested brown hover. */
.header-nav a,.site-header nav a{position:relative;display:inline-flex;align-items:center;min-height:42px;padding:9px 7px;border:0;border-radius:0;transition:color .2s,background-color .2s}
.header-nav a:hover,.header-nav a:focus-visible,.site-header nav a:hover,.site-header nav a:focus-visible{background:#89582e;color:#fff}
.header-nav a:focus-visible,.site-header nav a:focus-visible{outline:2px solid #e6c598;outline-offset:2px}
.quick-nav,.subnav{display:none}
.hero{height:min(860px,calc(100svh - 88px));min-height:680px}
.hero:after{content:'';position:absolute;inset:24px 24px 42px;border:1px solid #f3e4c64d;pointer-events:none;z-index:1}
.hero-overlay{background:linear-gradient(90deg,#101b19d9 0%,#101b1980 52%,#101b1940 100%),linear-gradient(0deg,#101b19aa,transparent 45%)}
.hero-content{padding-top:0;padding-bottom:58px}
.hero-content .eyebrow{display:flex;align-items:center;gap:17px;font-weight:600}
.hero-content .eyebrow:before{content:'';height:1px;width:42px;background:#d7b27c}
.hero-content h1{max-width:830px;font-size:clamp(75px,8.6vw,136px);line-height:.98;letter-spacing:-.065em;margin:29px 0 32px}
.hero-content h1 em{color:#edcf9e;font-weight:400}
.hero-content p:not(.eyebrow){font-size:18px;max-width:470px;line-height:1.7}
.hero-controls{display:flex;align-items:center;gap:36px;margin-top:46px}
.hero-slide-count{display:inline-flex;align-items:baseline;gap:7px;color:#f7ead7;font-size:16px;letter-spacing:.09em}
.hero-slide-count b{font-family:Georgia,serif;font-size:32px;font-weight:400;line-height:1}
.hero-slide-count span{opacity:.55}
.hero-arrows{display:flex;gap:9px}
.hero-arrows button{height:42px;width:42px;border:1px solid #f7ead788;border-radius:50%;background:#17231c55;color:#fff;cursor:pointer;font-size:20px;line-height:1;transition:background .2s,transform .2s}
.hero-arrows button:hover{background:#ba9466;transform:translateY(-2px)}
.hero-footer{bottom:0}
.availability{min-height:100px;background:#fbf8f1}
.availability button{background:#ae8657}
.intro{grid-template-columns:1fr 1.1fr;gap:11%;padding-top:170px;padding-bottom:165px}
.intro h2{font-size:clamp(52px,5.1vw,76px);line-height:1.13}
.intro>div:first-child{position:relative;padding-top:28px}
.intro>div:first-child:before{content:'';position:absolute;top:0;left:0;width:86px;height:1px;background:#b58d5c}
.collage{transform:translateY(12px)}
.rooms{background:#f6f3ec;padding-top:135px}
.room-grid{gap:30px}
.room{border:0;background:#fff;box-shadow:none;outline:1px solid #dfd9cd}
.room .room-strip img{height:325px}
.room-body{padding:30px 32px 36px}
.room h3{font-size:44px}
.room:before{content:'0' counter(room);counter-increment:room;position:absolute;z-index:2;top:20px;left:22px;color:#fff;background:#1d2926b8;border:1px solid #ffffff7a;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font:14px Georgia,serif}
.room-grid{counter-reset:room}
.room .room-strip img{transition:transform .7s}
.room:hover .room-strip img:first-child{transform:scale(1.025)}
.swipe-hint{top:285px}
.room-photo-nav{top:145px}
.spaces{max-width:none;background:#182825;color:#f7f3e9;padding-left:max(32px,calc((100vw - 1240px)/2));padding-right:max(32px,calc((100vw - 1240px)/2));padding-top:140px;padding-bottom:150px}
.spaces .eyebrow{color:#d2ab76}
.spaces-title>p{color:#d7ddd4}
.tabs{border-color:#ffffff40}
.tabs label{color:#e4e5dc}
.tabs label:hover{color:#e9bf86}
.space-panel{background:#263933;color:#fff}
.space-copy p:not(.eyebrow){color:#e0e7dd}
.space-copy a{color:#ebc995}
.reviews{background:#eeeae2;color:#222c28;padding:130px 0}
.reviews .eyebrow{color:#9c7647}
.review{background:#fff;color:#26302a;border:1px solid #dad5c9}
.review small{color:#676f66}
.five-stars{color:#ac8654}
.review-more{color:#77562f;border-color:#77562f}
.find{padding-top:160px;padding-bottom:160px}
.closing{padding:145px 30px}
.site-footer{background:#211c18}
.interior-hero h1,.attractions-hero h1{font-family:Georgia,serif}

@media(max-width:1000px){
  .hero{height:760px}
  .hero-content h1{font-size:clamp(65px,10vw,95px)}
  .intro{grid-template-columns:1fr;gap:50px}
  .intro h2{max-width:700px}
  .collage{transform:none}
  .room-grid{gap:18px}
  .room .room-strip img{height:275px}
  .swipe-hint{top:235px}
  .room-photo-nav{top:117px}
  .spaces{padding-left:32px;padding-right:32px}
}
@media(max-width:580px){
  .header-main{min-height:76px}
  .hero{height:760px;min-height:700px}
  .hero:after{inset:12px 12px 30px}
  .hero-content{padding-bottom:40px}
  .hero-content h1{font-size:clamp(59px,12.5vw,76px)}
  .hero-content p:not(.eyebrow){font-size:16px}
  .hero-controls{margin-top:27px;gap:23px}
  .hero-slide-count b{font-size:27px}
  .hero-arrows button{height:37px;width:37px;font-size:18px}
  .intro{grid-template-columns:1fr;gap:40px;padding-top:96px;padding-bottom:100px}
  .intro h2{font-size:clamp(44px,11vw,58px)}
  .intro p:not(.eyebrow){font-size:16px}
  .rooms{padding-top:90px}
  .room .room-strip img{height:280px}
  .swipe-hint{top:240px}
  .spaces{padding:90px 22px 100px}
  .reviews{padding:90px 0}
  .find{padding-top:100px;padding-bottom:100px}
}
/* Interior pages use the same header proportions and menu as the home page. */
.topline{display:none}
.site-header .header-inner{width:100%;max-width:1400px;min-height:88px;height:auto;margin-inline:auto;padding:10px 42px;gap:30px}
.site-header .brand-logo{width:216px;height:70px;object-fit:contain;object-position:left center}
.site-header nav{gap:23px}
.site-header nav a{font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.03em;border-bottom:0}
.site-header nav a[aria-current="page"]{color:#eee9e0;border-bottom:0}
.site-header nav a:hover,.site-header nav a:focus-visible,.site-header nav a[aria-current="page"]:hover{background:#89582e;color:#fff}
.site-header .book-now-style{min-width:0;min-height:48px;height:auto;padding:12px 21px;border-radius:3px;background:#b99566;color:#171d1b;font:500 13px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.site-header .book-now-style:hover{background:#b99566;color:#171d1b}
@media(max-width:1000px){
  .site-header .header-inner{min-height:88px;padding-inline:30px}
  .site-header nav,.site-header nav.open{top:88px;gap:0}
  .site-header nav a{font-size:16px;padding:12px 16px}
}
@media(max-width:580px){
  .site-header .header-inner{min-height:76px;padding-inline:20px}
  .site-header nav,.site-header nav.open{top:76px}
  .site-header .brand-logo{width:216px;max-width:calc(100vw - 102px)}
}