:root{--bg:#0d1110;--text:#e8ece8;--muted:#8d9792;--line:#303735;--accent:#9de8d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Noto Sans KR;font-weight:300}a{color:inherit;text-decoration:none}header{border-bottom:1px solid var(--line);z-index:10;background:#0d1110e8;justify-content:space-between;align-items:center;height:104px;padding:0 4.5vw;display:flex;position:relative}.logo{align-items:center;gap:18px;display:flex}.logo b{font:500 17px/1 DM Mono}.logo span{color:var(--muted);border-left:1px solid var(--line);padding-left:18px;font:9px/1.45 DM Mono}nav{gap:34px;font:11px DM Mono;display:flex}nav a{color:var(--muted)}nav a:hover,nav .on{color:var(--accent)}.menu{color:#fff;background:0 0;border:0;display:none}.wrap{width:min(91vw,1500px);margin:auto}.eyebrow{letter-spacing:.16em;color:var(--accent);font:11px DM Mono}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:7vw;min-height:calc(100vh - 104px);display:grid}.hero h1{letter-spacing:-.075em;margin:28px 0;font-size:clamp(58px,8.8vw,148px);font-weight:600;line-height:.84}.hero h1 i{color:#0000;-webkit-text-stroke:1px #83908a;font-style:normal}.hero-copy,.page-hero p,.project-info p,.prose p,.career-row p,.case p{color:var(--muted);line-height:1.9}.hero-visual{height:70vh;position:relative;overflow:hidden}.hero-visual img,.project-img img{object-fit:cover;filter:saturate(.7)brightness(.72);width:100%;height:100%;transition:all .6s}.hero-visual:hover img,.project-img:hover img{filter:saturate(.9)brightness(.8);transform:scale(1.025)}.stamp{background:var(--accent);color:#101614;padding:12px;font:10px DM Mono;position:absolute;bottom:24px;left:24px}.section{padding:130px 0}.section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;margin-bottom:60px;padding-bottom:25px;display:flex}.section-head h2,.page-title{letter-spacing:-.06em;margin:0;font-size:clamp(42px,6vw,90px);line-height:1}.section-head span,.top{color:var(--muted);font:10px DM Mono}.projects{gap:80px;display:grid}.project{grid-template-columns:1.8fr 1fr;align-items:end;gap:35px;display:grid}.project:nth-child(2n){grid-template-columns:1fr 1.8fr}.project:nth-child(2n) .project-img{order:2}.project-img{height:clamp(340px,50vw,680px);display:block;overflow:hidden}.project-info{padding:0 8px 20px}.top{justify-content:space-between;display:flex}.project-info h3{letter-spacing:-.05em;margin:23px 0 11px;font-size:clamp(35px,4vw,62px);line-height:.95}.arrow{border-bottom:1px solid;margin-top:22px;padding-bottom:7px;font:11px DM Mono;display:inline-block}.arrow:hover{color:var(--accent)}.page-hero{padding:130px 0 90px}.page-hero p{max-width:600px;margin-top:35px}.grid2{grid-template-columns:1fr 1fr;gap:10vw;display:grid}.facts{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.fact{border-bottom:1px solid var(--line);padding:25px 0}.fact label{color:var(--muted);margin-bottom:9px;font:10px DM Mono;display:block}.fact b{font-weight:500}.prose h2{font-size:32px}.career{border-top:1px solid var(--line)}.career-row{border-bottom:1px solid var(--line);grid-template-columns:160px 1fr 1fr;gap:40px;padding:45px 0;display:grid}.career-row time{color:var(--accent);font:11px DM Mono}.career-row h3{margin:0;font-size:25px}.career-row small{color:var(--muted);margin-top:8px;font-size:13px;display:block}.detail-hero{height:72vh;position:relative}.detail-hero img{object-fit:cover;filter:brightness(.55)saturate(.7);width:100%;height:100%}.detail-title{position:absolute;bottom:50px;left:4.5vw}.detail-title h1{letter-spacing:-.07em;margin:16px 0;font-size:clamp(52px,9vw,135px);line-height:.8}.detail-title p{font:11px DM Mono}.case-grid{grid-template-columns:300px 1fr;gap:10vw;display:grid}.sticky{height:max-content;position:sticky;top:30px}.sticky dl{border-top:1px solid var(--line)}.sticky div{border-bottom:1px solid var(--line);padding:18px 0}.sticky dt{color:var(--muted);font:9px DM Mono}.sticky dd{margin:7px 0 0}.case h2{font-size:38px}.case p{margin:0 0 65px}.highlight{border-left:2px solid var(--accent);padding-left:30px;color:var(--text)!important;font-size:clamp(25px,3vw,45px)!important}.contactbox{padding:12vw 0}.contactbox h1{letter-spacing:-.07em;font-size:clamp(50px,10vw,150px);line-height:.9}.contactbox h1 span{color:var(--accent)}.mail{border-bottom:1px solid;font-size:clamp(17px,3vw,35px)}.contactfacts{max-width:600px;margin-top:80px}footer{border-top:1px solid var(--line);height:110px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 4.5vw;font:9px DM Mono;display:flex}@media (width<=800px){header{height:78px}.menu{display:block}nav{background:#111615;flex-direction:column;padding:28px 5vw;display:none;position:absolute;top:78px;left:0;right:0}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{height:58vh}.section{padding:85px 0}.project,.project:nth-child(2n){grid-template-columns:1fr}.project:nth-child(2n) .project-img{order:0}.project-img{height:60vw}.grid2,.case-grid{grid-template-columns:1fr}.career-row{grid-template-columns:1fr;gap:15px}.sticky{position:static}.detail-hero{height:75vh}.logo span{display:none}footer{flex-wrap:wrap;gap:20px;height:auto;padding:35px 4.5vw}}.hero-career{margin-top:8px}.career-hero .page-title i{color:#0000;-webkit-text-stroke:1px #83908a;font-style:normal}.career-stats{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:70px;display:grid}.career-stats div{background:var(--bg);padding:25px}.career-stats strong{color:var(--text);font:500 clamp(26px,4vw,52px) DM Mono;display:block}.career-stats span{color:var(--muted);font:9px DM Mono}.career-entry{border-bottom:1px solid var(--line);grid-template-columns:280px 1fr;gap:7vw;padding:70px 0;display:grid}.career-meta{align-content:start;gap:16px;display:grid}.career-index{color:var(--muted);font:11px DM Mono}.career-meta time{color:var(--accent);font:11px DM Mono}.career-meta p{color:var(--text);margin:0}.career-tags{flex-wrap:wrap;gap:8px;display:flex}.career-tags span{color:var(--accent);border:1px solid var(--line);padding:7px 9px;font:9px DM Mono}.career-content h2{letter-spacing:-.04em;margin:22px 0 10px;font-size:clamp(27px,3.4vw,50px);line-height:1.15}.career-content h3{color:var(--muted);margin:0 0 30px;font-size:15px;font-weight:400}.career-summary{max-width:850px;color:var(--text)!important;font-size:19px!important}.career-content ul{color:var(--muted);grid-template-columns:1fr 1fr;gap:12px 28px;margin:28px 0;padding:0;line-height:1.7;list-style:none;display:grid}.career-content li{padding-left:16px;position:relative}.career-content li:before{content:"—";color:var(--accent);position:absolute;left:0}.career-result{border-left:2px solid var(--accent);background:#111716;margin-top:30px;padding:20px;color:var(--text)!important}.career-result b{color:var(--accent);margin-right:18px;font:10px DM Mono}.career-skills{grid-template-columns:1fr 1fr;gap:10vw;display:grid}.career-skills h2{font-size:clamp(34px,4vw,62px);line-height:1.1}.skill-list{border-top:1px solid var(--line)}.skill-list p{border-bottom:1px solid var(--line);margin:0;padding:24px 0;font-size:18px}.skill-list span{color:var(--accent);margin-right:20px;font:10px DM Mono}@media (width<=800px){.career-entry,.career-skills{grid-template-columns:1fr}.career-entry{gap:38px;padding:55px 0}.career-content ul,.career-stats{grid-template-columns:1fr}.career-stats div{justify-content:space-between;align-items:center;display:flex}}.career-intro{border:1px solid var(--line);background:#101513;margin:0 0 28px;padding:18px 20px}.career-intro b{letter-spacing:.12em;color:var(--accent);margin-bottom:8px;font:9px DM Mono;display:block}.career-intro p{color:var(--muted);margin:0;line-height:1.8}.career-gallery{margin:35px 0}.career-gallery figure{background:#080b0a;margin:0;overflow:hidden}.career-gallery img{object-fit:cover;filter:saturate(.78)brightness(.82);width:100%;height:100%;transition:all .5s;display:block}.career-gallery figure:hover img{filter:saturate()brightness(.92);transform:scale(1.015)}.career-gallery-main{height:clamp(300px,40vw,560px)}.career-gallery>div{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.career-gallery>div figure{height:clamp(150px,18vw,280px)}.career-gallery>p{justify-content:space-between;gap:20px;font:9px DM Mono;display:flex;color:var(--muted)!important;margin:12px 0 0!important}.career-gallery a{color:var(--accent)}@media (width<=800px){.career-gallery-main{height:56vw}.career-gallery>div figure{height:30vw}.career-gallery>p{line-height:1.8;display:block}}