:root {
    --cp-cream: #f2eee6;
    --cp-paper: #fbf9f4;
    --cp-text: #171517;
    --cp-muted: #716c66;
    --cp-red: #a8131d;
    --cp-red-dark: #690c14;
    --cp-gold: #c79245;
    --cp-serif: "Cormorant Garamond", Georgia, serif;
}

.competition-public-page { background: var(--cp-cream); color: var(--cp-text); }
.competition-public-page .site-header { position: absolute; width: 100%; background: linear-gradient(180deg, rgba(5,5,6,.92), rgba(5,5,6,.52), transparent); border-bottom-color: rgba(255,255,255,.08); }
.competition-public-page .site-header.is-scrolled { position: fixed; background: rgba(7,7,8,.96); }
.cp-container { width: min(1160px, calc(100% - 44px)); margin-inline: auto; }
.cp-section { padding: 100px 0; }
.cp-eyebrow { display: flex; align-items: center; gap: 11px; margin: 0 0 18px; color: var(--cp-gold); font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.cp-eyebrow span { width: 34px; height: 1px; background: currentColor; }
.cp-eyebrow-dark { color: var(--cp-red); }

.cp-hero { position: relative; min-height: 610px; display: flex; align-items: end; overflow: hidden; background: #080809; color: #fff; }
.cp-hero-bg { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,4,5,.94) 0%, rgba(4,4,5,.76) 38%, rgba(4,4,5,.26) 72%), linear-gradient(180deg, transparent 50%, rgba(4,4,5,.78) 100%), url('../../images/hero-combattants.jpg') center/cover no-repeat; transform: scale(1.02); }
.cp-hero-content { position: relative; z-index: 1; padding: 160px 0 82px; }
.cp-hero h1, .cp-section-head h2, .cp-detail-copy h1, .cp-fighter-panel h2 { font-family: var(--cp-serif); text-transform: none; letter-spacing: -.035em; }
.cp-hero h1 { max-width: 760px; margin: 0 0 24px; font-size: clamp(68px, 8vw, 116px); line-height: .82; font-weight: 600; }
.cp-hero h1 em, .cp-section-head h2 em { color: var(--cp-gold); font-weight: 600; }
.cp-hero-content > p:last-child { max-width: 620px; color: rgba(255,255,255,.75); font-size: 15px; line-height: 1.75; }

.cp-upcoming { background: var(--cp-cream); }
.cp-section-head { display: grid; grid-template-columns: 1fr .72fr; gap: 90px; align-items: end; margin-bottom: 54px; }
.cp-section-head-compact { grid-template-columns: 1fr; }
.cp-section-head h2 { margin: 0; font-size: clamp(55px, 6vw, 84px); line-height: .84; font-weight: 600; }
.cp-section-head > p { max-width: 480px; margin: 0 0 5px; color: var(--cp-muted); font-size: 14px; line-height: 1.75; }
.cp-event-list { display: grid; gap: 18px; }
.cp-event-card { display: grid; grid-template-columns: 118px minmax(0, 1fr) 170px; min-height: 220px; overflow: hidden; background: #fff; border: 1px solid #ded7cc; box-shadow: 0 12px 36px rgba(40,30,24,.07); }
.cp-event-date { display: grid; align-content: center; justify-items: center; padding: 24px 18px; color: #fff; background: linear-gradient(155deg, #171719, #2a1014 64%, #5f0d15); }
.cp-event-date strong { font-family: var(--cp-serif); font-size: 64px; line-height: .8; font-weight: 600; }
.cp-event-date span { margin-top: 12px; color: var(--cp-gold); font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.cp-event-date small { margin-top: 4px; color: rgba(255,255,255,.58); font-size: 11px; }
.cp-event-body { padding: 30px 34px; }
.cp-event-meta { display: flex; flex-wrap: wrap; gap: 7px; }
.cp-event-meta span { padding: 5px 9px; background: #f2eee7; color: #6f6962; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.cp-event-body h3 { margin: 15px 0 6px; color: #161416; font-family: var(--cp-serif); font-size: 38px; font-weight: 650; text-transform: none; letter-spacing: -.02em; }
.cp-fighter-line { margin: 0; color: #222; font-size: 15px; font-weight: 700; }
.cp-fighter-line span, .cp-detail-fighter span { margin: 0 5px; color: var(--cp-red); text-transform: uppercase; font-size: 10px; letter-spacing: .08em; }
.cp-description { max-width: 700px; margin: 13px 0 0; color: var(--cp-muted); font-size: 12px; line-height: 1.7; }
.cp-card-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 20px; }
.cp-button { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 0 17px; background: var(--cp-red); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.cp-button:hover { background: var(--cp-red-dark); }
.cp-button-dark { background: #171719; }
.cp-link { color: var(--cp-red); font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.cp-fighter-photo { min-width: 0; overflow: hidden; background: #111; }
.cp-fighter-photo img { width: 100%; height: 100%; min-height: 220px; object-fit: cover; object-position: center 18%; transition: transform .35s ease; }
.cp-event-card:hover .cp-fighter-photo img { transform: scale(1.035); }
.cp-empty { display: grid; grid-template-columns: 70px 1fr; gap: 24px; padding: 44px; border: 1px solid #d9d2c7; background: #fff; }
.cp-empty > span { color: var(--cp-red); font-family: var(--cp-serif); font-size: 54px; line-height: 1; }
.cp-empty strong { display: block; margin-bottom: 6px; font-family: var(--cp-serif); font-size: 28px; }
.cp-empty p { max-width: 620px; margin: 0; color: var(--cp-muted); font-size: 13px; }

.cp-results { background: #fff; }
.cp-results-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.cp-result-card { display: grid; gap: 7px; min-height: 210px; padding: 28px; border: 1px solid #e1ddd6; background: var(--cp-paper); transition: border-color .2s ease, transform .2s ease; }
.cp-result-card:hover { transform: translateY(-2px); border-color: #b9afa3; }
.cp-result-date { color: var(--cp-red); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.cp-result-card strong { align-self: end; font-family: var(--cp-serif); font-size: 29px; line-height: 1; }
.cp-result-card p { margin: 0; color: var(--cp-muted); font-size: 11px; }
.cp-result { margin-top: 12px; padding-top: 12px; border-top: 1px solid #ddd7cf; color: #5e5954; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.cp-result-win { color: #397658; }
.cp-result-loss { color: var(--cp-red); }

.cp-detail-hero { position: relative; padding: 160px 0 86px; color: #fff; background: radial-gradient(760px 460px at 87% 42%, rgba(150,16,26,.32), transparent 70%), linear-gradient(108deg,#09090a 0%,#171416 55%,#4c0b13 100%); }
.cp-detail-back { position: absolute; top: 98px; left: max(22px, calc((100vw - 1160px) / 2)); }
.cp-detail-back a { color: rgba(255,255,255,.66); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.cp-detail-grid { display: grid; grid-template-columns: 1fr 230px; gap: 70px; align-items: end; }
.cp-detail-copy h1 { max-width: 830px; margin: 0 0 18px; color: #fff; font-size: clamp(62px, 7vw, 100px); line-height: .85; font-weight: 600; }
.cp-detail-fighter { margin: 0 0 18px; font-size: 18px; font-weight: 700; }
.cp-detail-description { max-width: 690px; margin: 0; color: rgba(255,255,255,.68); font-size: 14px; line-height: 1.8; }
.cp-detail-date { padding: 28px; border: 1px solid rgba(255,255,255,.16); text-align: center; background: rgba(0,0,0,.16); }
.cp-detail-date span { display: block; color: var(--cp-gold); font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.cp-detail-date strong { display: block; margin: 4px 0; font-family: var(--cp-serif); font-size: 82px; line-height: .8; font-weight: 600; }
.cp-detail-date em { display: block; font-family: var(--cp-serif); font-size: 20px; font-style: normal; }
.cp-detail-date small { display: block; margin-top: 12px; color: rgba(255,255,255,.58); }
.cp-detail-content { background: var(--cp-cream); }
.cp-detail-content-grid { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 42px; align-items: start; }
.cp-info-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.cp-info-grid article { padding: 24px; border: 1px solid #ddd6cb; background: #fff; }
.cp-info-grid span { display: block; margin-bottom: 5px; color: var(--cp-red); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.cp-info-grid strong { font-family: var(--cp-serif); font-size: 25px; font-weight: 600; }
.cp-result-banner { margin-top: 18px; padding: 28px 30px; color: #fff; background: #1b1b1c; }
.cp-result-banner span { display: block; margin-bottom: 6px; color: var(--cp-gold); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.cp-result-banner strong { display: block; font-family: var(--cp-serif); font-size: 45px; font-weight: 600; line-height: 1; }
.cp-result-banner p { margin: 8px 0 0; color: rgba(255,255,255,.68); font-size: 12px; }
.cp-result-banner-win { background: linear-gradient(120deg,#102a20,#19533a); }
.cp-result-banner-loss { background: linear-gradient(120deg,#2b1215,#6f0e17); }
.cp-public-document { display: grid; grid-template-columns: minmax(0, 260px) 1fr; gap: 28px; align-items: center; margin-top: 18px; padding: 24px; border: 1px solid #ddd6cb; background: #fff; }
.cp-poster img { width: 100%; max-height: 340px; object-fit: cover; }
.cp-public-document span { display: block; color: var(--cp-red); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }
.cp-public-document strong { display: block; margin: 7px 0 18px; font-family: var(--cp-serif); font-size: 28px; font-weight: 600; }
.cp-fighter-panel { position: sticky; top: 96px; padding-bottom: 26px; border: 1px solid #ddd6cb; background: #fff; }
.cp-fighter-panel img { width: 100%; aspect-ratio: 4/5; object-fit: cover; object-position: center 16%; background: #151515; }
.cp-fighter-panel > span { display: block; margin: 22px 24px 5px; color: var(--cp-red); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.cp-fighter-panel h2 { margin: 0 24px 16px; color: #171517; font-size: 34px; line-height: .95; font-weight: 600; }
.cp-fighter-panel > a { margin: 0 24px; color: var(--cp-red); font-size: 10px; font-weight: 800; text-transform: uppercase; }

@media (max-width: 920px) {
    .cp-section { padding: 76px 0; }
    .cp-section-head { grid-template-columns: 1fr; gap: 28px; }
    .cp-event-card { grid-template-columns: 100px minmax(0,1fr); }
    .cp-fighter-photo { display: none; }
    .cp-results-grid { grid-template-columns: repeat(2,1fr); }
    .cp-detail-grid, .cp-detail-content-grid { grid-template-columns: 1fr; }
    .cp-detail-date { max-width: 230px; }
    .cp-fighter-panel { position: static; max-width: 360px; }
}

@media (max-width: 620px) {
    .cp-container { width: min(100% - 26px, 1160px); }
    .cp-hero { min-height: 540px; }
    .cp-hero-content { padding: 140px 0 58px; }
    .cp-hero h1 { font-size: clamp(58px, 18vw, 82px); }
    .cp-event-card { grid-template-columns: 1fr; }
    .cp-event-date { grid-template-columns: auto auto auto; gap: 10px; justify-content: start; align-items: baseline; justify-items: start; padding: 18px 22px; }
    .cp-event-date strong { font-size: 43px; }
    .cp-event-date span { margin: 0; }
    .cp-event-body { padding: 24px 22px; }
    .cp-event-body h3 { font-size: 33px; }
    .cp-results-grid, .cp-info-grid { grid-template-columns: 1fr; }
    .cp-detail-hero { padding: 150px 0 64px; }
    .cp-detail-copy h1 { font-size: clamp(54px, 17vw, 78px); }
    .cp-public-document { grid-template-columns: 1fr; }
    .cp-empty { grid-template-columns: 1fr; padding: 28px 24px; }
}