.hero{--mx:0;flex-direction:column;justify-content:center;gap:clamp(20px,3vw,44px);min-height:calc(100svh - 70px);padding-block:72px;display:flex;position:relative;overflow:clip}.marks{--m:linear-gradient(var(--dim), var(--dim));background:var(--m) top left / 22px 1px, var(--m) top left / 1px 22px, var(--m) top right / 22px 1px, var(--m) top right / 1px 22px, var(--m) bottom left / 22px 1px, var(--m) bottom left / 1px 22px, var(--m) bottom right / 22px 1px, var(--m) bottom right / 1px 22px;pointer-events:none;background-repeat:no-repeat;position:absolute;inset:20px clamp(16px,4vw,56px)}.hero-top,.hero-go{color:var(--dim);justify-content:space-between;padding-inline:calc(clamp(16px,4vw,56px) + 16px);display:flex;position:absolute;left:0;right:0}.hero-top{top:34px}.hero-go{justify-content:center;padding-block:12px;bottom:22px}.hero-go:hover{color:var(--pink)}.hero h1{z-index:0;width:max-content;font-size:18.6vw;line-height:0;position:relative}.hero .cut .top{transform:translate(calc(.055em + var(--mx) * .09em), -.006em);transition:transform .25s cubic-bezier(.2,.9,.2,1);animation:.8s cubic-bezier(.2,.9,.2,1) .15s backwards slam}@keyframes slam{0%{transform:translate(0)}}.hero .cut .bottom,.hero-tag,.hero .hero-go{color:var(--ink)}.plane{z-index:-1;clip-path:polygon(0 .858em,100% .6825em,100% 100%,0 100%);background:var(--paper);pointer-events:none;width:300%;height:300vh;position:absolute;top:0;left:-100%}.beam{z-index:-1;clip-path:polygon(0 63%,100% 49.5%,100% 52.5%,0 66%);pointer-events:none;background:linear-gradient(90deg,#ec008c,#e4ff00,#fff3e5,#be2d75,#fff,#ff2d87,#ec008c) 0 0/50% 100%;width:300%;animation:9s linear infinite beam,1s ease-out .5s backwards lit;position:absolute;top:0;bottom:0;left:-100%}@keyframes beam{to{background-position:-100% 0}}@keyframes lit{0%{opacity:0}}.hero-tag{letter-spacing:-.03em;flex-wrap:wrap;gap:8px clamp(20px,3vw,48px);font-size:clamp(20px,2.5vw,36px);font-weight:800;display:flex;position:relative}@media (max-width:640px){.hero-tag{flex-direction:column}}.hero-tag span:before{content:"";background:var(--pink);width:.42em;height:.42em;margin-right:.45em;display:inline-block}.tapes{z-index:2;margin-bottom:-22px;position:relative;overflow-x:clip}.tapes .tape{width:104vw;margin-left:-2vw;transform:rotate(-1.2deg)}.panel{background:var(--bg);color:var(--fg);flex-direction:column;justify-content:space-between;gap:24px;min-height:100svh;padding-block:clamp(56px,7vw,88px) clamp(24px,4vw,48px);display:flex;position:sticky;top:0;box-shadow:0 -24px 48px #00000059}.panel-top{justify-content:space-between;gap:16px;display:flex}.panel h2{overflow-wrap:anywhere;font-size:clamp(56px,15vw,240px)}.panel-foot{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px 48px;display:flex}.panel-foot p{max-width:12em;font-size:clamp(24px,3.4vw,52px)}.panel-links{flex-wrap:wrap;gap:12px;margin-left:auto;display:flex}@media (max-height:560px){.panel{position:static}}.creed{background:var(--ink);padding-block:clamp(64px,10vw,160px);position:relative}.creed>.mono{color:var(--pink)}.creed ol{margin-top:32px;padding:0;list-style:none}.creed li{border-top:1px solid var(--rule);grid-template-columns:3em 1fr;align-items:baseline;gap:8px 16px;padding-block:clamp(20px,3vw,40px);display:grid}.creed li .mono{color:var(--dim)}.creed h2{font-size:clamp(40px,9vw,136px)}.creed li p{color:var(--dim);grid-column:2;font-size:clamp(16px,1.6vw,22px)}
