#brand-intro{--brand-charcoal:#241f21;--brand-gold:#c6af88;--brand-ivory:#f2efea;--brand-background:#d2c8b8;--brand-muted:#443b32;position:fixed;inset:0;z-index:2147483647;color:var(--brand-charcoal);overflow:hidden;isolation:isolate;touch-action:none}
#brand-intro .brand-curtain{position:absolute;inset:0;width:100%;height:100%;display:block}
#brand-intro .brand-background{fill:var(--brand-background)}
#brand-intro .brand-frame{fill:none;stroke:var(--brand-gold);stroke-width:1;opacity:.28;vector-effect:non-scaling-stroke}
#brand-intro .brand-watermark{fill:var(--brand-gold);opacity:.045}
#brand-intro .brand-composition{position:absolute;inset:0;display:grid;grid-template-rows:1fr auto 1fr;padding:clamp(24px,4vh,48px) clamp(24px,4vw,72px);text-align:center}
#brand-intro .brand-top{align-self:start;justify-self:center;color:var(--brand-gold);width:31px;height:42px}
#brand-intro .brand-center{display:grid;grid-template-columns:1fr minmax(300px,1.7fr) 1fr;align-items:center;gap:clamp(24px,5vw,100px);width:min(1280px,100%);justify-self:center}
#brand-intro .brand-side{font:500 clamp(12px,1.05vw,15px)/1.6 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-muted)}
#brand-intro .brand-lockup{display:flex;align-items:center;flex-direction:column;min-width:0}
#brand-intro .brand-emblem{width:clamp(75px,7.4vw,112px);height:auto;overflow:visible;margin-bottom:clamp(22px,3.3vh,36px);color:var(--brand-gold)}
#brand-intro .brand-name{margin:0;white-space:nowrap;font:400 clamp(29px,3.4vw,55px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:.13em;text-indent:.13em;color:var(--brand-charcoal)}
#brand-intro .brand-word{display:inline-block}
#brand-intro .brand-top,#brand-intro .brand-side,#brand-intro .brand-emblem,#brand-intro .brand-word,#brand-intro .brand-name-divider,#brand-intro .brand-specialism,#brand-intro .brand-bottom{opacity:0}
#brand-intro .brand-name-divider{display:block;position:relative;width:85%;height:1px;background:linear-gradient(90deg,transparent,#c6af8859,transparent);margin:clamp(17px,2.5vh,26px) 0 15px}
#brand-intro .brand-name-divider::after{content:'';position:absolute;top:-1px;left:45%;width:10%;height:3px;background:var(--brand-gold)}
#brand-intro .brand-specialism{font:500 clamp(12px,.95vw,14px)/1.65 Arial,sans-serif;letter-spacing:.12em;max-width:100%;text-wrap:balance;text-transform:uppercase;color:var(--brand-muted)}
#brand-intro .brand-bottom{align-self:end;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:clamp(18px,3.5vh,38px);padding-top:30px}
#brand-intro .brand-progress{height:clamp(50px,11vh,104px);width:1px;background:#c6af8830;overflow:hidden}
#brand-intro .brand-progress-fill{display:block;width:100%;height:100%;background:var(--brand-gold);transform:scaleY(0);transform-origin:top}
#brand-intro .brand-caption{font:500 12px/1.7 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-charcoal)}
#brand-intro .brand-skip{position:absolute;bottom:25px;right:clamp(25px,3vw,52px);padding:12px 0;background:none;border:0;cursor:pointer;color:var(--brand-muted);font:500 13px/1.4 Arial,sans-serif;letter-spacing:.04em}
#brand-intro .brand-skip:focus-visible{outline:1px solid var(--brand-charcoal);outline-offset:6px}
#brand-intro[data-phase="aperture"] .brand-skip,#brand-intro[data-phase="enter"] .brand-skip{opacity:0;pointer-events:none;transition:opacity .25s}
#brand-intro.is-exiting{opacity:0;pointer-events:none;transition:opacity .18s linear}

@media(max-width:700px){#brand-intro .brand-composition{padding:28px 28px 36px}#brand-intro .brand-center{grid-template-columns:1fr;gap:0}#brand-intro .brand-side{display:none}#brand-intro .brand-emblem{width:83px;margin-bottom:28px}#brand-intro .brand-name{font-size:clamp(23px,6.4vw,42px);letter-spacing:.11em}#brand-intro .brand-specialism{font-size:11px;letter-spacing:.08em}#brand-intro .brand-top{width:25px;height:34px}#brand-intro .brand-caption{font-size:12px}#brand-intro .brand-skip{bottom:22px;font-size:12px}#brand-intro .brand-bottom{padding-bottom:20px}}
@media(max-height:560px){#brand-intro .brand-composition{padding:20px 30px}#brand-intro .brand-top{width:22px;height:30px}#brand-intro .brand-emblem{width:55px;margin-bottom:14px}#brand-intro .brand-name{font-size:30px}#brand-intro .brand-name-divider{margin:12px 0 9px}#brand-intro .brand-progress{height:34px}#brand-intro .brand-bottom{gap:12px;padding-top:18px}}
@media(prefers-reduced-motion:reduce){#brand-intro .brand-progress-fill{transform:none}#brand-intro.is-exiting{transition-duration:.15s}#brand-intro .brand-top,#brand-intro .brand-side,#brand-intro .brand-emblem,#brand-intro .brand-word,#brand-intro .brand-name-divider,#brand-intro .brand-specialism,#brand-intro .brand-bottom{opacity:1}}

#brand-intro .brand-loading-status{display:block;margin-top:8px;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.02em;text-transform:none;color:var(--brand-muted)}
#brand-intro .brand-retry{margin-top:8px;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;font:inherit;cursor:pointer;padding:4px}