*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0E0D0B;--fg:#E7E8EB;--dim:rgba(231,232,235,.5)}body,html{height:100%}body{background:var(--bg);font-family:"Inter",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:clip}#page{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(26px,4.6svh,44px);padding:28px 20px 118px;text-align:center}.logo{position:relative;width:min(62vmin,38svh,400px);aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 1px rgba(231,232,235,.08),0 24px 70px -30px rgba(0,0,0,.85);opacity:0;transform:scale(.975);transition:opacity 1s ease,transform 1.2s cubic-bezier(.16,1,.3,1)}body.on .logo{opacity:1;transform:scale(1)}.art,.art img{position:absolute;inset:0}.art{border-radius:50%;overflow:hidden}.art img{width:100%;height:100%;object-fit:cover;display:block}.in{display:grid;justify-items:center;gap:clamp(14px,2.4svh,22px);opacity:0;translate:0 14px;transition:opacity .9s ease .18s,translate .9s cubic-bezier(.16,1,.3,1) .18s}body.on .in{opacity:1;translate:0 0}.tag{font-size:10px;letter-spacing:.34em;margin-right:-.34em;text-transform:uppercase;color:var(--dim)}.mailto{color:var(--fg);text-decoration:none;font-weight:600;letter-spacing:-.01em;font-size:clamp(19px,4.6vw,27px);position:relative;padding-bottom:3px}.mailto::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;opacity:.35;transform:scaleX(.24);transform-origin:left;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .4s}.mailto:hover::after{transform:scaleX(1);opacity:.85}.pulse{width:min(300px,64vw);height:26px;opacity:.45}.pulse path{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}.soc{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 22px}.micro,.soc a{text-transform:uppercase}.soc a{color:var(--dim);text-decoration:none;font-size:10px;font-weight:500;letter-spacing:.22em;transition:color .35s}.soc a:hover,body{color:var(--fg)}#devWrap{position:fixed;left:0;right:0;bottom:80px;z-index:9;opacity:0;transition:opacity 1s ease .5s}body.on #devWrap,body.on #ekg{opacity:1}.micro{text-align:center;font-weight:400;font-size:9px;letter-spacing:.3em;margin:0-.3em 0 0;opacity:.28}.dev{position:absolute;right:10px;top:50%;translate:0-50%;display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;opacity:.16;border:1px solid transparent;background:0 0;transition:opacity .45s ease,background .45s ease,border-color .45s ease,backdrop-filter .45s ease,box-shadow .45s ease}.dev img{height:8px;display:block}.dev:hover{opacity:.7;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.13);backdrop-filter:blur(7px) saturate(1.2);-webkit-backdrop-filter:blur(7px) saturate(1.2);box-shadow:0 6px 26px -14px rgba(0,0,0,.6)}#ekg,#grain,#vig{position:fixed;pointer-events:none}#ekg{left:0;bottom:0;width:100%;height:70px;opacity:0;transition:opacity 1.2s ease .35s}#grain,#vig{inset:0}#vig{z-index:50;background:radial-gradient(120% 90%at 50% 42%,transparent 58%,rgba(0,0,0,.32) 100%)}#grain{width:100%;height:100%;z-index:60;opacity:.13;mix-blend-mode:overlay}::selection{background:var(--fg);color:var(--bg)}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.001ms!important}#devWrap,#ekg,.in,.logo{opacity:1;transform:none;translate:0 0}}