@font-face{font-family:SOC2 Stencil;src:url(/fonts/soc2-big-shoulders-stencil.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}.soc2-page{--brand:var(--color-brand);--brand-spray:#d4472f;--brand-hover:var(--color-brand-hover);--ink:var(--color-ink);--paper:#f1efea;--font-stencil:"SOC2 Stencil", Impact, "Arial Narrow", sans-serif;font-family:var(--font-sans);background:#000;font-weight:500;line-height:normal;display:block;& .defs{width:0;height:0;position:absolute;overflow:hidden}& .stencil{font-family:var(--font-stencil);text-transform:uppercase;letter-spacing:.005em;font-weight:900}& .sprayed{filter:url(#spray)}& .hero{background:#000;height:100svh;position:relative;overflow:hidden}& .stage{position:absolute;inset:0;container-type:size}& .stage video,& .opening-frame{--ratio:1.4565;--max-zoom:2.1;--video-w:min(100cqh * var(--ratio), 100cqw * var(--max-zoom))}& .opening-frame{z-index:1;pointer-events:none;width:var(--video-w);height:calc(var(--video-w) / var(--ratio));max-width:none;transition:opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}& .stamp.play{z-index:2;gap:12px;height:72px;padding:4px 30px 0 24px;font-size:34px;position:absolute;top:62%;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000073}& .stamp.play svg{width:.85em;height:.85em;margin-top:-4px}& .stamp.play:hover{transform:translate(-50%)rotate(-1deg)scale(1.03)}& .stamp[hidden]{display:none}@media (width<=767px){& .stamp.play{height:60px;font-size:28px}}& .tap-layer{z-index:1;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}& .tap-layer:focus-visible{outline:3px solid var(--brand);outline-offset:-3px}& .hero-bar{z-index:2;padding:64px max(16px, env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));pointer-events:none;background:linear-gradient(#0000,#000000b3);flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;inset:auto 0 0}& .hero-bar>*{pointer-events:auto}& .controls{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}& .caption{text-align:center;max-width:min(94%,680px);margin:0}& .caption span{color:#fff;font:500 clamp(22px, 1.6vw + 10px, 30px) / 1.45 var(--font-sans);-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#000000c7;padding:3px 10px}& .controls-left{gap:10px;display:flex}& .pause{width:42px;padding:0}& .pause .icon-play,& .pause.is-paused .icon-pause{display:none}& .pause.is-paused .icon-play{display:block}& .sound{gap:10px;min-width:148px}& .sound .icon-off,& .sound.is-muted .icon-on{display:none}& .sound.is-muted .icon-off{display:block}& .scroll-cue{color:#d6d6d6;font:800 clamp(20px, 1.6vw, 26px)/1 var(--font-stencil);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;margin-left:auto;text-decoration:none;transition:color .15s;display:inline-flex}& .scroll-cue:hover,& .scroll-cue:focus-visible{color:var(--paper)}& .scroll-cue svg{animation:1.8s ease-in-out infinite soc2-nudge}& .stamp{background:var(--stamp-bg);height:42px;color:var(--stamp-label);font:900 20px/1 var(--font-stencil);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;cursor:pointer;border:0;border-radius:3px;justify-content:center;align-items:center;gap:8px;padding:2px 16px 0;text-decoration:none;transition:transform .15s,background-color .15s;display:inline-flex}& .stamp:hover{background:var(--stamp-hover);transform:rotate(-1deg)scale(1.03)}& .stamp:focus-visible{outline:3px solid var(--stamp-bg);outline-offset:3px}& .stamp--red{--stamp-bg:var(--brand-spray);--stamp-hover:var(--brand-hover);--stamp-label:var(--paper)}& .stamp--ink{--stamp-bg:var(--ink);--stamp-hover:#000;--stamp-label:var(--paper)}& .stamp--lg{height:64px;padding:4px 26px 0;font-size:32px}@media (width<=767px){& .stamp--lg{height:56px;font-size:28px}}& .wall{background:#000;position:relative;overflow:hidden}& .poster-shadow{filter:drop-shadow(0 6px 14px #00000059);position:relative}& .poster{background:var(--paper);color:var(--ink);margin-top:-10px;position:relative}& .paper-texture{pointer-events:none;mix-blend-mode:multiply;position:absolute;inset:0}& .paper-texture svg{width:100%;height:100%;position:absolute;inset:0}& .wrinkles{opacity:.55}& .grain{opacity:.18}& .poster-inner{max-width:1180px;margin:0 auto;padding:clamp(80px,12vw,160px) clamp(20px,6vw,80px) clamp(40px,6vw,64px);position:relative}& .poster h1{color:#1b1b1b;transform-origin:0;grid-area:title;margin:0;font-size:clamp(64px,13.5vw,200px);line-height:.84;transform:rotate(-1.2deg)}& .body{max-width:34rem;margin-top:clamp(48px,7vw,88px)}& .lead{letter-spacing:-.015em;color:var(--ink);margin:0;font-size:clamp(22px,2.2vw,28px);font-weight:500;line-height:1.25}& .sub{color:#4a4a4a;margin:12px 0 0;font-size:clamp(16px,1.3vw,18px);font-weight:400;line-height:1.5}& .actions{flex-wrap:wrap;gap:16px;margin-top:clamp(28px,4vw,40px);display:flex}& .lockup-wrap{transform-origin:0;margin-top:clamp(28px,4vw,48px);transform:rotate(-1.2deg)}& .lockup-wrap .lockup{width:clamp(220px,24vw,320px);height:auto;display:block}& .fineprint{color:#6b6b6b;margin:clamp(72px,9vw,112px) 0 0;font-size:13px;font-weight:400}@media (prefers-reduced-motion:reduce){& .scroll-cue svg,& .sound.is-muted{animation:none}& .stamp:hover{transform:none}}& .stage video{width:var(--video-w);height:calc(var(--video-w) / var(--ratio));object-fit:contain;max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}& .stage:not(.is-enhanced) .opening-frame{display:none}& .stage:not(.is-enhanced) video{width:100%;height:100%}& .stage.is-playing .opening-frame{opacity:0}& .stamp{box-shadow:none}& .stamp.play{box-shadow:0 10px 30px #00000073}& .stamp svg{flex:none}& #pause{min-width:44px;min-height:44px}& #sound,& .scroll-cue{min-height:44px}@media (prefers-reduced-motion:reduce){& .stamp,& .opening-frame{transition:none}& .stamp.play:hover{transform:translate(-50%)}}}@keyframes soc2-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}