/* Clear navigation across the collection, including keyboard and touch states. */
.desktop-nav{gap:4px}
.desktop-nav a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:12px 15px;border:1px solid transparent;font-size:14px;font-weight:600;line-height:1.35;white-space:nowrap;transition:background .18s,color .18s,border-color .18s}
.desktop-nav a:hover,.desktop-nav a:focus-visible,.desktop-nav a[aria-current="page"],.mobile-nav a:hover,.mobile-nav a:focus-visible,.mobile-nav a[aria-current="page"]{background:var(--dark);color:#fff;border-color:var(--dark)}
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.header-cta{font-weight:600;min-height:46px}
.mobile-nav a{padding:12px 14px;margin:3px 0;font-size:14px;font-weight:600;border:1px solid transparent;transition:background .18s,color .18s}
.menu-toggle:hover,.menu-toggle:focus-visible{background:var(--dark);border-color:var(--dark)}
.menu-toggle:hover span,.menu-toggle:focus-visible span{background:#fff}
.subnav .wrap{gap:10px;padding-top:10px;padding-bottom:10px}
.subnav a{padding:9px 14px;font-weight:600;transition:background .18s,color .18s}
.subnav a:hover,.subnav a:focus-visible{background:var(--dark);color:#fff}
.hero-bottom .wrap{padding-bottom:0}

/* Two distinctive hotel portraits on the Bryggen collection pages. */
.property-card.selborne-card .property-info{background:#eee3d2;padding:28px 25px}
.property-card.selborne-card h3{color:#492331}
.property-card.selborne-card .eyebrow{color:#76572c}
.property-card.selborne-card figure:after{content:'';position:absolute;inset:12px;border:1px solid #d7bb86;pointer-events:none}
.property-card.greys-card .property-info{background:#fff;padding:28px 25px}
.property-card.greys-card h3{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:600;letter-spacing:-.05em}
.property-card.greys-card .eyebrow{color:#59614e;letter-spacing:.12em}
.property-card.greys-card .round-arrow{border-radius:0;background:#172225;color:#fff;border-color:#172225}

/* Selborne: Victorian character, warm ivory, burgundy and antique gold. */
body.selborne{--paper:#f7f0e5;--white:#fffcf6;--ink:#34252a;--muted:#6d5e57;--gold:#7a592e;--line:#dfcdb6;--dark:#361e28}
.selborne .site-header{border-bottom:3px double #bc9e73}
.selborne .brand-name{font-size:22px}
.selborne .hero:after{background:linear-gradient(90deg,rgba(33,13,25,.84),rgba(31,17,24,.49) 56%,rgba(29,17,23,.16)),linear-gradient(0deg,rgba(27,14,21,.6),transparent 40%)}
.selborne .hero:before{content:'';position:absolute;inset:22px;border:1px solid rgba(226,202,153,.65);z-index:1;pointer-events:none}
.selborne .hero h1{font-size:clamp(48px,6.3vw,94px);letter-spacing:-.045em}
.selborne .hero .eyebrow{color:#e7d1a6}
.selborne .subnav{background:#eee2cf;border-bottom-color:#cab18e}
.signature-strip{border-bottom:1px solid var(--line)}
.signature-strip .wrap{display:flex;justify-content:space-between;gap:24px;padding-top:23px;padding-bottom:23px}
.signature-strip span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.selborne .signature-strip{background:#f3e9d9}
.selborne .signature-strip span+span:before{content:'·';margin-right:26px;color:#a38352}
.selborne .intro .eyebrow:before,.selborne .page-heading>.wrap>.eyebrow:before{content:'';display:block;width:55px;height:1px;background:#a6844f;margin:0 auto 20px}
.selborne .page-heading>.wrap>.eyebrow:before{margin-left:0}
.selborne .split figure,.selborne .page-hero,.selborne .gallery-photo{outline:1px solid rgba(188,149,87,.8);outline-offset:-10px}
.selborne .dark-section{background:#361e28}
.selborne .dark-section .eyebrow{color:#dfc79e}
.selborne .dark-section .section-title p,.selborne .dark-section .split-copy p,.selborne .dark-section .feature-card p{color:#dfd2c7}
.selborne .callout{background:#432330;color:#fff7ea;border-top:5px double #bc9e73}
.selborne .callout .eyebrow{color:#dfc79e}
.selborne .callout p{color:#e0d3c8}
.selborne .callout .button{background:#eddfc4;color:#34202a;border-color:#eddfc4}
.selborne .callout .button:hover{background:#fff9ed;border-color:#fff9ed}
.selborne .footer{background:#26161f}
.selborne .footer-bottom{border-color:#674854}
.selborne .footer p,.selborne .footer-bottom{color:#c9bdbd}

/* Greys Inn: modern, minimal and confident about value. */
body.greys{--paper:#f7f8f5;--white:#fff;--ink:#172225;--muted:#586264;--gold:#70603d;--line:#dce2de;--dark:#172225;--serif:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.greys h1,.greys h2,.greys h3{font-weight:600;letter-spacing:-.05em;line-height:1.08}
.greys h1 em,.greys h2 em,.greys h3 em{font-style:normal}
.greys .brand-name{font-size:25px;font-weight:650;letter-spacing:-.04em}
.greys .brand-name small{font-weight:500;letter-spacing:.18em}
.greys .site-header{background:#fff}
.greys .hero{display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);align-items:stretch;min-height:680px;height:auto;max-height:none;background:#fff;color:var(--ink)}
.greys .hero .hero-image{position:relative;grid-column:2;grid-row:1;inset:auto;min-height:680px}
.greys .hero-image img{position:absolute;inset:0;height:100%;width:100%;object-position:center 55%;animation:none}
.greys .hero:after{display:none}
.greys .hero>.wrap{grid-column:1;grid-row:1;align-self:center;margin:0;max-width:none;padding:75px 40px 105px max(56px,calc((100vw - 1208px)/2))}
.greys .hero h1{font-size:clamp(46px,4.8vw,76px);line-height:1.04;letter-spacing:-.055em;margin:22px 0 26px}
.greys .hero h1 em{color:#6d6147}
.greys .hero .eyebrow{color:#5a6253;font-size:10px;letter-spacing:.14em}
.greys .hero p{color:var(--muted);max-width:420px}
.greys .hero-links{gap:21px}
.greys .hero-links .button.light{background:var(--ink);color:#fff;border-color:var(--ink)}
.greys .hero-links .button.light:hover{background:#354448;border-color:#354448}
.greys .hero-links .text-link{color:var(--ink);border-color:#8b958d}
.greys .hero-bottom{bottom:25px;left:0;width:46%;color:#66706a;letter-spacing:.09em;font-size:9px}
.greys .hero-bottom .wrap{padding-left:max(56px,calc((100vw - 1208px)/2));padding-right:40px}
.greys .hero-bottom .rule{background:#7c8b7e;width:20px}
.greys .subnav{background:#f0f3ef}
.greys .signature-strip{background:#fff}
.greys .signature-strip span{letter-spacing:.08em;font-weight:600;color:#4e5d51}
.greys .page-heading{background:#fff;border-bottom:1px solid var(--line)}
.greys .page-heading h1{font-size:clamp(44px,5vw,74px)}
.greys .dark-section{background:#edf1ed;color:var(--ink)}
.greys .dark-section .eyebrow{color:var(--gold)}
.greys .dark-section .split-copy p,.greys .dark-section .intro p{color:var(--muted)}
.greys .dark-section .text-link{color:var(--ink);border-color:#9eab9e}
.greys .callout{background:#fff;border-top:1px solid var(--line)}
.greys .callout h2{font-weight:600}
.greys .collection-note{background:#edf1ed}
.greys .footer{background:#172225}
.greys .footer-brand{font-family:Georgia,'Times New Roman',serif}

@media(max-width:1200px){.desktop-nav a{padding:12px 11px;font-size:13px}.header-inner{gap:16px}.greys .hero>.wrap{padding-left:35px;padding-right:30px}.greys .hero-bottom .wrap{padding-left:35px;padding-right:30px}}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:flex}.header-actions{display:flex;gap:10px}.mobile-nav{padding:15px 35px 22px}.selborne .brand-name{font-size:20px}}
@media(max-width:900px){.greys .hero{grid-template-columns:1fr;min-height:0}.greys .hero>.wrap{grid-column:1;grid-row:1;padding:60px 35px 45px}.greys .hero h1{font-size:clamp(46px,7.6vw,68px);max-width:670px}.greys .hero p{max-width:520px}.greys .hero .hero-image{grid-column:1;grid-row:2;min-height:0;height:48vw;max-height:470px}.greys .hero-bottom{position:static;grid-column:1;grid-row:3;width:100%;padding:17px 0;background:#f0f3ef}.greys .hero-bottom .wrap{padding:0 35px}.signature-strip .wrap{gap:18px}.signature-strip span{font-size:9px;letter-spacing:.09em}.selborne .signature-strip span+span:before{display:none}}
@media(max-width:600px){.header-cta{min-height:38px;font-size:10px}.header-actions{gap:7px}.mobile-nav{padding:12px 22px 20px}.subnav .wrap{gap:5px}.subnav a{padding:9px 12px}.property-card.selborne-card .property-info,.property-card.greys-card .property-info{padding:24px 20px}.property-card.greys-card h3{font-size:35px}.selborne .brand-name{font-size:16px}.selborne .hero:before{inset:12px}.selborne .hero h1{font-size:clamp(43px,11.8vw,64px)}.greys .brand-name{font-size:20px}.greys .hero>.wrap{padding:45px 22px 40px}.greys .hero h1{font-size:clamp(43px,10.6vw,62px);max-width:480px;margin:20px 0 23px}.greys .hero p{font-size:14px;max-width:410px}.greys .hero-links{gap:20px}.greys .hero .hero-image{height:310px}.greys .hero-bottom .wrap{padding:0 22px}.greys .hero-bottom{font-size:8px}.greys .page-heading h1{font-size:43px}.signature-strip .wrap{flex-direction:column;gap:11px;align-items:center;padding-top:20px;padding-bottom:20px}.signature-strip span{font-size:10px}}
@media(max-width:420px){.header-inner{gap:8px}.brand.selborne .brand-name{font-size:14px}.brand.selborne img{width:30px;height:35px}.header-cta{font-size:9px;padding:9px}.greys .hero h1{font-size:clamp(37px,10.4vw,43px)}}
