/* Shared unmodified Identity logo; logical alignment follows RTL/LTR. */

.brand-mark-row{display:flex;justify-content:flex-start;max-width:100%;pointer-events:none}

.brand-mark-position--center{justify-content:center}

.brand-mark-position--end{justify-content:flex-end}

.brand-mark-image{display:block;object-fit:contain;flex:none;height:auto;aspect-ratio:1;max-width:100%}

.brand-mark--area{margin-block-end:12px}

.brand-mark--area .brand-mark-image{width:36px;height:36px}

.brand-mark--area.brand-mark-size--small .brand-mark-image{width:28px;height:28px}

.brand-watermark{position:absolute;inset-inline-end:6%;inset-block-end:8%;width:min(220px,22vw);pointer-events:none;opacity:.035}

.brand-watermark-image{display:block;object-fit:contain;width:100%;height:auto}

@media(max-width:860px){.brand-watermark{display:none}}

/* Hero identity sits opposite the text: left in RTL, right in LTR. */

.hero-brand-visual{display:flex;flex:1;min-width:0;align-self:center;justify-content:center;padding-inline:20px}

.hero-brand-lockup{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:100%;text-align:center}

.hero-brand-logo{display:block;width:190px;height:190px;object-fit:contain;max-width:100%;filter:drop-shadow(0 0 22px rgba(6,22,49,.25))}

.hero-brand-size--medium .hero-brand-logo{width:112px;height:112px}

.hero-brand-size--small .hero-brand-logo{width:88px;height:88px}

.hero-brand-label{display:flex;flex-direction:column;gap:3px;margin:0;color:#fff;font-size:25px;font-weight:700;line-height:1.5;text-shadow:0 2px 10px rgba(6,22,49,.75)}

.hero-brand-label-accent{color:var(--gold-300);font-size:21px}

[dir="ltr"] .hero-brand-label{font-size:24px}

[dir="ltr"] .hero-brand-label-accent{font-size:17px}

.hero-brand-above{display:flex;justify-content:flex-start;margin-block-end:20px}

@media(max-width:1024px){.hero-brand-logo{width:145px;height:145px}.hero-brand-label{font-size:23px}.hero-brand-label-accent{font-size:19px}.hero-brand-visual{padding-inline:12px}}

@media(max-width:860px){.hero-brand-layout--visual .hero-inner{flex-wrap:wrap;align-content:center;row-gap:24px}.hero-brand-visual{flex:0 0 100%;padding:0}.hero-brand-lockup{gap:10px}.hero-brand-logo{width:140px;height:140px}.hero-brand-size--medium .hero-brand-logo{width:88px;height:88px}.hero-brand-size--small .hero-brand-logo{width:72px;height:72px}.hero-brand-label{font-size:20px}.hero-brand-label-accent{font-size:17px}.hero-brand-layout--visual .hero-inner{padding-block:40px}}

@media(max-width:520px){.hero-brand-logo{width:110px;height:110px}.hero-brand-size--medium .hero-brand-logo{width:72px;height:72px}.hero-brand-size--small .hero-brand-logo{width:60px;height:60px}.hero-brand-label,[dir="ltr"] .hero-brand-label{font-size:19px}.hero-brand-label-accent,[dir="ltr"] .hero-brand-label-accent{font-size:15px}.brand-mark--area{margin-block-end:10px}}

/* Large uses the artwork footprint, not the transparent 1254px canvas.

   Visible bounds: x331..868, y116..1122. Overflow stays visible: no pixels cropped. */

.hero-brand-logo-frame{display:contents}

.hero-brand-size--large{--brand-art-width:180px}

.hero-brand-size--large .hero-brand-logo-frame--padded{display:block;position:relative;width:var(--brand-art-width);height:calc(var(--brand-art-width) * 1006 / 537);flex:none;overflow:visible}

.hero-brand-size--large .hero-brand-logo-frame--padded .hero-brand-logo{position:absolute;width:calc(var(--brand-art-width) * 1254 / 537);height:calc(var(--brand-art-width) * 1254 / 537);max-width:none;left:calc(var(--brand-art-width) * -331 / 537);top:calc(var(--brand-art-width) * -116 / 537)}

@media(max-width:1439px){.hero-brand-size--large{--brand-art-width:175px}}
@media(max-width:1280px){.hero-brand-size--large{--brand-art-width:170px}}

@media(max-width:1024px){.hero-brand-size--large{--brand-art-width:150px}}

@media(max-width:860px){.hero-brand-size--large{--brand-art-width:125px}}

@media(max-width:520px){.hero-brand-size--large{--brand-art-width:100px}}

@media(max-width:360px){.hero-brand-size--large{--brand-art-width:90px}}