:root{--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--max-width:1120px;--gutter:clamp(1.25rem, 4vw, 3rem);--section-gap:clamp(4rem, 10vw, 8rem);--header-height:72px;--radius:10px;--night:#000;--horizon:#161616;--star:#fff;--on-night:#fff;--on-night-muted:#ffffffa3;--on-night-faint:#ffffff1f}:root,html[data-theme=light]{color-scheme:light;--bg:#fff;--surface:#f2f2f2;--fg:#111;--fg-muted:#666;--border:#e2e2e2;--link:#111;--step-1:#1a1a1a;--step-2:#2b2b2b;--step-3:#3d3d3d}html[data-theme=dark]{color-scheme:dark;--bg:#000;--surface:#111;--fg:#f2f2f2;--fg-muted:#9a9a9a;--border:#2a2a2a;--link:#fff;--step-1:#1a1a1a;--step-2:#2b2b2b;--step-3:#3d3d3d}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}.hero,.section{scroll-margin-top:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:1.125rem;line-height:1.6}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.03em;font-weight:700;line-height:1.15}a{color:var(--link);text-decoration:none}button{font:inherit}:focus-visible{outline:3px solid var(--fg);outline-offset:3px}.container{width:100%;max-width:var(--max-width);padding:0 var(--gutter);margin:0 auto}.site-header{z-index:10;color:var(--on-night);transition:background-color .25s,box-shadow .25s;position:fixed;inset:0 0 auto}.site-header.is-solid{background:var(--night);box-shadow:0 1px 0 var(--on-night-faint)}.site-header .container{height:var(--header-height);justify-content:space-between;align-items:center;display:flex}.brand{color:var(--on-night);letter-spacing:-.03em;font-size:1.25rem;font-weight:800}.site-nav{align-items:center;gap:.25rem;display:flex}.site-menu{gap:.25rem;margin:0 .75rem 0 0;padding:0;list-style:none;display:flex}.site-menu a{min-height:44px;color:var(--on-night);border-radius:999px;align-items:center;padding:0 .875rem;font-size:1rem;font-weight:600;transition:background-color .2s;display:inline-flex}.site-menu a:hover{background:var(--on-night-faint)}.site-menu a{white-space:nowrap;transition:padding .3s cubic-bezier(.2,.7,.2,1),background-color .2s,color .2s;position:relative}.site-menu a[aria-current=true]{color:var(--star);padding:0 1.375rem;font-size:1.125rem}.has-dot-text{--dot-text-color:currentColor;display:inline-block;position:relative}.has-dot-text.is-dots{color:#0000;transition:color .45s}.has-dot-text.is-dots.is-settled{color:inherit}.dot-text-canvas{pointer-events:none;transition:opacity .45s;position:absolute;top:0;left:0}.section h2 .has-dot-text{--dot-text-color:var(--fg)}.contact h2 .has-dot-text{--dot-text-color:var(--on-night)}@media (width<=720px){.site-menu{display:none}}.locale-switch{min-height:44px;color:var(--on-night-muted);border-radius:999px;align-items:center;padding:0 .875rem;font-size:.9375rem;transition:color .2s,background-color .2s;display:inline-flex}.locale-switch:hover{color:var(--on-night);background:var(--on-night-faint)}html.js [data-reveal]{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(72px)}html.js [data-reveal="2"]{transition-delay:.15s}html.js [data-reveal="3"]{transition-delay:.3s}html.js [data-reveal="4"]{transition-delay:.45s}html.js .site-footer [data-reveal]{transform:translateY(40px)}html.js .section h2[data-reveal]{opacity:1;transition:none;transform:none}html.js [data-reveal].is-visible{opacity:1;transform:none}.hero{min-height:100svh;padding-top:var(--header-height);background:linear-gradient(180deg, var(--night) 0%, var(--horizon) 100%);color:var(--on-night);align-items:center;display:grid;position:relative;overflow:hidden}.hero-inner{z-index:1;padding-top:clamp(2rem,6vw,4rem);padding-bottom:clamp(4rem,12vh,9rem);position:relative}.hero-tagline{color:var(--star);letter-spacing:-.01em;font-size:clamp(1.125rem,2.2vw,1.5rem);font-weight:600}.wordmark{letter-spacing:-.045em;margin:.25rem 0 1.5rem;font-size:clamp(4.5rem,15vw,12rem);font-weight:800;line-height:.95}.hero-intro{max-width:30ch;color:var(--on-night);font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.45}.hero-dots{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-veil{display:none}html.js .hero-veil{pointer-events:none;background:#000;animation:1.6s 1.3s forwards veil;display:block;position:absolute;inset:0}@keyframes veil{to{opacity:0}}html.js .hero [data-reveal="1"]{transition-delay:2.3s}html.js .hero [data-reveal="2"]{transition-delay:2.4s}html.js .hero [data-reveal="3"]{transition-delay:2.8s}html.js .hero.has-dots .wordmark{color:#0000}@media (width<=720px){.hero{align-items:start}.hero-inner{padding-top:12vh;padding-bottom:42vh}}.section{min-height:100svh;padding:calc(var(--header-height) + 2rem) 0 var(--section-gap);align-content:center;display:grid}.section h2{margin-bottom:2rem;font-size:clamp(2rem,4vw,2.75rem)}.projects{height:100svh;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.projects-heading{top:calc(var(--header-height) + 1.25rem);z-index:1;position:absolute;left:0;right:0}.projects h2{color:var(--on-night);margin-bottom:0}.slides{will-change:transform;transition:transform .65s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;inset:0}.slide{height:100%;padding-top:var(--header-height);color:var(--on-night);flex:0 0 100%;align-items:center;display:grid}.slide:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff59 2px,#0000 2.5px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 45%,#000000e6 100%);mask-image:linear-gradient(90deg,#0000 45%,#000000e6 100%)}.slide,.slide-inner{position:relative}.slide-1{background:var(--step-1)}.slide-2{background:var(--step-2)}.slide-3{background:var(--step-3)}.slide-inner{padding-top:clamp(2.5rem,6vw,4rem);padding-bottom:clamp(2.5rem,6vw,4rem)}.project-name{letter-spacing:-.04em;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:800;line-height:1}.project-description{max-width:36ch;color:var(--on-night-muted);margin-top:1rem;font-size:clamp(1.125rem,2.2vw,1.5rem)}.project-link{border-bottom:2px solid var(--star);color:var(--on-night);align-items:center;gap:.5rem;margin-top:2rem;padding-bottom:.25rem;font-weight:600;display:inline-flex}.project-arrow{color:var(--star);transition:transform .2s}.project-link:hover .project-arrow{transform:translate(3px,-3px)}.slider-controls{z-index:1;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:clamp(1.5rem,5vh,3rem);left:0;right:0}.dots{align-items:flex-end;gap:.5rem;display:flex}.dot{cursor:pointer;background:#ffffff47;border:0;border-radius:4px 4px 0 0;width:40px;transition:background-color .2s,transform .2s}.dot-1{height:10px}.dot-2{height:18px}.dot-3{height:26px}.dot:hover{transform:translateY(-3px)}.dot.is-active{background:var(--star)}.arrows{gap:.5rem;display:flex}.arrow{border:1px solid var(--border);width:48px;height:48px;color:var(--fg);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:background-color .2s,transform .2s;display:inline-grid}.arrow:hover{background:var(--surface);transform:scale(1.06)}.news-line{border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--fg-muted);padding:2rem 0;font-size:clamp(1.25rem,2.5vw,1.75rem)}.contact{background:var(--night);color:var(--on-night)}.contact h2{color:var(--on-night);margin-bottom:1.5rem;font-size:clamp(2rem,4vw,2.75rem)}.contact h2+.contact-link{margin-top:.5rem}.contact-link{background:var(--star);min-height:56px;color:var(--night);border-radius:999px;align-items:center;padding:0 1.75rem;font-size:1.125rem;font-weight:700;transition:transform .2s,filter .2s;display:inline-flex}.contact-link:hover{filter:brightness(1.05);transform:translateY(-2px)}.site-footer{background:var(--night);color:var(--on-night-muted);border-top:1px solid var(--on-night-faint);padding:3rem 0 2.5rem;font-size:.9375rem}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:2rem;display:grid}.footer-brand{flex-direction:column;gap:.5rem;display:flex}.footer-etymology{color:var(--on-night-muted)}.footer-heading{color:var(--on-night);margin-bottom:.25rem;font-weight:700}.footer-links{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.footer-links a{color:var(--on-night-muted);transition:color .2s}.footer-links a:hover{color:var(--star)}.footer-links .locale-switch{min-height:0;padding-left:0}.footer-links .locale-switch:hover{background:0 0}@media (width<=720px){.footer-grid{grid-template-columns:1fr;gap:1.75rem}}.not-found{gap:var(--section-gap);padding:calc(var(--header-height) + var(--section-gap)) var(--gutter) var(--section-gap);display:grid}.not-found h1{margin-bottom:1.25rem;font-size:clamp(2rem,5vw,3rem)}.button{background:var(--star);min-height:48px;color:var(--night);border-radius:999px;align-items:center;padding:0 1.5rem;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.js .hero-veil{display:none}html.js .hero [data-reveal]{transition-delay:0s}.slides,html.js [data-reveal],.site-header,.dot,.arrow,.project-arrow,.contact-link,.site-menu a,.locale-switch{transition:none}html.js [data-reveal]{opacity:1;transform:none}}