/* =====================================================================
   September 2026 layer. Loaded after refinements.css on the homepage,
   hospitality and aviation pages. Everything here is additive: three
   layout fixes, then the components the new sections use. Nothing in
   home.css, hospitality.css or refinements.css was edited.
   ===================================================================== */

/* ---- Fixes -------------------------------------------------------------- */

/* The note bar at the foot of each example card inherited .proof-note's
   64rem cap, so its fill stopped ~136px short of the card's right edge. */
.deliverable>.proof-note{max-width:none}

/* The governance line under the footer sat at the page gutter while the
   footer row above it is centred at --max, so the two never aligned. */
footer>[data-nosnippet]{max-width:var(--max);margin-inline:auto}

/* Hospitality governance: the heading's descenders touched the paragraph. */
.h-governance h2{margin-bottom:1.4rem}

/* ---- Two-up band (homepage): Aviation + Hospitality ---------------------- */
.duo{padding:var(--pad-sm) var(--gutter);background:linear-gradient(135deg,var(--forest-2),#11130E);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.duo__inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.duo__card{position:relative;background:rgba(17,19,14,.74);padding:clamp(1.6rem,3.4vw,3rem);display:flex;flex-direction:column;transition:background .3s var(--ease)}
.duo__card .eyebrow{margin-bottom:1.1rem}
.duo__card h2{font-size:clamp(2rem,3.5vw,3.3rem);line-height:1.02;max-width:13ch}
.duo__card p:not(.eyebrow){color:rgba(242,238,230,.74);line-height:1.75;margin-top:1.1rem;max-width:31rem;flex-grow:1}
.duo__card .pill{margin-top:1.8rem;align-self:flex-start}
/* Whole card is the target; the link text stays short and meaningful. */
.duo__card .pill::after{content:"";position:absolute;inset:0}
@media (hover:hover){.duo__card:hover{background:rgba(17,19,14,.5)}}
.duo__card:focus-within{background:rgba(17,19,14,.5)}
@media(max-width:900px){.duo__inner{grid-template-columns:1fr}.duo__card h2{max-width:none}}

/* ---- What the private office holds (homepage membership) ---------------- */
.holds{margin-top:clamp(2.6rem,5vw,3.6rem);padding-top:clamp(1.6rem,3vw,2.2rem);border-top:1px solid var(--line-dark)}
.holds .eyebrow{margin-bottom:1.4rem}
.holds__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem clamp(1.6rem,3vw,2.6rem)}
.holds__list li{border-left:1px solid rgba(133,101,39,.45);padding-left:1rem}
.holds__list strong{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(1.2rem,1.7vw,1.45rem);line-height:1.2;color:var(--ink);letter-spacing:-.015em}
.holds__list span{display:block;margin-top:.45rem;color:var(--muted);font-size:.92rem;line-height:1.62}
@media(max-width:900px){.holds__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.holds__list{grid-template-columns:1fr;gap:1.2rem}}

/* ---- The shape of a good day: consensus light targets ------------------- */
.lightday{margin:clamp(2.2rem,4vw,3rem) 0 0;padding:clamp(1.3rem,3vw,2rem);border:1px solid rgba(242,238,230,.16);background:rgba(12,14,10,.55)}
.lightday__head{margin-bottom:1.2rem}
.lightday__head .eyebrow{margin:0 0 .7rem}
.lightday__head h3{margin:0;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.1}
.lightday__svg{display:block;width:100%;height:auto;overflow:visible}
.lightday__grid line{stroke:rgba(242,238,230,.09);stroke-width:1}
.lightday__base{stroke:rgba(242,238,230,.35);stroke-width:1}
.lightday__line{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-linejoin:round}
.lightday__num{font-family:var(--serif);font-size:64px;font-weight:340;letter-spacing:-1px;fill:var(--oyster)}
.lightday__num--day{fill:#E3CC9B}
.lightday__tick{font-family:var(--sans);font-size:15px;letter-spacing:.8px;fill:rgba(242,238,230,.6)}
.lightday__legend{list-style:none;margin:1.3rem 0 0;padding:0;display:grid;grid-template-columns:13fr 5fr 8fr;gap:1rem;border-top:1px solid rgba(242,238,230,.14);padding-top:1rem}
.lightday__legend li{position:relative;padding-left:1.1rem}
.lightday__legend li::before{content:"";position:absolute;left:0;top:.35rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--gold)}
.lightday__legend li:nth-child(2)::before{background:#A48E62}
.lightday__legend li:nth-child(3)::before{background:#6E9C81}
.lightday__legend strong{display:block;font-size:.84rem;font-weight:600;color:var(--oyster);line-height:1.4}
.lightday__legend span{display:block;margin-top:.25rem;font-size:.8rem;line-height:1.55;color:#b9b4a6}
.lightday figcaption{margin-top:1.1rem;font-size:.76rem;line-height:1.6;color:#aaa696;max-width:60rem}
.lightday figcaption a{color:inherit;text-underline-offset:3px}
@media(max-width:760px){.lightday__legend{grid-template-columns:1fr;gap:.8rem}.lightday__tick{display:none}}

/* ---- Hospitality: designed for the Gulf guest ---------------------------- */
.gulf{margin-top:clamp(3rem,6vw,4.6rem);padding-top:clamp(1.8rem,3.4vw,2.6rem);border-top:1px solid var(--line-dark);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(1.8rem,5vw,4.5rem);align-items:start}
.gulf h3{margin:0;font-size:clamp(1.7rem,2.8vw,2.5rem);line-height:1.08}
.gulf__intro p:not(.eyebrow){margin-top:1rem;color:var(--muted);line-height:1.7;font-size:.95rem}
.gulf__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-dark);border:1px solid var(--line-dark)}
.gulf__grid li{background:var(--oyster);padding:1.3rem 1.4rem}
.gulf__grid strong{display:block;font-family:var(--serif);font-weight:400;font-size:1.3rem;line-height:1.2;color:var(--ink)}
.gulf__grid span{display:block;margin-top:.45rem;color:var(--muted);font-size:.9rem;line-height:1.6}
@media(max-width:900px){.gulf{grid-template-columns:1fr}}
@media(max-width:560px){.gulf__grid{grid-template-columns:1fr}}

/* ---- Hospitality: the rhythm of return ----------------------------------- */
.rhythm{margin-top:clamp(3rem,6vw,4.4rem)}
.rhythm__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);align-items:end}
.rhythm__head h3{margin:0;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.05}
.rhythm__head p{color:var(--muted);line-height:1.7;font-size:.97rem;margin:0}
.rhythm__steps{list-style:none;margin:1.8rem 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line-dark)}
.rhythm__steps li{padding:1.2rem 1.1rem 0 0;position:relative}
.rhythm__steps li::before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--gold-deep)}
.rhythm__steps b{display:block;font-family:var(--serif);font-weight:400;font-size:1.25rem;color:var(--ink);line-height:1.2}
.rhythm__steps span{display:block;margin-top:.4rem;font-size:.86rem;color:var(--muted);line-height:1.55}
@media(max-width:900px){.rhythm__head{grid-template-columns:1fr}.rhythm__steps{grid-template-columns:1fr 1fr;row-gap:1.4rem}.rhythm__steps li{border-top:1px solid var(--line-dark)}.rhythm__steps{border-top:0}}
@media(max-width:480px){.rhythm__steps{grid-template-columns:1fr}}

/* Four engagement stages (hospitality) reuse .scope-grid at four columns. */
.scope-grid--4{grid-template-columns:repeat(4,1fr)}
.scope-grid--4 .scope-card h3{font-size:clamp(1.35rem,1.9vw,1.75rem)}
@media(max-width:1100px){.scope-grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.scope-grid--4{grid-template-columns:1fr}}

/* ---- Aviation page -------------------------------------------------------- */
.av-hero .office-map__centre h2{max-width:13ch}
.av-hero h1{max-width:9ch}
.av-premise .h-outcomes{margin-top:clamp(2.2rem,4vw,3rem)}
.av-premise .h-outcome{font-size:clamp(1.4rem,2.6vw,2.3rem)}
.av-note{margin-top:1.4rem;font-size:.84rem;line-height:1.7;color:#b2ae9e;max-width:60rem}
.av-note a{color:var(--oyster);text-underline-offset:3px}
.av-org .scope-card .inline-link{margin-top:.9rem}
.av-credit{margin-top:clamp(2rem,4vw,2.8rem);padding:1.1rem 1.3rem;border-left:2px solid var(--gold-deep);background:#ebe5d7;color:#4f493d;font-size:.92rem;line-height:1.65;max-width:52rem}
.av-credit strong{color:var(--ink);font-weight:600}
.av-sleepline{margin-top:1.6rem;display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:start;border-top:1px solid var(--line);padding-top:1.4rem;max-width:62rem}
.av-sleepline b{font-family:var(--serif);font-weight:340;font-size:clamp(2.2rem,4vw,3rem);line-height:1;color:var(--oyster)}
.av-sleepline p{color:var(--muted-dark);font-size:.95rem;line-height:1.65;margin:0}
.av-sleepline .src{display:block;margin-top:.5rem;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fine-on-ink);font-weight:700}
.av-sleepline .src a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(200,170,114,.28)}

/* Context line inside the hospitality example card, aligned with its rows. */
.property-example .deliverable>.brief-context{margin-inline:2.2rem;padding-top:1.4rem}
@media(max-width:960px){.property-example .deliverable>.brief-context{margin-inline:1.6rem}}
@media(max-width:700px){.property-example .deliverable>.brief-context{margin-inline:1.3rem}}
.h-bridge a{color:var(--oyster);text-underline-offset:3px;white-space:nowrap}
@media(max-width:560px){.av-sleepline{grid-template-columns:1fr;gap:.6rem}}