@font-face {
    font-family: Barlow;
    src: url(fonts/barlow.ttf) format('truetype');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Barlow Condensed';
    src: url(fonts/display.ttf) format('truetype');
    font-weight: 700;
    font-display: swap;
}
:root {
    --bg: #09090b;
    --panel: #15151a;
    --ink: #fafafd;
    --muted: #a7a7ac;
    --accent: #ff3f93;
    --paper: #f5f3f6;
    --line: rgba(219, 220, 204, 0.17);
    --display: 'Barlow Condensed', 'Arial Narrow', Impact, sans-serif;
    --body: Barlow, Arial, sans-serif;
    --pad: clamp(22px, 5.5vw, 88px);
}
* {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
    scroll-padding-top: 95px;
}
body {
    margin: 0;
    background: var(--bg);
    color: var(--ink);
    font: 17px/1.65 var(--body);
    -webkit-font-smoothing: antialiased;
}
body,
button,
input,
select,
textarea {
    font-family: var(--body);
}
img {
    max-width: 100%;
    display: block;
}
a {
    color: inherit;
    text-decoration: none;
}
button,
input,
select,
textarea {
    font: inherit;
}
button,
a,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent;
}
button {
    cursor: pointer;
}
a,
button {
    touch-action: manipulation;
}
button:disabled {
    opacity: 0.6;
    cursor: wait;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 5px;
}
h1,
h2,
h3,
h4,
p {
    margin: 0;
}
h1,
h2,
h3 {
    font-family: var(--display);
    font-weight: 700;
    line-height: 1.02;
    text-transform: uppercase;
}
h1 {
    font-size: clamp(60px, 7.7vw, 118px);
    letter-spacing: -1.8px;
}
h2 {
    font-size: clamp(43px, 4.5vw, 70px);
    letter-spacing: -0.6px;
    white-space: pre-line;
}
h3 {
    font-size: 32px;
    line-height: 1.08;
}
p {
    color: var(--muted);
    margin-bottom: 18px;
}
p:last-child {
    margin-bottom: 0;
}
ul {
    padding-left: 20px;
}
.wrap {
    max-width: 1600px;
    margin: auto;
    padding-left: var(--pad);
    padding-right: var(--pad);
}
.section {
    padding-top: 98px;
    padding-bottom: 98px;
}
.section.compact {
    padding-top: 25px;
}
.eyebrow {
    font-size: 12px;
    line-height: 1.6;
    font-weight: 600;
    letter-spacing: 2.1px;
    text-transform: uppercase;
    color: var(--accent);
    margin: 0 0 16px;
}
.lead {
    font-size: 21px;
    line-height: 1.55;
    max-width: 760px;
}
.small-note {
    font-size: 13px;
    line-height: 1.5;
    color: var(--muted);
}
.topline {
    background: #15151a;
    border-bottom: 1px solid var(--line);
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--pad);
    font-size: 10px;
    letter-spacing: 1.9px;
    color: #a9a9ae;
}
.topline i {
    font-style: normal;
    color: var(--accent);
    margin: 0 14px;
}
.site-header {
    height: 95px;
    padding: 0 var(--pad);
    display: flex;
    align-items: center;
    gap: 42px;
    border-bottom: 1px solid var(--line);
    background: var(--bg);
    position: relative;
    z-index: 20;
}
.brand {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}
.brand img {
    width: 61px;
    height: 61px;
    object-fit: contain;
    mix-blend-mode: screen;
}
.brand > span {
    font-family: var(--display);
    font-size: 33px;
    letter-spacing: 3px;
    line-height: 0.85;
}
.brand small {
    font: 10px/1 var(--body);
    letter-spacing: 5px;
    display: block;
    margin-top: 9px;
}
.site-header nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(15px, 2.3vw, 33px);
    flex: 1;
}
.site-header nav > a {
    font-size: 13px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    white-space: nowrap;
    transition: color 0.2s;
}
.site-header nav > a:hover,
.site-header nav > a[aria-current] {
    color: var(--accent);
}
.header-actions {
    display: flex;
    align-items: center;
    gap: 23px;
}
.language-switch {
    display: flex;
    gap: 8px;
    font-size: 11px;
    letter-spacing: 0.6px;
}
.language-switch a {
    color: #848489;
}
.language-switch a[aria-current] {
    color: var(--accent);
    border-bottom: 1px solid var(--accent);
}
.bag {
    position: relative;
}
.bag span {
    position: absolute;
    top: -8px;
    right: -12px;
    font-size: 10px;
    background: var(--accent);
    color: var(--bg);
    border-radius: 100%;
    min-width: 16px;
    text-align: center;
}
.menu-toggle {
    display: none;
}
.skip-link {
    position: fixed;
    left: 15px;
    top: -100px;
    padding: 15px;
    background: var(--accent);
    color: #111;
    z-index: 100;
}
.skip-link:focus {
    top: 12px;
}
.hero {
    height: min(780px, calc(100svh - 129px));
    min-height: 610px;
    position: relative;
    overflow: hidden;
}
.hero-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 70% 42%;
    filter: saturate(0.6) brightness(0.8);
}
.hero-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(10, 13, 9, 0.98) 0%,
            rgba(10, 13, 9, 0.78) 30%,
            rgba(10, 13, 9, 0.25) 69%,
            rgba(10, 13, 9, 0.05)
        ),
        linear-gradient(0deg, rgba(10, 13, 9, 0.86), transparent 40%);
}
.hero-content {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 80px;
}
.hero-content > .eyebrow {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 11px;
}
.gold-line {
    width: 33px;
    height: 1px;
    background: var(--accent);
}
.hero h1 {
    font-size: clamp(95px, 10vw, 160px);
    line-height: 0.89;
    max-width: 780px;
    letter-spacing: -2px;
    margin: 12px 0 26px;
}
.hero h1 em {
    color: var(--accent);
    font-style: normal;
}
.hero-copy {
    max-width: 420px;
    color: #c6c6cb;
    font-size: 17px;
    line-height: 1.55;
    white-space: pre-line;
    margin-bottom: 30px;
}
.hero-buttons {
    display: flex;
    gap: 15px;
}
.button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 16px 24px;
    border: 1px solid var(--accent);
    background: var(--accent);
    color: #141419;
    font-size: 12px;
    letter-spacing: 1.05px;
    text-transform: uppercase;
    line-height: 1.45;
    font-weight: 600;
    transition:
        background 0.2s,
        color 0.2s,
        border-color 0.2s;
    min-height: 50px;
    text-align: left;
}
.button:hover {
    background: #ff85ba;
    border-color: #ff85ba;
    color: #121217;
}
.button > span {
    font-family: Arial, sans-serif;
    font-size: 21px;
    line-height: 1;
}
.button.outline {
    border-color: rgba(233, 235, 221, 0.4);
    background: transparent;
    color: var(--ink);
}
.button.outline:hover {
    background: var(--ink);
    color: var(--bg);
}
.button.dark {
    background: #18181d;
    border-color: #18181d;
    color: var(--paper);
}
.button.dark:hover {
    background: #333338;
}
.button.text-button {
    padding: 12px 0;
    background: none;
    color: inherit;
    border: none;
    border-bottom: 1px solid var(--line);
    white-space: nowrap;
    min-height: 42px;
}
.button.text-button:hover {
    color: var(--accent);
}
.hero-index {
    position: absolute;
    bottom: 25px;
    left: var(--pad);
    right: var(--pad);
    display: flex;
    gap: 30px;
    justify-content: space-between;
    max-width: 570px;
    color: #98989d;
    font-size: 10px;
    letter-spacing: 1.6px;
}
.hero-feature {
    position: absolute;
    right: var(--pad);
    bottom: 29px;
    display: flex;
    align-items: center;
    gap: 18px;
    background: rgba(22, 26, 17, 0.88);
    border: 1px solid rgba(213, 217, 196, 0.22);
    padding: 12px;
    min-width: 325px;
    backdrop-filter: blur(10px);
}
.hero-feature img {
    width: 93px;
    height: 74px;
    object-fit: cover;
}
.hero-feature span {
    display: block;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    color: var(--accent);
}
.hero-feature strong {
    font: 23px/1.3 var(--display);
    display: block;
}
.hero-feature small {
    font-size: 10px;
    letter-spacing: 1px;
    color: #a6a6ab;
}
.hero-feature b {
    font-size: 23px;
    font-weight: 400;
    margin: 0 10px;
}
.marquee {
    overflow: hidden;
    display: flex;
    justify-content: space-around;
    gap: 35px;
    align-items: center;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    height: 61px;
    color: #c2c2c7;
    font-size: 11px;
    letter-spacing: 2.4px;
    white-space: nowrap;
}
.marquee i {
    color: var(--accent);
    font-size: 20px;
    font-style: normal;
}
.section-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 25px;
    margin-bottom: 38px;
}
.section-head .eyebrow {
    margin-bottom: 10px;
}
.fighter-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}
.fighter-photo {
    position: relative;
    aspect-ratio: 3/3.6;
    overflow: hidden;
    background: #242429;
}
.fighter-photo:after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(9, 13, 7, 0.25), transparent 40%);
    pointer-events: none;
}
.fighter-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(0.5);
    transition:
        transform 0.5s,
        filter 0.5s;
}
.fighter-card:hover .fighter-photo img {
    transform: scale(1.035);
    filter: saturate(0.95);
}
.card-arrow {
    position: absolute;
    right: 13px;
    bottom: 13px;
    z-index: 1;
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(244, 241, 225, 0.5);
    font-family: Arial;
    font-size: 20px;
}
.fighter-meta {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 10px;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    margin: 18px 0 9px;
    color: var(--accent);
}
.fighter-meta span:last-child {
    color: var(--muted);
    text-align: right;
}
.fighter-card h3 {
    font-size: 34px;
}
.fighter-card h3 > span {
    color: #a4a4a9;
}
.section-paper {
    background: var(--paper);
    color: #19191e;
}
.section-paper .eyebrow {
    color: #a70c53;
}
.section-paper p {
    color: #636368;
}
.section-paper .text-button {
    border-color: #b8b8bd;
}
.event-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.event-image {
    position: relative;
    height: 340px;
    overflow: hidden;
    background: #25252a;
}
.event-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}
.event-card:hover img {
    transform: scale(1.02);
}
.tag {
    font-size: 10px;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    padding: 7px 12px;
    background: var(--accent);
    color: #141419;
    display: inline-block;
}
.event-image .tag {
    position: absolute;
    top: 18px;
    left: 18px;
}
.event-caption {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    padding: 25px 0 0;
}
.event-caption .eyebrow {
    margin-bottom: 8px;
    font-size: 11px;
    letter-spacing: 1px;
}
.event-caption h3 {
    font-size: 40px;
}
.event-caption > span {
    font-size: 30px;
    font-family: Arial;
    font-weight: 400;
}
.news-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
}
.news-card img {
    width: 100%;
    aspect-ratio: 1.5;
    object-fit: cover;
    margin-bottom: 22px;
    filter: saturate(0.8);
}
.news-card .eyebrow {
    font-size: 10px;
    letter-spacing: 1.2px;
    margin-bottom: 10px;
}
.news-card h3 {
    font-size: 31px;
    max-width: 400px;
    margin-bottom: 20px;
}
.inline-link {
    font-size: 13px;
    letter-spacing: 0.7px;
    display: inline-block;
    border-bottom: 1px solid var(--line);
    padding: 3px 0 8px;
}
.inline-link:hover {
    color: var(--accent);
}
.partner-banner {
    padding: 70px 0;
    background: #ff3f93;
    color: #15151a;
}
.partner-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
}
.partner-banner h2 {
    font-size: clamp(52px, 5.5vw, 83px);
    margin-bottom: 25px;
}
.partner-banner p {
    color: #333338;
    max-width: 470px;
}
.partner-banner .eyebrow {
    color: #36363b;
    font-size: 11px;
}
.partner-visual {
    position: relative;
}
.partner-visual img {
    height: 400px;
    width: 100%;
    object-fit: cover;
    filter: saturate(0.35);
    border: 1px solid rgba(17, 20, 12, 0.4);
}
.partner-stamp {
    position: absolute;
    bottom: -22px;
    left: -24px;
    background: #15151a;
    color: var(--paper);
    font: 42px/0.95 var(--display);
    padding: 22px 32px;
    transform: rotate(-5deg);
}
.partner-stamp em {
    font-style: normal;
    color: var(--accent);
}
.gear-teaser {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: center;
}
.gear-teaser p {
    max-width: 470px;
    margin-top: 20px;
}
.gear-teaser .eyebrow {
    margin-top: 0;
}
.gear-image {
    background: #d8d8dd;
    min-height: 390px;
}
.gear-image img {
    width: 100%;
    height: 420px;
    object-fit: contain;
}
.site-footer {
    border-top: 1px solid var(--line);
    background: #0c0c11;
}
.footer-top {
    padding-top: 58px;
    padding-bottom: 58px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 35px;
}
.footer-top p {
    margin: 0;
    white-space: pre-line;
    font-size: 19px;
}
.footer-contact {
    font: 38px var(--display);
    text-transform: uppercase;
    border-bottom: 1px solid var(--accent);
}
.footer-bottom {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--line);
    padding-top: 23px;
    padding-bottom: 23px;
    font-size: 11px;
    letter-spacing: 0.6px;
    color: #909095;
}
.footer-bottom > div {
    display: flex;
    gap: 25px;
}
.page-intro {
    padding-top: 82px;
    padding-bottom: 50px;
}
.page-intro h1 {
    max-width: 1100px;
    margin-bottom: 25px;
}
.page-intro .lead {
    max-width: 740px;
}
.roster-filters {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 25px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    padding: 24px 0;
    margin-bottom: 40px;
}
.roster-filters label > span {
    display: block;
    color: var(--accent);
    font-size: 11px;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    margin-bottom: 8px;
}
input,
select,
textarea {
    width: 100%;
    background: #1a1a1f;
    border: 1px solid #48484d;
    color: var(--ink);
    padding: 13px;
    border-radius: 0;
    font-size: 16px;
}
input::placeholder {
    color: #909095;
}
select {
    min-height: 51px;
}
.roster-grid {
    row-gap: 48px;
}
.announcement {
    border: 1px solid var(--line);
    padding: 40px;
    margin-bottom: 70px;
    background: #15151a;
}
.announcement h2 {
    font-size: 46px;
    margin-bottom: 20px;
}
.announcement p {
    max-width: 690px;
}
.sponsor-hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    padding-top: 80px;
    padding-bottom: 85px;
    align-items: center;
}
.sponsor-hero h1 {
    font-size: clamp(66px, 7vw, 104px);
    margin-bottom: 25px;
}
.sponsor-hero .lead {
    font-size: 20px;
    margin-bottom: 30px;
}
.sponsor-hero > img {
    height: 480px;
    width: 100%;
    object-fit: cover;
    object-position: 60%;
    filter: saturate(0.55);
}
.sponsor-offer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}
.sponsor-offer h2 {
    font-size: clamp(43px, 4vw, 61px);
    margin-bottom: 25px;
}
.shirt-stage {
    background: #dcdce1;
    min-height: 570px;
    padding: 30px 25px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.shirt {
    width: 100%;
    max-height: 490px;
    filter: drop-shadow(0 20px 15px #9e9ea3);
}
.shirt-stage .small-note {
    text-align: center;
    font-size: 11px;
    margin: 15px 0 0;
}
.price {
    display: flex;
    align-items: baseline;
    gap: 15px;
    margin: 24px 0;
}
.price strong {
    font: 72px/0.9 var(--display);
}
.price span {
    color: #626267;
    font-size: 14px;
}
.benefits {
    list-style: none;
    padding: 0;
    margin: 25px 0;
    font-size: 15px;
}
.benefits li {
    padding: 9px 0;
    border-bottom: 1px solid #cbcbd0;
}
.benefits li:before {
    content: '✓';
    margin-right: 12px;
    color: #a70c53;
}
.status-panel {
    font-size: 13px;
    line-height: 1.6;
    background: rgba(41, 52, 26, 0.07);
    padding: 14px 16px;
    margin-bottom: 20px;
    color: #48484d;
}
.status-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #b2175d;
    margin-right: 8px;
}
.partner-options {
    border-top: 1px solid var(--line);
}
.partner-option {
    display: grid;
    grid-template-columns: 60px 1fr 35px;
    align-items: center;
    gap: 30px;
    padding: 30px 0;
    border-bottom: 1px solid var(--line);
}
.partner-option > span {
    color: var(--accent);
    font-size: 13px;
}
.partner-option h3 {
    font-size: 36px;
    margin-bottom: 8px;
}
.partner-option p {
    font-size: 16px;
    max-width: 780px;
}
.partner-option > b {
    font-size: 30px;
    font-weight: 400;
}
.partner-option:hover h3 {
    color: var(--accent);
}
.proof-strip {
    position: relative;
    min-height: 440px;
    display: flex;
    align-items: center;
}
.proof-strip > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.4) saturate(0.5);
}
.proof-strip > .wrap {
    position: relative;
    width: 100%;
    padding-top: 75px;
    padding-bottom: 75px;
}
.proof-strip .button {
    margin-top: 25px;
}
.form-layout {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 90px;
    align-items: start;
}
.form-layout h2 {
    font-size: clamp(42px, 4vw, 62px);
    margin-bottom: 20px;
}
.form-layout p {
    max-width: 460px;
}
.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.form-grid label {
    font-size: 13px;
    color: #bcbcc1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.form-grid .full {
    grid-column: 1/-1;
}
.check {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 13px;
    line-height: 1.5;
    margin: 25px 0;
    color: #b4b4b9;
}
.check input {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 2px;
    accent-color: var(--accent);
}
.check a {
    text-decoration: underline;
}
.form-honey {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.form-status {
    margin-top: 20px;
    font-size: 15px;
}
.form-status.success {
    color: #bababf;
}
.form-status.error {
    color: #f1b2a1;
}
.form-photo {
    margin-top: 35px;
    max-width: 320px;
    max-height: 330px;
    object-fit: contain;
    background: #d8d8dd;
}
.product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 25px;
}
.product-card > div {
    background: #e2e2e7;
    aspect-ratio: 1;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.product-card > div img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.4s;
}
.product-card:hover img {
    transform: scale(1.04);
}
.product-card > div span {
    position: absolute;
    bottom: 8px;
    right: 15px;
    font-size: 25px;
    color: #1c1c21;
}
.product-card .eyebrow {
    font-size: 10px;
    margin-bottom: 8px;
}
.product-card h3 {
    font-size: 30px;
    margin-bottom: 7px;
}
.product-card > p:last-child {
    font-size: 14px;
}
.process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 65px;
    margin-top: 32px;
}
.process-number {
    display: block;
    font: 65px var(--display);
    color: #d82474;
    border-bottom: 1px solid #c2c2c7;
    margin-bottom: 24px;
}
.process-grid h3 {
    margin-bottom: 18px;
}
.story-layout {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 80px;
    align-items: center;
}
.story-layout > img {
    height: 560px;
    width: 100%;
    object-fit: cover;
}
.story-layout h2 {
    margin-bottom: 25px;
}
.team-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
}
.team-grid img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    background: #242429;
    margin-bottom: 24px;
    filter: saturate(0.5);
}
.team-grid h3 {
    font-size: 37px;
}
.fighter-profile {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 75px;
    padding-top: 65px;
    padding-bottom: 65px;
    align-items: center;
}
.profile-picture img {
    width: 100%;
    height: 620px;
    object-fit: cover;
    filter: saturate(0.7);
}
.profile-copy h1 {
    font-size: clamp(60px, 7vw, 103px);
    margin: 25px 0;
}
.profile-division {
    text-transform: uppercase;
    letter-spacing: 1.7px;
    color: var(--accent);
    font-size: 13px;
}
.profile-division span {
    padding: 0 15px;
    color: #707075;
}
.profile-links {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 25px;
}
.record-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 25px 0;
    margin: 28px 0 15px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}
.record-grid strong {
    display: block;
    font: 58px var(--display);
    color: var(--accent);
}
.record-grid span {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.bout-row {
    padding: 25px 0;
    border-bottom: 1px solid var(--line);
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 20px;
}
.bout-row strong {
    font: 28px var(--display);
    text-transform: uppercase;
}
.bout-row span {
    font-size: 14px;
    color: var(--muted);
}
.bout-row > span:last-child {
    text-align: right;
}
.event-hero {
    height: 560px;
    position: relative;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
}
.event-hero > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.event-hero > .wrap {
    position: relative;
    width: 100%;
    padding-bottom: 55px;
}
.event-hero h1 {
    font-size: clamp(65px, 8vw, 115px);
    max-width: 850px;
    margin-bottom: 15px;
}
.event-hero .lead {
    color: var(--ink);
}
.event-details {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 100px;
}
.event-details aside {
    border-top: 1px solid var(--line);
    padding-top: 20px;
}
.event-details aside h3 {
    margin-bottom: 25px;
}
.event-details aside .button {
    margin: 8px 0;
}
.prose {
    max-width: 1000px;
}
.prose h2 {
    margin-bottom: 25px;
}
.prose p {
    line-height: 1.8;
}
.prose a {
    text-decoration: underline;
}
.event-gallery {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.event-gallery img {
    width: 100%;
    height: 360px;
    object-fit: cover;
}
.article {
    padding-bottom: 90px;
}
.article-image {
    width: 100%;
    max-height: 650px;
    object-fit: cover;
    margin: 35px 0;
}
.article .prose {
    max-width: 800px;
    margin: 0 auto 45px;
}
.related-fighters {
    margin-top: 60px;
}
.woocommerce-page-content {
    min-height: 480px;
}
.woocommerce-page-content > h1 {
    font-size: 70px;
    margin-bottom: 40px;
}
.woocommerce-page-content a {
    color: var(--accent);
}
.woocommerce input,
.woocommerce select,
.woocommerce textarea {
    background: #fff;
    color: #222;
}
.woocommerce button.button,
.woocommerce a.button {
    border-radius: 0;
    background: var(--accent);
    color: #121217;
}
.woocommerce table.shop_table {
    border-color: #545459;
}
.woocommerce-info,
.woocommerce-message {
    background: #e3e3e8;
    color: #1f1f24;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    border-color: #545459;
}
.woocommerce div.product .product_title {
    font-size: 55px;
}
.woocommerce div.product p.price {
    color: var(--accent);
}
.woocommerce-breadcrumb {
    color: #a4a4a9 !important;
}
.woocommerce a.remove {
    color: #da967c !important;
}
[hidden] {
    display: none !important;
}
@media (min-width: 1600px) {
    .site-header,
    .topline {
        padding-left: max(var(--pad), calc((100vw - 1424px) / 2));
        padding-right: max(var(--pad), calc((100vw - 1424px) / 2));
    }
}
@media (max-width: 1150px) {
    .site-header {
        gap: 22px;
    }
    .site-header nav {
        gap: 16px;
    }
    .site-header nav > a {
        font-size: 11px;
    }
    .brand > span {
        font-size: 27px;
    }
    .brand img {
        width: 48px;
        height: 48px;
    }
    .header-actions {
        gap: 16px;
    }
    .hero-feature {
        min-width: 270px;
    }
    .hero-index {
        max-width: 440px;
    }
    .fighter-meta {
        font-size: 9px;
    }
    .fighter-card h3 {
        font-size: 29px;
    }
    .partner-layout,
    .gear-teaser,
    .sponsor-offer,
    .form-layout,
    .story-layout,
    .fighter-profile {
        gap: 45px;
    }
    .partner-visual img {
        height: 360px;
    }
    .event-image {
        height: 290px;
    }
}
@media (max-width: 900px) {
    .site-header {
        height: 82px;
        justify-content: space-between;
    }
    .site-header nav {
        display: none;
        position: absolute;
        left: 0;
        top: 82px;
        width: 100%;
        background: #15151a;
        padding: 30px var(--pad);
        border-bottom: 1px solid var(--line);
    }
    .site-header nav.is-open {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
    }
    .site-header nav > a {
        font-size: 19px;
    }
    .menu-toggle {
        display: flex;
        background: none;
        border: 0;
        width: 35px;
        height: 40px;
        flex-direction: column;
        justify-content: center;
        gap: 7px;
        margin-left: auto;
    }
    .menu-toggle span {
        width: 24px;
        height: 1px;
        background: var(--ink);
    }
    .header-actions {
        margin-left: 6px;
    }
    .hero {
        min-height: 650px;
        height: 750px;
        max-height: 900px;
    }
    .hero h1 {
        font-size: 110px;
    }
    .hero-index {
        display: none;
    }
    .hero-content {
        padding-bottom: 135px;
    }
    .hero-feature {
        bottom: 25px;
        left: var(--pad);
        right: auto;
    }
    .hero-image {
        object-position: 62%;
    }
    .hero-shade {
        background:
            linear-gradient(
                90deg,
                rgba(10, 13, 9, 0.96),
                rgba(10, 13, 9, 0.55) 60%,
                rgba(10, 13, 9, 0.1)
            ),
            linear-gradient(0deg, rgba(10, 13, 9, 0.8), transparent 60%);
    }
    .fighter-grid,
    .product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
    }
    .fighter-meta {
        font-size: 11px;
    }
    .fighter-card h3 {
        font-size: 38px;
    }
    .section {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .news-grid {
        gap: 22px;
    }
    .news-card h3 {
        font-size: 28px;
    }
    .event-caption h3 {
        font-size: 34px;
    }
    .partner-layout {
        gap: 30px;
    }
    .partner-banner h2 {
        font-size: 55px;
    }
    .partner-stamp {
        font-size: 32px;
        left: -10px;
        padding: 18px;
    }
    .partner-visual img {
        height: 380px;
    }
    .gear-teaser {
        gap: 45px;
    }
    .gear-image img {
        height: 320px;
    }
    .gear-image {
        min-height: 320px;
    }
    .sponsor-hero {
        gap: 30px;
    }
    .sponsor-hero h1 {
        font-size: 70px;
    }
    .sponsor-hero > img {
        height: 430px;
    }
    .sponsor-offer {
        gap: 30px;
    }
    .shirt-stage {
        min-height: 480px;
        padding: 15px;
    }
    .sponsor-offer h2 {
        font-size: 45px;
    }
    .form-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .form-layout > div > p {
        max-width: 620px;
    }
    .form-photo {
        display: none;
    }
    .process-grid {
        gap: 25px;
    }
    .fighter-profile {
        gap: 35px;
    }
    .profile-picture img {
        height: 500px;
    }
    .profile-copy h1 {
        font-size: 66px;
    }
    .event-details {
        gap: 40px;
    }
    .footer-top {
        flex-wrap: wrap;
    }
    .footer-top p {
        font-size: 17px;
    }
    .footer-contact {
        font-size: 31px;
    }
}
@media (max-width: 600px) {
    :root {
        --pad: 22px;
    }
    .topline {
        height: 27px;
        justify-content: center;
        font-size: 8px;
        letter-spacing: 1.6px;
    }
    .topline > span:last-child {
        display: none;
    }
    .site-header {
        height: 75px;
        gap: 15px;
    }
    .site-header nav {
        top: 75px;
    }
    .brand img {
        width: 42px;
        height: 42px;
    }
    .brand > span {
        font-size: 25px;
        letter-spacing: 2.5px;
    }
    .brand small {
        font-size: 8px;
        letter-spacing: 4px;
        margin-top: 7px;
    }
    .header-actions {
        gap: 14px;
    }
    .language-switch {
        gap: 7px;
        font-size: 10px;
    }
    .hero {
        height: 730px;
        min-height: 660px;
        max-height: 850px;
    }
    .hero-content {
        justify-content: flex-start;
        padding-top: 67px;
        padding-bottom: 140px;
    }
    .hero h1 {
        font-size: clamp(88px, 22vw, 116px);
        margin: 18px 0 25px;
        line-height: 0.94;
    }
    .hero-copy {
        max-width: 285px;
        font-size: 16px;
    }
    .hero-content > .eyebrow {
        font-size: 9px;
        letter-spacing: 1.7px;
        gap: 10px;
    }
    .hero-image {
        object-position: 58% 45%;
        filter: saturate(0.5) brightness(0.65);
    }
    .hero-shade {
        background:
            linear-gradient(90deg, rgba(10, 13, 9, 0.88), rgba(10, 13, 9, 0.23)),
            linear-gradient(0deg, rgba(10, 13, 9, 0.85), transparent 55%);
    }
    .hero-buttons {
        flex-wrap: wrap;
        gap: 12px;
    }
    .button {
        padding: 14px 17px;
        font-size: 11px;
        gap: 19px;
    }
    .hero-buttons .button {
        min-height: 48px;
    }
    .hero-feature {
        right: var(--pad);
        min-width: 0;
        bottom: 24px;
    }
    .hero-feature img {
        height: 65px;
        width: 88px;
    }
    .hero-feature b {
        margin-left: auto;
    }
    .marquee {
        height: 53px;
        justify-content: flex-start;
        padding: 0 22px;
        font-size: 10px;
        gap: 25px;
    }
    .section {
        padding-top: 58px;
        padding-bottom: 58px;
    }
    .section-head {
        align-items: flex-start;
        margin-bottom: 27px;
        flex-wrap: wrap;
        gap: 15px;
    }
    .section-head h2 {
        font-size: 44px;
    }
    .section-head .text-button {
        min-height: 30px;
        font-size: 10px;
        padding: 5px 0 8px;
    }
    .eyebrow {
        font-size: 10px;
        letter-spacing: 1.8px;
    }
    .fighter-grid {
        gap: 24px 15px;
    }
    .fighter-photo {
        aspect-ratio: 3/4;
    }
    .fighter-meta {
        font-size: 8px;
        letter-spacing: 0.4px;
        flex-direction: column;
        gap: 1px;
        margin-top: 12px;
    }
    .fighter-meta span:last-child {
        text-align: left;
    }
    .fighter-card h3 {
        font-size: 28px;
    }
    .fighter-card h3 > span {
        display: block;
        font-size: 22px;
    }
    .card-arrow {
        width: 30px;
        height: 30px;
        font-size: 17px;
        bottom: 9px;
        right: 9px;
    }
    .event-grid,
    .news-grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }
    .event-image {
        height: 260px;
    }
    .event-caption {
        padding-top: 18px;
    }
    .event-caption h3 {
        font-size: 37px;
    }
    .news-card img {
        margin-bottom: 18px;
    }
    .news-card h3 {
        font-size: 35px;
    }
    .news-card .eyebrow {
        font-size: 10px;
    }
    .partner-banner {
        padding: 55px 0;
    }
    .partner-layout,
    .gear-teaser {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .partner-banner h2 {
        font-size: 61px;
    }
    .partner-visual {
        margin-left: 10px;
    }
    .partner-visual img {
        height: 290px;
    }
    .partner-stamp {
        font-size: 34px;
    }
    .gear-teaser h2 {
        font-size: 55px;
    }
    .gear-image img {
        height: 330px;
    }
    .footer-top {
        padding-top: 40px;
        padding-bottom: 40px;
        gap: 25px;
        align-items: flex-start;
    }
    .footer-top p {
        font-size: 16px;
        max-width: 160px;
    }
    .footer-contact {
        font-size: 33px;
    }
    .footer-bottom {
        flex-direction: column;
        gap: 18px;
        padding-top: 22px;
        padding-bottom: 22px;
    }
    .footer-bottom > div {
        flex-wrap: wrap;
        gap: 18px;
        font-size: 11px;
    }
    .page-intro {
        padding-top: 52px;
        padding-bottom: 30px;
    }
    .page-intro h1 {
        font-size: 65px;
        letter-spacing: -1px;
    }
    .lead {
        font-size: 18px;
    }
    .roster-filters {
        grid-template-columns: 1fr 1fr;
        gap: 18px;
    }
    .roster-filters .search-field {
        grid-column: 1/-1;
    }
    .roster-filters input,
    .roster-filters select {
        font-size: 14px;
        padding: 11px;
    }
    .roster-filters label > span {
        font-size: 10px;
    }
    .roster-grid {
        row-gap: 32px;
    }
    .announcement {
        padding: 25px;
        margin-bottom: 45px;
    }
    .announcement h2 {
        font-size: 37px;
    }
    .sponsor-hero {
        grid-template-columns: 1fr;
        padding-top: 50px;
        padding-bottom: 50px;
        gap: 35px;
    }
    .sponsor-hero h1 {
        font-size: 77px;
    }
    .sponsor-hero > img {
        height: 270px;
    }
    .sponsor-offer {
        grid-template-columns: 1fr;
        gap: 38px;
    }
    .shirt-stage {
        min-height: 420px;
        order: 1;
    }
    .shirt {
        max-height: 400px;
    }
    .sponsor-offer > div:last-child {
        order: 0;
    }
    .sponsor-offer h2 {
        font-size: 46px;
    }
    .partner-option {
        grid-template-columns: 25px 1fr 20px;
        gap: 15px;
        padding: 24px 0;
    }
    .partner-option h3 {
        font-size: 30px;
    }
    .partner-option p {
        font-size: 15px;
    }
    .partner-option > b {
        font-size: 23px;
    }
    .proof-strip {
        min-height: 380px;
    }
    .proof-strip h2 {
        font-size: 50px;
    }
    .form-grid {
        grid-template-columns: 1fr;
    }
    .form-grid .full {
        grid-column: auto;
    }
    .form-layout h2 {
        font-size: 50px;
    }
    .product-grid {
        gap: 30px 16px;
    }
    .product-card h3 {
        font-size: 27px;
    }
    .product-card .eyebrow {
        font-size: 8px;
        letter-spacing: 0.8px;
    }
    .product-card > div {
        margin-bottom: 15px;
    }
    .process-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .process-grid h3 {
        font-size: 35px;
    }
    .process-number {
        font-size: 58px;
        margin-bottom: 18px;
    }
    .story-layout {
        grid-template-columns: 1fr;
        gap: 35px;
    }
    .story-layout > img {
        height: 340px;
    }
    .story-layout h2 {
        font-size: 48px;
    }
    .team-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .team-grid img {
        max-height: 430px;
    }
    .fighter-profile {
        grid-template-columns: 1fr;
        padding-top: 35px;
        padding-bottom: 30px;
        gap: 35px;
    }
    .profile-picture img {
        height: 450px;
    }
    .profile-copy h1 {
        font-size: 74px;
    }
    .profile-division {
        font-size: 11px;
    }
    .profile-copy .lead {
        font-size: 19px;
    }
    .record-grid strong {
        font-size: 50px;
    }
    .bout-row {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
    .bout-row strong {
        grid-column: 1/-1;
        font-size: 26px;
    }
    .event-hero {
        height: 450px;
    }
    .event-hero h1 {
        font-size: 70px;
        line-height: 0.98;
    }
    .event-hero > .wrap {
        padding-bottom: 35px;
    }
    .event-details {
        grid-template-columns: 1fr;
        gap: 35px;
    }
    .event-gallery {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .event-gallery img {
        height: 270px;
    }
    .article-image {
        margin: 25px 0;
        height: 300px;
    }
    .article {
        padding-bottom: 55px;
    }
    .woocommerce-page-content > h1 {
        font-size: 60px;
    }
    .woocommerce table.shop_table {
        font-size: 14px;
    }
}
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    * {
        transition: none !important;
        animation: none !important;
    }
}

.affiliation {
    font-size: 12px;
    letter-spacing: 0.06em;
    color: var(--muted);
    margin-top: 12px;
}
.partner-logos {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.partner-logos a {
    display: grid;
    gap: 12px;
    text-align: center;
}
.partner-logos img {
    width: 160px;
    height: 100px;
    object-fit: contain;
    background: #fff;
    padding: 16px;
}

.header-contact {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}
.language-switch a {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
}
.language-switch {
    gap: 10px;
}
@media (max-width: 1150px) {
    .header-contact {
        display: none;
    }
}
@media (max-width: 600px) {
    .language-switch {
        gap: 8px;
    }
}

/* Source labels distinguish historic artwork from current verified records. */
.profile-picture { position: relative; }
.image-archive-label { position: absolute; bottom: 14px; left: 14px; padding: 5px 10px; background: #09090b; color: #f5f3f6; font-size: 12px; line-height: 1.4; border: 1px solid #ff3f93; }
.article-gallery { margin: 2rem 0; }
/* Tunal Collection — factual profiles, built for fans and partners. */
:root{--bg:#09090b;--panel:#15151a}
.collectible{position:relative;border:1px solid #49313e;background:linear-gradient(140deg,#28282d,#141419);border-radius:14px;overflow:hidden;box-shadow:0 16px 40px #0003;transition:transform .2s,border-color .2s}
a.collectible:hover{transform:translateY(-5px);border-color:var(--accent)}
.collectible .fighter-photo{position:relative;aspect-ratio:3/4;background:#222227;overflow:hidden}
.collectible .fighter-photo:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#09090beb);pointer-events:none}
.collectible .fighter-photo>img{width:100%;height:100%;object-fit:cover}
.card-edition{position:absolute;top:17px;left:18px;right:18px;z-index:2;color:#ffd0e4;letter-spacing:2px;font-size:10px;line-height:1.5;text-shadow:0 1px 4px #000;background:#1119;padding:4px 8px;border-left:2px solid var(--accent)}
.collectible .card-identity{position:absolute;z-index:2;bottom:20px;left:20px;right:20px}.collectible h3{font-size:clamp(28px,2.5vw,42px);line-height:1.02;padding:0;margin:8px 0 0}.card-identity>p{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--accent)}
.card-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 19px;border-top:1px solid #ff3f9355;font-size:12px;letter-spacing:1px;text-transform:uppercase}.card-footer strong{font-size:20px;color:var(--accent);white-space:nowrap}.collectible>.affiliation{padding:0 19px 15px;font-size:12px;margin:0;color:#bcbcc1}.collectible .card-arrow{z-index:3;right:14px;bottom:14px}
.fighter-monogram{width:100%;height:100%;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 10%,#52525755,transparent 65%),repeating-linear-gradient(135deg,transparent 0 39px,#ff3f9309 40px 41px)}.fighter-monogram img{width:65px;opacity:.55;margin-bottom:16px}.fighter-monogram>span{font-family:var(--display);font-size:clamp(95px,9vw,160px);line-height:1;color:#ff3f9377}.fighter-monogram small{font-size:10px;letter-spacing:4px;color:#ff3f9377}
.profile-picture.collectible{align-self:start;aspect-ratio:3/4;min-height:0}.profile-picture>img{width:100%;height:100%;object-fit:cover}.profile-seal{position:absolute;bottom:25px;left:25px;padding:10px 16px;background:#09090bc9;border-left:3px solid var(--accent);color:var(--accent);font-family:var(--display);font-size:23px;line-height:1.1;letter-spacing:3px}.profile-copy h1{font-size:clamp(52px,6.4vw,104px);overflow-wrap:anywhere}.profile-tools{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0;font-size:14px}.profile-tools button{padding:0;border:0;background:none;color:var(--accent)}.profile-tools a{color:var(--accent)}.nickname{color:var(--accent);font-size:21px}
.career-panel{border-block:1px solid var(--line);padding:20px 0;margin:25px 0}.career-panel .record-grid{margin:0;padding:0;border:0}.record-bar{display:flex;height:7px;gap:3px;margin:18px 0}.record-bar span{min-width:3px;border-radius:3px}.result-wins{background:#ff3f93}.result-losses{background:#b97973}.result-draws{background:#c6c6cb}.result-no_contests{background:#717176}.ko-stat strong{font-family:var(--display);font-size:30px;color:var(--accent)}.ko-stat span{font-size:13px;color:var(--muted)}.career-panel a{text-decoration:underline}
.fight-timeline{list-style:none;padding:0;margin:25px 0}.fight-timeline li{display:grid;grid-template-columns:40px 115px 1fr 75px 80px;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:17px 0}.result-dot{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;font-weight:bold;background:#c6c6cb;color:#141419}.outcome-win{background:var(--accent)}.outcome-loss{background:#b97973}.outcome-nc{background:#717176}
.surface-selector{border:0;padding:0;margin:26px 0 0}.surface-selector legend{font-size:13px;letter-spacing:1px;margin-bottom:12px}.surface-option{position:relative;display:inline-block;width:calc(25% - 7px);margin-right:5px;vertical-align:top;cursor:pointer}.surface-option input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.surface-option>span{display:flex;flex-direction:column;padding:15px 7px;border:1px solid #96969b;text-align:center;border-radius:4px;gap:3px}.surface-option b{font-family:var(--display);font-size:29px}.surface-option small{font-size:11px}.surface-option strong{font-size:16px}.surface-option input:checked+span{background:#141419;color:var(--accent);border-color:#141419}.surface-option input:focus-visible+span{outline:3px solid #c51b66;outline-offset:3px}.surface-option input:disabled+span{opacity:.45}.surface-summary{display:flex;align-items:center;gap:22px;padding:22px 0}.surface-summary>strong{font-family:var(--display);font-size:48px;white-space:nowrap}.surface-summary span{font-size:13px;max-width:200px}.shirt-stage .shirt{max-height:530px}.shirt-stage>p:first-child{margin:15px 0;text-align:center}.shirt-stage .small-note{max-width:380px;margin:16px auto}.shirt rect,.shirt text{transition:all .25s}
.roster-filters{grid-template-columns:2fr 1fr 1fr!important}.roster-count{display:flex;justify-content:space-between;gap:15px;margin:22px 0;color:var(--muted);font-size:14px}.roster-pagination{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:35px}.roster-pagination button{background:none;color:var(--ink);border:1px solid var(--line);padding:10px 20px}.roster-pagination button:disabled{opacity:.3;cursor:default}.roster-grid>[hidden]{display:none!important}
.hero .hero-content h1{font-size:clamp(60px,8.7vw,138px)}.hero-event-label{margin:14px 0;font-size:18px}.hero .hero-feature{max-width:360px}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.proof-grid article{border-top:1px solid var(--accent);padding-top:24px}.proof-grid img{aspect-ratio:4/3;width:100%;object-fit:cover;margin-bottom:22px}.proof-grid h3{font-size:29px;margin-bottom:15px}.proof-grid p{color:var(--muted);font-size:15px}.proof-grid a{display:inline-block;margin-top:18px}.event-tools{display:flex;gap:20px;margin-top:24px}.editorial-source{font-size:13px;color:var(--muted);margin:30px 0}.editorial-source a{text-decoration:underline}
.cmplz-cookiebanner{font-family:var(--body)!important;background:#15151a!important;color:var(--ink)!important;border:1px solid #ff3f9366!important;border-radius:8px!important;max-width:440px!important}.cmplz-cookiebanner a{color:var(--accent)!important}.cmplz-cookiebanner .cmplz-btn{border-color:var(--accent)!important;border-radius:3px!important}.cmplz-cookiebanner .cmplz-accept{background:var(--accent)!important;color:#111!important}.cmplz-cookiebanner .cmplz-deny,.cmplz-cookiebanner .cmplz-view-preferences,.cmplz-cookiebanner .cmplz-save-preferences{background:transparent!important;color:var(--ink)!important}.cmplz-cookiebanner .cmplz-title{color:var(--ink)!important}
@media(max-width:850px){.roster-filters{grid-template-columns:1fr 1fr!important}.roster-filters .search-field{grid-column:1/-1}.proof-grid{grid-template-columns:1fr}.surface-option b{font-size:26px}.surface-option strong{font-size:14px}.profile-copy h1{font-size:clamp(52px,11vw,86px)}.fight-timeline li{grid-template-columns:36px 1fr 1fr;gap:10px}.fight-timeline time{font-size:12px}.fight-timeline strong{grid-column:3}.fight-timeline a{grid-column:3;font-size:12px}.hero .hero-feature{display:none}.cmplz-cookiebanner{max-width:calc(100vw - 24px)!important}}
@media(max-width:480px){.collectible h3{font-size:30px}.fighter-profile{padding-top:30px}.surface-summary{gap:15px}.surface-summary>strong{font-size:40px}.surface-option{width:calc(50% - 7px);margin-bottom:10px}.surface-option>span{padding:10px}.profile-tools{gap:15px}.hero .hero-content h1{font-size:61px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{header,footer,.cmplz-cookiebanner,.profile-tools,.profile-links,.menu-toggle,.event-tools{display:none!important}body{background:white;color:#111}.wrap{width:100%;padding:15px}.fighter-profile{display:grid;grid-template-columns:35% 60%;gap:5%;padding:0}.profile-copy h1{font-size:48px}.section{padding:25px 0;break-inside:avoid}.profile-picture{max-height:450px}.profile-copy .lead{font-size:14px}.career-panel{margin:10px 0}.fighter-grid,.event-grid,.news-grid{grid-template-columns:repeat(2,1fr)}a{color:inherit}.affiliation,.small-note{color:#444}.hero-shade{display:none}.event-hero{min-height:0;padding:0}.event-hero>img{height:250px}.event-hero>.wrap{position:static}.event-hero h1{color:#111;font-size:45px}.hero{height:auto}}

/* The archive is a story, not a wall of full-size downloads. */
.media-filters{display:flex;gap:1rem;margin:0 0 2rem;flex-wrap:wrap}.media-filters label{display:grid;gap:.5rem;min-width:200px;max-width:100%;font-size:.8rem;color:var(--gold,#ff3f93)}.media-filters select{max-width:100%;min-height:44px}
.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.media-grid figure{margin:0;min-width:0}.media-grid a{display:block;position:relative;overflow:hidden;background:#222227}.media-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .3s}.media-grid a:hover img{transform:scale(1.03)}.media-grid figcaption{padding:.8rem 0;font-size:.8rem;line-height:1.5;color:#afafb4}.media-grid small{display:block}.photo-expand{position:absolute;bottom:.7rem;right:.7rem;background:#111d;border:1px solid #fff6;padding:.2rem .6rem;color:white}
.photo-dialog{width:min(1250px,96vw);max-width:96vw;padding:3.5rem 3rem 1.5rem;background:#09090b;color:#fff;border:1px solid #ff3f9366;max-height:95dvh}.photo-dialog::backdrop{background:#000e}.photo-dialog figure{margin:0;text-align:center}.photo-dialog img{width:100%;height:70dvh;object-fit:contain}.photo-dialog figcaption{font-size:.85rem;padding-top:1rem}.photo-dialog button{position:absolute;background:#222;color:#fff;border:1px solid #777;min-height:44px;min-width:44px;cursor:pointer}.photo-dialog [data-photo-close]{right:1rem;top:.5rem;font-size:1.8rem}.photo-dialog [data-photo-prev]{left:.2rem;top:45%}.photo-dialog [data-photo-next]{right:.2rem;top:45%}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.video-card{min-width:0;border-bottom:1px solid #7775;padding-bottom:1.5rem}.video-card h3{font-size:clamp(1.1rem,2.3vw,1.65rem);line-height:1.25;margin:.8rem 0}.video-card .inline-link{font-size:.85rem;display:inline-block;margin-top:1rem}.video-stage{aspect-ratio:16/9;position:relative;background:#1e1e23;overflow:hidden;margin-bottom:1.3rem}.video-stage img,.video-stage iframe{width:100%;height:100%;object-fit:cover;border:0}.video-brand{font-weight:900;font-size:clamp(2rem,6vw,5rem);letter-spacing:-.05em;line-height:.9;padding:8%;color:#ff3f93}.video-brand span{font-size:.35em;letter-spacing:.4em;color:#eee}.video-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);font-size:2rem;color:white;text-shadow:0 1px 10px #000}.video-card .text-button{display:block;font-size:.85rem;text-align:left}
.fighter-story{display:grid;grid-template-columns:1fr 1.3fr;gap:5rem}.fighter-story blockquote{margin:2rem 0;padding-left:1.5rem;border-left:2px solid #ff3f93;font-size:1.3rem;line-height:1.5;color:#ff3f93}.fighter-story cite{font-size:.8rem;font-style:normal;color:#afafb4}.fighter-story .prose{max-width:none}.media-grid [hidden],.video-grid [hidden]{display:none!important}
@media(max-width:760px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.video-grid,.fighter-story{grid-template-columns:1fr}.fighter-story{gap:1.5rem}.photo-dialog{padding:3rem 2rem 1rem}.photo-dialog img{height:60dvh}.media-filters label{flex:1;min-width:0}.media-filters select{width:100%}.media-grid figcaption{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.media-grid img{transition:none}}
@media print{.media-filters,[data-gallery-more],.photo-dialog,.video-stage iframe{display:none!important}.media-grid{grid-template-columns:repeat(3,1fr)}.fighter-story{display:block}.video-card,.media-grid figure{break-inside:avoid}.video-brand{font-size:2rem}.video-card a::after{content:' (' attr(href) ')';font-size:8pt;overflow-wrap:anywhere}}
/* Documented chapters share the canonical fighter's translated editorial fields. */
.dossier-landmarks ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin:20px 0 35px}.dossier-landmarks li{border-top:1px solid #5a5a5f;padding:24px 0;display:flex;gap:20px;align-items:flex-start}.dossier-landmarks li>span{font-size:32px;color:#ff3f93}.dossier-landmarks li p{margin:5px 0;line-height:1.5}.dossier-landmarks details{border-top:1px solid #3b3b40;padding:18px 0;color:#c2c2c7}.dossier-landmarks summary{cursor:pointer;color:#ff99c7}.dossier-landmarks details li{border:0;padding:8px 0;display:list-item}.dossier-landmarks a{overflow-wrap:anywhere}@media(max-width:750px){.dossier-landmarks ol{grid-template-columns:1fr;gap:0}}
/* Fighter storytelling and partner tools: shared across every profile. */
.fighter-cinema{height:min(73vw,640px);min-height:350px;position:relative;background:#16161b;overflow:hidden}.fighter-cinema>img{width:100%;height:100%;object-fit:cover}.fighter-cinema:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#09090b,transparent 65%)}.cinema-caption{position:absolute;z-index:1;left:max(6vw,24px);right:24px;bottom:40px}.cinema-caption>span{letter-spacing:.2em;font-size:12px;color:#ff8dbf}.cinema-caption>p{font-family:var(--display,"Barlow Condensed",sans-serif);font-size:clamp(30px,5vw,78px);line-height:1.05;margin:14px 0;text-transform:uppercase}.cinema-caption>a{color:#f0f0f5;font-size:14px}.fighter-profile{scroll-margin-top:110px}.first-look{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.first-look blockquote{font-size:clamp(21px,2.5vw,34px);line-height:1.3;margin:24px 0;border-left:2px solid #ff3f93;padding-left:24px;color:#ffd0e4}.first-look cite{display:block;font:12px Barlow,sans-serif;margin-top:18px;color:#aaa;text-transform:uppercase;letter-spacing:.12em}.first-look-media{position:relative;min-height:300px;background:#1f1f24}.first-look-media>img{width:100%;height:460px;object-fit:cover}.first-play{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:18px;background:rgba(17,18,15,.94);padding:24px;color:#fff}.first-play>span{border:1px solid #ff3f93;width:54px;height:54px;border-radius:100%;display:grid;place-items:center;color:#ff3f93;flex-shrink:0}.first-play small{display:block;color:#ff3f93;letter-spacing:.12em;font-size:11px;margin-bottom:7px}.first-play strong{font-size:20px;line-height:1.2}.share-kit{display:grid;grid-template-columns:1fr 190px;align-items:center;gap:40px;border-top:1px solid #3b3b40}.share-qr{width:160px;height:160px;padding:8px;background:white}.follow-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #3b3b40}.follow-section fieldset{border:0;padding:15px 0;margin:0}.follow-section legend{font-size:14px;color:#ff3f93;padding-top:15px}.follow-section .request-form{padding:28px;background:#1e1e23;border:1px solid #3b3b40}.follow-section input[type=email]{width:100%}.follow-section .check{margin:14px 0}.follow-section button:disabled{opacity:.55;cursor:not-allowed}.kit-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.kit-story img{width:100%;max-height:620px;object-fit:cover}.event-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.event-highlights img{width:100%;height:250px;object-fit:cover}.event-highlights p{font-size:14px;color:#ccc}.event-hub{border-top:1px solid #37373c}.press-links{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:55px}.partner-paths{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:60px}.partner-path{padding:35px;border:1px solid #4e4e53;background:#15151a}.partner-path h2{font-size:clamp(26px,3vw,40px);margin:12px 0}.partner-path p{color:#bbb}.logo-preview-tools{display:grid;gap:12px;padding:15px 0}.logo-preview-tools input{max-width:100%;color:#111}.logo-preview-tools button{color:#111;border:1px solid #5f5f64;padding:10px;background:transparent}.logo-preview-tools label{font-size:14px}.logo-preview-tools [role=status]{font-size:13px;color:#333338}.fighter-profile h1{overflow-wrap:anywhere}.share-kit .profile-tools{flex-wrap:wrap}.media-grid figure img{object-position:50% 30%}.follow-section .form-honey{position:absolute!important}
@media(max-width:750px){.fighter-cinema{height:430px}.first-look,.follow-section,.kit-story{grid-template-columns:1fr;gap:26px}.first-look-media>img{height:340px}.first-play{padding:18px}.share-kit{grid-template-columns:1fr;gap:20px}.event-highlights{grid-template-columns:1fr}.event-highlights img{height:240px}.partner-paths{grid-template-columns:1fr}.follow-section .request-form{padding:20px}.cinema-caption{bottom:25px}.partner-path{padding:25px}}

/* Quality review: clear journeys, readable branding and resilient narrow layouts. */
.brand img{filter:grayscale(1) brightness(2.5);mix-blend-mode:normal;width:61px;height:61px}
.site-footer .brand img{width:76px;height:76px}
.prose,.contact-socials,.form-layout>div{overflow-wrap:anywhere;min-width:0}
.contact-socials{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:24px}
.contact-socials a,.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}
.shop-status{display:flex;gap:18px;align-items:flex-start;border:1px solid var(--line);padding:24px;margin-bottom:35px;background:#18181d}
.shop-status strong{font-size:21px;color:var(--ink)}
.shop-status p{margin-top:8px;color:var(--muted);max-width:850px}
.status-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:none;margin-top:11px}
.social-corner{border-block:1px solid var(--line);background:#18181d}
.social-intro{max-width:460px;color:var(--muted)}
.social-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line)}
.social-channels>a{display:flex;gap:16px;align-items:center;padding:24px 18px;min-width:0;border-right:1px solid var(--line);transition:background .2s}
.social-channels>a:last-child{border:0}.social-channels>a:hover{background:#242429}
.social-channels strong{display:block;font:26px/1.1 var(--display);letter-spacing:.5px}
.social-channels small{display:block;color:var(--muted);margin-top:8px;line-height:1.4}
.social-channels>a>span:last-child{margin-left:auto;color:var(--accent)}
.social-symbol{font-size:29px;color:var(--accent);width:25px;flex:none;text-align:center}
.social-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:35px}
.social-stories article{border-left:2px solid var(--accent);padding-left:22px}
.social-stories h3{font-size:27px;line-height:1.15;margin:12px 0 20px}
.social-stories a:hover{color:var(--accent)}
.empty-bag{display:grid;grid-template-columns:190px 1fr;gap:50px;align-items:center;padding-bottom:110px}
.empty-bag-mark{filter:grayscale(1) brightness(2.5);width:100%;opacity:.75}
.empty-bag h2{font-size:clamp(32px,4vw,56px);max-width:850px}.empty-bag p{margin:24px 0;color:var(--muted);max-width:650px}
.legal-draft-note{border-left:3px solid var(--accent);padding:18px 24px;margin-bottom:35px;background:#1c1c21}
.language-switch a{min-width:26px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.bag{min-width:35px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.hero-brand-seal{position:absolute;right:10%;top:7%;width:clamp(140px,21vw,280px);opacity:.17;filter:grayscale(1) brightness(2);pointer-events:none}
@media(max-width:1100px){.social-channels{grid-template-columns:repeat(2,minmax(0,1fr))}.social-channels>a:nth-child(2){border-right:0}.social-channels>a:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:650px){.brand img{width:46px;height:46px}.header-actions{gap:6px}.language-switch{gap:0}.menu-toggle{min-width:44px;min-height:44px}.social-channels{grid-template-columns:1fr}.social-channels>a{border-right:0;border-bottom:1px solid var(--line)}.social-stories{grid-template-columns:1fr}.social-stories article{padding-bottom:12px}.social-intro{margin-top:16px}.empty-bag{grid-template-columns:1fr;gap:24px}.empty-bag-mark{width:100px}.shop-status{padding:20px}.hero-brand-seal{right:2%;top:3%;width:120px;opacity:.09}}
.brand img,.empty-bag-mark{filter:brightness(0) invert(1)}
@media(max-width:850px){.cmplz-cookiebanner{left:12px!important;right:12px!important;bottom:12px!important;max-height:calc(100svh - 24px);overflow:auto}}
.page-intro h1{overflow-wrap:anywhere}
.roster-filters label,.form-grid label{min-width:0}
.news-social-jump{margin-bottom:28px}
@media(max-width:650px){.page-intro h1{font-size:clamp(48px,15vw,65px)}}
@media(max-width:359px){.site-header{padding-inline:12px}.brand img{width:38px;height:38px}.brand>span{font-size:23px;letter-spacing:2px}.brand small{font-size:8px;letter-spacing:4px}.language-switch a{min-width:23px}}
.fighter-cinema>img{object-position:var(--cover-focus,50% 40%)}
@media(max-width:760px){.fighter-cinema{height:auto;min-height:0}.fighter-cinema>img{display:block;height:350px;object-position:var(--cover-focus-mobile,var(--cover-focus,50% 40%))}.fighter-cinema:after{display:none}.cinema-caption{position:relative;left:auto;right:auto;bottom:auto;padding:24px var(--pad);border-bottom:1px solid var(--line);background:var(--bg)}}
.card-footer{flex-wrap:wrap}
.card-footer>span:first-child{min-width:0;overflow-wrap:anywhere;flex:1 1 90px}
.card-footer strong,.card-footer>.small-note{flex:0 0 auto}
@media(max-width:650px){.card-footer{padding:12px;gap:8px}.card-footer>span:first-child{flex-basis:100%}}
/* International promotion, media library and business journeys. */
.secondary-navigation{display:flex;gap:24px;align-items:center}.secondary-navigation a{color:inherit;text-decoration:none;letter-spacing:.1em}.secondary-navigation a:hover,.secondary-navigation [aria-current]{color:var(--gold,#ff3f93)}
.promotion-hero{position:relative;min-height:650px;isolation:isolate;overflow:hidden;background:#09090b}.promotion-image{position:absolute;inset:0 0 0 40%;z-index:-1}.promotion-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#09090b,transparent 32%),linear-gradient(0deg,rgba(0,0,0,.75),transparent 35%)}.promotion-image>img{width:100%;height:100%;object-fit:cover;object-position:34% 42%}.promotion-copy{padding-top:76px;padding-bottom:88px}.promotion-copy h1{font-size:clamp(72px,8vw,124px);line-height:.92;max-width:660px;margin:26px 0}.promotion-copy h1 em{color:#ff3f93;font-style:normal}.promotion-copy .lead{max-width:445px;color:#ccccd1;font-size:21px;line-height:1.5}.promotion-copy .hero-buttons{max-width:620px;gap:12px}.hero-professionals{display:inline-block;margin-top:28px;color:#bcbcc1;text-decoration:none;font-size:15px}.hero-professionals:hover{color:#ff99c7}.image-location{position:absolute;bottom:27px;right:32px;z-index:2;font-size:11px;letter-spacing:.12em;color:white}.next-rendezvous{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:30px;padding-top:34px;padding-bottom:34px;border-bottom:1px solid #36363b}.next-rendezvous h2{font-size:34px;margin:0}.next-rendezvous p{margin:6px 0}.next-rendezvous .eyebrow{color:#ff3f93}.section-lead{max-width:750px;font-size:19px;margin:0 0 35px;line-height:1.6}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.project-card{min-width:0}.project-picture{display:block;position:relative;overflow:hidden}.project-picture img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .35s}.project-picture:hover img{transform:scale(1.03)}.project-picture span{position:absolute;bottom:14px;left:15px;background:#09090bea;color:#fff;padding:8px 12px;font-size:12px}.project-card>div{padding:24px 0 0}.project-card h3{font-size:32px;line-height:1.1;margin:8px 0 14px}.project-card h3 a{color:inherit;text-decoration:none}.project-card p{line-height:1.6}.project-card .inline-link{font-size:14px}.case-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.case-proof>a{display:block}.case-proof img{width:100%;aspect-ratio:16/9;object-fit:cover}.case-proof>div{padding:25px 0}.case-proof h3{font-size:36px;line-height:1.05;margin:10px 0}.case-proof p{max-width:560px}.sponsor-shortcuts{display:flex;flex-wrap:wrap;gap:20px 35px;padding-bottom:24px;border-bottom:1px solid #37373c}.sponsor-shortcuts a{font-size:15px;color:#ff3f93;text-decoration:none}
.professional-hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-top:75px;padding-bottom:75px}.professional-hero h1{font-size:clamp(52px,5.8vw,88px);line-height:.97}.professional-hero .lead{max-width:530px}.professional-hero figure{margin:0;position:relative}.professional-hero img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:48% 50%}.professional-hero figcaption{font-size:12px;margin-top:10px;color:#a3a3a8}.professional-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.professional-path{padding:30px;border:1px solid #424247;text-decoration:none;color:inherit}.professional-path h2{font-size:32px}.professional-path>span{float:right;color:#ff3f93;font-size:24px}.professional-path p{color:#bcbcc1}.professional-path:hover{border-color:#ff3f93}.working-method ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;counter-reset:steps;list-style:none;padding:0}.working-method li:before{counter-increment:steps;content:"0" counter(steps);color:#ff3f93;font-size:24px}.working-method h3{font-size:26px}.working-method p{color:#bcbcc1}
.video-filters{display:grid;grid-template-columns:2fr 1fr 1.4fr 1fr auto;gap:14px;align-items:end}.video-filters label{display:grid;gap:8px;min-width:0;font-size:13px}.video-filters input,.video-filters select{width:100%;min-width:0;padding:13px;background:#19191e;color:#eee;border:1px solid #3e3e43;font:inherit}.video-filters .button{height:46px}.library-count{display:flex;justify-content:space-between;gap:16px;padding:25px 0;color:#b6b6bb;font-size:14px}.library-count a{color:#ff3f93}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}.video-card{min-width:0}.video-card-body{padding:16px 0}.video-card h3{font-size:27px;line-height:1.15}.video-related{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;padding-top:14px;border-top:1px solid #343439}.video-related a{font-size:12px;border:1px solid #3c3c41;padding:7px 10px;color:#c3c3c8;text-decoration:none}.library-pagination{display:flex;gap:10px;margin-top:40px;justify-content:center}.library-pagination [aria-current]{background:#ff3f93;color:#111}.worn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px}.worn-grid>article img{width:100%;height:370px;object-fit:contain;background:#17171c}.worn-grid h3{font-size:30px}.worn-grid article>div{padding-top:20px}.worn-grid p{line-height:1.55}.reference-preview{display:flex;gap:18px;align-items:center;grid-column:1/-1;border:1px solid #424247;padding:14px}.reference-preview img{width:85px;height:100px;object-fit:contain}.reference-preview p{font-size:14px;margin:0}.role-note{margin:15px 0;color:#ff90c1;font-size:14px}
@media(max-width:1000px){.promotion-copy{padding-top:60px}.promotion-copy .lead{max-width:370px}.promotion-copy h1{font-size:85px}.promotion-image{left:30%}.promotion-copy .hero-buttons{max-width:360px}.next-rendezvous{grid-template-columns:1fr 2fr}.next-rendezvous>.inline-link{grid-column:2}.professional-hero{gap:28px}.project-grid{gap:18px}.project-card h3{font-size:27px}.video-filters{grid-template-columns:1fr 1fr}.video-filters .button{grid-column:2}.library-grid{grid-template-columns:1fr 1fr}.professional-path{padding:22px}.professional-path h2{font-size:27px}}
@media(max-width:700px){.topline{display:flex;flex-direction:column;gap:12px;padding:13px 16px}.topline>span{font-size:9px}.secondary-navigation{gap:22px;font-size:10px}.promotion-hero{min-height:0;display:flex;flex-direction:column}.promotion-image{position:relative;inset:auto;height:300px;order:0;z-index:0}.promotion-image>img{object-position:35% 43%}.promotion-image:after{background:linear-gradient(0deg,#09090b 0%,transparent 42%)}.image-location{bottom:15px;right:20px;font-size:9px}.promotion-copy{order:1;padding-top:12px;padding-bottom:42px}.promotion-copy h1{font-size:clamp(58px,15vw,80px);margin:18px 0}.promotion-copy .eyebrow{font-size:10px;line-height:1.6}.promotion-copy .lead{font-size:18px;max-width:100%}.promotion-copy .hero-buttons{max-width:none}.promotion-copy .button{font-size:12px;padding:17px 18px}.hero-professionals{font-size:14px;line-height:1.5}.next-rendezvous{display:block;padding-top:28px;padding-bottom:28px}.next-rendezvous h2{font-size:29px;margin:14px 0 8px}.next-rendezvous>.inline-link{display:inline-block;margin-top:13px}.project-grid,.case-proof-grid,.professional-paths,.working-method ol,.worn-grid{grid-template-columns:1fr;gap:32px}.project-picture img{aspect-ratio:3/2}.project-card h3{font-size:32px}.professional-hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px;gap:30px}.professional-hero h1{font-size:clamp(48px,12vw,70px)}.professional-hero img{aspect-ratio:3/2}.professional-paths{gap:18px}.professional-path h2{font-size:30px}.working-method ol{gap:18px}.library-grid{grid-template-columns:1fr}.video-filters{gap:14px}.video-filters>label:first-of-type{grid-column:1/-1}.video-filters .button{grid-column:auto}.library-count{font-size:13px}.video-card h3{font-size:28px}.sponsor-shortcuts{gap:17px;flex-direction:column}.case-proof h3{font-size:32px}.worn-grid>article img{height:340px}.site-footer .footer-bottom>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.project-picture img{transition:none}.project-picture:hover img{transform:none}}

/* Keep secondary navigation readable and public media controls consistent. */
.site-footer .footer-bottom>div{flex-wrap:wrap;min-width:0}
.video-card .text-button{background:transparent;border:1px solid #76767b;color:#c6c6cb;font:600 14px Barlow,sans-serif;padding:12px 15px;cursor:pointer;margin:12px 0;min-height:44px}
.video-card .text-button:hover{background:#ff3f93;color:#111}
.video-card .text-button:focus-visible{outline:3px solid #eee;outline-offset:3px}
.video-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video-poster-credit{position:absolute;left:12px;bottom:10px;background:#111c;padding:4px 7px;font-size:10px;color:#ddd;z-index:1}
.kit-download{padding-top:10px;padding-bottom:15px}.kit-download .small-note{margin-top:12px}
@media(max-width:700px){.topline{height:auto;min-height:58px}.secondary-navigation a{padding:5px 0}.site-footer .footer-bottom>div{max-width:100%}}

.video-play{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#111c;border:1px solid #bbbbc0;color:#fff;cursor:pointer;text-decoration:none;font-size:23px;z-index:2}.video-play:hover{background:#ff3f93;color:#111}.video-play:focus-visible{outline:3px solid #fff;outline-offset:5px}
/* Keep the edition outside the portrait and reserve room for the action arrow. */
.collectible .fighter-photo>img{position:absolute;top:34px;left:0;width:100%;height:calc(100% - 34px)}
.collectible .card-edition{top:0;left:0;right:0;height:34px;padding:10px 16px;font-size:9px;line-height:14px;background:#09090b;border-left:0;text-shadow:none}
.collectible .card-identity{right:64px}

/* Visitor review: useful routes while the collection remains enquiry-based. */
.header-enquiry { color: var(--cyan, #30d9eb); }
@media (min-width: 1151px) { .header-enquiry { display: none; } }
.contact-routes { display: grid; gap: 0; margin-top: 32px; }
.contact-routes a { padding: 16px 0; border-bottom: 1px solid var(--line, #35353b); text-decoration: none; }
.contact-routes a:hover { color: var(--pink, #ff5aa7); }
.uppercut-invitation { max-width: 460px; text-wrap: balance; }