.why-page{--why-purple: #967AED;color:#fafafa;background:#000}.why-hero{padding:128px 48px 28px;overflow:hidden;background-image:radial-gradient(#28262d .7px,transparent .7px);background-size:22px 22px}.why-hero-art{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 12px 30px 0}.why-hero h1{display:flex;align-items:baseline;gap:.04em;font-size:clamp(110px,16vw,220px);font-weight:500;line-height:1;letter-spacing:-.09em}.why-title-slashes{flex-shrink:0;font-family:var(--font-geist-mono);font-size:.83em;font-weight:400;letter-spacing:-.3em;padding-right:.3em;transform:translateY(-.103em);background-color:#727278;background-image:url(/www/visuals/noise.webp);background-size:180px;background-blend-mode:multiply;background-clip:text;-webkit-background-clip:text;color:transparent}.why-title-period{color:var(--why-purple)}.why-paper-mark{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;width:224px;flex-shrink:0;transform:rotate(8deg)}.why-paper-mark>span{position:relative;aspect-ratio:1;background:var(--why-purple);border:1px solid #ffffff24;box-shadow:2px 3px #0006}.why-paper-mark>span:after{content:"";position:absolute;top:-2px;left:25%;width:50%;height:5px;background:#ffffff30}.why-paper-mark>span[data-filled=false]{visibility:hidden}.why-paper-mark>span[data-tone="1"]{transform:rotate(5deg)}.why-paper-mark>span[data-tone="3"]{transform:rotate(-4deg)}@media(max-width:1100px){.why-paper-mark{width:168px;gap:3px}}@media(max-width:767px){.why-paper-mark{width:clamp(75px,18vw,120px);gap:2px}.why-paper-mark>span:after{height:3px}.why-hero{padding:116px 24px 20px}.why-hero-art{gap:12px;padding:28px 0 24px}.why-hero h1{font-size:clamp(64px,20vw,150px)}}
