/* AIBA logo: header/footer lockup, hero emblem, contact watermark */
.brand.has-mark{display:inline-grid;grid-template-columns:auto auto;column-gap:13px;align-items:center}
.brand.has-mark .brand-mark{grid-row:1/3;width:auto;height:48px;display:block}
.brand.has-mark>span{grid-column:2}
.brand.has-mark small{grid-column:2;margin-top:5px}
footer .brand.has-mark .brand-mark{height:42px}

.hero-emblem{position:relative;width:118px;margin:0 auto 26px;animation:emblem-rise 1.4s cubic-bezier(.2,.7,.2,1) both}
.hero-emblem::before{content:"";position:absolute;inset:-70% -95%;background:radial-gradient(circle at 50% 52%,#d6bd8433 0,#d6bd8414 30%,transparent 62%);animation:emblem-glow 5s ease-in-out 1.4s infinite;pointer-events:none}
.hero-emblem img{position:relative;display:block;width:100%;height:auto;filter:drop-shadow(0 0 18px #d6bd8440)}
.hero-v2 .eyebrow{margin-top:0}

.contact::before{content:"";position:absolute;left:50%;top:50%;width:min(620px,90vw);aspect-ratio:560/539;transform:translate(-50%,-50%);background:url(assets/aiba-mark-ivory.png) center/contain no-repeat;opacity:.045;pointer-events:none}
.contact>*{position:relative}

@keyframes emblem-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes emblem-glow{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}

@media(max-width:900px){
 .brand.has-mark{column-gap:10px}
 .brand.has-mark .brand-mark{height:40px}
 .hero-emblem{width:84px;margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){
 .hero-emblem,.hero-emblem::before{animation:none}
}