@layer site{.srl-hero{--b:#81c44b;--bd:#2d5016;--ink:#1a1a1a;--soft:#262626;--off:#f5f4f0;--f:"Inter Variable","Inter-fallback","Helvetica Neue",Helvetica,Arial,sans-serif;--edge:clamp(20px,3vw,56px);--ease:cubic-bezier(.2,.8,.2,1);--bounce:cubic-bezier(.34,1.4,.64,1);--shi:0 1px 0 #ffffff14 inset,0 0 0 1px #00000012,0 0 40px -4px #00000026,0 18px 40px -12px #00000073,0 44px 80px -28px #0000006b;--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/></svg>");color:var(--ink);font-family:var(--f);-webkit-font-smoothing:antialiased;background:0 0;margin-top:-20px;padding:16px 0;position:relative;left:0;right:0}@media (width>=768px){.srl-hero{margin-top:-30px}}.srl-hero,.srl-hero *{box-sizing:border-box}.srl-hero a{text-decoration:none}.srl-hero .srl-wrap{padding:0 var(--edge);grid-template-columns:repeat(12,1fr);align-items:stretch;gap:16px;margin:0 auto;display:grid}.srl-hero .srl-copy{isolation:isolate;color:var(--off);box-shadow:var(--shi);background:radial-gradient(75% 60% at 100% 0%,color-mix(in oklab,var(--b) 22%,transparent) 0%,transparent 65%),radial-gradient(70% 55% at 0% 100%,color-mix(in oklab,var(--bd) 28%,transparent) 0%,transparent 70%),linear-gradient(180deg,var(--soft) 0%,var(--ink) 100%);border-radius:20px;flex-direction:column;grid-column:span 5;justify-content:center;gap:22px;padding:clamp(30px,3.4vw,56px);display:flex;position:relative;overflow:hidden}.srl-hero .srl-copy:after{content:"";z-index:-1;background-image:var(--grain);opacity:.06;mix-blend-mode:overlay;pointer-events:none;background-size:200px 200px;position:absolute;inset:0}.srl-hero p.srl-eyebrow{align-items:flex-start;gap:12px}.srl-hero .srl-eyebrow:after{content:"";background:var(--b);opacity:.7;flex-shrink:0;width:32px;height:1px;margin-top:.7em}.srl-hero h1.srl-h1 .srl-accent{display:block}.srl-hero .srl-intro{color:#f5f4f0eb;max-width:46ch;font-size:clamp(16px,1.3vw,19px);font-weight:500;line-height:1.55}.srl-hero .srl-ctas{flex-wrap:wrap;gap:12px;display:flex}.srl-hero .srl-btn{letter-spacing:.14em;text-transform:uppercase;transition:transform .25s var(--bounce),background .2s ease,color .2s ease;border-radius:999px;align-items:center;gap:10px;padding:15px 24px;font-size:12px;font-weight:800;display:inline-flex}.srl-hero .srl-btn:hover{transform:translateY(-2px)}.srl-hero .srl-btn--main{background:var(--b)}.srl-hero .srl-btn--main:hover{background:var(--off)}.srl-hero .srl-btn--ghost{-webkit-backdrop-filter:blur(6px);background:#ffffff0d;border:1px solid #f5f4f066}.srl-hero .srl-btn--ghost:hover{background:#f5f4f01f}.srl-hero .srl-reel{isolation:isolate;box-shadow:var(--shi);aspect-ratio:16/9;background:#000;border-radius:20px;grid-column:span 7;align-self:center;width:100%;position:relative;overflow:hidden}.srl-hero .srl-poster{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.srl-hero .srl-bg{object-fit:cover;pointer-events:none;z-index:1;opacity:0;background:0 0;border:0;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.srl-hero .srl-reel.is-live .srl-bg{opacity:1}.srl-hero .srl-reel.is-full .srl-bg{z-index:5;opacity:1;pointer-events:auto;object-fit:contain;background:#000;transition:none}.srl-hero .srl-reel:before{content:"";z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff29 0%,#fff0 38%),linear-gradient(#0000 55%,#000000b8 100%);position:absolute;inset:0;box-shadow:inset 0 1px #fff6,inset 0 0 0 1px #ffffff14}.srl-hero .srl-shine{z-index:3;pointer-events:none;width:50%;height:100%;transition:left .9s var(--ease);background:linear-gradient(115deg,#0000 0%,#ffffff4d 50%,#0000 100%);position:absolute;top:0;left:-75%;transform:skew(-18deg)}.srl-hero .srl-reel:hover .srl-shine,.srl-hero .srl-reel:focus-within .srl-shine{left:125%}.srl-hero .srl-foot{z-index:4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:clamp(14px,2vw,24px);left:clamp(16px,2vw,26px);right:clamp(16px,2vw,26px)}.srl-hero .srl-title{letter-spacing:-.02em;text-transform:uppercase;color:var(--off);font-size:clamp(16px,1.6vw,24px);font-weight:900}.srl-hero .srl-sound{all:unset;cursor:pointer;-webkit-backdrop-filter:blur(8px);font-family:var(--f);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#ffffff24;border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:11px;font-weight:800;transition:background .3s,color .3s;display:inline-flex}.srl-hero .srl-sound:hover,.srl-hero .srl-sound:focus-visible{background:var(--b);color:var(--ink)}@media (width<=1024px){.srl-hero .srl-copy,.srl-hero .srl-reel{grid-column:span 12}}@media (width<=640px){.srl-hero .srl-wrap{gap:12px}.srl-hero .srl-copy{padding:28px 22px}.srl-hero .srl-ctas{flex-direction:column;align-items:stretch}.srl-hero .srl-btn{justify-content:center}}@media (prefers-reduced-motion:reduce){.srl-hero .srl-shine{display:none}}}@layer imp{.srl-hero{text-align:left}.srl-hero h1,.srl-hero p{text-align:left;text-shadow:none;margin:0;padding:0}.srl-hero p.srl-eyebrow{font-family:var(--f);letter-spacing:.2em;text-transform:uppercase;color:var(--b);font-size:12px;font-weight:800;line-height:1.45;display:inline-flex}.srl-hero h1.srl-h1{font-family:var(--f);letter-spacing:-.045em;text-transform:uppercase;color:var(--off);word-break:keep-all;hyphens:none;font-size:clamp(40px,3.9vw,84px);font-weight:900;line-height:.86}.srl-hero h1.srl-h1 .srl-accent{color:var(--b)}.srl-hero .srl-btn--main{color:var(--ink)}.srl-hero .srl-btn--ghost{color:var(--off)}@media (width<=1024px){.srl-hero h1.srl-h1{font-size:clamp(40px,8vw,84px)}}@media (width<=640px){.srl-hero h1.srl-h1{font-size:clamp(34px,10.5vw,56px);line-height:.9}}@media (prefers-reduced-motion:reduce){.srl-hero .srl-btn,.srl-hero .srl-bg{transition:none}}}