:root{--bg:#fff;--ink:#15171c;--muted:#8a8d95;--sans:var(--font-sans), "Apple SD Gothic Neo", "Pretendard", system-ui, sans-serif;--list-u:clamp(.16px, .12px + .01vw, .22px)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}img{display:block}.stage{flex-direction:column;align-items:center;min-height:100svh;padding:0 24px;display:flex;position:relative;overflow:hidden}.top{width:100%;padding-top:max(36px, calc(env(safe-area-inset-top) + 24px));justify-content:center;display:flex}.wordmark a{border-radius:6px;margin:-8px;padding:8px;transition:opacity .3s;display:block}.wordmark a:hover{opacity:.6}.wordmark img{width:clamp(120px,12vw,160px);height:auto}.stage:has(.projects) .wordmark img{width:calc(1005.7 * var(--list-u) / 1.2)}.projects{flex-direction:column;flex:1 0 auto;justify-content:center;align-items:flex-start;gap:clamp(28px,5vh,44px);padding:48px 0;list-style:none;display:flex}.projects li{--u:var(--list-u)}.projects img{height:calc(var(--units) * var(--u));width:auto;transition:opacity .3s,transform .4s cubic-bezier(.2,.7,.1,1)}.projects a{border-radius:6px;margin:-6px;padding:6px;display:block}.projects a:hover img{transform:translateY(-2px)}.projects a[href]:hover img{opacity:.6}.projects a:focus-visible,.wordmark a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.project{--u:clamp(.26px, .2px + .016vw, .36px);flex:1 0 auto;justify-content:center;align-items:center;padding:48px 0;display:flex}.project img{height:calc(var(--units) * var(--u));width:auto}.foot{padding:8px 0 max(28px, env(safe-area-inset-bottom));letter-spacing:.18em;color:var(--muted);opacity:.7;font-size:11px}