@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
:root{--ink:#131a1d;--muted:#6e7677;--paper:#f2f1ed;--navy:#152326;--line:rgba(19,26,29,.18);--orange:#d77039;--white:#f8f8f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,Arial,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}.site-header{position:fixed;z-index:10;top:0;left:0;right:0;height:78px;padding:0 4.2vw;display:flex;align-items:center;justify-content:space-between;color:var(--white);mix-blend-mode:difference}.brand{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:700;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;font-size:11px}.desktop-nav{display:flex;gap:34px;margin-left:auto;margin-right:46px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.desktop-nav a,.header-contact{transition:opacity .2s}.desktop-nav a:hover,.header-contact:hover{opacity:.6}.header-contact{font-size:13px}.header-contact span,.text-link span{margin-left:10px}.menu-button{display:none;background:none;border:0;color:inherit;font:inherit}.section-pad{padding-left:8vw;padding-right:8vw}.hero{height:100vh;min-height:700px;position:relative;background:#25343a;overflow:hidden;color:var(--white)}.hero-image{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 48%,rgba(130,158,160,.55),transparent 33%),linear-gradient(120deg,#25383b 0%,#54686a 52%,#1f2d30 100%);transform:scale(1.04)}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,20,22,.82),rgba(12,20,22,.22) 65%,rgba(12,20,22,.52))}.hero-shade{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:80px 80px;mix-blend-mode:screen}.hero-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:54px}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--muted);font-weight:700}.eyebrow.light{color:rgba(255,255,255,.65)}.eyebrow span{margin:0 10px;opacity:.5}.hero h1{font-size:clamp(54px,7.1vw,126px);font-weight:500;line-height:.98;letter-spacing:-.06em;margin:26px 0 35px;max-width:900px}.hero h1 em,h2 em{font-style:normal;font-weight:300}.hero-ko{font-size:clamp(20px,2vw,30px);line-height:1.35;letter-spacing:-.05em}.hero-footer{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:38px;left:8vw;right:8vw;font-size:13px;color:rgba(255,255,255,.7)}.scroll-cue{letter-spacing:.12em;font-size:11px}.scroll-cue b{font-size:18px;margin-left:12px}.business{padding-top:160px;padding-bottom:160px}.section-intro{display:grid;grid-template-columns:1fr 2.3fr 1fr;gap:30px;align-items:start;margin-bottom:100px}.section-intro h2,.section-heading h2,.contact h2{font-size:clamp(48px,6vw,96px);font-weight:500;line-height:.98;letter-spacing:-.075em;margin:0}.intro-copy{margin:5px 0 0;color:var(--muted);line-height:1.6}.business-list{border-top:1px solid var(--line)}.business-row{min-height:174px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:8% 40% 1fr 30px;gap:20px;align-items:center;transition:background .3s,padding .3s}.business-row:hover{background:#e6e4de;padding-left:18px;padding-right:18px}.business-row.featured{background:#e1e4dc}.index,.kicker,.service-tags,.project-meta span,.update-list span,.process-track span{font-size:11px;letter-spacing:.12em;font-weight:700;color:var(--muted)}.business-row h3{margin:5px 0 8px;font-size:28px;font-weight:500;letter-spacing:-.05em}.business-row p{margin:0}.business-row>div>p:last-child{font-size:16px;color:#424a4b}.service-tags{text-align:right;font-weight:500;letter-spacing:.02em;color:#79807f}.row-arrow{font-size:25px;transition:transform .3s}.business-row:hover .row-arrow{transform:translate(3px,-3px)}.integrated{background:var(--navy);color:var(--white);padding:150px 0 170px}.integrated-inner{display:grid;grid-template-columns:1fr 1.55fr;gap:9vw}.light-text .intro-copy{color:rgba(255,255,255,.6)}.process-track{position:relative;padding-top:28px}.process-line{height:1px;background:rgba(255,255,255,.35);position:absolute;left:0;right:0;top:0}.process-track:before{content:"";position:absolute;left:0;top:-5px;width:10px;height:10px;border:1px solid white;border-radius:50%;background:var(--navy)}.process-track article{position:relative;padding:20px 0 44px;border-bottom:1px solid rgba(255,255,255,.16);display:grid;grid-template-columns:120px 1fr 1fr;gap:20px;align-items:start}.process-track article:before{content:"";position:absolute;top:-5px;left:0;width:10px;height:10px;background:var(--navy);border:1px solid rgba(255,255,255,.7);border-radius:50%}.process-track article.accent:before{background:var(--orange);border-color:var(--orange)}.process-track strong{font-size:24px;font-weight:400;letter-spacing:-.04em}.process-track p{margin:0;color:rgba(255,255,255,.6)}.process-track .accent strong{color:#f19a66}.projects{padding-top:160px;padding-bottom:160px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:75px}.text-link{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:8px}.project-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}.project-card{min-width:0}.project-visual{height:370px;position:relative;overflow:hidden;margin-bottom:20px;background:#415355}.project-main .project-visual{height:500px}.project-visual:after,.landscape-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(12,20,22,.56))}.urban{background:linear-gradient(135deg,#536b6e,#98a29b 52%,#c2bca8)}.river{background:linear-gradient(160deg,#778f8c,#263f47 55%,#a2aa94)}.road{background:linear-gradient(145deg,#8d8977,#38484a 45%,#d9c7a4)}.project-visual:before{content:"";position:absolute;inset:18%;border:1px solid rgba(255,255,255,.35);transform:skewY(-13deg) rotate(-5deg)}.project-meta span{display:block}.project-meta h3{font-size:28px;line-height:1.08;letter-spacing:-.06em;font-weight:500;margin:9px 0}.project-meta p{color:var(--muted);font-size:14px;margin:0}.landscape{min-height:720px;position:relative;color:var(--white);background:var(--navy);overflow:hidden}.landscape-image{position:absolute;inset:0;background:linear-gradient(120deg,#1d3334,#74816f 46%,#d1ab82 100%);opacity:.85}.landscape-image:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(148deg,transparent 0 75px,rgba(255,255,255,.13) 76px,transparent 77px)}.landscape-copy{position:relative;min-height:720px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.landscape-copy h2{font-size:clamp(54px,7vw,112px);line-height:.95;letter-spacing:-.08em;font-weight:500;margin:28px 0}.landscape-copy>p:not(.eyebrow){font-size:18px;color:rgba(255,255,255,.73);line-height:1.5}.circle-link{display:grid;place-items:center;width:115px;height:115px;border:1px solid rgba(255,255,255,.6);border-radius:50%;font-size:12px;margin-top:45px;transition:background .3s,color .3s}.circle-link:hover{background:var(--white);color:var(--navy)}.numbers{padding-top:160px;padding-bottom:160px}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.number-grid>div{padding:40px 0;border-bottom:1px solid var(--line)}.number-grid>div+div{border-left:1px solid var(--line);padding-left:40px}.number-grid strong{font-size:clamp(68px,8vw,130px);font-weight:300;line-height:1;letter-spacing:-.1em}.number-grid strong span{color:var(--orange);font-size:.55em}.number-grid p{color:var(--muted);margin:22px 0 0}.updates{padding:150px 8vw;background:#e4e5df}.update-list{border-top:1px solid var(--line)}.update-list a{display:grid;grid-template-columns:1.1fr 4fr 1fr 20px;gap:20px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);transition:padding .25s}.update-list a:hover{padding-left:14px}.update-list strong{font-size:19px;font-weight:500;letter-spacing:-.04em}.update-list time{font-size:13px;color:var(--muted)}.about{background:var(--navy);color:var(--white);padding-top:150px;padding-bottom:150px;display:grid;grid-template-columns:1.3fr 2fr;gap:8vw;align-items:start}.about-mark{font-size:clamp(100px,19vw,300px);font-weight:700;letter-spacing:-.18em;line-height:.75;color:#2e4446}.about-mark span{font-size:.28em;color:var(--orange);vertical-align:top;margin-left:20px}.about h2{font-size:clamp(48px,6vw,94px);font-weight:500;line-height:.98;letter-spacing:-.07em;margin:27px 0 35px}.about p{max-width:450px;color:rgba(255,255,255,.65);font-size:17px}.light-link{display:inline-block;margin-top:35px;color:white}.contact{min-height:620px;padding-top:150px;padding-bottom:45px;display:flex;flex-direction:column;justify-content:space-between}.contact h2{margin-top:25px}.contact>div>p:not(.eyebrow){font-size:18px;color:var(--muted);margin-top:35px}.contact-button{align-self:flex-end;margin-top:-110px;width:190px;height:190px;border-radius:50%;background:var(--orange);color:var(--white);display:grid;place-items:center;text-align:center;font-size:18px;transition:transform .3s}.contact-button span{font-size:24px}.contact-button:hover{transform:scale(1.05)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:11px;letter-spacing:.1em;color:var(--muted)}footer a{color:var(--ink)}@media(max-width:850px){.site-header{height:66px;padding:0 6vw}.desktop-nav,.header-contact{display:none}.menu-button{display:block;font-size:11px;letter-spacing:.1em}.section-pad{padding-left:6vw;padding-right:6vw}.hero{min-height:680px}.hero-content{padding-top:40px}.hero h1{font-size:clamp(52px,13vw,90px);margin-top:18px}.hero-ko{font-size:20px}.hero-footer{left:6vw;right:6vw;bottom:24px;align-items:flex-end}.hero-footer>span{max-width:190px;font-size:12px}.section-intro{display:block;margin-bottom:62px}.section-intro h2,.section-heading h2{font-size:clamp(50px,13vw,88px);margin:26px 0}.intro-copy{font-size:15px}.business,.projects,.numbers{padding-top:100px;padding-bottom:100px}.business-row{grid-template-columns:36px 1fr 20px;gap:10px;min-height:155px}.business-row:hover{padding-left:0;padding-right:0}.service-tags{grid-column:2/3;text-align:left;margin-top:-28px}.business-row h3{font-size:26px}.integrated{padding:100px 0}.integrated-inner{display:block}.process-track{margin-top:70px}.process-track article{grid-template-columns:76px 1fr;gap:12px;padding-bottom:28px}.process-track article strong{font-size:19px}.process-track article p{grid-column:2;font-size:14px}.projects .section-heading{display:block;margin-bottom:50px}.projects .text-link{display:inline-block}.project-grid{display:block}.project-card,.project-main .project-visual{margin-bottom:50px}.project-visual,.project-main .project-visual{height:320px}.landscape,.landscape-copy{min-height:650px}.landscape-copy h2{font-size:clamp(54px,14vw,92px)}.numbers .section-intro{margin-bottom:70px}.number-grid{grid-template-columns:1fr}.number-grid>div+div{border-left:0;padding-left:0}.number-grid strong{font-size:90px}.updates{padding:100px 6vw}.update-list a{grid-template-columns:1fr 20px;gap:8px}.update-list strong{grid-column:1/2;font-size:17px}.update-list time{grid-column:1}.update-list span{grid-column:1}.update-list b{grid-column:2;grid-row:1/4}.about{padding-top:100px;padding-bottom:100px;display:block}.about-mark{font-size:100px;margin-bottom:80px}.about h2{font-size:clamp(51px,13vw,88px)}.contact{min-height:680px;padding-top:100px}.contact-button{align-self:flex-start;margin-top:70px;width:140px;height:140px;font-size:15px}footer{gap:16px;flex-wrap:wrap}footer span:nth-child(2){display:none}}
.hero-image{background-image:url('assets/donglim-city-hero.png');background-size:cover;background-position:center}.landscape-image{background-image:url('assets/donglim-city-hero.png');background-size:cover;background-position:center 62%;opacity:.65;filter:saturate(.65)}