:root{--cy: 54%;--cyv: 54vh;--red: #b40303;--ease: cubic-bezier(.2, .7, .2, 1);--t: .8s}html,body{height:100%;margin:0}body{background:#000;overflow:hidden;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.stage{position:fixed;inset:0;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:calc(var(--cy) * 2 - 100%)}.glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--gx, -1000px) var(--gy, -1000px),rgba(180,3,3,.16),rgba(180,3,3,0) 70%);opacity:var(--glow, 0);transition:opacity .6s var(--ease)}.stage.open .glow{opacity:0}.fill{position:absolute;inset:0;background:var(--red);visibility:hidden;transition:clip-path var(--t) var(--ease),visibility 0s linear var(--t);pointer-events:none}.stage.open .fill{visibility:visible;transition:clip-path var(--t) var(--ease),visibility 0s}.mark{position:relative;z-index:2;width:clamp(96px,14vw,180px);height:auto;display:block;cursor:pointer;outline:none;transform:perspective(700px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .25s var(--ease);will-change:transform}.stage.open .mark{transform:none;transition:transform var(--t) var(--ease)}.mark path{fill:var(--red);transition:fill .4s var(--ease)}.mail{position:relative;z-index:2;margin-top:40px;color:#fff;text-decoration:none;font-size:clamp(16px,2.2vw,26px);letter-spacing:.04em;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.7);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease),visibility 0s linear .5s}.stage.open .mark path{fill:#fff;transition-delay:.25s}.stage.open .mail{opacity:1;visibility:visible;transform:none;transition-delay:.35s,.35s,0s}@media(prefers-reduced-motion:reduce){.fill,.glow,.mark,.mark path,.mail{transition-duration:.01ms!important;transition-delay:0s!important}}.wall{position:absolute;left:50%;top:calc(var(--cy) + clamp(96px,14vw,180px) * .5 + 72px);transform:translate(-50%);width:min(920px,calc(100vw - 48px));margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 40px;z-index:1;pointer-events:none}.wall li{display:flex;align-items:center;justify-content:center;color:#fff;opacity:var(--o, 0);transition:opacity .45s var(--ease)}.wall svg{display:block;width:auto;height:var(--h);max-width:120px}.wall img{display:block;height:var(--h);width:auto;filter:invert(1)}.stage.open .wall{opacity:0;transition:opacity .3s var(--ease)}@media(max-width:700px),(max-height:640px){.wall{gap:12px 18px;top:calc(var(--cy) + clamp(96px,14vw,180px) * .5 + 40px);width:min(920px,calc(100vw - 32px))}.wall svg{height:calc(var(--h) * .7);max-width:96px}.wall img{height:calc(var(--h) * .7)}}.foot{position:fixed;right:12px;bottom:10px;z-index:3;pointer-events:none}.foot__link{display:block;pointer-events:auto;font-size:11px;color:#fff;text-decoration:none;padding:10px 14px}.foot__link:hover,.foot__link:focus-visible{text-decoration:underline;text-underline-offset:3px}