:root{color:#f5f5f1;background:#090a0c;font-family:Inter,Pretendard,Noto Sans KR,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--page: min(100% - 3rem, 90rem);--border: rgb(255 255 255 / 14%);--muted: #b8bac0;--lime: #c6ff4a;--ink: #090a0c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 50% -20%,rgb(99 107 119 / 17%),transparent 35rem),#090a0c}button,a{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;padding:.75rem 1rem;color:var(--ink);background:var(--lime);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scene-slot{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none}.scene-canvas{position:absolute!important;inset:0}.scene-slot[data-ready=true] .scene-slot__grid,.scene-slot[data-ready=true] .scene-slot__orb{opacity:0}.scene-slot[data-ready=true]~main .hero__portrait-frame{opacity:0;transform:rotate(1.25deg) scale(.985)}.scene-slot__grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgb(255 255 255 / 18%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 18%) 1px,transparent 1px);background-size:5rem 5rem;mask-image:linear-gradient(to bottom,#000,transparent 60%);transform:perspective(500px) rotateX(64deg) scale(1.7) translateY(15%);transform-origin:bottom}.scene-slot__orb{position:absolute;width:35rem;height:35rem;border-radius:50%;filter:blur(4rem);opacity:.1}.scene-slot__orb--one{top:15%;right:-15rem;background:var(--lime)}.scene-slot__orb--two{bottom:10%;left:-20rem;background:#5f72ff}.site-header{position:fixed;z-index:20;top:1rem;left:50%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:var(--page);min-height:4.25rem;padding:.65rem 1rem;border:1px solid var(--border);border-radius:.4rem;background:#090a0cb8;box-shadow:0 1rem 4rem #0003;backdrop-filter:blur(18px);transform:translate(-50%)}.brand{display:inline-flex;gap:.75rem;align-items:center;width:max-content;text-decoration:none}.brand__mark{display:grid;width:2.75rem;height:2.75rem;place-items:center;border-radius:50%;color:var(--ink);background:var(--lime);font-size:.7rem;font-weight:900;letter-spacing:-.04em}.brand__name{font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.site-header nav{display:flex;gap:clamp(1.2rem,3vw,2.5rem);align-items:center}.site-header nav a{color:#dedfe1;font-size:.82rem;text-decoration:none}.site-header nav a:hover{color:var(--lime)}.header-controls{display:flex;justify-self:end;gap:.35rem;align-items:center}.motion-toggle{min-height:2.75rem;padding:.65rem .8rem;border:1px solid var(--border);border-radius:999px;color:#d0d2d5;background:#ffffff0a;font-size:.72rem;cursor:pointer}.scene-slot[data-motion-paused=true]~.site-header .motion-toggle{color:var(--lime);border-color:#c6ff4a6b}.scene-slot[data-scene=static]~.site-header .motion-toggle{display:none}.locale-switcher{display:flex;gap:.1rem;align-items:center;font-size:.78rem}.locale-switcher span{color:#adb0b6}.locale-switcher button{min-width:2.75rem;min-height:2.75rem;padding:.65rem .45rem;border:0;color:#d0d2d5;background:transparent;cursor:pointer}.locale-switcher button[aria-pressed=true]{color:var(--lime)}main,.site-footer{position:relative;z-index:1}.section{width:var(--page);margin-inline:auto;padding-block:clamp(7rem,12vw,12rem)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);align-items:center;min-height:100svh;padding-top:8rem}.hero__copy{position:relative;z-index:2;max-width:58rem}.eyebrow{margin:0 0 1.5rem;color:var(--lime);font-size:clamp(.68rem,.8vw,.78rem);font-weight:750;letter-spacing:.18em}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{margin-top:0;font-weight:520;letter-spacing:-.055em;text-wrap:balance}:lang(ko) h1,:lang(ko) h2,:lang(ko) h3,:lang(ko) .hero__lead,:lang(ko) .section-heading>p:last-child,:lang(ko) .timeline span,:lang(ko) .project-card__summary,:lang(ko) .principles p,:lang(ko) .project-dialog__summary,:lang(ko) .project-dialog__facts dd,:lang(ko) .project-dialog__note p{word-break:keep-all;overflow-wrap:anywhere}h1{max-width:58rem;margin-bottom:2rem;font-size:clamp(3.3rem,7vw,7.6rem);line-height:1.02}h1 span{display:block}h2{margin-bottom:1.5rem;font-size:clamp(2.75rem,5.5vw,6rem);line-height:1.06}h3{font-size:clamp(1.65rem,2.6vw,2.5rem);line-height:1.08}.hero__lead,.section-heading>p:last-child{max-width:43rem;color:#bbbcc0;font-size:clamp(1.05rem,1.45vw,1.35rem);line-height:1.75}.hero__portrait{position:relative;align-self:end;height:min(77svh,54rem);margin:0}.hero__portrait-frame{position:absolute;right:0;bottom:0;width:min(35vw,31rem);padding:clamp(.5rem,.8vw,.8rem);overflow:hidden;border:1px solid rgb(255 255 255 / 26%);border-radius:.35rem;background:#f3f3f1;box-shadow:0 2.5rem 7rem #0000007a,0 0 0 .5rem #ffffff08;transform:rotate(1.25deg);transition:opacity .5s ease,transform .7s ease}.hero__portrait-frame:after{position:absolute;z-index:2;inset:0;border:1px solid rgb(9 10 12 / 14%);content:"";pointer-events:none}.hero__portrait img{position:relative;z-index:1;display:block;width:100%;height:auto;background:#fff;filter:contrast(1.02) saturate(.88)}.hero__halo{position:absolute;z-index:0;top:50%;left:50%;width:85%;aspect-ratio:1;border:1px solid rgb(198 255 74 / 34%);border-radius:50%;box-shadow:0 0 0 3rem #c6ff4a06,0 0 0 8rem #ffffff04;transform:translate(-50%,-50%)}.scroll-prompt{position:absolute;bottom:2rem;left:0;display:flex;gap:1.25rem;align-items:center;color:#b7b9be;font-size:.78rem;text-decoration:none;text-transform:uppercase;letter-spacing:.14em}.scroll-prompt__line{width:5rem;height:1px;background:linear-gradient(to right,var(--lime),transparent)}.story,.approach,.contact{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(6rem,.32fr) minmax(22rem,.95fr);gap:clamp(2rem,4vw,4rem);align-items:start;border-top:1px solid var(--border)}.section-heading{max-width:56rem}.section-heading--wide{margin-bottom:0}.scene-stage{min-width:0;min-height:clamp(10rem,16vw,15rem);pointer-events:none}.scene-stage--work{min-height:clamp(17rem,24vw,24rem)}.timeline{margin:0;padding:0;list-style:none}.timeline li{display:grid;grid-template-columns:5rem 1fr;gap:1rem;padding-block:1.4rem;border-bottom:1px solid var(--border)}.timeline strong{color:var(--lime);font-size:.75rem;letter-spacing:.12em}.timeline span{color:#d3d4d6}.work{border-top:1px solid var(--border)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--border);border-radius:2rem;background:var(--border)}.project-card{display:flex;min-height:39rem;padding:clamp(1.5rem,4vw,3.5rem);background:linear-gradient(to bottom,#0a0b0d47,#0a0b0d7a 40%,#0a0b0df0 66%,#0a0b0dfa);flex-direction:column}.project-card__header{display:flex;justify-content:space-between;margin-bottom:auto;color:#aeb0b6;font-size:.76rem;letter-spacing:.1em}.project-card__context{margin-bottom:.75rem;color:var(--lime);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.project-card h3{margin-bottom:1.2rem}.project-card__summary{min-height:4.8rem;margin-bottom:2rem;color:#aeb0b5;line-height:1.65}.project-card__open{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:3.25rem;margin-top:auto;padding:0;border:0;border-top:1px solid var(--border);color:var(--lime);background:transparent;font-size:.8rem;text-align:left;cursor:pointer}.project-card__open span:last-child{font-size:1.1rem;transition:transform .18s ease}.project-card__open:hover span:last-child{transform:translate(.2rem,-.2rem)}.project-dialog{position:fixed;z-index:50;inset:0;display:grid;justify-items:end;background:#000000ad;backdrop-filter:blur(10px)}.project-dialog__panel{display:flex;width:min(48rem,calc(100% - 2rem));height:100%;overflow-y:auto;border-left:1px solid rgb(255 255 255 / 20%);background:radial-gradient(circle at 90% 0%,rgb(198 255 74 / 12%),transparent 24rem),#0d0e10;box-shadow:-2rem 0 8rem #0000008c;flex-direction:column}.project-dialog__header{position:sticky;z-index:2;top:0;display:flex;justify-content:space-between;gap:2rem;align-items:center;min-height:6rem;padding:1rem clamp(1.5rem,5vw,4rem);border-bottom:1px solid var(--border);background:#0d0e10e0;backdrop-filter:blur(16px)}.project-dialog__header .eyebrow{margin:0}.project-dialog__close{display:inline-flex;gap:.6rem;align-items:center;min-height:2.75rem;padding:.5rem .8rem;border:1px solid var(--border);border-radius:999px;color:#e5e6e7;background:#ffffff0a;cursor:pointer}.project-dialog__close span:first-child{color:var(--lime);font-size:1.4rem;line-height:1}.project-dialog__close span:last-child{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.project-dialog__body{display:flex;gap:clamp(2.5rem,7vh,5rem);min-height:100%;padding:clamp(3rem,8vh,7rem) clamp(1.5rem,5vw,4rem) 4rem;flex-direction:column}.project-dialog__period{margin:0 0 1rem;color:#aeb0b6;font-size:.78rem;letter-spacing:.1em}.project-dialog__body h2{font-size:clamp(3rem,7vw,6.5rem)}.project-dialog__summary{max-width:38rem;margin:0;color:#c6c7ca;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.75}.project-dialog__facts{display:grid;gap:0;margin:0;border-top:1px solid var(--border)}.project-dialog__facts div{display:grid;grid-template-columns:minmax(6rem,.3fr) 1fr;gap:2rem;padding-block:1.4rem;border-bottom:1px solid var(--border)}.project-dialog__facts dt{color:#9b9da3;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.project-dialog__facts dd{margin:0;color:#e1e2e3;line-height:1.65}.project-dialog__note{padding:1.25rem 1.4rem;border-left:2px solid var(--lime);background:#c6ff4a0f}.project-dialog__note strong{color:var(--lime);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.project-dialog__note p{margin:.65rem 0 0;color:#c3c5c8;line-height:1.65}.project-dialog__visit{display:flex;justify-content:space-between;align-items:center;min-height:4rem;margin-top:auto;padding:1rem 1.25rem;color:var(--ink);background:var(--lime);font-weight:700;text-decoration:none}.principles{display:grid;gap:0;margin:0;padding:0;list-style:none}.principles li{display:grid;grid-template-columns:3rem 1fr;column-gap:1rem;padding-block:1.8rem;border-bottom:1px solid var(--border)}.principles li>span{grid-row:1 / span 2;color:var(--lime);font-size:.72rem}.principles h3{margin-bottom:.6rem;font-size:1.4rem;letter-spacing:-.025em}.principles p{margin:0;color:#b5b7bc;line-height:1.6}.contact-links{display:grid;margin:0;padding:0;border-top:1px solid var(--border);list-style:none}.contact-links a{display:flex;justify-content:space-between;padding-block:1.35rem;border-bottom:1px solid var(--border);font-size:clamp(1.2rem,2vw,1.8rem);text-decoration:none}.contact-links a:hover{color:var(--lime)}.site-footer{display:flex;justify-content:space-between;width:var(--page);margin-inline:auto;padding-block:2rem 3rem;border-top:1px solid var(--border);color:#a9abb1;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}@media(max-width:900px){:root{--page: min(100% - 2rem, 90rem)}.site-header{grid-template-areas:"brand controls" "nav nav";grid-template-columns:1fr auto;gap:.2rem .75rem;border-radius:.4rem}.brand{grid-area:brand}.header-controls{grid-area:controls}.site-header nav{grid-area:nav;justify-content:space-between;gap:.25rem;min-width:0;overflow-x:auto;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{display:inline-flex;flex:0 0 auto;align-items:center;min-height:2.75rem;padding-inline:.65rem}.hero{grid-template-columns:1fr;align-content:center;padding-bottom:4rem;overflow:hidden}.hero__copy{padding-top:3rem}.hero__portrait{position:absolute;right:-4rem;bottom:0;width:min(72vw,30rem);height:70%;opacity:.48}.hero__portrait-frame{width:100%}.hero__halo{width:28rem}.story,.approach,.contact{grid-template-columns:1fr;gap:2.5rem}.scene-stage{min-height:clamp(13rem,55vw,24rem)}.scene-stage--work{min-height:clamp(18rem,70vw,28rem)}.project-grid{grid-template-columns:1fr}.project-card{min-height:36rem}}@media(max-width:540px){:root{--page: calc(100% - 1.25rem) }.site-header{top:.65rem;min-height:6.8rem;padding:.45rem .7rem}.brand__mark{width:2.6rem;height:2.6rem}.brand__name{display:none}h1{font-size:clamp(2.6rem,12vw,3.8rem)}.motion-toggle{padding-inline:.65rem;font-size:.68rem}.hero__portrait{right:-6rem;width:23rem}.site-header nav{justify-content:space-between}.site-header nav a{padding-inline:.5rem;font-size:.68rem}.scroll-prompt{bottom:1rem}.project-card{min-height:38rem;border-radius:0}.project-dialog__facts div{grid-template-columns:1fr;gap:.5rem}.project-dialog{display:block}.project-dialog__panel{width:100%;border-left:0}.project-dialog__header{min-height:5rem;padding-inline:1rem}.project-dialog__header .eyebrow{max-width:55%;line-height:1.4}.project-dialog__body{padding-inline:1rem}.site-footer{gap:1rem;align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}