.cs-head{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(32px,4vw,64px);align-items:end;margin-bottom:clamp(40px,5vw,72px)}.cs-head .h2{max-width:15ch}.cs-head-r{display:grid;gap:18px;justify-items:start;padding-bottom:8px}.cs-head-r .sub{margin:0}@media(max-width:1024px){.cs-head{grid-template-columns:1fr;gap:20px}}.cs-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden}.cs-media .pill{position:absolute;left:14px;top:14px;background:var(--paper);color:var(--ink);border-color:transparent}.cs-cursor{position:absolute;left:0;top:0;width:112px;height:112px;border-radius:50%;background:var(--accent);color:var(--on-acc);display:grid;place-items:center;text-align:center;font:400 10px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:0;scale:.4;transition:opacity .3s,scale .45s var(--ease);pointer-events:none;z-index:2}.cs-title{font:400 clamp(30px,2.8vw,46px)/1 var(--display);letter-spacing:-.03em;text-wrap:balance}.cs-metrics{display:flex;gap:clamp(24px,3.4vw,56px);flex-wrap:wrap}.cs-m{display:grid;gap:10px}.cs-m b{font:400 clamp(26px,2.3vw,38px)/.9 var(--display);letter-spacing:-.035em;color:var(--accent)}.cs-cascade{position:relative;display:grid;gap:clamp(40px,8vh,90px);padding-bottom:8vh}.cs-card{position:sticky;top:calc(84px + var(--i)*18px);height:auto}.cs-in{position:relative;height:auto;min-height:min(78vh,720px);max-height:calc(100vh - 110px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto 1fr auto auto auto;column-gap:0;row-gap:0;padding:0;border:1px solid var(--rule);border-radius:0;background:var(--paper);overflow:hidden;transform-origin:50% 0;box-shadow:none;will-change:transform}.cs-shade{position:absolute;inset:0;background:var(--paper);opacity:var(--sh,0);pointer-events:none;border-radius:0;z-index:4}.cs-cm{grid-column:2;grid-row:2/-1;position:relative;display:block;overflow:hidden;border-radius:0;border-left:1px solid var(--rule);min-height:0;clip-path:inset(0 0 100% 0);transition:clip-path 1.3s var(--ease-io)}.cs-card.in .cs-cm{clip-path:inset(0)}.cs-cm-in{position:absolute;inset:-12% 0;display:block;will-change:transform}.cs-tags{grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 22px;border-bottom:1px solid var(--rule)}.cs-big{grid-column:1;grid-row:2;align-self:end;position:relative;z-index:2;margin:0;padding:0 22px 18px;font:400 clamp(40px,min(5.6vw,10vh),104px)/.88 var(--display);letter-spacing:-.035em;color:var(--ink);max-width:none;text-wrap:balance;pointer-events:none;will-change:transform}.cs-big em{font-style:italic}.cs-q{grid-column:1;grid-row:3;margin:0;padding:0 22px 20px;font:400 clamp(15px,min(1.3vw,2.4vh),20px)/1.4 var(--display);font-style:italic;color:var(--ink-2);max-width:36ch;text-wrap:pretty}.cs-in .cs-metrics{grid-column:1;grid-row:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;flex-wrap:nowrap;padding:0;border-top:1px solid var(--rule);background:var(--rule)}.cs-in .cs-m{background:var(--paper);padding:16px 22px;gap:8px}.cs-in .cs-m b{font:400 clamp(24px,min(2.4vw,4.6vh),42px)/.9 var(--display);letter-spacing:-.035em;color:var(--accent)}.cs-in .cs-m .lbl{white-space:normal}.cs-go{grid-column:1;grid-row:5;position:static;justify-self:stretch;display:flex;justify-content:space-between;padding:16px 22px;border-top:1px solid var(--rule);font:400 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;transition:background .35s,color .35s;background-size:0 0}.cs-go:hover{background:var(--ink);color:var(--paper)}.cs-card .cs-tags,.cs-card .cs-q,.cs-card .cs-metrics,.cs-card .cs-big{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.cs-card .cs-go{opacity:0;transition:opacity .9s var(--ease)}.cs-card.in .cs-tags,.cs-card.in .cs-q,.cs-card.in .cs-metrics,.cs-card.in .cs-big{opacity:1;transform:none}.cs-card.in .cs-go{opacity:1}.cs-card.in .cs-big{transition-delay:.35s}.cs-card.in .cs-q{transition-delay:.5s}.cs-card.in .cs-metrics{transition-delay:.6s}@media(hover:hover)and (pointer:fine){.cs-cm{cursor:none}.cs-cm:hover .cs-cursor{opacity:1;scale:1}}@media(hover:none),(pointer:coarse){.cs-cm{cursor:pointer}.cs-cm .cs-cursor{opacity:1;scale:.8;inset:auto 10px 10px auto;transform:none!important}}.cs-cm:focus-visible,.cs-go:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(min-width:901px)and (max-height:700px){.cs-q{display:none}.cs-in{row-gap:0}}@media(max-width:900px){.cs-card{position:relative;top:auto;height:auto}.cs-in{grid-template-columns:1fr;grid-template-rows:auto;min-height:0;max-height:none;transform:none!important}.cs-cm{grid-column:1;grid-row:auto;aspect-ratio:4/3;border-left:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);min-height:0}.cs-tags,.cs-big,.cs-q,.cs-in .cs-metrics,.cs-go{grid-column:1;grid-row:auto}.cs-big{font-size:clamp(44px,11vw,72px);padding-top:20px;color:var(--ink);transform:none!important}.cs-go{position:static;justify-self:stretch}.cs-shade{display:none}}@media(prefers-reduced-motion:reduce){.cs-card{position:relative;top:auto}.cs-card .cs-tags,.cs-card .cs-q,.cs-card .cs-metrics,.cs-card .cs-big,.cs-card .cs-go{opacity:1;transform:none;transition:none}.cs-cm{clip-path:none;transition:none}.cs-cm-in,.cs-big,.cs-in{transform:none!important;will-change:auto}}
