/* Tunal: original CSS in original cascade order. */
/* direction.css */
/* Tunal / Electric Rose — shared public design system, September 2026. */
:root {
    --bg: #09090b;
    --panel: #15151a;
    --ink: #fafafd;
    --muted: #b7b7c1;
    --accent: #ff3f93;
    --accent-soft: #ff9bc9;
    --accent-dark: #a70c53;
    --paper: #f5f3f6;
    --line: #2e2e37;
}
::selection { background: var(--accent); color: var(--bg); }
body { background: var(--bg); }
h1,h2,h3 { letter-spacing: -.025em; }
h2 { font-size: clamp(44px,5.5vw,84px); }
a,button,input,select,textarea { outline-color: var(--accent); }
.eyebrow { color: var(--accent-soft); font-weight: 600; letter-spacing: .17em; }
.section { padding-block: clamp(58px,7vw,110px); }
.section-head { align-items: end; gap: 30px; margin-bottom: 42px; }
.section-head .eyebrow:before { content: ''; display: inline-block; width: 26px; height: 3px; background: var(--accent); vertical-align: middle; margin-right: 12px; }
.section-head>div { min-width: 0; }
.section-head .button { flex-shrink: 0; }
.topline { background: #09090b; color: #c2c2ca; letter-spacing: .13em; border-bottom: 1px solid var(--line); }
.topline>span:before { content: ''; display: inline-block; background: var(--accent); width: 6px; height: 6px; margin-right: 10px; vertical-align: 1px; }
.site-header { height: 90px; position: sticky; top: 0; z-index: 40; background: rgba(9,9,11,.97); border-bottom: 1px solid #33333c; }
.brand { gap: 12px; }
.brand>span { letter-spacing: 2px; }
.brand small { color: var(--accent-soft); letter-spacing: 4.5px; }
.site-header nav>a { position: relative; font-weight: 600; color: #e5e5eb; }
.site-header nav>a[aria-current],.site-header nav>a:hover { color: var(--ink); }
.site-header nav>a[aria-current]:after { content: ''; position: absolute; left: 0; right: 0; height: 3px; background: var(--accent); bottom: -13px; }
.language-switch a { color: #b7b7c1; }
.language-switch a[aria-current] { color: var(--ink); border-color: var(--accent); }
.header-contact { color: var(--accent-soft); }
.button { background: var(--accent); color: var(--bg); border: 1px solid var(--accent); padding: 18px 24px; min-height: 56px; font-size: 13px; font-weight: 700; letter-spacing: .065em; border-radius: 2px; transition: background .2s,border-color .2s,color .2s,transform .2s; }
.button:hover { background: #ff83b9; border-color: #ff83b9; color: var(--bg); }
.button>span { padding-left: 15px; border-left: 1px solid #09090b44; }
.button.outline { background: transparent; color: var(--ink); border-color: #73737f; }
.button.outline>span { border-color: #73737f; }
.button.outline:hover { background: var(--ink); border-color: var(--ink); color: var(--bg); }
.button.dark { color: var(--ink); background: var(--bg); border-color: var(--bg); }
.button.dark:hover { background: #24242c; border-color: #24242c; }
.button.dark>span { border-color: #73737f; }
.button.text-button { min-height: 44px; color: inherit; background: transparent; border-radius: 0; border-bottom: 2px solid var(--accent); }
.button.text-button>span { border: 0; }
.button.text-button:hover { color: var(--accent-soft); background: transparent; }
.inline-link { font-weight: 600; border-bottom: 1px solid var(--accent); padding-bottom: 7px; }
.inline-link:hover { color: var(--accent-soft); }
/* The opening balances a live photograph with an oversized editorial masthead. */
.promotion-hero { min-height: 680px; background: var(--bg); border-bottom: 1px solid var(--line); }
.promotion-image { inset: 22px 22px 22px 38%; border-radius: 2px; }
.promotion-image>img { object-position: 34% 42%; filter: saturate(1.12) contrast(1.03); }
.promotion-image:after { background: linear-gradient(90deg,#09090b 0%,#09090be8 8%,#09090b30 42%,transparent 70%),linear-gradient(0deg,#09090be6,transparent 45%); }
.promotion-copy { position: relative; padding-top: 65px; padding-bottom: 62px; }
.promotion-copy .eyebrow { display: inline-flex; align-items: center; gap: 12px; margin: 0; font-size: 11px; color: var(--accent-soft); }
.promotion-copy .eyebrow:before { content: ''; width: 26px; height: 3px; background: var(--accent); flex-shrink: 0; }
.promotion-copy h1 { font-size: clamp(92px,10.2vw,158px); line-height: .88; letter-spacing: -.035em; max-width: 850px; margin: 34px 0 28px; }
.promotion-copy h1 em { color: var(--accent); font-style: normal; }
.promotion-copy .lead { color: #e0e0e7; font-size: 20px; max-width: 410px; }
.promotion-copy .hero-buttons { margin-top: 28px; gap: 12px; }
.hero-professionals { color: #d5d5dd; font-size: 14px; margin-top: 22px; }
.hero-professionals:hover { color: var(--accent-soft); }
.image-location { background: var(--bg); border-left: 3px solid var(--accent); padding: 12px 15px; right: 20px; bottom: 15px; letter-spacing: .12em; }
.brand-rail { display: flex; align-items: center; gap: 35px; padding: 15px 0; background: var(--accent); color: var(--bg); overflow: hidden; border-block: 1px solid var(--accent); white-space: nowrap; font: 700 28px/.95 var(--display); letter-spacing: .045em; }
.brand-rail span { display: inline-flex; align-items: center; gap: 35px; flex: 0 0 auto; }
.brand-rail b { font: 24px Arial,sans-serif; }
.next-rendezvous { padding-block: 32px; background: var(--panel); border: 0; border-bottom: 1px solid var(--line); }
.next-rendezvous .eyebrow { color: var(--accent-soft); max-width: 200px; font-size: 11px; }
.next-rendezvous h2 { font-size: 38px; }
.next-rendezvous p { color: #bfc0ca; }
/* Inside pages keep the same visual signature, with the wolf as a watermark. */
.page-intro { position: relative; isolation: isolate; overflow: hidden; padding-top: 62px; padding-bottom: 46px; border-bottom: 1px solid var(--line); margin-bottom: 32px; }
.page-intro:after { content: ''; position: absolute; bottom: -1px; left: var(--pad); width: 88px; height: 5px; background: var(--accent); }
.page-intro .intro-mark { position: absolute; z-index: -1; right: var(--pad); top: 12px; height: 270px; width: 270px; object-fit: contain; opacity: .12; mix-blend-mode: screen; pointer-events: none; }
.page-intro h1 { font-size: clamp(62px,7.4vw,112px); line-height: .98; max-width: 1050px; margin-bottom: 24px; }
.page-intro .lead { font-size: 20px; color: #c3c3cd; }
/* Cards: clear photographs, squared edges, visible type and a recognisable signature. */
.collectible { background: var(--panel); border: 1px solid #383840; border-radius: 2px; box-shadow: none; }
a.collectible:hover { border-color: var(--accent); transform: translateY(-4px); }
.collectible .fighter-photo { background: #19191f; }
.fighter-photo img { filter: none; }
.fighter-card:hover .fighter-photo img { filter: none; }
.collectible .fighter-photo:after { inset: 38% 0 0; background: linear-gradient(transparent 5%,#09090b8f 42%,#09090bf5 95%); }
.collectible .card-edition { color: #dedee6; background: #15151a; letter-spacing: .13em; border-top: 3px solid var(--accent); height: 36px; padding: 8px 14px; font-size: 9px; }
.collectible .fighter-photo>img { top: 36px; height: calc(100% - 36px); }
.collectible .card-identity { left: 18px; bottom: 22px; right: 63px; }
.collectible h3 { font-size: clamp(28px,2.5vw,40px); letter-spacing: -.02em; }
.card-identity>p { color: #ffacd2; font-size: 11px; letter-spacing: .1em; }
.card-arrow { border: 0; background: var(--accent); color: var(--bg); width: 38px; height: 38px; }
.card-footer { border-top: 1px solid #383840; color: #dedee5; font-size: 11px; padding: 15px 18px; }
.card-footer strong { color: var(--accent-soft); }
.collectible>.affiliation { color: #a9a9b7; padding-inline: 18px; }
.profile-picture.collectible { border-radius: 2px; border-color: #44444f; }
.profile-seal { background: var(--accent); color: var(--bg); border: 0; font-size: 22px; padding: 13px 17px; }
.fighter-monogram { background: repeating-linear-gradient(135deg,transparent 0 59px,#ff3f930c 60px 61px),#15151a; }
.fighter-monogram>span { color: var(--accent); }
.fighter-monogram small { color: #d0ccd5; }
.profile-copy .profile-division { color: var(--accent-soft); }
.career-panel { border: 1px solid var(--line); border-left: 3px solid var(--accent); background: var(--panel); padding: 22px; }
.record-grid strong { color: var(--ink); }
.profile-tools a,.profile-tools button { color: var(--accent-soft); }
.cinema-caption>span { color: #ffb4d6; }
.cinema-caption>p { color: white; }
.fighter-cinema:after { background: linear-gradient(0deg,#09090b,transparent 65%); }
.first-look blockquote { color: #ffd4e8; border-color: var(--accent); }
/* Alternating monochrome surfaces make photographs and the pink moments stand out. */
.section-paper { background: var(--paper); color: #101015; }
.section-paper p { color: #4b4651; }
.section-paper .eyebrow { color: var(--accent-dark); }
.section-paper .inline-link { color: #17131b; border-color: #a70c53; }
.section-paper .inline-link:hover,.section-paper .text-button:hover { color: var(--accent-dark); }
.section-paper .button.outline { color: #17131b; border-color: #716875; }
.section-paper .button.outline:hover { color: white; background: #17131b; }
.section-paper .project-card { background: #fff; border: 1px solid #d8d4dc; }
.project-card>div { padding: 26px; }
.project-card h3 { font-size: 36px; }
.project-picture span { background: #09090bd9; color: white; border-left: 3px solid var(--accent); }
.project-card p { font-size: 16px; }
.event-card,.news-card { border-bottom: 1px solid #41414b; padding-bottom: 24px; }
.tag { color: var(--bg); background: var(--accent); font-weight: 700; }
.event-image,.news-image { border-radius: 2px; }
.partner-banner { background: var(--accent); color: var(--bg); padding-block: 84px; }
.partner-banner h2 { color: var(--bg); font-size: clamp(58px,6.4vw,98px); }
.partner-banner p,.partner-banner .eyebrow { color: #24111c; }
.partner-visual img { filter: none; border: 2px solid var(--bg); }
.partner-stamp { background: var(--bg); color: white; border: 1px solid #09090b; box-shadow: 6px 6px 0 #09090b33; transform: rotate(-4deg); }
.partner-stamp em { color: var(--accent); }
.partner-path,.professional-path { background: var(--panel); border: 1px solid #383840; border-top: 3px solid var(--accent); border-radius: 2px; }
.partner-path p,.professional-path p,.working-method p { color: #b7b7c1; }
.partner-path h2,.professional-path h2 { font-size: 36px; }
.sponsor-shortcuts a { color: var(--accent-soft); }
.case-proof { border-bottom: 1px solid #41414b; }
.gear-image { background: #edebf0; border: 1px solid #41414b; }
.worn-grid>article { border: 1px solid #383840; background: var(--panel); }
.worn-grid>article>div { padding: 24px; }
.worn-grid>article img { background: #f1eff4; }
/* Browse and watch: filters are deliberately quieter than the images. */
.roster-filters,.video-filters,.news-filters { background: var(--panel); padding: 22px; border: 1px solid #383840; gap: 20px; }
.roster-filters label>span,.video-filters label,.news-filters label { color: #d4d4de; }
input,select,textarea,.video-filters input,.video-filters select { background: #101014; color: #fafafd; border-color: #61616f; border-radius: 2px; }
input::placeholder,textarea::placeholder { color: #a5a5b2; }
input:focus,select:focus,textarea:focus { border-color: var(--accent); }
input[type=checkbox],input[type=radio] { accent-color: var(--accent); }
.section-paper input,.section-paper select,.section-paper textarea { background: white; color: #17131b; border-color: #837889; }
.section-paper input::placeholder,.section-paper textarea::placeholder { color: #716875; }
.request-form { border-radius: 2px; }
.video-card { background: var(--panel); border: 1px solid #383840; }
.video-card-body { padding: 24px; }
.video-card h3 { font-size: 29px; }
.video-brand { background: #101014; color: var(--ink); }
.video-brand span { color: var(--accent); }
.video-stage { border-bottom: 1px solid #383840; }
.video-play>span { background: var(--accent); color: var(--bg); border: 0; }
.video-related a { color: #e0e0e8; border-color: #51515e; }
.video-poster-credit { background: #09090bdd; color: white; }
.library-count a { color: var(--accent-soft); }
.library-pagination [aria-current] { background: var(--accent); color: var(--bg); border-color: var(--accent); }
.follow-section .request-form { background: var(--panel); border: 1px solid #383840; border-top: 3px solid var(--accent); }
.social-channels>a { background: var(--panel); transition: background .2s; }
.social-channels>a:hover { background: #24202a; }
.social-channel-icon { color: var(--accent); }
/* Footer is a brand moment, not a forgotten utility block. */
.site-footer { background: #09090b; border-top: 4px solid var(--accent); }
.footer-wordmark { display: flex; justify-content: space-between; align-items: center; gap: 25px; padding-top: 54px; padding-bottom: 24px; overflow: hidden; }
.footer-wordmark>span { font: 700 clamp(55px,8.7vw,144px)/.95 var(--display); letter-spacing: -.025em; color: var(--ink); }
.footer-wordmark em { color: var(--accent); font-style: normal; }
.footer-wordmark img { width: clamp(80px,10vw,150px); mix-blend-mode: screen; }
.footer-top { padding-top: 30px; padding-bottom: 50px; }
.footer-contact { font-size: clamp(28px,3vw,46px); border-color: var(--accent); color: var(--accent-soft); }
.footer-top p { color: #b7b7c1; }
.footer-bottom { color: #b7b7c1; }
.footer-bottom a:hover { color: var(--accent-soft); }
/* Keep third-party cookie UI on the same palette without changing consent behaviour. */
.cmplz-cookiebanner { background: #16161c!important; color: #f8f8fc!important; border-color: #555562!important; border-radius: 3px!important; box-shadow: 0 15px 60px #0008!important; }
.cmplz-cookiebanner .cmplz-title,.cmplz-cookiebanner .cmplz-message { color: #f1f1f6!important; }
.cmplz-cookiebanner .cmplz-links a,.cmplz-cookiebanner .cmplz-manage-options { color: #ffb3d5!important; }
.cmplz-cookiebanner .cmplz-btn { background: transparent!important; border-color: #9999a6!important; color: #f8f8fc!important; border-radius: 2px!important; }
.cmplz-cookiebanner .cmplz-accept { background: var(--accent)!important; border-color: var(--accent)!important; color: #09090b!important; }
.cmplz-cookiebanner svg { fill: #fff!important; }
@media(min-width:1600px) { .promotion-copy { padding-top: 82px; padding-bottom: 82px; } }
@media(max-width:1150px) {
    .site-header { gap: 24px; }
    .promotion-copy h1 { font-size: clamp(86px,11vw,125px); max-width: 700px; }
    .promotion-image { left: 32%; }
    .promotion-copy .hero-buttons { max-width: 590px; }
}
@media(max-width:900px) {
    .section-head { align-items: start; }
    .section-head .button { flex-shrink: 1; }
    .promotion-copy .hero-buttons { max-width: 360px; }
    .next-rendezvous h2 { font-size: 31px; }
    .footer-wordmark>span { max-width: 70%; }
}
@media(max-width:700px) {
    .site-header { height: 78px; }
    .topline { padding: 10px 16px; min-height: 54px; gap: 8px; }
    .secondary-navigation { gap: 21px; }
    .site-header nav>a[aria-current]:after { display: none; }
    .site-header nav>a[aria-current] { color: var(--accent-soft); }
    .promotion-hero { min-height: 0; }
    .promotion-image { inset: auto; height: 300px; margin: 12px 12px 0; border-radius: 2px; }
    .promotion-image:after { background: linear-gradient(0deg,#09090b,transparent 45%); }
    .promotion-image>img { object-position: 35% 43%; }
    .promotion-copy { padding-top: 10px; padding-bottom: 40px; width: 100%; }
    .promotion-copy .eyebrow { font-size: 10px; letter-spacing: .08em; }
    .promotion-copy h1 { font-size: clamp(66px,16vw,104px); line-height: .92; margin: 20px 0 23px; }
    .promotion-copy .lead { font-size: 18px; }
    .promotion-copy .hero-buttons { flex-wrap: wrap; max-width: none; margin-top: 23px; }
    .promotion-copy .button { padding: 16px 18px; flex: 1 1 185px; }
    .image-location { right: 4px; bottom: 15px; font-size: 9px; padding: 8px 10px; }
    .brand-rail { font-size: 22px; padding-block: 12px; gap: 23px; }
    .brand-rail span { gap: 23px; }
    .next-rendezvous { padding-block: 27px; }
    .page-intro { padding-top: 36px; padding-bottom: 32px; margin-bottom: 22px; }
    .page-intro h1 { font-size: clamp(49px,12.9vw,82px); line-height: 1; }
    .page-intro .lead { font-size: 18px; }
    .page-intro .intro-mark { width: 180px; height: 180px; right: -28px; top: 5px; opacity: .09; }
    .section-head { display: block; margin-bottom: 30px; }
    .section-head .button { margin-top: 20px; }
    .section-head h2 { font-size: clamp(39px,10vw,64px); }
    .roster-filters,.video-filters,.news-filters { padding: 16px; gap: 14px; }
    .card-footer { padding: 12px; }
    .collectible .card-identity { left: 15px; right: 62px; }
    .collectible h3 { font-size: 32px; }
    .collectible>.affiliation { padding-inline: 12px; }
    .project-card>div,.video-card-body { padding: 22px; }
    .project-card h3 { font-size: 32px; }
    .partner-banner { padding-block: 52px; }
    .partner-banner h2 { font-size: clamp(49px,13vw,80px); }
    .partner-stamp { left: 10px; bottom: -20px; font-size: 34px; padding: 16px 22px; }
    .partner-path h2,.professional-path h2 { font-size: 31px; }
    .career-panel { padding: 16px; }
    .footer-wordmark { padding-top: 35px; padding-bottom: 10px; gap: 16px; }
    .footer-wordmark>span { font-size: clamp(42px,11vw,70px); }
    .footer-wordmark img { width: 75px; }
    .footer-top { padding-top: 30px; padding-bottom: 35px; }
}
@media(prefers-reduced-motion:reduce) {
    *,*::before,*::after { scroll-behavior: auto!important; animation: none!important; transition: none!important; }
    a.collectible:hover,.fighter-card:hover .fighter-photo img,.project-picture:hover img { transform: none; }
}
@media print {
    .brand-rail,.intro-mark { display: none!important; }
    body,.section-paper,.collectible,.career-panel,.video-card { background: white; color: #111; }
    .page-intro { border-color: #ccc; }
    .section { padding-block: 25px; }
}
/* Keep logos monochrome and the complete card clickable, including its frame. */
.collectible { display: block; }
.page-intro .intro-mark,.footer-wordmark img { filter: brightness(0) invert(1); }
.profile-picture>img,.news-card img,.sponsor-hero>img,.team-grid img { filter: none; }
@media(max-width:900px) {
    .site-header { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 10px; }
    .site-header nav { top: 100%; }
    .menu-toggle { margin: 0; }
    .header-actions { margin: 0; gap: 8px; }
    .brand { min-width: 0; }
}
@media(max-width:700px) {
    .site-header { padding-inline: 16px; }
    .site-header .brand { gap: 8px; }
    .site-header .brand img { width: 42px; height: 42px; }
    .site-header .brand>span { font-size: 25px; letter-spacing: 2px; }
    .site-header .brand small { font-size: 8px; letter-spacing: 3.5px; }
    .site-header .language-switch { gap: 0; }
    .site-header .language-switch a { min-width: 25px; justify-content: center; }
}
@media(max-width:359px) {
    .site-header { padding-inline: 12px; gap: 6px; }
    .site-header .brand { gap: 6px; }
    .site-header .brand img { width: 32px; height: 32px; }
    .site-header .brand>span { font-size: 22px; }
    .site-header .brand small { font-size: 7px; letter-spacing: 3px; }
    .site-header .language-switch a { min-width: 23px; }
    .header-actions { gap: 5px; }
}
@media(max-width:600px) {
    .fighter-grid { grid-template-columns: minmax(0,1fr); gap: 28px; }
    .collectible .fighter-photo { aspect-ratio: 4/5; }
    .collectible .card-edition { font-size: 10px; }
    .collectible .card-identity { left: 20px; right: 70px; bottom: 24px; }
    .collectible h3 { font-size: 42px; overflow-wrap: anywhere; }
    .card-identity>p { font-size: 12px; }
    .card-footer { padding: 16px 20px; font-size: 12px; }
    .collectible>.affiliation { padding: 0 20px 16px; }
    .card-footer>span:first-child { flex-basis: auto; }
    .sponsor-hero h1 { font-size: clamp(48px,12.9vw,74px); line-height: .99; }
}
.video-play { background: var(--accent); border: 2px solid var(--accent); color: var(--bg); }
.video-play>span { background: none; color: inherit; }
.video-play:hover { background: #ff83b9; border-color: #ff83b9; }
.site-header { background: var(--bg); }
@media(min-width:340px) and (max-width:700px) {
    .cmplz-cookiebanner .cmplz-buttons { display: grid!important; grid-template-columns: repeat(3,minmax(0,1fr))!important; gap: 8px!important; }
    .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { padding-inline: 7px!important; min-height: 44px; font-size: 12px!important; }
}

/* Ringside materials: static print grain, edge light and layered photographic frames. */
:root {
    --surface-grain: url('canvas-grain.svg');
    --panel-depth: 0 16px 32px -18px #000c, 0 3px 8px #0003;
    --edge-light: inset 0 1px 0 #ffffff12;
}
body { background-image: var(--surface-grain); }
.site-header {
    background-image: linear-gradient(180deg,#ffffff05,transparent);
    box-shadow: 0 8px 28px -18px #000d, inset 0 -1px 0 #ffffff03;
}
.promotion-hero:before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: var(--surface-grain),radial-gradient(ellipse at 0% 8%,#ff3f931f,transparent 58%);
}
.promotion-copy h1 em { text-shadow: 0 8px 42px #ff3f931a; }
.promotion-image {
    box-shadow: 1px -1px 0 #ffffff1a, 12px 12px 34px #0004;
}
.promotion-image:before {
    content: '';
    position: absolute;
    z-index: 1;
    pointer-events: none;
    right: 0;
    top: 0;
    width: 52px;
    height: 52px;
    border-top: 2px solid var(--accent);
    border-right: 2px solid var(--accent);
}
.image-location { box-shadow: -7px 7px 0 #0004; }
.brand-rail {
    background-image: var(--surface-grain),linear-gradient(175deg,#ffffff24,transparent 48%,#5800201a);
    box-shadow: inset 0 1px 0 #ffffff59, inset 0 -2px 0 #0002, 0 7px 18px #0003;
    position: relative;
    z-index: 1;
}
.next-rendezvous {
    background-image: var(--surface-grain),linear-gradient(100deg,#21171f,#15151a 65%);
    box-shadow: inset 0 -1px 0 #ffffff06;
}
.page-intro {
    background-image: radial-gradient(ellipse at 94% 35%,#ff3f9315,transparent 65%);
}
.page-intro:before {
    content: '';
    position: absolute;
    z-index: -2;
    top: 0;
    right: 0;
    bottom: 0;
    width: 43%;
    pointer-events: none;
    background: repeating-linear-gradient(-42deg,transparent 0 33px,#ffffff07 33px 34px);
    mask-image: linear-gradient(90deg,transparent,#000);
}
.page-intro .intro-mark { opacity: .15; }
.section-head { position: relative; }
.section-head:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -17px;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg,#ffffff24,transparent 82%);
}
.section-paper .section-head:after { background: linear-gradient(90deg,#100a2029,transparent 82%); }

/* The frame sits over the picture; it never takes pointer events or alters the crop. */
.collectible {
    border-color: #49424e;
    background-image: var(--surface-grain),linear-gradient(135deg,#25222b,#131317 76%);
    box-shadow: var(--edge-light),var(--panel-depth);
    transition: transform .2s,border-color .2s,box-shadow .2s;
}
.collectible:after {
    content: '';
    position: absolute;
    inset: 5px;
    z-index: 4;
    border: 1px solid #ffffff0d;
    border-top-color: #ffffff24;
    pointer-events: none;
}
.collectible .card-edition {
    background-image: var(--surface-grain),linear-gradient(110deg,#34222f,#18161c 65%);
    box-shadow: inset 0 -1px 0 #ffffff14;
}
.card-footer { box-shadow: inset 0 1px 0 #ffffff06; }
.card-arrow { box-shadow: inset 0 1px 0 #ffffff59,0 4px 14px #0007; }
.profile-seal { box-shadow: 5px 5px 0 #0006,inset 0 1px 0 #ffffff59; }
.career-panel,.partner-path,.professional-path,.worn-grid>article,.video-card,.follow-section .request-form {
    background-image: var(--surface-grain),linear-gradient(145deg,#ffffff07,transparent 55%);
    box-shadow: var(--edge-light),var(--panel-depth);
}
.roster-filters,.video-filters,.news-filters {
    background-image: linear-gradient(180deg,#ffffff05,transparent);
    box-shadow: var(--edge-light),0 12px 25px -20px #000d;
}
.section-paper {
    background-image: var(--surface-grain),linear-gradient(150deg,#fff8,transparent 50%);
    box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #14101c15;
}
.section-paper .project-card {
    border-color: #d7d1db;
    box-shadow: 0 18px 35px -22px #2411245c,0 2px 4px #2411240a;
}
.project-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,320px),1fr)); }
.event-tools { flex-wrap: wrap; }
.project-picture,.event-image,.news-image,.first-look-media,.professional-hero>img {
    box-shadow: 0 14px 25px -18px #000b;
}
.video-play { box-shadow: 0 0 0 7px #09090b33,0 8px 25px #0007,inset 0 1px 0 #ffffff66; }
.partner-banner {
    background-image: var(--surface-grain),radial-gradient(ellipse at 8% 0%,#ffc2df80,transparent 60%),linear-gradient(120deg,transparent 48%,#60042b18);
    box-shadow: inset 0 1px 0 #ffffff73,inset 0 -1px 0 #09090b26;
}
.partner-visual { isolation: isolate; }
.partner-visual:before {
    content: '';
    position: absolute;
    inset: 12px -12px -12px 12px;
    z-index: -1;
    pointer-events: none;
    border: 1px solid #24091670;
    background: repeating-linear-gradient(-45deg,transparent 0 6px,#24091612 6px 7px);
}
.partner-visual img { box-shadow: 0 22px 34px -20px #39031780; }
.partner-stamp {
    background-image: var(--surface-grain);
    box-shadow: 6px 6px 0 #09090b33,0 16px 26px -17px #09090b9c,inset 0 1px 0 #ffffff1f;
}
.gear-image { box-shadow: 10px 10px 0 #ffffff0b,0 24px 34px -22px #000b; }
.social-channels>a { box-shadow: var(--edge-light); }
.site-footer {
    background-image: var(--surface-grain),radial-gradient(ellipse at 92% 0%,#ff3f931c,transparent 60%);
    box-shadow: inset 0 1px 0 #ffffff26;
}
.footer-wordmark img { filter: brightness(0) invert(1) drop-shadow(0 10px 28px #ff3f9338); }
.button:not(.text-button) {
    box-shadow: inset 0 1px 0 #ffffff4d,0 4px 0 #0004,0 9px 16px -12px #000b;
}
.button.outline { box-shadow: inset 0 1px 0 #ffffff12,0 4px 0 #0003; }
.button.dark { box-shadow: inset 0 1px 0 #ffffff26,0 4px 0 #0003,0 8px 18px -10px #0005; }
.button:not(.text-button):active { transform: translateY(2px); box-shadow: inset 0 1px 0 #ffffff24,0 1px 0 #0003; }
.partner-banner :is(a,button):focus-visible { outline-color: var(--bg); }
.section-paper :is(a,button,input,select,textarea):focus-visible { outline-color: var(--accent-dark); }
/* Interaction is optional; touch and reduced-motion modes keep the same depth. */
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
    a.collectible:hover {
        box-shadow: 0 25px 42px -22px #000,0 0 0 1px #ff3f9340,inset 0 1px 0 #ffffff24;
    }
}
@media(min-width:701px) {
    .promotion-image { mask-image: linear-gradient(90deg,transparent,#000 29%); }
}
@media(max-width:700px) {
    .promotion-hero:before { background-image: var(--surface-grain),radial-gradient(ellipse at 0% 50%,#ff3f9314,transparent 60%); }
    .promotion-image:before { width: 32px; height: 32px; }
    .promotion-image { box-shadow: 1px -1px 0 #ffffff1a; }
    .page-intro:before { width: 60%; }
    .collectible { box-shadow: var(--edge-light),0 12px 24px -12px #0009; }
    .partner-visual:before { inset: 8px -8px -8px 8px; }
    .gear-image { box-shadow: 6px 6px 0 #ffffff0b,0 20px 30px -22px #000b; }
}
@media(max-width:600px) {
    .event-tools>.button { flex: 1 1 100%; min-width: 0; }
}
@media(max-width:380px) {
    .collectible h3 { font-size: clamp(32px,10vw,38px); }
}
@media(prefers-reduced-motion:reduce) {
    .button:not(.text-button):active { transform: none; }
}
@media print, (forced-colors:active) {
    body,.promotion-hero,.brand-rail,.next-rendezvous,.page-intro,.collectible,.card-edition,.career-panel,.partner-path,.professional-path,.video-card,.worn-grid>article,.request-form,.section-paper,.partner-banner,.partner-stamp,.site-footer {
        background-image: none!important;
        box-shadow: none!important;
    }
    .promotion-hero:before,.promotion-image:before,.page-intro:before,.collectible:after,.partner-visual:before,.section-head:after { display: none; }
}

/* Real ways to stay connected while email delivery is being prepared. */
.follow-channels h2 { white-space:pre-line; }
.follow-channels>div>p:not(.eyebrow) { color:var(--muted); line-height:1.65; }
.follow-destinations { min-width:0; }
.follow-youtube { display:flex; align-items:center; gap:20px; padding:28px; border:1px solid #53535e; border-top:3px solid var(--accent); background:linear-gradient(135deg,#ff3f9312,transparent 65%),var(--panel); text-decoration:none; box-shadow:0 15px 40px #0004; }
.follow-youtube>div { min-width:0; flex:1; }
.follow-youtube strong { display:block; font:600 31px/1.05 'Barlow Condensed',sans-serif; margin:12px 0; }
.follow-youtube div>span:last-child { font-size:13px; color:var(--muted); }
.follow-play { display:grid; place-items:center; background:var(--accent); color:var(--bg); border-radius:50%; width:46px; height:46px; flex-shrink:0; }
.follow-networks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid #41414c; border-top:0; }
.follow-networks a { padding:22px 16px; text-decoration:none; }
.follow-networks a+a { border-left:1px solid #41414c; }
.follow-networks strong { font-size:14px; display:block; }
.follow-networks span { font-size:12px; line-height:1.5; color:var(--muted); display:block; margin-top:8px; }
.follow-networks a:hover,.follow-youtube:hover { background-color:#232329; }
.video-card .video-detail-link { color:var(--accent-soft); display:block; font-weight:600; }
.video-card h3 a { text-decoration:none; }
.video-card h3 a:hover { color:var(--accent-soft); }
@media(min-width:751px) and (max-width:1100px) { .follow-channels { gap:28px; grid-template-columns:1fr 1.3fr; } }
@media(max-width:420px) { .follow-youtube { padding:22px 18px; gap:13px; } .follow-youtube strong { font-size:28px; } .follow-networks { grid-template-columns:1fr; } .follow-networks a { padding:18px; } .follow-networks a+a { border-left:0; border-top:1px solid #41414c; } .follow-networks span { margin-top:5px; } }

/* media-direction.css */
/* Photography belongs to the same charcoal surface as the editorial content.
   QR codes, logos, sponsor mockups and original lightbox images are deliberately excluded. */
:root{--photo-surface:#151419;--photo-edge:#ffffff14;--photo-shadow:0 18px 42px -28px #000d}
.event-card,.news-card,.project-card,.case-proof,.media-grid figure{
 background:linear-gradient(145deg,#ffffff03,transparent 60%),var(--photo-surface);
 border:1px solid var(--photo-edge);box-shadow:var(--photo-shadow);border-radius:3px;
}
.event-card,.news-card{padding-bottom:22px;overflow:hidden}
.event-caption{padding:21px 22px 0}
.news-card>p,.news-card>h3,.news-card>.inline-link{margin-left:22px;margin-right:22px}
.news-card>.inline-link{display:inline-block}
.event-image,.project-picture,.case-proof>a:first-child,.media-grid a,.first-look-media,.video-stage{
 position:relative;isolation:isolate;background:var(--photo-surface);overflow:hidden;
}
.event-image:after,.project-picture:after,.case-proof>a:first-child:after,.media-grid a:after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(180deg,#0000 70%,#15141938);
 box-shadow:inset 0 0 0 1px #ffffff0c;
}
.event-image .tag,.project-picture>span,.photo-expand{z-index:2}
.case-proof>a:first-child{display:block}
.case-proof>div{padding:24px}
.media-grid figure{overflow:hidden}
/* WordPress supplies height attributes; contain them within a responsive frame. */
.media-grid a[data-photo]{aspect-ratio:4/3;background:radial-gradient(ellipse at center,#29232d,#101014 85%)}
.media-grid a[data-photo]>img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
.media-grid a[data-photo]:hover>img{transform:none}
.media-grid figcaption{padding:15px 17px 18px;line-height:1.6;color:#c6c3cc}
.media-grid a:focus-visible,.kit-visual a:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.news-card>img{display:block;mask-image:linear-gradient(#000 90%,transparent)}
.article-image,.professional-hero>img,.form-photo{
 border:1px solid var(--photo-edge);box-shadow:var(--photo-shadow);border-radius:3px;
}
.profile-picture{background:radial-gradient(ellipse at 30% 0%,#ff3f930e,transparent 65%),var(--photo-surface);box-shadow:var(--photo-shadow)}
.first-look-media{border:1px solid var(--photo-edge);box-shadow:var(--photo-shadow)}
.first-play{background:linear-gradient(180deg,#151419eb,#151419);border-top:1px solid #ff3f932b}
.fighter-cinema:after{background:linear-gradient(0deg,#09090b 0%,#09090b66 22%,transparent 60%),linear-gradient(90deg,#09090b33,transparent 30%)}
.gear-image{background:radial-gradient(ellipse at 45% 45%,#30242e,#17151c 75%);border:1px solid var(--photo-edge);box-shadow:var(--photo-shadow);overflow:hidden}
.worn-grid>article{background:linear-gradient(145deg,#ffffff04,transparent 70%),var(--photo-surface);border-color:var(--photo-edge);box-shadow:var(--photo-shadow);overflow:hidden}
.worn-grid>article>.kit-visual{padding:0}
.kit-visual{display:grid;grid-template-columns:minmax(0,1fr);background:radial-gradient(ellipse at 50% 15%,#3b3035,#17151b 75%);padding:0;gap:1px}
.kit-visual-paired{grid-template-columns:repeat(2,minmax(0,1fr))}
.kit-visual figure{position:relative;min-width:0;margin:0;background:#151419}
.kit-visual a{display:block;position:relative;overflow:hidden;background:#151419}
.kit-visual a:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff0a;background:linear-gradient(0deg,#15141940,transparent 16%)}
.worn-grid>article .kit-visual img,.kit-story .kit-visual img{display:block;width:100%;height:420px;max-height:none;object-fit:contain;background:radial-gradient(ellipse at center,#302a2c,#151419 80%)}
.kit-visual figcaption{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;color:#d6d0d7;font-size:12px;letter-spacing:.06em;text-transform:uppercase;border-top:1px solid #ffffff10}
.kit-visual figcaption span{color:var(--accent)}
.kit-story>.kit-visual,.kit-story>div:has(>.kit-visual){border:1px solid var(--photo-edge);box-shadow:var(--photo-shadow)}
@media(max-width:750px){
 .event-caption{padding:17px 16px 0}.news-card>p,.news-card>h3,.news-card>.inline-link{margin-left:16px;margin-right:16px}
 .media-grid figcaption{padding:11px 12px 14px}.case-proof>div{padding:19px}
 .worn-grid>article .kit-visual img,.kit-story .kit-visual img{height:clamp(260px,75vw,420px)}
 .kit-visual figcaption{padding:11px 9px;font-size:10px;letter-spacing:.02em}
}
@media(prefers-reduced-motion:reduce){.media-grid a:hover img{transform:none}}
@media print{.event-card,.news-card,.project-card,.case-proof,.media-grid figure,.kit-visual{box-shadow:none;background:white}.kit-visual figcaption{color:#111}.news-card>img{mask-image:none}}
.project-card>div{padding:22px}
.section-paper .project-card{background:linear-gradient(145deg,#ffffff03,transparent 60%),var(--photo-surface);color:#f7f4f8;border-color:var(--photo-edge)}
.section-paper .project-card p{color:#d0cad3}
.section-paper .project-card .eyebrow,.section-paper .project-card .inline-link{color:#ff92c2}
/* Team, academy and partnership evidence use the same editorial frame. */
.team-grid>article,.professional-hero figure{margin:0;background:var(--photo-surface);border:1px solid var(--photo-edge);box-shadow:var(--photo-shadow);overflow:hidden}
.team-grid>article>a{display:block}
.team-grid>article p,.team-grid>article h3{margin-left:20px;margin-right:20px}
.team-grid>article h3{margin-bottom:22px}
.team-grid img{display:block;mask-image:linear-gradient(#000 88%,transparent)}
.professional-hero figure img{display:block}
.professional-hero figcaption{padding:13px 17px 16px;margin:0;line-height:1.5}
.sponsor-hero>img,.story-layout>img{border:1px solid var(--photo-edge);box-shadow:var(--photo-shadow);border-radius:3px;mask-image:linear-gradient(#000 94%,transparent)}
@media print{.team-grid img,.sponsor-hero>img,.story-layout>img{mask-image:none}.team-grid>article,.professional-hero figure{box-shadow:none;background:white}}
.product-card{display:block;overflow:hidden;border:1px solid var(--photo-edge);background:var(--photo-surface);box-shadow:var(--photo-shadow);padding-bottom:20px}
.product-card>div{border-bottom:1px solid var(--photo-edge)}
.product-card>p,.product-card>h3{margin-left:18px;margin-right:18px}
@media(prefers-reduced-motion:reduce){.product-card:hover img{transform:none}}

#worn-equipment{scroll-margin-top:110px}

/* Approved ringside framing: retain the source photograph for the lightbox. */
.media-grid:has(>figure[data-frame="sameer-darica-approved"]:only-child){grid-template-columns:minmax(0,800px)}
.media-grid figure[data-frame="sameer-darica-approved"] a[data-photo]{overflow:hidden}

/* fighter-direction.css */
/* Tunal fighter signature: ring corners and the original wolf, without a rating or rank.
   Names live outside the photograph, so long names never cover a face. */
.fighter-portrait{object-position:var(--portrait-focus,50% 35%);transform:scale(var(--portrait-zoom,1));transform-origin:center}
.fighter-pass:is(:hover,:focus-visible) .fighter-photo>.fighter-portrait{transform:scale(var(--portrait-zoom,1))}
a.fighter-pass{align-self:stretch;height:100%;display:flex;flex-direction:column;isolation:isolate;background:#16151b;border:1px solid #ffffff1f;border-radius:3px;box-shadow:0 16px 32px -24px #000;transition:transform .2s ease,border-color .2s ease}
.fighter-pass:after{display:none}
.fighter-signature{display:flex;align-items:center;gap:10px;padding:10px 15px;color:#fbf8fc;background:linear-gradient(120deg,#2b202a,#141318 70%);border-top:3px solid var(--accent);border-bottom:1px solid #ffffff14;position:relative;z-index:3}
.fighter-signature>img{width:33px;height:33px;object-fit:contain;filter:brightness(0) invert(1);flex-shrink:0}
.fighter-signature>span{font-family:var(--display);font-size:22px;letter-spacing:.1em;line-height:1}
.fighter-signature small{display:block;margin-top:4px;font-family:var(--body);font-size:7px;letter-spacing:.18em;color:#d6c8d2}
.fighter-signature>i{width:24px;height:18px;margin-left:auto;opacity:.8;background:repeating-linear-gradient(120deg,transparent 0 5px,var(--accent) 5px 8px,transparent 8px 11px)}
.fighter-pass .fighter-photo{aspect-ratio:4/5;flex-shrink:0;isolation:isolate}
.fighter-pass .fighter-photo>.fighter-portrait{top:0;height:100%;display:block}
.fighter-pass .fighter-photo:after{inset:0;z-index:1;background:linear-gradient(0deg,#16151b 0%,#16151b33 15%,transparent 30%);box-shadow:inset 0 0 0 1px #ffffff06}
.ring-corner{position:absolute;pointer-events:none;inset:14px;z-index:2;border:0}
.ring-corner:before,.ring-corner:after{content:"";position:absolute;width:28px;height:28px;border-color:var(--accent);border-style:solid;filter:drop-shadow(0 1px 3px #0007)}
.ring-corner:before{left:0;top:0;border-width:2px 0 0 2px}
.ring-corner:after{right:0;bottom:0;border-width:0 2px 2px 0}
.fighter-pass .card-identity{position:relative;left:auto;right:auto;bottom:auto;z-index:2;padding:5px 60px 21px 20px;margin-top:-22px;min-height:118px;flex:1;background:linear-gradient(0deg,#16151b 72%,transparent)}
.fighter-pass .card-identity>p{font-size:10px;line-height:1.4;letter-spacing:.12em;margin:0;color:#ffb2d5}
.fighter-pass h3{font-size:clamp(28px,2.35vw,38px);margin:7px 0 0;line-height:1.02;overflow-wrap:normal;word-break:normal;hyphens:none}
.fighter-pass .card-identity>.nickname{margin:11px 0 0;font-size:11px;color:#e7d3df;letter-spacing:.1em;line-height:1.35}
.fighter-pass .card-arrow{position:absolute;bottom:24px;right:16px;width:32px;height:32px;display:grid;place-items:center;background:transparent;border:1px solid #ff3f9370;color:var(--accent);font-size:25px;transition:color .2s,background .2s}
.fighter-pass:is(:hover,:focus-visible) .card-arrow{background:var(--accent);color:#111}
.fighter-pass:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.fighter-pass .card-footer{padding:14px 20px;border-color:#ffffff13;font-size:11px;background:#111015;gap:12px}
.fighter-pass>.affiliation{padding:10px 20px;margin:0;font-size:10px;line-height:1.5;background:#111015;color:#bdb5c1}
.fighter-pass .fighter-monogram{min-height:0;height:100%;padding-bottom:35px}
.profile-picture.collectible{overflow:hidden;isolation:isolate}
.profile-picture>.fighter-portrait{position:absolute;inset:0;display:block}
.profile-picture>.fighter-signature{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #ffffff20;border-bottom:3px solid var(--accent);background:linear-gradient(100deg,#18141eeb,#151318f7);padding:15px 20px}
.profile-picture>.fighter-signature>img{width:42px;height:42px}
.profile-picture>.fighter-signature>span{font-size:28px}
.profile-picture>.fighter-signature small{font-size:8px}
.profile-picture>.ring-corner{bottom:95px}
@media(max-width:600px){
 .fighter-portrait{object-position:var(--portrait-focus-mobile,var(--portrait-focus,50% 35%))}
 .fighter-pass .card-identity{padding:4px 66px 22px 22px;min-height:116px}
 .fighter-pass h3{font-size:clamp(30px,10vw,39px)}
 .fighter-pass .card-identity>p{font-size:11px}
 .fighter-pass .card-identity>.nickname{font-size:12px}
 .fighter-signature{padding:10px 18px}
 .fighter-pass .card-arrow{right:21px;bottom:26px}
}
@media(prefers-reduced-motion:reduce){a.fighter-pass{transition:none}a.fighter-pass:hover{transform:none}.fighter-pass .card-arrow{transition:none}}
@media print{.fighter-pass{break-inside:avoid;box-shadow:none}.fighter-signature,.fighter-pass .card-footer,.fighter-pass>.affiliation{print-color-adjust:exact}.ring-corner{display:none}}
/* Keep record and category baselines aligned, including profiles without a verified record. */
.fighter-pass .card-footer{display:flex;align-items:center;justify-content:space-between;min-height:53px;line-height:1.4;flex-shrink:0}
.fighter-pass .card-footer strong{line-height:1}
.fighter-pass>.affiliation{min-height:35px;flex-shrink:0}
/* An editorial photo is not a video thumbnail: preserve the entire image and place
   the video link beneath it. Portraits receive a narrower, deliberately vertical frame. */
.first-look-media>img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:radial-gradient(ellipse at center,#30272e,#151419 75%)}
.first-look-media>.first-play{position:relative;inset:auto;display:flex;min-height:92px}
.first-look-vertical{grid-template-columns:1.05fr .95fr}
.first-look-vertical .first-look-media{width:100%;max-width:420px;justify-self:center}
@media(max-width:750px){.first-look-vertical{grid-template-columns:1fr}.first-look-media>img{height:auto;max-height:580px}.first-look-media>.first-play{min-height:82px}}
.fighter-signature>.fighter-monogram-mark{display:grid;place-items:center;width:auto;min-width:38px;height:32px;padding-left:10px;background:none;border-left:1px solid #ff3f934d;color:#ff91c2;font:600 23px/1 var(--display);letter-spacing:.04em;font-style:normal;opacity:1}

/* Keep authors visible even when the responsive cover crops the signed corner. */
.cinema-credit{display:block;margin-top:12px;color:#ddd;font-size:12px;line-height:1.5;letter-spacing:.02em}

.first-look-credit{position:absolute;top:12px;right:12px;max-width:calc(100% - 24px);padding:4px 8px;background:#111c;color:white;font-size:11px;line-height:1.5;z-index:1}

/* Records supplied by athletes remain visibly distinct from checked records. */
.card-footer:has(.record-provenance){flex-wrap:wrap}.card-footer .record-provenance{flex-basis:100%;text-align:right;font-size:.68rem;letter-spacing:.06em;opacity:.8}

/* Career strengths sit alongside the record; approved imagery remains untouched. */
.fighter-at-a-glance{margin:24px 0;padding:20px 22px;border:1px solid rgba(255,63,147,.35);border-left:3px solid var(--accent,#ff3f93);background:rgba(255,63,147,.045)}
.fighter-at-a-glance .eyebrow{margin:0 0 12px;font-size:12px;letter-spacing:.12em}
.fighter-at-a-glance ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.fighter-at-a-glance li{margin:0;line-height:1.5;font-size:15px;color:var(--text,#fafafd)}
@media(max-width:760px){.fighter-at-a-glance{padding:18px}.fighter-at-a-glance li{font-size:14px}}

/* BoxRec access: a separate link from the Tunal profile, with a shared fight-pass identity. */
.fighter-card-shell{display:flex;flex-direction:column;min-width:0;height:100%}
.fighter-card-shell>.fighter-card{flex:1;min-width:0}
.fighter-card-shell>a.collectible:hover{transform:none}
/* Compact external access; original BoxRec wordmark, red/black on white. */
a.boxrec-profile-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;align-self:flex-start;width:auto;max-width:100%;min-height:44px;box-sizing:border-box;margin:20px 0;padding:12px 14px;border:1px solid #ddd;border-bottom:3px solid #c92029;border-radius:5px;background:#fff;box-shadow:0 3px 10px #0002;color:#161616;text-decoration:none;transition:border-color .18s,box-shadow .18s}
.boxrec-profile-button .boxrec-logo{display:block;position:static;width:106px;height:19px;object-fit:contain;filter:none;transform:none}
.boxrec-button-arrow{display:block;padding-left:11px;border-left:1px solid #ddd;font:500 21px/1 var(--body);color:#b91c26}
a.boxrec-profile-button:hover{border-color:#c92029;box-shadow:0 4px 14px #0004}
a.boxrec-profile-button:focus-visible{outline:3px solid #ffb1b8;outline-offset:4px}
a.boxrec-card-button{margin:10px 0 0;min-height:44px;padding:10px 12px;gap:10px}
.boxrec-card-button .boxrec-logo{width:92px;height:17px}
@media(prefers-reduced-motion:reduce){a.boxrec-profile-button{transition:none}}
@media(forced-colors:active){a.boxrec-profile-button{border:2px solid LinkText}.boxrec-button-arrow{color:LinkText}}
/* White backgrounds are the roster standard. Preserve complete generated compositions. */
.fighter-photo,.profile-picture.collectible{background:#fff}
.fighter-photo>.portrait-white,.profile-picture>.portrait-white{object-fit:contain;object-position:center;transform:none;background:#fff}
.fighter-pass:is(:hover,:focus-visible) .fighter-photo>.portrait-white{transform:none}

/* Owner-selected June film: preserve the original vertical composition. */
.june-highlight{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(32px,6vw,96px);border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24}
.june-highlight-copy h2{font-size:clamp(40px,5.5vw,88px);line-height:.98;white-space:pre-line;max-width:12ch;margin:22px 0}
.june-highlight-copy>p:not(.eyebrow){max-width:46ch}.june-highlight-duration{display:inline-block;color:#ef9cbd;letter-spacing:.12em;font-size:12px;margin:16px 0}
.june-highlight-player{margin:0;width:min(100%,400px);justify-self:center}.june-highlight-player video{display:block;width:100%;height:auto;aspect-ratio:9/16;max-height:76svh;object-fit:contain;background:#08090b;border:1px solid #ffffff26;border-radius:8px;box-shadow:0 18px 55px #0005}.june-highlight-player figcaption{font-size:12px;color:#aaa;margin-top:12px}
@media(max-width:700px){.june-highlight{grid-template-columns:1fr;gap:24px}.june-highlight-player{width:min(100%,360px)}.june-highlight-copy h2{max-width:16ch;font-size:48px}.june-highlight-player video{max-height:none}}

/* Keep the complete approved portrait visible across every fighter template.
   Specificity must beat the legacy collectible and questionnaire cover rules. */
body .fighter-card.collectible .fighter-photo > img.fighter-portrait,
body .fighter-card.collectible:is(:hover,:focus-visible) .fighter-photo > img.fighter-portrait,
body .profile-picture.collectible > img.fighter-portrait,
body .q-profile-portrait > img.fighter-portrait,
body .bf-portrait img.fighter-portrait {
 object-fit:contain;
 object-position:50% 0%;
 transform:none;
 box-sizing:border-box;
 padding:12px 8px 0;
 background:#fff;
}
body .q-profile-portrait,
body .bf-portrait {background:#fff;}

/* Owner-supplied November studio photographs: full frame, dark stage, no zoom. */
body .fighter-card.collectible .fighter-photo > img.fighter-portrait.portrait-studio,
body .fighter-card.collectible:is(:hover,:focus-visible) .fighter-photo > img.fighter-portrait.portrait-studio,
body .profile-picture.collectible > img.fighter-portrait.portrait-studio,
body .q-profile-portrait > img.fighter-portrait.portrait-studio,
body .bf-portrait img.fighter-portrait.portrait-studio {
 object-fit:contain;
 object-position:center;
 transform:none;
 padding:0;
 background:#101318;
}
body .fighter-photo:has(> .portrait-studio),
body .profile-picture:has(> .portrait-studio),
body .q-profile-portrait:has(> .portrait-studio),
body .bf-portrait:has(.portrait-studio) {background:#101318;}

/* BEGIN TUNAL CARD FRAMING 20261110 */
/* Owner-requested, card-only optical framing; full portrait masters are retained. */
body .fighter-card.collectible .fighter-photo>img.fighter-portrait.portrait-studio[data-photo-fighter="804"]{object-fit:cover!important;object-position:50% 0!important;transform:translateY(-4%) scale(1.45)!important;transform-origin:50% 0!important}
body .fighter-card.collectible .fighter-photo>img.fighter-portrait.portrait-studio[data-photo-fighter="4952"]{object-fit:cover!important;object-position:50% 0!important;transform:translateY(-13%) scale(1.30)!important;transform-origin:50% 0!important}
body .fighter-card.collectible .fighter-photo>img.fighter-portrait.portrait-studio[data-photo-fighter="5226"]{object-fit:cover!important;object-position:50% 0!important;transform:translateY(-29%) scale(1.55)!important;transform-origin:50% 0!important}

body .fighter-card.collectible .fighter-photo>img.fighter-portrait.portrait-studio[data-photo-fighter="939"]{object-fit:cover!important;object-position:50% 0!important;transform:scale(1.35)!important;transform-origin:50% 0!important}
/* END TUNAL CARD FRAMING 20261110 */

/* journeys.css */
/* Local section menus stay below the main navigation, without covering content. */
:root { --tunal-header-height: 100px; --tunal-section-height: 0px; }
html { scroll-padding-top: calc(var(--tunal-header-height) + var(--tunal-section-height) + 18px); }
#fighter-profile { scroll-margin-top: 0; }
.section-menu { position: sticky; top: var(--tunal-header-height); z-index: 15; background: #111116f5; border-block: 1px solid var(--line); backdrop-filter: blur(14px); }
.section-menu-inner { display: flex; align-items: center; gap: 30px; min-height: 66px; }
.section-menu-title { color: var(--muted); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
.section-menu-links { display: flex; flex-wrap: wrap; gap: 4px 25px; padding-block: 8px; }
.section-menu a { display: inline-flex; align-items: center; min-height: 44px; padding-block: 8px; font-size: 14px; border-bottom: 2px solid transparent; }
.section-menu a:hover, .section-menu a[aria-current] { color: var(--accent); border-color: var(--accent); }
.section-menu a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.roster-count { align-items: center; flex-wrap: wrap; }
.roster-reset { color: var(--ink); background: transparent; border: 1px solid var(--line); padding: 10px 16px; min-height: 44px; cursor: pointer; }
.roster-reset:hover { border-color: var(--accent); }
.roster-reset[hidden] { display: none; }
.form-status.success { color: var(--ink); padding: 22px; border: 1px solid var(--accent); border-left-width: 4px; background: #17131b; line-height: 1.6; }
.form-status:empty { display: none; }
.form-status .request-reference { display: block; color: var(--accent); margin-top: 12px; font-weight: 600; overflow-wrap: anywhere; }
.form-status:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
@media (max-width: 700px) {
 .section-menu-title { display: none; }
 .section-menu-inner { min-height: 58px; }
 .section-menu-links { flex-wrap: nowrap; overflow-x: auto; gap: 22px; width: 100%; padding-block: 5px; scrollbar-width: thin; }
 .section-menu a { white-space: nowrap; font-size: 13px; flex-shrink: 0; }
 .roster-count > span:last-child { display: none; }
}
@media (prefers-reduced-transparency: reduce) { .section-menu { background: #111116; backdrop-filter: none; } }
@media print { .section-menu, .roster-reset { display: none; } }