:root{--paper: #0a0f0e;--paper-2: #141b18;--ink: #eef3f0;--ink-2: #8b9a93;--line: #27312c;--accent: #5b76ff;--accent-ink: #070a12;--sans: "Noto Sans KR", "Apple SD Gothic Neo", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--serif: "Noto Serif KR", Georgia, "Times New Roman", serif;--mono: "Noto Sans Mono", ui-monospace, Menlo, Monaco, monospace;--header-height: 58px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 12px)}body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;word-break:keep-all;overflow-wrap:break-word}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.wrap{width:min(1240px,92vw);margin-inline:auto}.mono{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase}.btn{font-family:var(--mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;padding:.95rem 1.6rem;border:1.5px solid var(--ink);color:var(--ink);display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;transition:background .22s ease,color .22s ease,transform .22s ease,border-color .22s ease,box-shadow .3s ease}.btn .arw{transition:transform .22s ease}.btn:hover .arw,.btn:focus-visible .arw{transform:translate(4px)}.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.primary:hover,.btn.primary:focus-visible{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 6px 18px -10px color-mix(in srgb,var(--accent) 45%,transparent)}.btn.ghost:hover,.btn.ghost:focus-visible{background:var(--ink);color:var(--paper)}.sec{padding:clamp(3.5rem,8vw,7rem) 0;border-top:1px solid var(--line)}#about{background:#080c0b}#work{background:#060908}.foot{background:#040706}.eyebrow{display:flex;align-items:center;gap:.8rem;color:var(--accent);margin-bottom:clamp(1.6rem,4vw,2.6rem)}.eyebrow .idx{color:var(--ink-2)}.eyebrow .bar{flex:1;height:1px;background:var(--line)}.head{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 78%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.head-in{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.85rem 0}.brand{font-weight:800;font-size:1.05rem;letter-spacing:-.01em;display:flex;align-items:baseline;gap:.55rem}.brand .dot{width:.5rem;height:.5rem;background:var(--accent);border-radius:50%;flex:0 0 auto;transform:translateY(-.05rem)}.brand .en{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;color:var(--ink-2);text-transform:uppercase}.nav{display:flex;gap:clamp(1rem,3vw,2.4rem);align-items:baseline}.nav a{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;position:relative;padding:.25rem 0;color:var(--ink-2);transition:color .2s}.nav a:hover{color:var(--ink)}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--accent);transition:right .3s ease}.nav a:hover:after,.nav a:focus-visible:after{right:0}.hero{padding:clamp(3rem,9vw,7.5rem) 0 clamp(2.5rem,6vw,5rem);position:relative;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:-30% -10% auto;height:90%;z-index:-1;pointer-events:none;background:radial-gradient(55% 55% at 26% 0%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 72%)}.hero-top{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;color:var(--ink-2);margin-bottom:clamp(1.5rem,4vw,3rem)}.hero-top .place{max-width:34ch}.headline{font-weight:800;font-size:clamp(2.4rem,7.6vw,6.2rem);line-height:.98;letter-spacing:-.035em;text-wrap:balance}.headline .ln{display:block;overflow:hidden;padding-bottom:.04em}.headline .ln>span{display:block;will-change:transform}.headline em{font-style:normal;color:var(--accent)}.headline .accentword{color:var(--accent)}.hero-sign{margin-top:1.5rem;color:var(--ink-2);font-size:clamp(.98rem,1.5vw,1.12rem);letter-spacing:-.01em;display:flex;align-items:center;gap:.75rem}.hero-sign:before{content:"";width:26px;height:1px;background:var(--accent);flex:none}.hero-lower{display:grid;gap:clamp(1.5rem,4vw,2.5rem);margin-top:clamp(2rem,5vw,3.5rem);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end}.lede{font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.55;color:var(--ink-2);max-width:60ch}.lede b{color:var(--ink);font-weight:700}.cta-row{display:flex;flex-wrap:wrap;gap:.85rem;justify-self:start}.about-grid{display:grid;gap:clamp(1.6rem,4vw,3rem);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.about-lead{font-size:clamp(1.55rem,3.6vw,2.9rem);line-height:1.14;font-weight:700;letter-spacing:-.02em;text-wrap:balance;max-width:22ch}.about-lead .q{font-style:normal;color:var(--accent)}.about-body p{max-width:62ch;color:var(--ink-2);font-size:1.02rem;margin-bottom:1.1rem}.about-body p b{color:var(--ink)}.vision{margin-top:1.6rem;padding:1.4rem 1.5rem;background:var(--paper-2);border-left:3px solid var(--accent)}.vision .mono{color:var(--ink-2);display:block;margin-bottom:.5rem}.vision p{font-size:1.15rem;line-height:1.4;color:var(--ink)}.idxhead{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.idxhead h2{font-weight:700;font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:-.02em}.idxhead .count{color:var(--ink-2)}.water{margin-top:clamp(2rem,5vw,3.2rem)}.water-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem 1.6rem;padding-bottom:.85rem;border-bottom:2px solid var(--ink)}.water-name{color:var(--accent)}.water-desc{color:var(--ink-2);font-size:.92rem}.proj{--c: var(--accent);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(.8rem,3vw,2rem);padding:clamp(1.1rem,3.4vw,2.1rem) 0;border-bottom:1px solid var(--line);position:relative;isolation:isolate;color:var(--ink);transition:padding-left .35s cubic-bezier(.2,.7,.2,1),color .3s ease}.proj:before{content:"";position:absolute;left:0;top:16%;bottom:16%;width:3px;z-index:-1;background:var(--c);transform:scaleY(0);transform-origin:center;transition:transform .35s cubic-bezier(.3,.8,.25,1)}.proj:hover,.proj:focus-visible{padding-left:clamp(.9rem,2.4vw,1.7rem)}.proj:hover:before,.proj:focus-visible:before{transform:scaleY(1)}.proj:hover .pname,.proj:focus-visible .pname{color:var(--c)}.proj .pnum{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:clamp(.85rem,1.4vw,1rem);color:color-mix(in srgb,var(--c) 68%,var(--ink));align-self:start;padding-top:.55rem;transition:color .3s ease}.proj:hover .pnum,.proj:focus-visible .pnum{color:var(--c)}.pbody{min-width:0}.pname{font-weight:700;letter-spacing:-.03em;line-height:1.05;font-size:clamp(1.5rem,3.4vw,2.5rem);text-wrap:balance}.pmeta{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:baseline;margin-top:.7rem;color:var(--ink-2);transition:color .3s ease}.proj:hover .pmeta,.proj:focus-visible .pmeta{color:var(--ink)}.pkind{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid currentColor;padding:.25rem .55rem}.pdesc{font-size:.98rem;max-width:72ch;line-height:1.45}.pchip{width:.62rem;height:.62rem;border-radius:50%;background:color-mix(in srgb,var(--c) 72%,var(--ink));display:inline-block;vertical-align:middle;margin-right:.5rem;transition:background .3s}.proj:hover .pchip,.proj:focus-visible .pchip{background:var(--c)}.ptech{font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;white-space:nowrap;align-self:start;padding-top:.6rem;color:var(--ink-2);transition:color .3s ease}.proj:hover .ptech,.proj:focus-visible .ptech{color:var(--ink)}.foot{padding:clamp(3.5rem,9vw,7rem) 0 2.5rem;border-top:1px solid var(--line)}.foot-cta{font-weight:700;letter-spacing:-.03em;line-height:1.05;text-wrap:balance;font-size:clamp(1.8rem,4.4vw,3.1rem)}.foot-cta a{color:var(--accent);text-decoration:underline;text-decoration-thickness:.06em;text-underline-offset:.12em;transition:color .2s}.foot-cta a:hover,.foot-cta a:focus-visible{color:var(--ink)}.foot-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;margin-top:clamp(2.4rem,6vw,4rem);padding-top:1.6rem;border-top:1px solid var(--line);color:var(--ink-2);font-family:var(--mono);font-size:.72rem;letter-spacing:.08em}.foot-grid .r{max-width:40ch;text-transform:none;letter-spacing:.02em}@media(max-width:860px){.hero-lower,.about-grid{grid-template-columns:1fr}.proj{grid-template-columns:auto 1fr}.ptech{grid-column:2;padding-top:0;margin-top:.5rem}}@media(max-width:640px){.nav{gap:.9rem}.brand .en{display:none}.hero-top{flex-direction:column;gap:.4rem}.headline{font-size:clamp(1.9rem,9vw,3rem)}.idxhead{margin-bottom:.75rem}.proj{gap:.3rem 1rem;padding-block:1.7rem}.pname{font-size:1.5rem;line-height:1.15}.pmeta{margin-top:.55rem;gap:.5rem .9rem}.pdesc{font-size:.9rem}.foot-cta{font-size:clamp(1.7rem,8vw,2.6rem)}}@media(prefers-reduced-motion:no-preference){.headline .ln>span{transform:translateY(112%);animation:rise .9s cubic-bezier(.2,.8,.2,1) forwards}.brand .dot{animation:buoy 5.5s ease-in-out infinite}.headline .ln:nth-child(1)>span{animation-delay:.08s}.headline .ln:nth-child(2)>span{animation-delay:.2s}}@keyframes rise{to{transform:translateY(0)}}@keyframes buoy{0%,to{transform:translateY(-.1rem)}50%{transform:translateY(.08rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.headline .ln>span{transform:none}}