.fire-showcase{padding:16px 0 80px;scroll-margin-top:100px}
.fire-showcase__wrap{max-width:1280px;margin:auto;padding:0 32px}
.fire-showcase__panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);align-items:center;gap:32px;padding:40px;border-radius:32px;border:1px solid #303946;background:radial-gradient(ellipse at 0 100%,#472127 0,transparent 58%),linear-gradient(120deg,#1a2029,#0e1116);color:#fff;box-shadow:0 24px 64px -32px #0e11164d;overflow:hidden}
.fire-showcase__eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#e5c0c2}
.fire-showcase__eyebrow::before{content:"";width:24px;height:2px;background:#e31e24}
.fire-showcase h2{font-family:Sora,system-ui,sans-serif;font-size:clamp(26px,2.4vw,34px);font-weight:700;line-height:1.2;letter-spacing:-.025em;margin:18px 0}
.fire-showcase__copy>p{font-size:15px;line-height:1.8;color:#c3c9d2;margin:0}
.fire-showcase__tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:22px 0}
.fire-showcase__tags li{font-size:12px;padding:7px 11px;border:1px solid #ffffff24;border-radius:999px;color:#dce1e8}
.fire-showcase__cta{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#fff;font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid #e31e24;transition:color .2s}
.fire-showcase__cta:hover{color:#ffb7bb}
.fire-showcase__media{margin:0;min-width:0;border-radius:22px;border:1px solid #ffffff26;background:#10151c;overflow:hidden;box-shadow:0 16px 40px #0004}
.fire-showcase video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#10151c}
.fire-showcase__caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-top:1px solid #ffffff14;font-size:12px;line-height:1.5;color:#bac3cf}
.fire-showcase__toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:44px;padding:0 14px;border:1px solid #ffffff30;border-radius:999px;background:#ffffff0a;color:#fff;font:500 12px Inter,system-ui,sans-serif;cursor:pointer}
.fire-showcase__toggle:hover{background:#ffffff1a}
.fire-showcase__toggle[hidden]{display:none}
.fire-showcase__toggle svg{width:14px;height:14px;fill:currentColor}
.fire-showcase__toggle [data-pause]{display:none}
.fire-showcase__toggle[data-playing="true"] [data-play]{display:none}
.fire-showcase__toggle[data-playing="true"] [data-pause]{display:block}
.fire-showcase a:focus-visible,.fire-showcase button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.fire-showcase__copy>.fire-showcase__description{margin:20px 0 0;font-size:12px;line-height:1.6;color:#98a4b4}
@media(max-width:960px){.fire-showcase__panel{grid-template-columns:1fr;gap:28px;padding:28px}.fire-showcase__copy{max-width:620px}.fire-showcase h2{max-width:550px}.fire-showcase__tags{margin:16px 0}.fire-showcase__copy>.fire-showcase__description{margin-top:12px}}
@media(max-width:540px){.fire-showcase{padding-bottom:48px}.fire-showcase__wrap{padding:0 20px}.fire-showcase__panel{padding:22px 16px 16px;border-radius:24px;gap:22px}.fire-showcase__media{border-radius:16px}.fire-showcase__caption{padding:8px 10px;gap:8px;font-size:11px}.fire-showcase__toggle{padding:0 12px}.fire-showcase h2{font-size:27px}.fire-showcase__copy>p{font-size:14px}}
html[data-motion="off"] .fire-showcase *{transition:none!important}
