@layer site{.srl-wall{--b:#81c44b;--bd:#2d5016;--ink:#1a1a1a;--soft:#262626;--off:#f5f4f0;--mut:#4a4a44;--card:#f3f3f3;--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);--sh:0 1px 0 #fffc inset,0 0 0 1px #0000000f,0 0 8px #0000000f,0 0 40px -6px #0000001f,0 14px 30px -10px #0000002e,0 36px 70px -26px #00000038;--shi:0 1px 0 #ffffff14 inset,0 0 0 1px #00000012,0 18px 40px -12px #00000073,0 44px 80px -28px #0000006b;color:var(--ink);font-family:var(--f);-webkit-font-smoothing:antialiased;background:0 0;margin-top:-30px;padding:0 0 16px;position:relative;left:0;right:0}.srl-wall,.srl-wall *{box-sizing:border-box}.srl-wall a{text-decoration:none}.srl-wall .srl-wrap{padding:0 var(--edge);margin:0 auto}.srl-wall .srl-panel{background:linear-gradient(180deg,#fff 0%,var(--card) 100%);box-shadow:var(--sh);border-radius:20px;padding:clamp(26px,3vw,46px)}.srl-wall .srl-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.srl-wall h2.srl-eyebrow{align-items:flex-start;gap:10px;display:inline-flex}.srl-wall .srl-eyebrow:before{content:"";background:var(--b);flex-shrink:0;width:26px;height:2px;margin-top:.6em}.srl-wall .srl-marker{background:linear-gradient(180deg,transparent 0%,transparent 30%,color-mix(in oklab,var(--b) 80%,transparent) 30%,color-mix(in oklab,var(--b) 80%,transparent) 97%,transparent 97%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em}.srl-wall .srl-lede{color:var(--mut);max-width:44ch;font-size:15px;font-weight:500;line-height:1.6}.srl-wall .srl-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.srl-wall .srl-tile{color:var(--off);box-shadow:var(--shi);transition:transform .5s var(--bounce),box-shadow .5s var(--ease);background:#141414;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.srl-wall .srl-tile:hover{transform:translateY(-6px)}.srl-wall .srl-media{aspect-ratio:16/10;isolation:isolate;background:#000;position:relative;overflow:hidden}.srl-wall .srl-media:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#ffffff29 0%,#fff0 38%);position:absolute;inset:0;box-shadow:inset 0 1px #fff6,inset 0 0 0 1px #ffffff14}.srl-wall .srl-shine{z-index:2;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-wall .srl-tile:hover .srl-shine,.srl-wall .srl-tile:focus-within .srl-shine{left:125%}.srl-wall .srl-play{all:unset;cursor:pointer;display:block;position:absolute;inset:0}.srl-wall .srl-play:focus-visible{outline:3px solid var(--b);outline-offset:-3px}.srl-wall .srl-img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease);position:absolute;inset:0}.srl-wall .srl-tile:hover .srl-img{transform:scale(1.05)}.srl-wall .srl-btn-play{z-index:3;-webkit-backdrop-filter:blur(8px);width:56px;height:56px;transition:transform .35s var(--bounce),background .3s ease;background:#ffffff29;border:1px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.srl-wall .srl-btn-play:before{content:"";border:9px solid #0000;border-left:15px solid #fff;border-right-width:0;margin-left:4px}.srl-wall .srl-play:hover .srl-btn-play,.srl-wall .srl-play:focus-visible .srl-btn-play{background:var(--b);transform:translate(-50%,-50%)scale(1.08)}.srl-wall .srl-dur{z-index:3;letter-spacing:.06em;color:#fff;background:#0009;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;position:absolute;bottom:10px;right:10px}.srl-wall .srl-media video{object-fit:contain;z-index:4;background:#000;width:100%;height:100%;position:absolute;inset:0}.srl-wall .srl-media video[hidden],.srl-wall .srl-play[hidden]{display:none}.srl-wall .srl-body{flex-direction:column;flex:1;gap:6px;padding:18px 20px 20px;display:flex}.srl-wall .srl-line{color:#f5f4f0b3;font-size:13px;font-weight:600}.srl-wall .srl-go{letter-spacing:.16em;text-transform:uppercase;margin-top:auto;padding-top:10px;font-size:11px;font-weight:800}@media (width<=1100px){.srl-wall .srl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.srl-wall .srl-grid{grid-template-columns:1fr;gap:14px}.srl-wall .srl-tile:hover{transform:none}}@media (prefers-reduced-motion:reduce){.srl-wall .srl-shine{display:none}}}@layer imp{.srl-wall{text-align:left}.srl-wall h2,.srl-wall h3,.srl-wall p{text-align:left;margin:0;padding:0}.srl-wall .srl-head{margin-bottom:clamp(22px,2.6vw,36px)}.srl-wall h2.srl-eyebrow{font-family:var(--f);letter-spacing:.2em;text-transform:uppercase;color:var(--bd);margin-bottom:14px;font-size:11px;font-weight:800;line-height:1.45}.srl-wall .srl-big{font-family:var(--f);letter-spacing:-.045em;text-transform:uppercase;color:var(--ink);font-size:clamp(32px,4vw,60px);font-weight:900;line-height:.95}.srl-wall h3.srl-name{font-family:var(--f);letter-spacing:-.03em;text-transform:uppercase;color:var(--off);font-size:clamp(17px,1.35vw,21px);font-weight:900;line-height:1.05}.srl-wall .srl-go{color:var(--b)}.srl-wall .srl-go:hover{color:var(--off)}@media (prefers-reduced-motion:reduce){.srl-wall .srl-tile,.srl-wall .srl-img,.srl-wall .srl-btn-play{transition:none}}}
