.showcase-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:70px;align-items:center}.showcase-copy h2{margin:24px 0;line-height:1.16}.showcase-copy h2 em{color:var(--lime);font-style:normal}.showcase-copy>p{max-width:590px}.showcase-steps{list-style:none;display:flex;flex-wrap:wrap;gap:10px 18px;margin:26px 0;padding:0;counter-reset:showcase}.showcase-steps li{counter-increment:showcase;font-size:12px;color:#e3d4b5}.showcase-steps li:before{content:'0' counter(showcase) ' / ';color:var(--lime)}.showcase-copy .buttons{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.showcase-copy .showcase-note{font-size:12px;line-height:1.8;margin-top:20px;color:var(--muted)}.showcase-player{width:min(100%,330px);justify-self:center;margin:0}.showcase-player video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#000;border:1px solid #66532f;border-radius:12px;box-shadow:0 18px 55px #0005}.showcase-player video:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.showcase-player figcaption{margin-top:14px;font-size:11px;line-height:1.7;color:var(--muted);text-align:center}@media(max-width:800px){.showcase-section{grid-template-columns:1fr;gap:34px}.showcase-copy h2{font-size:clamp(31px,8vw,44px)}.showcase-player{width:min(100%,320px)}.showcase-copy .buttons{gap:16px}}@media(prefers-reduced-motion:no-preference){.showcase-player video{transition:box-shadow .3s,border-color .3s}.showcase-player video:hover{border-color:#b49451;box-shadow:0 20px 65px #0008}}
