html,body{background:var(--surface-0);height:100%;color:var(--ink-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow:hidden}::selection{color:var(--ink-1);background:#5a7a9b29}:lang(ko){word-break:keep-all}.page{width:100%;height:100%;position:relative}.page:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#0000000e .8px,#0000 .8px);background-position:50%;background-size:24px 24px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 38.2%,#000c,#0000);mask-image:radial-gradient(60% 50% at 50% 38.2%,#000c,#0000)}.center-lockup{z-index:1;flex-direction:column;align-items:center;display:flex;position:absolute;top:38.2%;left:50%;transform:translate(-50%,-50%)}.mark-container{width:51px;height:51px;position:relative}.construction-geo{pointer-events:none;width:140px;height:140px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.construction-geo svg{opacity:0;animation:geo-in .5s var(--ease-out-expo)80ms forwards,geo-out 1s var(--ease-out-quart)2s forwards}.mark svg{opacity:0;animation:scale-in .6s var(--ease-out-expo).25s forwards;display:block}p.wordmark{font-family:var(--font-sans);letter-spacing:-.015em;color:var(--ink-1);text-transform:lowercase;opacity:0;animation:fade-in-up .6s var(--ease-out-expo).4s forwards;margin:18px 0 0;padding:0;font-size:27px;font-weight:700}.slit{transform-origin:50%;opacity:0;width:51px;height:1.5px;animation:slit-in .8s var(--ease-out-quart).55s forwards;background:linear-gradient(90deg,#5a7a9b,#7a8b6e,#7a6b8b);margin-top:12px}p.tagline{font-family:var(--font-sans);color:var(--ink-3);opacity:0;animation:fade-in-up .6s var(--ease-out-expo).68s forwards;margin:9px 0 0;padding:0;font-size:17.5px;font-weight:400}.corner-detail{font-family:var(--font-mono);color:var(--ink-4);text-align:right;z-index:1;opacity:0;animation:fade-in-up .8s var(--ease-out-quart)1.2s forwards;font-size:11.5px;font-weight:400;position:absolute;top:48px;right:48px}.product-shelf{z-index:1;align-items:center;display:flex;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.shelf-sep{background:#a0a09d2e;flex-shrink:0;width:1px;height:20px}.product{color:var(--ink-3);cursor:pointer;flex-direction:column;align-items:center;padding:8px 32px;text-decoration:none;display:flex}.product:focus-visible{outline:2px solid var(--border-strong);outline-offset:2px;border-radius:4px}.product-dot{width:5px;height:5px;transition:transform .2s var(--ease-out-quart);border-radius:50%;flex-shrink:0}.product:hover .product-dot{transform:scale(1.8)}.product-name{font-family:var(--font-mono);white-space:nowrap;margin-top:8px;font-size:14px;font-weight:500}.contact-block{z-index:1;opacity:0;animation:fade-in-up .8s var(--ease-out-quart).9s forwards;align-items:center;gap:8px;display:flex;position:absolute;bottom:48px;left:48px}.contact-line{background:var(--ink-4);width:16px;height:1px;transition:width .2s var(--ease-out-quart),background-color .2s var(--ease-out-quart);flex-shrink:0;display:block}.contact-block:hover .contact-line{background:var(--ink-2);width:28px}.contact-email{font-family:var(--font-mono);color:var(--ink-4);transition:color .2s var(--ease-out-quart);font-size:12.5px;font-weight:400;text-decoration:none}.contact-block:hover .contact-email{color:var(--ink-2)}.contact-email:focus-visible{outline:2px solid var(--border-strong);outline-offset:2px}.coordinates{font-family:var(--font-mono);color:var(--ink-4);font-variant-numeric:tabular-nums;z-index:1;opacity:0;animation:fade-in-up .8s var(--ease-out-quart)1.3s forwards;font-size:11.5px;font-weight:400;position:absolute;bottom:48px;right:48px}.coord-sep{opacity:.4}@keyframes fade-in-up{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slit-in{0%{opacity:0;transform:scaleX(0)}to{opacity:.55;transform:scaleX(1)}}@keyframes geo-in{0%{opacity:0;transform:scale(.7)rotate(-15deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes geo-out{0%{opacity:1}to{opacity:0}}@media (max-width:720px){.center-lockup{top:35%}.construction-geo{display:none}.corner-detail{top:32px;right:32px}.contact-block{bottom:32px;left:32px}.coordinates{display:none}.product-shelf{flex-direction:column;bottom:64px}.shelf-sep{width:20px;height:1px}.product{padding:10px 24px}}@media (prefers-reduced-motion:reduce){.construction-geo svg,.mark svg,.wordmark,.slit,.tagline,.corner-detail,.contact-block,.coordinates{opacity:1;animation:none;transform:none}.construction-geo{display:none}}