/* MFOC, October 2026: restrained motion and clear routes into the site. */
:root{--c-bg:#f5f7fa;--c-accent:#b90e32;--c-accent-2:#920d28}
:focus-visible{outline:3px solid #a67813;outline-offset:5px}
.a11y-quickbar{display:none}
.brand__logo{width:66px;height:66px;overflow:visible}
.brand__logo svg{overflow:visible}
.logo-ribbon{transform-box:fill-box;transform-origin:center;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.brand:hover .logo-ribbon,.brand:focus-visible .logo-ribbon{transform:scale(1.12)}
.brand__title{font-size:19px;letter-spacing:-.035em}
.ticker-pause{flex:none;width:32px;height:32px;background:transparent;border:1px solid var(--c-line);border-radius:50%;color:var(--c-ink);cursor:pointer}
.ticker__viewport:focus-within .ticker__track,.ticker.is-paused .ticker__track{animation-play-state:paused}
.ticker__viewport{min-width:0}
.nav__list>li>a{transition:color .2s,background-color .2s}
.intro-hero{padding:64px 0 76px;background:linear-gradient(100deg,rgba(6,27,49,.97),rgba(11,37,69,.81)),url('../images/hero.webp') center/cover;color:#fff}
.intro-hero__inner{max-width:1040px;text-align:left}
.intro-hero__eyebrow{font-size:12px;letter-spacing:.13em;backdrop-filter:none;color:#f1cf84}
.intro-hero__title-pre{font-size:13px;letter-spacing:.14em;color:#cbd5e1}
.intro-hero__title-main{font-size:clamp(30px,4.4vw,52px);line-height:1.12;max-width:920px;color:#fff;background:none;-webkit-text-fill-color:currentColor;text-wrap:balance}
.intro-hero__lead{max-width:690px;margin:22px 0 26px;color:#e0e8f1;font-size:18px}
.intro-hero__actions{justify-content:flex-start;margin:0 0 22px;gap:12px}
.intro-hero__actions a{min-height:48px;padding:13px 24px;border-radius:10px}
.hero-links{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:14px;color:#aebed1}
.hero-links a{color:#e3eaf2;text-decoration:underline;text-underline-offset:4px}
.intro-hero__wave{height:30px}
.intro-hero__icon{animation:none;opacity:.65;will-change:auto}
.hero{padding:28px 0 20px}
#front-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;overflow:visible;scroll-snap-type:none;border-radius:0;background:none;box-shadow:none}
#front-highlights .slider__slide{min-width:0;position:relative;min-height:260px;border-radius:18px;overflow:hidden;background:#0b2545;isolation:isolate}
#front-highlights .slider__slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;transition:transform .5s}
#front-highlights .slider__slide::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,21,40,.98),rgba(4,21,40,.05));z-index:0;pointer-events:none}
#front-highlights .slider__cap{position:relative;inset:auto;display:flex;flex-direction:column;justify-content:flex-end;min-height:260px;padding:24px;background:none;z-index:1;max-width:none}
#front-highlights h2{font-size:23px;line-height:1.2;color:#fff;margin:0 0 10px}
#front-highlights p{font-size:14px;color:#e6edf4;margin:0 0 16px;line-height:1.5}
#front-highlights a{align-self:flex-start;font-size:14px;min-height:42px}
#front-highlights .slider__slide:hover img{transform:scale(1.035)}
.bento__card,.feature,.news-tile,.material-card{transition:transform .25s,box-shadow .25s,border-color .25s}
.bento__card:hover,.feature:hover,.material-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0b254514}
.bento__short{line-height:1.6}.bento__title{overflow-wrap:anywhere}
.section-head{text-align:left}.section-sub{max-width:650px}
.section-kicker{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:700;color:#9c1330;margin-bottom:10px}
.information-materials{padding:var(--section-y) 0;background:#eaf0f5;border-top:1px solid #dce4ed}
.materials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}
.material-card{margin:0!important;min-width:0;background:#fff;border:1px solid #dce4ed;border-radius:16px;overflow:hidden}
.material-card a{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;min-height:175px;height:100%;color:var(--c-ink);text-decoration:none}
.material-card strong{font-size:18px;line-height:1.35}
.material-card .material-format{font-size:12px;color:#9b1330;background:#fff1f3;border-radius:6px;padding:4px 8px;font-weight:800;letter-spacing:.07em}
.material-card .material-meta{margin-top:auto;font-size:13px;color:#59677a}
.currency-mark{display:inline-block;white-space:nowrap;vertical-align:baseline}
.currency-mark__icon{display:inline-block;width:.8em;height:1em;vertical-align:-.08em;background:currentColor;mask:url('../svg/byn.svg') center/contain no-repeat;-webkit-mask:url('../svg/byn.svg') center/contain no-repeat}
.event-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.event-gallery img{width:100%;height:auto;border-radius:10px}.event-gallery figure{margin:0}
.news-cover__img{object-fit:contain!important;height:auto!important;max-height:none!important}.news-cover{max-width:1000px;margin-inline:auto}
@media(max-width:800px){#front-highlights{gap:12px}#front-highlights .slider__cap{padding:18px}#front-highlights h2{font-size:20px}.materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.brand__logo{width:50px;height:50px}.brand__title{font-size:15px}.intro-hero{padding:38px 0 56px}.intro-hero__lead{font-size:16px}.intro-hero__actions a{flex:1 1 auto;text-align:center;justify-content:center}.hero-links{font-size:13px;gap:10px}#front-highlights{grid-template-columns:1fr}#front-highlights .slider__slide,#front-highlights .slider__cap{min-height:210px}.materials-grid{grid-template-columns:1fr}.material-card a{min-height:150px}.event-gallery{grid-template-columns:1fr}.section-head--row{align-items:flex-start;gap:18px}.ticker__label{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ticker__track{transform:none;white-space:normal;flex-wrap:wrap}.ticker__item[aria-hidden="true"]{display:none}.ticker__viewport{mask:none;-webkit-mask:none}.ticker-pause{display:none}}
#front-highlights{grid-auto-flow:row;grid-auto-columns:auto}#front-highlights .slider__slide{aspect-ratio:auto;min-width:0}
.site-notice{margin:14px 0;padding:12px 18px;background:#fff8e9;border:1px solid #ead6a8;border-radius:10px;font-size:14px;color:#604713}.site-notice summary{cursor:pointer;font-weight:650}.site-notice p{margin:12px 0 0;max-width:800px}

/* Consistent gallery tiles; full originals remain available in the lightbox. */
.news-content .prose .event-gallery{gap:16px;margin:24px 0}
.news-content .prose .event-gallery figure{margin:0;padding:0;box-shadow:none;background:none;overflow:hidden}
.event-gallery a{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:12px;cursor:zoom-in}
.news-content .prose .event-gallery img{display:block;width:100%;height:100%;object-fit:cover;margin:0;box-shadow:none;border-radius:0;transition:transform .3s}
.event-gallery a:hover img{transform:scale(1.025)}
.ticker-pause{order:3;display:grid;place-items:center;padding:0;line-height:1;width:28px;height:28px;align-self:center;background:#f5f7fa}
.ticker-pause::before{content:'';display:block;width:9px;height:11px;border-left:3px solid currentColor;border-right:3px solid currentColor;box-sizing:border-box}
.ticker-pause[aria-pressed="true"]::before{width:0;height:0;border:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;margin-left:2px}
.ticker__inner{gap:12px}
.site-notice{margin:6px 0;padding:6px 12px;font-size:13px;line-height:1.4;border-radius:6px}
.site-notice p{margin:8px 0 2px}.site-notice summary{font-weight:600}
.mfoc-lightbox{height:100dvh}.mfoc-lightbox__inner{grid-template-rows:auto minmax(0,1fr) auto}
.mfoc-lightbox__img{width:auto;height:auto;min-height:0;max-height:100%;max-width:100%}
@media(max-width:600px){.mfoc-lightbox__stage{padding:8px 0}.mfoc-lightbox__nav{width:40px;height:40px;background:#10243ecc}.mfoc-lightbox__nav--prev{left:6px}.mfoc-lightbox__nav--next{right:6px}.mfoc-lightbox__thumb{width:46px;height:46px}.mfoc-lightbox__bottom{padding:10px}.mfoc-lightbox__top{padding:10px 14px}}

/* Compact home composition and WordPress group wrapper support. */
.section-head{max-width:none;margin-inline:0}
.section-head h2::after{margin-inline:0}
.materials-grid>.wp-block-group__inner-container{display:contents}
.materials-grid .material-card{width:auto;max-width:none;align-self:stretch}
.materials-grid .material-card a{box-sizing:border-box;min-height:192px;text-decoration:none}
.materials-grid .material-card strong{overflow-wrap:anywhere}
.intro-hero--compact{padding:30px 0;background:radial-gradient(ellipse at 15% 100%,#173e5b,transparent 65%),#0b2545}
.intro-hero--compact::before{display:none}
.intro-hero--compact .intro-hero__inner{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:44px;max-width:1240px;text-align:left}
.intro-hero--compact .intro-hero__eyebrow{padding:0;border:0;border-radius:0;background:none;margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:.14em;color:#edc773}
.intro-hero--compact .intro-hero__title{font-size:clamp(30px,3.2vw,44px);line-height:1.1;letter-spacing:-.035em;margin:0;color:white}
.intro-hero--compact .intro-hero__title span{display:block;margin-top:10px;color:#edc773;font-size:clamp(21px,2.1vw,29px);font-weight:500;letter-spacing:-.02em}
.intro-hero--compact .intro-hero__lead{font-size:16px;line-height:1.6;margin:18px 0 22px;max-width:490px}
.intro-hero--compact .intro-hero__actions{gap:10px;margin:0 0 18px}
.intro-hero--compact .intro-hero__actions a{min-height:44px;padding:11px 18px;font-size:14px}
.intro-hero__copy{min-width:0}
.intro-hero__visual{position:relative;min-width:0;height:306px;overflow:hidden;border-radius:20px 6px 20px 6px;border:1px solid #ffffff30;box-shadow:0 16px 36px #0003}
.intro-hero__visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%}
.intro-hero__photo-label{position:absolute;bottom:0;left:0;right:0;padding:34px 22px 18px;background:linear-gradient(transparent,#061b31ed);color:white}
.intro-hero__photo-label span{display:block;font-size:19px;font-weight:700}.intro-hero__photo-label small{font-size:12px;color:#e0e8f1}
@media(max-width:900px){.intro-hero--compact .intro-hero__inner{gap:24px;grid-template-columns:1.2fr 1fr}.intro-hero__visual{height:290px}}
@media(max-width:600px){.intro-hero--compact{padding:24px 0}.intro-hero--compact .intro-hero__inner{grid-template-columns:1fr;gap:20px}.intro-hero--compact .intro-hero__title{font-size:30px}.intro-hero--compact .intro-hero__title span{font-size:22px}.intro-hero--compact .intro-hero__lead{margin:14px 0 18px;font-size:15px}.intro-hero__visual{height:150px;border-radius:12px}.intro-hero__visual>img{object-position:center 30%}.intro-hero__photo-label{padding:24px 14px 12px}.intro-hero__photo-label span{font-size:16px}.intro-hero__photo-label small{display:none}.materials-grid .material-card a{min-height:160px}}

/* A welcoming sports mascot and restored section-heading alignment. */
.section-head{max-width:720px;margin-inline:auto;text-align:center}
.section-head h2::after{margin-inline:auto}
.section-head--row{max-width:none;text-align:left;margin-inline:0}
.section-head--row h2::after{margin-inline:0}
.intro-hero--mascot{padding:36px 0;background:linear-gradient(90deg,#091f39ed 0%,#0b2545d9 48%,#112f4a91 100%),url('../images/hero.webp') center 40%/cover;min-height:480px}
.intro-hero--mascot::before{background-size:60px 60px;opacity:.35}
.intro-hero--mascot .intro-hero__inner{max-width:1240px;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:20px;text-align:left}
.intro-hero--mascot .intro-hero__eyebrow{margin-bottom:18px;padding:7px 12px;font-size:11px;letter-spacing:.14em;background:#ffffff0b}
.intro-hero--mascot .intro-hero__title{margin:0}
.intro-hero--mascot .intro-hero__title-pre{font-size:11px;letter-spacing:.13em;margin-bottom:12px}
.intro-hero--mascot .intro-hero__title-main{font-size:clamp(29px,3.2vw,44px);line-height:1.13;letter-spacing:-.025em;text-wrap:balance}
.intro-hero--mascot .intro-hero__lead{font-size:17px;line-height:1.6;max-width:540px;margin:20px 0 24px}
.intro-hero--mascot .intro-hero__actions{margin-bottom:18px}
.hero-mascot-wrap{position:relative;min-width:0;text-align:center;border-radius:50%;background:radial-gradient(ellipse,#edc56a25,transparent 65%)}
.hero-mascot{position:relative;height:410px;outline-offset:0;touch-action:pan-y}
.hero-mascot canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y;position:absolute;inset:0}.hero-mascot canvas:active{cursor:grabbing}
.hero-mascot__fallback{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
.hero-mascot.is-3d .hero-mascot__fallback{display:none}
.hero-mascot__controls{display:none;position:absolute;bottom:0;left:50%;transform:translateX(-50%);gap:6px;white-space:nowrap}
.is-3d .hero-mascot__controls{display:flex}
.hero-mascot__controls button{display:grid;place-items:center;min-width:38px;min-height:34px;border:1px solid #ffffff40;background:#102840d9;color:#fff;border-radius:20px;font:500 12px inherit;cursor:pointer;padding:7px 12px;backdrop-filter:blur(5px)}
.hero-mascot__controls button:hover{background:#30516c}
.hero-mascot-label{display:inline-block;color:#f1d38e;font-size:13px;letter-spacing:.03em;transform:rotate(-3deg)}
.hero-mascot-hint{display:block;color:#dfebf5;font-size:12px;margin-top:8px}.hero-mascot-hint span{font-size:18px;vertical-align:middle;margin-left:6px}
@media(max-width:900px){.intro-hero--mascot .intro-hero__inner{grid-template-columns:1.2fr 1fr}.intro-hero--mascot .intro-hero__title-main{font-size:32px}.hero-mascot{height:380px}}
@media(max-width:600px){.intro-hero--mascot{padding:28px 0 22px;background-position:center,35% center}.intro-hero--mascot .intro-hero__inner{grid-template-columns:1fr;gap:20px}.intro-hero--mascot .intro-hero__title-main{font-size:30px}.intro-hero--mascot .intro-hero__lead{font-size:15px;margin:16px 0 18px}.intro-hero--mascot .intro-hero__actions a{padding:12px 14px;font-size:13px}.hero-mascot{height:295px}.hero-mascot-wrap{max-width:380px;width:100%;margin:auto}.hero-mascot-label{font-size:12px}.section-head--row{text-align:left}}
html[data-a11y="on"] .hero-mascot-wrap{display:none}
html[data-a11y="on"] .intro-hero--mascot .intro-hero__inner{display:block}
html[data-a11y="on"] .intro-hero--mascot{min-height:0;background:var(--a-bg)!important}