/* Westgate 12th Tribe image and editorial refresh, 28 October 2026 */
:root{--tribe-ink:#173f3b;--tribe-rust:#af4f32;--tribe-gold:#d5a14d;--tribe-paper:#f6f0e6}
.tribe-hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.45fr);background:var(--tribe-paper);color:var(--tribe-ink);isolation:isolate}
.tribe-hero-copy{padding:clamp(32px,3.5vw,64px);align-self:center;min-width:0}
.tribe-eyebrow{font:700 12px/1.5 Inter,Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--tribe-rust);margin:0 0 18px}
.tribe-brand{font:700 21px/1.25 Archivo,Arial,sans-serif;margin:0 0 28px;letter-spacing:-.03em;color:var(--tribe-ink)}
.tribe-hero h1{font:700 clamp(38px,4.1vw,76px)/1.02 Archivo,Arial,sans-serif;letter-spacing:-.055em;text-transform:none;margin:0 0 24px;color:var(--tribe-ink);max-width:none}
.tribe-hero h1 em{font-style:normal;color:var(--tribe-rust)}
.tribe-hero .tribe-intro{font:400 clamp(16px,1.2vw,19px)/1.65 Inter,Arial,sans-serif;max-width:36ch;margin:0 0 27px}
.tribe-hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:0}
.tribe-hero .btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:13px 18px;border:1px solid var(--tribe-ink);color:var(--tribe-ink);font-size:14px;background:transparent;text-decoration:none;border-radius:0}
.tribe-hero .btn.primary{background:var(--tribe-ink);color:#fff}
.tribe-hero .btn:hover{background:var(--tribe-rust);border-color:var(--tribe-rust);color:white}
.tribe-hero .tribe-location{font:500 12px/1.65 Inter,Arial,sans-serif;margin:25px 0 0;max-width:38ch}
.tribe-hero-media{margin:0;position:relative;min-width:0;align-self:stretch;background:#d8c7ac;display:flex;flex-direction:column}
.tribe-hero-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;min-height:470px;flex:1;object-fit:cover;object-position:51% 50%;transform:none!important}
.tribe-hero-media figcaption{font:400 11px/1.6 Inter,Arial,sans-serif;color:#f6f0e6;background:var(--tribe-ink);padding:9px 18px}
.tribe-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.tribe-photo figcaption{font-size:12px;line-height:1.65;padding:12px 0;color:#53615b}
#property .split{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:clamp(24px,5vw,75px);align-items:center}
#property .split h2{color:var(--tribe-ink);font-size:clamp(32px,3.4vw,50px);letter-spacing:-.04em;text-transform:none;line-height:1.08}
.tribe-kitchen{background:var(--tribe-paper);padding:72px 0;color:var(--tribe-ink)}
.tribe-kitchen-inner{max-width:1320px;margin:auto;padding:0 32px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr);gap:clamp(24px,5vw,72px);align-items:center}
.tribe-kitchen figure{margin:0;min-width:0}
.tribe-kitchen h2{font:700 clamp(34px,3.5vw,54px)/1.08 Archivo,Arial,sans-serif;letter-spacing:-.045em;text-transform:none;color:var(--tribe-ink);margin:0 0 22px}
.tribe-kitchen p{font:400 17px/1.7 Inter,Arial,sans-serif}
.tribe-kitchen .textlink{display:inline-flex;align-items:center;min-height:48px;color:var(--tribe-rust);font-weight:700;text-decoration:underline;text-underline-offset:5px}
.tribe-section-rule{width:66px;height:5px;background:var(--tribe-gold);margin:0 0 24px}
.office-photo-grid figure{min-width:0}
.office-photo-grid figcaption{line-height:1.65}
a:focus-visible{outline:3px solid #b65d32;outline-offset:5px}
@media(min-width:1700px){.tribe-hero-media img{min-height:650px}}
@media(max-width:1000px) and (min-width:701px){.tribe-hero{grid-template-columns:1fr 1.2fr}.tribe-hero-copy{padding:32px 24px}.tribe-brand{margin-bottom:25px}.tribe-hero h1{font-size:46px}.tribe-hero-media img{min-height:550px}.tribe-kitchen-inner{grid-template-columns:1.2fr 1fr;gap:28px}}
@media(max-width:700px){.tribe-hero{grid-template-columns:minmax(0,1fr)}.tribe-hero-media{grid-row:1}.tribe-hero-media img{min-height:0;height:auto;aspect-ratio:3/2;object-fit:contain}.tribe-hero-media figcaption{font-size:10px;padding:8px 18px}.tribe-hero-copy{padding:30px 24px 40px}.tribe-brand{font-size:19px;margin-bottom:23px}.tribe-eyebrow{font-size:11px;margin-bottom:12px}.tribe-hero h1{font-size:clamp(40px,10vw,66px);max-width:12ch}.tribe-hero .tribe-intro{font-size:16px;max-width:42ch}.tribe-hero .actions{gap:10px}.tribe-hero .btn{padding:12px 15px}.tribe-hero .tribe-location{margin-top:20px}#property .split{grid-template-columns:minmax(0,1fr)}.tribe-kitchen{padding:42px 0}.tribe-kitchen-inner{padding:0 20px;grid-template-columns:minmax(0,1fr);gap:25px}.tribe-kitchen h2{font-size:38px}.tribe-kitchen p{font-size:16px}}

/* The property name carries the opening, following the office-site identity hierarchy. */
.tribe-hero h1{font-size:clamp(48px,4.8vw,76px);line-height:1.02;margin-bottom:22px;letter-spacing:-.05em}
.tribe-brand{font-size:clamp(23px,2vw,30px);line-height:1.2;margin:0 0 22px;letter-spacing:-.035em}
.tribe-hero-media img{min-height:520px}
.fascia-study{margin:0;min-width:0;align-self:center}
.fascia-photo{position:relative;overflow:hidden;background:#d5dcd5}
.fascia-photo>img{display:block;width:100%;height:auto;aspect-ratio:1572/1001;object-fit:contain}
.fascia-trace{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.fascia-line{stroke-dasharray:1;stroke-dashoffset:0;opacity:.65;filter:drop-shadow(0 0 3px #ffd09a)}
.fascia-study.is-playing .fascia-line{animation:fascia-follow 3.4s cubic-bezier(.25,.55,.35,1) 1}
.fascia-study figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#e8f0e7;font-size:13px;padding:12px 0;line-height:1.5}
.fascia-replay{background:transparent;border:1px solid #aac5b6;color:#f5f1e7;padding:10px 14px;min-height:44px;font:600 12px/1.4 Inter,Arial,sans-serif;cursor:pointer}
.fascia-replay:hover{background:#244f47}
@keyframes fascia-follow{0%{stroke-dashoffset:1;opacity:0}12%{opacity:1}78%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.65}}
@media(prefers-reduced-motion:reduce){.fascia-study.is-playing .fascia-line{animation:none}.fascia-replay{display:none}}
@media(max-width:1000px) and (min-width:701px){.tribe-hero h1{font-size:clamp(42px,5.8vw,58px)}.tribe-brand{font-size:24px}}
@media(max-width:700px){.tribe-hero h1{font-size:clamp(43px,11.8vw,70px);max-width:none}.tribe-brand{font-size:25px;margin-bottom:22px}.tribe-hero-media img{min-height:0}.fascia-study figcaption{font-size:12px}.fascia-replay{font-size:11px}}
/* Preserve the complete brochure-room photographs in every responsive layout. */
#property img[data-photo-family="westgate-corner-conference"],.office-photo-grid img[data-photo-family="westgate-glass-private-office"]{aspect-ratio:1884/835!important;object-fit:contain}

/* Architecture leads at full width; empty paving no longer dominates this view. */
#design>.wrap>.split{display:flex;flex-direction:column;align-items:stretch;gap:34px}
#design .fascia-study{order:-1;width:100%;align-self:stretch}
#design .fascia-photo>img{aspect-ratio:1672/941;object-fit:contain}
#design .split>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:14px 60px;align-items:start}
#design .split>div:first-child .kicker{grid-column:1/-1;margin:0}
#design .split>div:first-child h2{grid-column:1;grid-row:2/4;margin:0;font-size:clamp(34px,4.2vw,58px)}
#design .split>div:first-child p{grid-column:2;margin:0}
.office-photo-grid img[data-photo-family="westgate-corner-conference"]{aspect-ratio:1884/835!important;object-fit:contain}
@media(max-width:700px){#design .split>div:first-child{display:block}#design .split>div:first-child h2{margin:18px 0 24px}#design .split>div:first-child p{margin:16px 0}#design>.wrap>.split{gap:24px}}