/* 06 Access, as in the mock: deep green, an arched entrance photo, ivory cards edged in gold. */
.access{--acc-bg:#38402b;--acc-bg-2:#2d3422;--acc-ivory:#f6f0e3;--acc-card:#f8f2e6;--acc-gold:#c9a96a;--acc-gold-text:#d4b67c;--acc-gold-edge:#a0834b;--acc-ink:#262a1c;background:var(--acc-bg);color:var(--acc-ivory);padding:clamp(3.5rem,7vw,6.5rem) var(--gut)}
.access__inner{grid-template-columns:minmax(0,4fr) minmax(0,7.4fr);gap:clamp(2rem,4.5vw,4.5rem);align-items:center}
.access__arch{display:grid;gap:clamp(1.2rem,2vw,1.6rem);padding:11px;margin:0}
.access__arch-frame{position:relative;display:block;aspect-ratio:5 / 6;overflow:hidden;border-radius:50% 50% 0 0 / 41.667% 41.667% 0 0;outline:1px solid var(--acc-gold);outline-offset:10px;background:rgba(246,240,227,.06)}
.access__arch-frame img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:54% 60%}
.access__arch-cap{display:flex;align-items:center;gap:1.3rem;margin-top:.35rem;font-size:.74rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:rgba(246,240,227,.88);white-space:nowrap}
.access__arch-cap::before,.access__arch-cap::after{content:"";flex:1 1 0;min-width:1.5rem;height:1px;background:var(--acc-gold)}
.access__body{gap:clamp(1rem,1.6vw,1.35rem)}
.access__eyebrow{color:var(--acc-gold-text);font-size:clamp(.72rem,.9vw,.92rem);font-weight:500;letter-spacing:.24em;gap:1.6rem;flex-wrap:nowrap}
.access__eyebrow::after{content:"";flex:1 1 auto;max-width:36rem;height:1px;background:var(--acc-gold);opacity:.85}
.access .display{max-width:none;color:var(--acc-ivory);font-size:clamp(2rem,3.7vw,4.1rem);line-height:1.05;letter-spacing:-.02em;font-variation-settings:"opsz" 144,"wght" 360,"SOFT" 0,"WONK" 0}
.access__lede{max-width:none;color:rgba(246,240,227,.86);font-size:clamp(1.02rem,1.35vw,1.4rem);line-height:1.5}
.access__cards{gap:clamp(1rem,2vw,1.8rem);margin-top:clamp(.6rem,1.4vw,1.2rem)}
.acard{gap:.75rem;align-content:center;justify-items:stretch;padding:clamp(1.6rem,3vw,3.1rem);background:var(--acc-card);color:var(--acc-ink);border:1px solid var(--acc-gold);border-top:1px solid var(--acc-gold);box-shadow:0 22px 44px -30px rgba(0,0,0,.55)}
.acard--mgmt{border-top-color:var(--acc-gold)}
.acard__title{font-size:clamp(1.45rem,2.1vw,2.2rem);line-height:1.1;letter-spacing:-.012em;font-variation-settings:"opsz" 72,"wght" 440,"SOFT" 0,"WONK" 0;color:var(--acc-ink)}
.acard__body{color:rgba(38,42,28,.8);font-size:clamp(.95rem,1.1vw,1.1rem);line-height:1.5}
.acard__btn{justify-self:stretch;width:100%;min-height:52px;margin-top:clamp(.6rem,1.4vw,1.1rem);padding:.8rem 1.2rem;border-radius:2px;font-size:clamp(.74rem,.85vw,.86rem);font-weight:600;letter-spacing:.22em}
.acard__btn--solid{background:var(--acc-bg);color:var(--acc-card);border:1px solid var(--acc-bg)}
.acard__btn--solid:hover{background:var(--acc-bg-2);border-color:var(--acc-bg-2)}
.acard__btn--outline{background:transparent;color:var(--acc-ink);border:1px solid var(--acc-gold-edge)}
.acard__btn--outline:hover{background:rgba(56,64,43,.07);border-color:var(--acc-bg)}
.acard__btn:focus-visible{outline:2px solid var(--acc-bg);outline-offset:3px}
.access__note{max-width:none;margin-top:clamp(.4rem,1vw,.8rem);padding-top:clamp(1rem,1.8vw,1.4rem);border-top:1px solid var(--acc-gold);color:rgba(246,240,227,.8);font-size:clamp(.85rem,.95vw,.95rem)}
@media(max-width:1180px){.access__cards{grid-template-columns:minmax(0,1fr)}}
@media(max-width:860px){.access__inner{grid-template-columns:minmax(0,1fr)}.access__arch{width:min(100%,380px);justify-self:center}.access__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.access__cards{grid-template-columns:minmax(0,1fr)}.access__eyebrow{letter-spacing:.18em;gap:1rem}.access__arch-cap{letter-spacing:.24em;gap:.9rem}}
@media(prefers-reduced-motion:reduce){.acard__btn{transition:none}}
/* 03 About: the three paragraphs set justified, hyphenated so the spacing stays even (EN and ES spans carry their lang). */
.inner__text>p{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}
/* Header: the Resident access button takes the same pill shape as the Menu, language and Motion controls (colour unchanged). */
.access-trigger{border-radius:999px}