@font-face{font-family:Pretendard VIAVA;src:url(/fonts/pretendard-viava.woff2) format("woff2-variations"),url(/fonts/pretendard-viava.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{--paper: #fffcfb;--surface: #ffffff;--ink: #252321;--muted: #6c6763;--line: rgba(37, 35, 33, .13);--orange: #ff5a36;--glass: #d8c9b8;--gutter: clamp(20px, 5.2vw, 80px);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{background:var(--paper);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard VIAVA,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,system-ui,sans-serif;font-size:16px;line-height:1.5;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}p,h1,ul{margin:0}a{color:inherit}img{display:block}:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:6px}.page{position:relative;min-height:100vh;min-height:100svh;max-width:1440px;margin:0 auto;display:grid;grid-template-rows:auto 1fr auto;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}.top{display:flex;align-items:center;height:80px}.brand{display:inline-flex;margin-left:-4px;padding:6px 4px;border-radius:8px}.wordmark{display:block;width:92px;height:auto;aspect-ratio:509.3643 / 166.5674}.hero{display:flex;flex-direction:column;justify-content:center;gap:40px;padding-block:12px 28px}.headline{font-size:clamp(31px,9.3vw,46px);line-height:1.22;font-weight:650;letter-spacing:-.045em;word-break:keep-all}.line{display:block}.word{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em;margin-bottom:-.06em}.word>span{display:inline-block;will-change:transform}.sub{margin-top:18px;font-size:19px;line-height:1.4;letter-spacing:-.01em;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:10px;margin-top:26px;min-height:44px;padding:0 18px 0 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:16px;line-height:1;letter-spacing:-.01em}.status .sep{color:var(--muted)}.dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--orange)}.dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--orange);animation:pulse 2.6s cubic-bezier(.16,1,.3,1) infinite}@keyframes pulse{0%{transform:scale(1);opacity:.45}70%,to{transform:scale(3.2);opacity:0}}.windows{position:relative;width:100%;aspect-ratio:1000 / 1020;isolation:isolate}.arc,.plane-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.arc{z-index:0}.plane-layer{z-index:3}.arc-line{fill:none;stroke:#25232166;stroke-width:3.4;stroke-dasharray:9 13;stroke-linecap:round}.plane{fill:var(--ink)}.win{position:absolute;z-index:1;left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:calc(var(--w) * 100%);height:calc(var(--h) * 100%)}.win__body{position:absolute;inset:0;transform-origin:50% 100%}.win--big .win__body,.win--big .win__glass,.win--big .win__frame{border-radius:42% 42% 38% 38%/25%}.win--small .win__body,.win--small .win__glass,.win--small .win__frame{border-radius:48% 48% 45% 45%/21%}.win__frame{position:absolute;inset:-7px;border:1px solid var(--line);pointer-events:none}.win__glass{position:absolute;inset:0;overflow:hidden;background:var(--glass);transform:translateZ(0)}.win__glass:after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 -60px 90px -60px #18120c47;pointer-events:none}.scene{position:absolute;z-index:1;left:calc(-100% * var(--x) / var(--w));top:calc(-100% * var(--y) / var(--h));width:calc(100% / var(--w));height:calc(100% / var(--h));max-width:none;object-fit:cover;transform-origin:50% 50%}.scene--a{background:var(--glass) url(data:image/webp;base64,UklGRpYAAABXRUJQVlA4IIoAAADwBACdASoUABQAPulcp02pJKOiN/VYASAdCUAVJOX4NOu7DNO4yOpV2CJHWgs85gAA/tMO+ZkbwZLc06G4OrbCRE2iawODjVdPq4MMNb3K5UNFes9rw3iigLYldQLsQD3z/MCNTsLo/j5FJSjNjNh1iJICNmE9CP+PTpNS3MuY+8FHKiJASjFAAAA=) center / cover no-repeat}.scene--b{opacity:0;visibility:hidden}.foot{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;border-top:1px solid var(--line);color:var(--muted);font-size:16px}.credits{position:relative}.credits summary{display:flex;align-items:center;min-height:44px;padding:0 2px;cursor:pointer;list-style:none;color:var(--muted);text-decoration:underline;text-decoration-color:#25232140;text-underline-offset:4px;transition:color .2s ease}.credits summary::-webkit-details-marker{display:none}.credits summary:hover,.credits[open] summary{color:var(--ink)}.credits__panel{position:absolute;right:0;bottom:calc(100% + 10px);width:min(360px,calc(100vw - 2 * var(--gutter)));padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 30px 60px -30px #25232147;color:var(--ink);font-size:16px;line-height:1.55}.credits__panel ul{display:grid;gap:14px;padding:0;list-style:none}.credits__panel li span{color:var(--muted)}.credits__panel a{text-decoration:underline;text-decoration-color:#2523214d;text-underline-offset:3px}.credits__panel a:hover{text-decoration-color:currentColor}.credits__panel p{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);word-break:keep-all}.is-intro .brand,.is-intro [data-reveal],.is-intro .foot,.is-intro .win,.is-intro .arc,.is-intro .plane{opacity:0}.is-intro .word>span{transform:translateY(110%)}@media(min-width:900px){.top{height:104px}.wordmark{width:108px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4vw;padding-block:8px 40px}.headline{font-size:clamp(44px,4.8vw,74px);line-height:1.18;letter-spacing:-.045em}.sub{margin-top:26px;font-size:22px}.status{margin-top:40px}.windows{justify-self:end;width:min(100%,640px,calc((100svh - 220px)*.98))}.arc-line{stroke-width:1.9;stroke-dasharray:6 9}.win__frame{inset:-9px}}@media(prefers-reduced-motion:reduce){.dot:after{animation:none;opacity:0}.word>span{will-change:auto}}
