.tarot-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px)}
.tarot-hero-copy{min-width:0;position:relative;z-index:1}
.tarot-hero-copy>p:last-child{max-width:680px}
.tarot-hero-media{min-width:0;margin:0;position:relative;z-index:1;justify-self:stretch}
.tarot-hero-banner{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid #ff9d2e55;border-radius:22px;background:#090909;box-shadow:0 22px 70px #0009,0 0 40px #ff6b1814}
[data-theme="light"] .tarot-hero-banner{box-shadow:0 18px 50px #5c351f28,0 0 32px #ff6b1812}
@media(max-width:900px){.tarot-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}}
@media(max-width:700px){.tarot-hero-grid{grid-template-columns:1fr;gap:24px}.tarot-hero-media{justify-self:stretch}.tarot-hero-banner{border-radius:16px}}

.tarot-hero-banner-link{display:block;border-radius:22px;text-decoration:none;cursor:pointer;transition:transform .2s ease,filter .2s ease}
.tarot-hero-banner-link:hover{transform:translateY(-3px);filter:brightness(1.05)}
.tarot-hero-banner-link:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.tarot-hero-banner-link .tarot-hero-banner{transition:box-shadow .2s ease,border-color .2s ease}
.tarot-hero-banner-link:hover .tarot-hero-banner{border-color:#ff9d2e99;box-shadow:0 25px 78px #000b,0 0 52px #ff6b1824}
@media(max-width:700px){.tarot-hero-banner-link{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.tarot-hero-banner-link{transition:none}}