.champions{position:relative;margin-block:82px 20px;padding:44px 44px 30px;background:radial-gradient(ellipse at 80% 12%,#ff5b1220,transparent 42%),#101010;border:1px solid #34302d;border-top:4px solid #ff5b12;box-shadow:0 24px 90px #ff5b120d;overflow:hidden}
.champions:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#ff5b1207,transparent 35%)}
.champions-intro,.champions-story,.champions-footer{position:relative;z-index:1}
.champions-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:38px;align-items:end;padding-bottom:36px}
.champions-intro>.eyebrow{grid-column:1/-1;margin:0 0 18px;color:#ff7138}
.champions-title-row{display:flex;align-items:center;gap:25px}
.champions-title-row h2{margin:0;color:#f5f2ed;font-family:var(--display);font-size:clamp(65px,8vw,112px);font-weight:900;line-height:.78;letter-spacing:-.055em}
.champions-title-row h2 em{color:#ff5b12;font-style:normal}
.champions-mark{display:grid;place-content:center;width:102px;height:102px;border:1px solid #ff5b1280;color:#f4f1ec;text-align:center;font-family:var(--display);font-size:13px;font-weight:900;line-height:1.1;letter-spacing:.1em;transform:rotate(7deg)}
.champions-mark b{font-size:20px;color:#ff5b12}
.champions-copy{grid-column:2;grid-row:2;max-width:410px;margin:0 0 19px;color:#c1bbb5;font-size:15px;line-height:1.7}
.champions-intro>.button{grid-column:2;grid-row:3;justify-self:start}
.champion-main{position:relative;margin:0;overflow:hidden;background:#171513;aspect-ratio:2.45/1}
.champion-main:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(0deg,#080808d9,transparent)}
.champion-main img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}
.champion-main figcaption{position:absolute;z-index:1;left:22px;bottom:18px;color:white;font-family:var(--display);font-size:clamp(19px,3vw,34px);font-weight:900;letter-spacing:.02em}
.champions-story>.eyebrow{margin:0 0 14px;color:#ff7138}
.champion-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:13px}
.champion-gallery figure{position:relative;aspect-ratio:1.65/1;margin:0;overflow:hidden;background:#201c19}
.champion-gallery figure:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,#070707d9,transparent)}
.champion-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.champion-gallery figure:hover img{transform:scale(1.035)}
.champion-gallery figure:nth-child(3) img{object-position:center 35%}
.champion-gallery figcaption{position:absolute;z-index:1;left:13px;bottom:11px;color:#fff;font-family:var(--display);font-size:12px;font-weight:900;letter-spacing:.1em}
.champions-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #40352e;margin-top:23px;padding-top:17px;color:#b4aaa2;font-size:9px;font-weight:700;letter-spacing:.15em}
.champions-footer strong{color:#ff5b12;font-family:var(--display);font-size:16px;letter-spacing:.09em}
@media(max-width:760px){.champions{margin:44px 16px 10px;padding:28px 18px 20px}.champions-intro{grid-template-columns:1fr;gap:18px;padding-bottom:25px}.champions-intro>.eyebrow{grid-column:auto;margin-bottom:0}.champions-title-row{justify-content:space-between;gap:10px}.champions-title-row h2{font-size:clamp(57px,14vw,88px)}.champions-mark{width:76px;height:76px;font-size:10px}.champions-mark b{font-size:16px}.champions-copy,.champions-intro>.button{grid-column:auto;grid-row:auto}.champions-copy{margin:0}.champion-main{aspect-ratio:1.25/1}.champion-main img{object-position:54% center}.champion-main figcaption{left:13px;bottom:12px;font-size:20px}.champion-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.champion-gallery figure{aspect-ratio:1.15/1}.champion-gallery figure:nth-child(3){grid-column:1/-1;aspect-ratio:1.8/1}.champions-footer{align-items:flex-start;flex-direction:column;gap:9px;margin-top:17px}.champions-footer strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.champion-gallery img{transition:none}}
