.shot-frame{--shot-hairline:#0f172a1f;--shot-ring:#0f172a0f;--shot-shadow:0 1px 1px #0f172a0f, 0 2px 4px -1px #0f172a14, 0 12px 24px -8px #0f172a29, 0 32px 64px -20px #0f172a38;isolation:isolate;border-radius:var(--shot-radius,10px);box-shadow:0 0 0 1px var(--shot-ring), var(--shot-shadow);position:relative;overflow:hidden}.shot-frame:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--shot-hairline);pointer-events:none;position:absolute;inset:0}.shot-img{border-radius:inherit;width:100%;height:auto;display:block}.shot-dark{display:none}:root[data-theme=dark] .shot-frame{--shot-hairline:#ffffff24;--shot-ring:#0000008c;--shot-shadow:0 1px 1px #0000004d, 0 2px 4px -1px #00000059, 0 12px 24px -8px #00000073, 0 32px 64px -20px #0009}:root[data-theme=dark] .shot-light{display:none}:root[data-theme=dark] .shot-dark{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .shot-frame{--shot-hairline:#ffffff24;--shot-ring:#0000008c;--shot-shadow:0 1px 1px #0000004d, 0 2px 4px -1px #00000059, 0 12px 24px -8px #00000073, 0 32px 64px -20px #0009}:root:not([data-theme=light]) .shot-light{display:none}:root:not([data-theme=light]) .shot-dark{display:block}}.shot-hero{margin-top:3.5rem;padding:.5rem .25rem 2.5rem;position:relative;overflow-x:clip}.shot-glow{z-index:0;pointer-events:none;background:radial-gradient(55% 55% at 35% 40%, color-mix(in oklab, var(--color-brand) 50%, transparent), transparent 72%), radial-gradient(45% 50% at 78% 70%, #a855f766, transparent 72%), radial-gradient(40% 40% at 15% 85%, #38bdf84d, transparent 72%);filter:blur(56px);opacity:.85;position:absolute;inset:4% 6% 0}@supports (color:lab(0% 0 0)){.shot-glow{background:radial-gradient(55% 55% at 35% 40%, color-mix(in oklab, var(--color-brand) 50%, transparent), transparent 72%), radial-gradient(45% 50% at 78% 70%, lab(52.7991% 56.2742 -68.7519/.4), transparent 72%), radial-gradient(40% 40% at 15% 85%, lab(71.5897% -21.7158 -40.1263/.3), transparent 72%)}}.shot-hero-stage{z-index:1;text-align:left;max-width:62rem;margin-inline:auto;position:relative}.shot-hero-panel{display:none}@media (min-width:640px){.shot-hero-main{width:80%}.shot-hero-panel{width:31%;display:block;position:absolute;bottom:-7%;right:0}.shot-hero{padding-bottom:4rem}}.shot-row{align-items:center;gap:2rem;display:grid}.shot-row+.shot-row{margin-top:4rem}.shot-row-copy,.shot-row-media{min-width:0}.shot-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--color-brand);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.shot-row-media-narrow .shot-frame{width:min(100%,18rem);margin-inline:auto}@media (min-width:1024px){.shot-row{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:4rem}.shot-row+.shot-row{margin-top:6rem}.shot-row .shot-row-media{order:-1}.shot-row-reverse{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.shot-row-reverse .shot-row-media{order:0}}@media (prefers-reduced-motion:no-preference){.shot-frame{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}.shot-row-media .shot-frame:hover{transform:translateY(-4px)}.shot-hero-stage{animation:.7s cubic-bezier(.2,.7,.2,1) both shot-rise}.shot-hero-panel{animation:.7s cubic-bezier(.2,.7,.2,1) .15s both shot-rise}}@keyframes shot-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}