.wk-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;padding:0 24px 40px;scroll-padding-inline:24px;display:flex;overflow-x:auto}.wk{scroll-snap-align:center;border-radius:6px;flex-direction:column;flex:0 0 min(84vw,360px);min-height:430px;padding:22px;display:flex}.wk-step,.wk-out{transition:opacity .5s var(--rise), transform .5s var(--rise);transition-delay:calc(var(--i,3) * .11s)}.wk[data-on=false] .wk-step,.wk[data-on=false] .wk-out{opacity:0;transform:translateY(8px)}@media (min-width:900px) and (min-height:600px) and (prefers-reduced-motion:no-preference){.wk-root{height:340vh}.wk-pin{flex-direction:column;justify-content:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.wk-track{width:max-content;padding:0 0 0 24px;overflow:visible}.wk{flex-basis:max(360px,21vw)}.js .wk:nth-child(n+3){--late:1}}@media (min-width:1024px) and (min-height:600px) and (prefers-reduced-motion:no-preference){.wk-track{padding-left:68px}}@media (min-width:900px) and (min-height:600px) and (max-height:680px) and (prefers-reduced-motion:no-preference){.wk-pin>:first-child{padding-top:56px;padding-bottom:20px}}.caret{vertical-align:-.14em;background:#1f5aa6;width:2px;height:1em;margin-left:2px;display:inline-block}@media (prefers-reduced-motion:no-preference){.caret{animation:1s steps(2,end) infinite blink}}@keyframes blink{50%{opacity:0}}@media (min-width:1024px) and (prefers-reduced-motion:reduce){.wk-track{padding-left:68px;padding-right:68px}}.hero{padding-top:clamp(116px,15.6svh,140px)}.hero-top{grid-template-columns:1fr 1fr;align-items:start;display:grid}.hero-line{font-size:min(var(--type-hero), 9.8svh);letter-spacing:-.024em;line-height:1.06}.hero-say{max-width:28em;margin-bottom:18px;padding-top:.3em;font-size:clamp(15.5px,1.18vw,18px);line-height:1.38}.rg-tabs{flex-wrap:wrap;gap:4px 22px;margin-top:clamp(20px,4.4svh,36px);padding-bottom:8px;display:flex}.rg-tab{white-space:nowrap;color:#55616f;border-bottom:1px solid #0000;align-items:center;gap:6px;height:26px;font-size:13px;transition:color .25s,border-color .25s;display:flex;position:relative}.rg-tab:hover{color:#1a2030}.rg-tab[aria-selected=true]{color:#1a2030;border-color:#1a2030}.range{--fw:600px;height:calc(var(--fw) * .5625 + 80px);background:#161c26 url(/media/black/band-curve.webp) 50% 40%/cover;border-radius:6px;position:relative;overflow:hidden}.rg-file{width:min(var(--fw), 100% - 24px);transform:translateX(calc(var(--d) * (100% + 24px) - 50%));position:absolute;top:24px;left:50%}.rg-file[aria-hidden=true]{filter:brightness(.72)}.rg-file[data-far]{opacity:0;visibility:hidden}@media (prefers-reduced-motion:no-preference){.rg-file{transition:transform .9s var(--master), filter .9s var(--master), opacity .5s, visibility .5s}}@media (max-height:700px){.range{--fw:520px}}@media (min-width:1700px){.range{--fw:760px}}@media (max-width:1023px){.hero{padding-top:120px}.hero-top{grid-template-columns:1fr;gap:12px}.hero-say{padding-top:0}.rg-tabs{gap:18px 16px;padding-bottom:10px}.rg-tab{font-size:12.5px}.hero .range{--fw:min(100vw - 48px, 760px);margin:0 -12px}.rg-file{top:14px}}@media (max-width:639px){.hero .range{--fw:min(100vw - 48px, 430px);height:calc(var(--fw) + 60px);background-image:url(/media/black/band-curve-square.webp)}.rg-tabs{scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;gap:0 20px;margin:11px -24px 1px;padding:9px 24px;overflow:auto hidden}.rg-tabs::-webkit-scrollbar{display:none}.rg-tab{flex-shrink:0}}.sr{gap:56px;display:grid}.sr-frame{aspect-ratio:4/3;border-radius:6px;justify-content:center;align-items:center;padding:0 12%;display:flex;overflow:hidden}.sr-file{width:100%;position:relative;container-type:inline-size}.sr-note{white-space:nowrap;background:#fff;border-left:3px solid #1f5aa6;border-radius:4px;align-items:center;gap:.5em;width:fit-content;margin:10px auto 0;padding:.26em .8em .26em .65em;font-size:12px;line-height:1.25;display:flex;box-shadow:0 14px 28px -12px #1a203080,0 0 0 1px #1a203010}.sr-copy{margin-top:24px}@media (max-width:639px){.sr-frame{aspect-ratio:auto;padding:32px 12px}.sr-file{max-width:430px}}@container (min-width:520px){.sr-note{top:calc(32px + var(--y) * (100% - 32px));margin:0;font-size:min(2cqw,13px);position:absolute;right:-9cqw;transform:translateY(-50%)}}@media (min-width:1024px){.sr{--text:clamp(320px, 28vw, 420px);--gutter:56px;--step:280px;--w:min(100vw - 136px - var(--text) - var(--gutter), (100svh - 112px) * 4 / 3, 866px);--h:calc(var(--w) * .75);--end:calc((var(--h) - var(--step)) / 2);grid-template-columns:var(--w) minmax(0, 1fr);grid-template-rows:var(--end) repeat(4, var(--step)) var(--end);gap:0 var(--gutter)}.sr>article{display:contents}.sr-frame{top:max(88px, (100svh + 64px - var(--h)) / 2);height:var(--h);opacity:0;grid-area:1/1/-1;align-self:start;position:sticky}.sr>[data-on=true] .sr-frame{z-index:1;opacity:1}.sr-copy{grid-column:2;grid-row:var(--row);flex-direction:column;justify-content:center;margin:0;display:flex}.sr>:not(:last-child) .sr-copy{border-bottom:1px solid #1a20301a}.js .sr>[data-on=false] .sr-copy>*{opacity:.35}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.sr-frame{transition:opacity 0s .35s}.sr>[data-on=true] .sr-frame,.js .sr-copy>.in{transition:opacity .35s}}@media (min-width:1441px){.sr{grid-template-columns:var(--w) minmax(0, var(--text));justify-content:center}}.field-black-a{background:#161c26 url(/media/black/feature-towers.webp) 50%/cover}.field-black-b{background:#161c26 url(/media/black/band-curve.webp) 50%/cover}.field-black-c{background:#161c26 url(/media/black/feature-hall.webp) 50%/cover}.field-black-d{background:#161c26 url(/media/black/band-concrete.webp) 50%/cover}
