/* A reversible homepage study: warm paper, graphite and generous photography. */
.modern-hero{--ivory:#f3efe7;--sand:#d8cdbe;--wood:#302b27;--graphite:#242823;--moss:#687061;--white:#faf8f3;--wine:#343e35;--wine-dark:#242823;--gold:#83765f;--ink:#302b27;--muted:#665e56;--line:#d8cdbe;background:#f3efe7;color:#302b27}
.modern-hero.grand-style .site-header,.modern-hero.grand-style .site-header.scrolled{min-height:88px;padding:10px 4vw;background:#242823;color:#faf8f3;border-bottom:1px solid #faf8f31c;box-shadow:none}
.modern-hero.grand-style .site-header.scrolled{min-height:78px;padding-top:7px;padding-bottom:7px;background:#242823ed;backdrop-filter:blur(14px)}
.modern-hero.image-led.menu-open .site-header{background:#242823!important;color:#faf8f3}
.modern-hero.image-led .site-header .brand{color:#faf8f3}
.modern-hero.image-led .site-header .brand-logo,.modern-hero.image-led .site-header.scrolled .brand-logo{width:36px;height:36px;filter:brightness(0) invert(1)!important}
.modern-hero .brand-wordmark{font-size:10px;letter-spacing:.14em;line-height:1.35}.modern-hero .brand-wordmark small{font-size:8px;letter-spacing:.24em}
.modern-hero.grand-style .site-header>.menu-toggle{background:transparent;border:1px solid #faf8f33b;width:auto;min-width:82px;height:44px;padding:0 13px;gap:10px;font-size:12px}
.modern-hero.grand-style .menu-toggle .menu-label{display:block}.modern-hero.grand-style .menu-toggle .menu-icon{width:16px}
.modern-hero.grand-style .site-header>.header-cta{min-height:44px;padding:11px 18px;border:1px solid #faf8f36b;letter-spacing:.06em;font-size:11px;color:#faf8f3}
.modern-hero.grand-style .site-header>.header-cta:hover{background:#faf8f3;color:#242823;border-color:#faf8f3}
.modern-hero.grand-style .mobile-nav{background:#f3efe7;color:#302b27;padding-top:120px}
.modern-hero.grand-style .mobile-nav .button{background:#343e35;color:#faf8f3;border-color:#343e35}
.modern-hero.hero-selection-home .stay-hero{height:100svh;min-height:710px;max-height:none;padding:88px 0 16px;background:#f3efe7;color:#302b27}
.modern-hero.hero-selection-home .stay-hero-intro{display:flex;justify-content:space-between;align-items:center;text-align:left;gap:24px;padding:20px 11vw 10px}
.modern-hero.hero-selection-home .stay-hero-intro h1{color:#302b27;font-size:clamp(28px,2.6vw,40px);margin:0;letter-spacing:-.025em}
.modern-hero.hero-selection-home .stay-hero-intro p{color:#665e56;max-width:250px;font-size:12px;line-height:1.55;letter-spacing:0}
.modern-hero .stay-hero-gallery{isolation:isolate}
.modern-hero .stay-hero-gallery canvas{transition:opacity .3s}
.modern-hero .stay-hero-fallback,.modern-hero .stay-hero-image-link{width:min(78vw,1440px);height:min(calc(100% - 18px),50.3226vw,929px)}
.modern-hero .stay-hero-image-link>span{display:none}
.modern-hero .stay-hero-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;text-align:left;gap:2px 24px;width:min(78vw,1440px);margin:0 auto;min-height:83px;padding:6px 0 9px;will-change:opacity}
.modern-hero.hero-selection-home .stay-hero-caption p{grid-column:1;grid-row:1;color:#665e56;font-size:11px;letter-spacing:.035em;margin:0}
.modern-hero.hero-selection-home .stay-hero-caption h2{grid-column:1;grid-row:2;color:#302b27;font-size:clamp(28px,2.5vw,36px);margin:0;line-height:1.2;text-transform:none}
.modern-hero .stay-hero-caption>a{grid-column:2;grid-row:1/3;align-self:center;font-size:13px;min-height:46px;padding:13px 18px;border:1px solid #928575;text-decoration:none;white-space:nowrap;transition:background .25s,color .25s}
.modern-hero .stay-hero-caption>a:hover{background:#343e35;color:#faf8f3;border-color:#343e35}
.modern-hero .stay-hero-caption>a span{color:inherit}
.modern-hero .stay-hero-controls{width:min(78vw,1440px);margin:0 auto;padding-top:9px;border-color:#302b2728;gap:18px;flex-wrap:wrap}
.modern-hero .stay-hero-arrows{gap:16px}
.modern-hero .stay-hero-arrows button{color:#302b27;border-color:#302b2738;min-height:44px;padding:10px 16px;font-size:12px;gap:10px}
.modern-hero .stay-hero-arrows button:hover{background:#e7dfd3}
.modern-hero #stay-hero-counter{color:#665e56;font-size:12px}
.modern-hero .stay-hero-all{color:#302b27;border:0;border-bottom:1px solid #928575;min-height:44px;padding:10px 0;font-size:12px;gap:12px}
.modern-hero .hero-compare-link{color:#665e56;font-size:11px;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:flex;align-items:center}
.modern-hero .stay-hero-gallery:focus-visible,.modern-hero .stay-hero-image-link:focus-visible,.modern-hero .stay-hero-controls button:focus-visible,.modern-hero .stay-hero-controls a:focus-visible{outline:2px solid #4f5d4f;outline-offset:3px}
.modern-hero.hero-selection-home .home-stay-overview{background:#faf8f3}
.modern-hero .home-personal-contact{background:#e8e0d5}
.modern-hero.grand-style .footer{background:#f3efe7}
@media(min-width:1800px){.modern-hero.hero-selection-home .stay-hero{padding-top:88px}.modern-hero .stay-hero-caption,.modern-hero .stay-hero-controls{width:min(78vw,1440px)}}
@media(max-width:900px){.modern-hero.hero-selection-home .stay-hero-intro{padding-left:11vw;padding-right:11vw}.modern-hero .stay-hero-controls,.modern-hero .stay-hero-caption{width:min(78vw,1440px)}.modern-hero .hero-compare-link{display:none}}
@media(max-width:700px){
 .modern-hero.grand-style .site-header,.modern-hero.grand-style .site-header.scrolled{min-height:80px;padding:8px 16px;gap:8px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
 .modern-hero.grand-style .site-header.scrolled{min-height:76px;padding-top:6px;padding-bottom:6px}
 .modern-hero.grand-style .site-header>.menu-toggle{min-width:0;width:auto;height:44px;padding:0 8px;gap:7px;font-size:11px}
 .modern-hero.grand-style .site-header>.header-cta{min-height:44px;padding:11px 10px;font-size:10px;letter-spacing:0;gap:0}.modern-hero .header-cta>span{display:none}
 .modern-hero .brand-wordmark{font-size:9px;letter-spacing:.1em}.modern-hero .brand-wordmark small{font-size:8px}
 .modern-hero.image-led .site-header .brand-logo,.modern-hero.image-led .site-header.scrolled .brand-logo{width:32px;height:32px}
 .modern-hero.hero-selection-home .stay-hero{height:100svh;min-height:660px;max-height:none;padding:80px 0 12px}
 .modern-hero.hero-selection-home .stay-hero-intro{display:block;text-align:center;padding:14px 22px 6px}
 .modern-hero.hero-selection-home .stay-hero-intro h1{font-size:28px;line-height:1.18;margin-bottom:4px}
 .modern-hero.hero-selection-home .stay-hero-intro p{font-size:11px;max-width:none;line-height:1.5}
 .modern-hero .stay-hero-fallback,.modern-hero .stay-hero-image-link{width:84vw;height:min(calc(100% - 14px),100vw)}
 .modern-hero .stay-hero-caption{width:84vw;display:block;text-align:center;min-height:111px;padding:4px 0 5px}
 .modern-hero.hero-selection-home .stay-hero-caption p{font-size:10px;line-height:1.5;margin-bottom:3px}
 .modern-hero.hero-selection-home .stay-hero-caption h2{font-size:27px;line-height:1.18;margin-bottom:4px}
 .modern-hero .stay-hero-caption>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 14px;font-size:12px}
 .modern-hero .stay-hero-controls{width:84vw;display:flex;flex-direction:column;gap:5px;padding-top:6px;margin:0 auto}
 .modern-hero .stay-hero-arrows{width:100%;gap:8px;justify-content:space-between}
 .modern-hero .stay-hero-arrows button{font-size:12px;min-height:44px;padding:10px 12px;gap:7px}
 .modern-hero #stay-hero-counter{font-size:11px;min-width:49px}
 .modern-hero .stay-hero-all{width:auto;min-height:40px;padding:8px 0;font-size:11px}
 .modern-hero .home-overview-heading:after{content:none}
}
@media(prefers-reduced-motion:reduce){.modern-hero .stay-hero-caption,.modern-hero .stay-hero-gallery canvas{transition:none}}

.modern-hero .home-compare-link{display:inline-flex;align-items:center;min-height:44px;padding:7px 0;margin-bottom:15px;font-size:12px;color:#665e56;text-decoration:underline;text-underline-offset:4px}