.hero{--logo:min(86vw, 600px, 68vh);--logo-h:calc(var(--logo) * .489);height:650vh}.stage{background:var(--b-glow), var(--b-bg)}.hero .pattern{opacity:.55;background-image:url(/brand/pattern-tile-dark.webp);right:-60%}.has-hero .nav .dock{opacity:0}.words{white-space:nowrap;pointer-events:none;position:absolute;bottom:4%;left:0}.words span{font:700 clamp(5rem, 14vw, 13rem) / 1 var(--display);color:#0000;-webkit-text-stroke:2px #ffffff14;will-change:transform;display:inline-block}.logo-big,.brush-logo{left:calc(50% - var(--size) / 2);width:var(--size);will-change:transform;position:absolute}.logo-big{--size:var(--logo);top:calc(40% - var(--logo-h) / 2);left:calc(50% - var(--size) * .463);z-index:6;transform-origin:69.25% 43.1%;filter:drop-shadow(0 0 40px #dc000073)drop-shadow(0 24px 34px #0009);height:auto}.brush-logo{--size:calc(var(--logo) * 1.02);top:calc(40% - var(--size) / 2);z-index:1}.intro{top:calc(40% + var(--logo) * .51 + 12px);z-index:5;text-align:center;justify-items:center;gap:8px;display:grid;position:absolute}.intro .sub{font-weight:500}.served{z-index:3;padding:90px var(--gutter) 40px;will-change:transform;grid-template-columns:1fr 1.25fr;align-items:center;gap:4vw;display:grid;position:absolute;inset:0}.served-copy h1{margin:16px 0 22px;font-size:clamp(3rem,6vw,6rem)}.served-copy{opacity:0}.spread-wrap{perspective:1200px;place-items:center;display:grid;position:relative}.brush-platter{width:92%;position:absolute;transform:scale(0)}.spread{aspect-ratio:5/4;will-change:transform;width:100%;max-width:760px;position:relative}.slate{opacity:0;will-change:transform;background:radial-gradient(80% 70% at 50% 25%,#1c1c21,#070708 70%);border-radius:50%;position:absolute;inset:24% 9% 2%;box-shadow:0 0 0 1px #ff5a5559,0 40px 120px #dc000059,inset 0 2px #ff5a5533}.piece{left:calc(var(--x) - var(--w) / 2);top:calc(var(--y) - var(--w) * .625);width:var(--w);opacity:0;filter:drop-shadow(0 14px 10px #00000073);will-change:transform;position:absolute}.peek{z-index:7;width:clamp(120px,16vw,240px);transform:translateY(calc((1 - var(--up,0)) * 105%));filter:drop-shadow(0 0 28px #dc0000bf);pointer-events:none;position:absolute;bottom:0}.peek-r{transform-origin:100% 100%;right:0}.reel-title{top:120px;left:var(--gutter);z-index:5;opacity:0;position:absolute}.reel-title h2{margin-top:10px;font-size:clamp(2.2rem,4vw,3.6rem)}.reel{z-index:3;will-change:transform;align-items:center;gap:8vw;display:flex;position:absolute;top:54%;left:0;translate:0 -50%}.dish{text-align:center;flex:none;width:min(34vw,56vh);margin:0}.trio{aspect-ratio:1;position:relative}.trio:before{content:"";background:radial-gradient(70% 80% at 40% 30%,#f0363a,#c3141b 55%,#8e0f16);border-radius:50%;position:absolute;inset:34% 0 6%;box-shadow:0 14px #6a0a10,0 40px 50px #8e0f1659,inset 0 2px #ffffff40}.trio img{filter:drop-shadow(0 18px 14px #0006);width:62%;position:absolute}.trio img:first-child{translate:calc(var(--off,0) * -30px) 0;top:6%;left:-2%}.trio img:nth-child(2){translate:calc(var(--off,0) * 30px) 0;top:6%;right:-2%}.trio img:nth-child(3){width:76%;top:30%;left:12%}.dish figcaption{opacity:var(--cap,0);gap:6px;margin-top:18px;display:grid}.dish b{font:600 clamp(1.6rem, 2.6vw, 2.3rem) / 1 var(--display);color:#fff}.dish span{color:var(--muted);font-size:.95rem}.copy{position:absolute}.final{left:var(--gutter);z-index:5;max-width:31rem;transform:translateY(calc(-50% + var(--rise,0px)));opacity:0;top:50%}.final h2{margin:16px 0 22px;font-size:clamp(3rem,6vw,5.8rem)}@media (width<=820px){.served{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-items:start;padding-top:130px}.served-copy h1{font-size:clamp(2.4rem,10vw,3.6rem)}.spread-wrap{margin-inline:-5vw}.served-copy .sub,.final .sub{display:none}.reel{top:47%}.dish{width:74vw}.reel-title{top:130px}.final{top:auto;bottom:84px;right:var(--gutter);transform:translateY(var(--rise,0px))}.final h2{font-size:clamp(2.4rem,11vw,4rem)}.peek{width:110px}}.hero .cue{color:#fff}.hero .progress{background:#ffffff1f}.hero.plays{height:100svh}.hero.plays .intro,.hero.plays .progress,.hero.plays .cue a{display:none}@media (width<=820px){.piece{filter:none}.logo-big{filter:drop-shadow(0 0 40px #dc000073)}.hero.plays .cue{display:none}.hero.plays{height:auto}.hero.plays .stage{height:auto;display:block;position:relative}.hero.plays .served,.hero.plays .served-copy{display:block}.hero.plays .served{width:100%;padding:calc(var(--nav-h) + 12px) var(--gutter) 0;position:relative;inset:auto}.hero.plays .served-copy{display:none}.hero.plays .spread{width:100%;min-width:0}.hero.plays .final{max-width:none;margin:26px var(--gutter) 0;transform:translateY(var(--rise,0px));padding-bottom:40px;position:relative;inset:auto}}.design-b .hero.plays .slate{opacity:1;transform:perspective(1100px)rotateX(62deg)}.design-b .hero.plays .piece{opacity:1}.design-b .hero.plays :is(.spread-wrap,.final,.words){opacity:0}.design-b.has-hero .nav .dock{opacity:1}.design-b .hero.plays{--pin:70svh;height:calc(100svh + var(--pin))}.design-b .hero.plays .stage{height:100svh;min-height:100svh;position:sticky;top:0}@media (width<=820px){.design-b .hero.plays{height:calc(100svh + var(--pin));padding-bottom:0}.design-b .hero.plays .cue{display:grid}.design-b .hero.plays.is-static{padding-bottom:0;height:auto!important}}.design-b.design-b3 .hero{--b-glow:none}.design-b.design-b3 .hero.plays{--pin:75svh}.design-b.design-b3 .hero.plays .spread-wrap{opacity:1;translate:0 26svh}.design-b.design-b3 .hero.plays .spread{filter:brightness(.25)saturate(.4)}.design-b.design-b3 .hero.plays .brush-platter{opacity:0}.design-b.design-b3 .hero.plays :is(.words,.glow){opacity:.3}.design-b.design-b3 .hero.plays .pattern{opacity:.12}.design-b3 .glow,.design-b3 .sweep{pointer-events:none;will-change:transform, opacity;position:absolute}.design-b3 .glow{background:radial-gradient(40% 38% at 66% 45%,#e6000c80,#9600082e 60%,#0000 75%);inset:-10% -10% -30%}.design-b3 .sweep{z-index:6;opacity:0;background:linear-gradient(90deg,#0000,#ff1e1e29 22%,#ffbeb480 44%,#fffffff2 50%,#ffbeb480 56%,#ff1e1e29 78%,#0000);width:clamp(180px,24vw,420px);top:-20%;bottom:-20%;left:0}@media (width<=820px){.design-b3 .glow{background:radial-gradient(60% 34% at 50% 32%,#e6000c80,#9600082e 60%,#0000 75%)}}