/* Fifth design study — architecture as an editorial image collection. */
:root{--paper:#f8f7f3;--ink:#2b2b28;--muted:#6b6b63;--accent:#65675b;--line:#dcdcd4}
html{scroll-padding-top:126px}body{font-family:Arial,'Noto Sans KR',sans-serif;letter-spacing:-.015em;background:var(--paper)}
header{height:112px;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:62px 50px;padding:0 3.3%;border:0;background:var(--paper);position:sticky;box-shadow:0 1px 0 #dddcd344}
.brand{grid-column:2;grid-row:1;justify-content:center;gap:10px;font-size:10px;font-weight:400;letter-spacing:.15em;line-height:1.5;text-align:left}.brand img{width:35px;height:39px}.brand span{font-family:Georgia,'Times New Roman',serif;font-size:13px;letter-spacing:.12em}.header-note{grid-column:3;grid-row:1;justify-self:end;font-size:8px;letter-spacing:.16em;color:var(--muted)}
nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:35px;font-size:11px;letter-spacing:0}nav a{padding:9px 0;position:relative}nav a[aria-current=page]{color:var(--ink);text-decoration:none}nav a:after{content:'';position:absolute;bottom:6px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}nav a:hover:after,nav a[aria-current=page]:after{transform:scaleX(1)}
.wrap{width:90%;max-width:1500px}.section{padding:120px 0}.eyebrow{font-size:9px;letter-spacing:.17em;font-weight:400;color:var(--muted);margin-bottom:23px}.serif,h1{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1,h2,h3{color:var(--ink)}
.hero{display:flex;flex-direction:column;min-height:0;margin:0 2.4%;background:none}.hero-image{order:0;display:grid;grid-template-columns:1.12fr 1fr;gap:14px;background:none;margin:0}.hero-image img{min-height:0;height:calc(100svh - 158px);max-height:950px;width:100%;object-fit:contain;background:#ebeae4}.hero-image .hero-companion{object-fit:contain}.hero-image figcaption{position:static;grid-column:1/-1;background:none;color:var(--muted);padding:0 0 12px;font-size:8px;letter-spacing:.11em;gap:20px}.hero-copy{order:1;padding:65px 3% 25px;display:grid;grid-template-columns:1fr 1fr;column-gap:8%;align-items:start}.hero-copy>.eyebrow{grid-column:1/-1;margin-bottom:25px}.hero h1.home-headline{font-size:clamp(28px,2.6vw,42px)!important;font-weight:400;letter-spacing:-.045em!important;line-height:1.5!important;margin:0;grid-column:1;grid-row:2/4}.hero h1 em{color:var(--ink);font-family:inherit;font-style:normal}.hero-ko{font-size:15px;letter-spacing:-.02em;line-height:1.95;margin:3px 0 20px;max-width:430px;grid-column:2}.hero-copy .arrow-link{grid-column:2;justify-self:start;font-size:11px;margin-top:0}.hero-bottom{display:none}.arrow-link{border:0;gap:22px;padding:6px 0;line-height:1.8}.arrow-link span{font-size:17px}.arrow-link:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link{font-size:12px;border-bottom:1px solid #a8a89e;padding-bottom:4px}
.home-intro{padding:160px 0 135px;width:62%;max-width:930px}.home-intro>.eyebrow{text-align:center}.home-intro .intro-grid{display:block}.home-intro h2{font-size:21px;text-align:center;letter-spacing:-.03em;margin-bottom:30px}.home-intro .intro-grid>div{text-align:center}.home-intro .intro-grid p{font-size:16px;line-height:2.05;margin:0 auto 28px;max-width:700px;word-break:keep-all}.home-intro .text-link{font-size:11px}
.works{background:transparent;padding-top:60px}.section-heading{margin-bottom:60px;align-items:baseline}.section-heading h2{font-size:24px;letter-spacing:-.03em}.section-heading>a{font-size:11px}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:110px 5%;align-items:start}.project{grid-column:span 6;padding:0!important;min-width:0}.project:nth-child(4n+2){margin-top:110px}.project:nth-child(5n+3){grid-column:3/11;margin-top:25px}.project figure{background:transparent;overflow:hidden}.project img,.project figure img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;max-height:none;transition:opacity .35s ease}.project a:hover img{opacity:.92;transform:none}.project .caption{padding:18px 0 0;border:0;align-items:flex-start}.project h3{font-size:14px;font-weight:400;letter-spacing:.01em;line-height:1.6;margin:0 0 3px}.project small{font-size:10px;letter-spacing:0;color:var(--muted)}.project .arrow{font-size:16px;font-weight:400}.project-type{position:static!important;display:block;background:none!important;color:var(--muted)!important;font-size:9px!important;padding:12px 0 0!important;letter-spacing:.04em}.project .caption{padding-top:6px}.project button.quick-view{width:auto;font-size:10px;border:0;border-bottom:1px solid transparent;padding:7px 0;line-height:1.8;margin-top:7px;color:var(--muted)}.project button.quick-view:hover{border-bottom-color:var(--line)}.more-wrap{margin-top:85px;text-align:center}.outline-button{border:0;border-bottom:1px solid var(--ink);padding:10px 3px;font-size:11px;background:none}
.page-heading{padding-top:85px;padding-bottom:70px;max-width:1500px}.page-heading h1,.partner-section h1,.careers h1{font-size:clamp(30px,3.3vw,48px);line-height:1.45;letter-spacing:-.045em;margin:0 0 22px}.page-heading>p:last-child:not(.eyebrow){font-size:13px;line-height:1.9;max-width:580px}.page-heading+.works{padding-top:0}.tools{border-top:0;border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:65px;gap:30px}.filters{gap:25px}.filters button{font-size:11px;min-height:38px}.search-box{border:0;min-width:160px}.search-box input{border:0;border-bottom:1px solid var(--line);font-size:11px;padding:10px 0;width:245px;min-width:0;background:transparent}.search-box input:focus-visible{outline:1px solid var(--accent)}#count{font-size:9px;letter-spacing:.02em;white-space:nowrap}
.about-story{grid-template-columns:1.15fr .85fr;gap:10%;align-items:center;padding-bottom:120px}.about-story img{max-height:none;height:auto;object-fit:contain}.about-story figcaption{font-size:9px;margin-top:3px;line-height:1.8}.story-copy h2{font-size:22px;margin:0 0 30px}.story-copy p{font-size:14px;line-height:2.1;margin-bottom:22px;color:var(--muted)}.greeting{background:#efeee8;color:var(--ink);padding:110px 0}.greeting .eyebrow{color:var(--muted)}.greeting h2{font-size:24px}.greeting blockquote{color:var(--ink);font-size:28px;line-height:1.7;margin-top:40px;letter-spacing:-.035em}.greeting .signature{color:var(--muted);font-size:12px}.greeting-copy p{color:var(--ink);font-size:14px;line-height:2.15}.greeting-grid{grid-template-columns:.8fr 1.2fr;gap:12%}.recognition{padding:105px 0}.recognition .serif{font-family:inherit;font-size:25px;letter-spacing:-.04em}.award{border:0;font-size:13px}.award h3{font-size:19px;font-weight:400}.award>span{font-size:13px}.award p{font-size:12px}.award .text-link{font-size:11px}
.partner-section{padding-top:85px}.partner-grid{border:0;gap:30px 35px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:70px}.partner-grid a{border:0;background:transparent;min-height:170px;padding:25px 20px;transition:background .25s}.partner-grid a:hover{background:#efeee8}.partner-grid img{height:75px;max-width:160px;object-fit:contain;mix-blend-mode:multiply}.partner-grid span{font-size:10px;color:var(--muted);margin-top:25px}
.contact-main{gap:9%;grid-template-columns:.9fr 1.1fr;padding-bottom:110px}.contact-address h2{font-size:19px;margin:0 0 28px}.contact-address address p{font-size:16px;line-height:1.9}.contact-address address [lang=en]{font-size:11px;max-width:430px}.contact-address>p{font-size:13px;line-height:2.2;margin-top:28px}.contact-address .text-link{font-size:11px}.social-links{gap:28px;margin:32px 0}.social-links a{font-size:11px}.social-links small{font-size:9px}.social-links svg{width:22px;height:22px}.map-frame iframe{height:410px}.map-frame>p{font-size:9px}
.inquiry{background:transparent;border-top:1px solid var(--line);padding-top:100px}.inquiry-layout{grid-template-columns:.7fr 1.3fr;gap:12%}.inquiry-guide h3,.career-layout h3{font-size:20px;line-height:1.7}.inquiry-guide p,.career-layout>div>p{font-size:12px;line-height:2}.inquiry-guide ol{margin:35px 0}.inquiry-guide li{font-size:10px;border-color:var(--line);padding:12px 0}.form-panel{padding:0;background:transparent}.form-status{border-left:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--muted);padding:18px 0;font-size:11px;line-height:1.9;margin-bottom:40px}.form-panel legend{font-size:14px}.form-panel label,.career-layout label{font-size:11px}.form-panel input,.form-panel select,.form-panel textarea,.career-layout input,.career-layout textarea{background:transparent;border:0;border-bottom:1px solid #bdbdb2;padding:13px 3px;font-size:13px;margin-top:7px;min-height:44px}.form-panel textarea,.career-layout textarea{border:1px solid var(--line);padding:12px;margin-top:13px;min-height:140px}.form-panel fieldset{border:0;margin-bottom:40px}.optional-details{border-color:var(--line)}.privacy-preview{background:transparent;padding:18px 0;border-top:1px solid var(--line);font-size:11px}.solid-button,.solid-button:disabled{background:transparent;border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:400}.solid-button:disabled{opacity:.8}.careers{background:transparent;padding-top:85px}.careers .section-heading{margin-bottom:80px}.career-layout{gap:12%;grid-template-columns:.8fr 1.2fr}.career-layout input:disabled,.career-layout textarea:disabled{background:transparent}.career-layout>div>.form-status{color:var(--muted)}.direct-inquiry{border-color:var(--line)}.direct-inquiry a{font-size:11px}
.project-breadcrumb{font-size:10px;padding-top:30px}.project-breadcrumb+.page-heading{padding-top:40px;padding-bottom:50px}.project-detail{grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:8%;padding-bottom:140px}.standalone-gallery>img{height:auto;max-height:none;object-fit:contain;background:transparent}.project-facts{position:sticky;top:155px;padding-top:8px}.project-facts h2{font-size:18px;margin-bottom:32px}.project-facts .facts{gap:0}.facts>div{border-top:1px solid var(--line);padding:14px 0}.facts dt{font-size:9px;letter-spacing:.05em}.facts dd{font-size:12px;line-height:1.8;margin-top:4px}.project-facts .arrow-link{font-size:11px}.photo-credit{font-size:9px;color:var(--muted)}.page-thumbs{gap:15px;margin-top:18px}.page-thumbs button{width:75px;height:84px;padding:2px}.page-thumbs img{object-fit:contain}.page-thumbs button[aria-pressed=true]{border-color:#9b9d90}.detail-body{background:var(--paper);padding:40px}.detail-body h2{font-size:32px}.detail-body .facts{margin-top:28px}.detail-img{object-fit:contain;background:#eeeee8}.gallery-controls{background:transparent}.gallery-controls button{font-size:16px}.close{font-size:11px;font-weight:400;background:var(--paper);color:var(--ink)}
footer{width:90%;padding:65px 0 55px;border-top:1px solid var(--line);gap:45px;align-items:start;font-size:10px}footer strong{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:.07em;font-size:12px}footer p{font-size:10px}footer address{font-size:10px;max-width:420px;line-height:2}footer address [lang=en]{font-size:9px}footer a{font-size:10px;line-height:2.1}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:1px solid #65675b;outline-offset:5px}
@media(min-width:1700px){.hero{max-width:1900px;margin-left:auto;margin-right:auto}.hero-image img{max-height:1100px}}
@media(max-width:1000px){.project-grid{gap:80px 5%}.project:nth-child(4n+2){margin-top:80px}.partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tools{flex-wrap:wrap;gap:18px}.filters{flex:1 0 100%}.search-box{flex:1}.search-box input{width:100%}.project-detail{grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:5%}.home-intro{width:75%}.hero h1.home-headline{font-size:31px!important}.hero-ko{font-size:13px}}
@media(max-width:900px){header{height:78px;grid-template-columns:1fr auto 1fr;grid-template-rows:78px;padding:0 5%}.brand{grid-row:1;grid-column:2}.brand img{width:30px;height:35px}.brand span{font-size:11px}.header-note{display:none}#menu{grid-column:1;grid-row:1;justify-self:start;display:block;font-size:11px;padding:12px 0;background:none;border:0}nav{display:none;position:absolute;top:78px;left:0;right:0;padding:20px 7% 32px;gap:0;background:var(--paper);border-bottom:1px solid var(--line)}nav.open{display:flex}nav a{width:100%;padding:13px 0;font-size:12px}nav a:after{display:none}.hero{margin:0 3%}.hero-image{gap:10px}.hero-image img{height:auto;max-height:none;aspect-ratio:4/5;object-fit:contain}.hero-copy{padding:40px 3% 10px}.hero-copy>.eyebrow{font-size:8px}.hero h1.home-headline{font-size:27px!important}.hero-ko{font-size:12px}.hero-copy .arrow-link{font-size:10px}.page-heading{padding-top:55px;padding-bottom:45px}.page-heading h1,.partner-section h1,.careers h1{font-size:34px}.about-story{gap:45px;grid-template-columns:1fr 1fr;padding-bottom:80px;align-items:start}.story-copy h2{font-size:19px}.story-copy p{font-size:13px}.greeting-grid{grid-template-columns:1fr 1.3fr;gap:8%}.greeting blockquote{font-size:23px}.greeting-copy p{font-size:13px}.contact-main,.inquiry-layout,.career-layout{grid-template-columns:1fr;gap:40px}.form-panel{padding:0;margin:0}.contact-address address [lang=en]{max-width:none}.map-frame iframe{height:400px}.inquiry-guide ol{display:none}.direct-inquiry{display:flex;gap:20px;flex-wrap:wrap}.career-layout{gap:35px}.project-detail{grid-template-columns:1fr;gap:50px}.project-facts{position:static}.project-facts .facts{grid-template-columns:1fr 1fr;gap:0 35px}.project-facts .text-link{width:max-content}.section{padding:90px 0}.works{padding-top:30px}.home-intro{padding:100px 0}.careers .section-heading{margin-bottom:50px}}
@media(max-width:600px){html{scroll-padding-top:90px}.wrap{width:88%}.hero{margin:0 3%}.hero-image{grid-template-columns:1fr;gap:0}.hero-image img{aspect-ratio:auto;height:auto;width:100%;max-height:none}.hero-image .hero-companion{display:none}.hero-image figcaption{padding:12px 3% 0;font-size:8px}.hero-copy{display:block;padding:35px 3% 0}.hero-copy>.eyebrow{margin:0 0 20px}.hero h1.home-headline{font-size:28px!important;margin:0 0 22px!important;line-height:1.55!important}.hero-ko{font-size:13px;line-height:1.95;max-width:330px;margin:0 0 15px}.hero-copy .arrow-link{display:inline-flex;font-size:11px}.hero-bottom{display:none}.home-intro{width:82%;padding:90px 0 70px}.home-intro h2{font-size:19px}.home-intro .intro-grid p{font-size:13px;line-height:2.15}.section-heading{display:flex;gap:15px;align-items:baseline;margin-bottom:35px}.section-heading h2{font-size:20px}.section-heading>a{font-size:10px;white-space:nowrap}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 18px}.project{grid-column:span 1;margin-top:0!important}.project:nth-child(5n+3){grid-column:1/-1;width:82%;justify-self:center;margin-top:15px!important}.project h3{font-size:12px;letter-spacing:0}.project .caption{padding:7px 0 0}.project small{font-size:9px;line-height:1.7;display:block}.project .arrow{font-size:13px}.project-type{font-size:8px!important;padding-top:10px!important}.project button.quick-view{font-size:9px;padding:6px 0;margin-top:4px}.more-wrap{margin-top:50px}.page-heading{padding-top:45px;padding-bottom:40px}.page-heading h1,.partner-section h1,.careers h1{font-size:29px}.page-heading>p:last-child:not(.eyebrow){font-size:12px}.page-heading .eyebrow{font-size:8px}.tools{margin-bottom:40px;gap:13px}.filters{gap:22px;flex-wrap:wrap}.filters button{font-size:10px}.search-box input{font-size:11px}.about-story{grid-template-columns:1fr;gap:35px;padding-bottom:75px}.story-copy h2{font-size:19px;margin-bottom:20px}.story-copy p{font-size:13px}.greeting{padding:65px 0}.greeting-grid{grid-template-columns:1fr;gap:35px}.greeting h2{font-size:22px}.greeting blockquote{font-size:25px;margin:25px 0}.greeting-copy p{font-size:13px}.recognition .intro-grid{gap:25px}.recognition .serif{font-size:22px}.award{gap:25px}.award h3{font-size:17px}.partner-section{padding-top:45px}.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:45px}.partner-grid a{padding:20px 8px;min-height:135px}.partner-grid img{height:60px}.partner-grid span{font-size:9px;margin-top:15px}.contact-main{padding-bottom:70px;gap:35px}.contact-address address p{font-size:14px}.contact-address address [lang=en]{font-size:10px}.map-frame iframe{height:330px}.inquiry{padding-top:65px}.inquiry .section-heading,.careers .section-heading{display:block}.section-heading p{font-size:12px;line-height:1.9;margin-top:20px}.inquiry-guide h3,.career-layout h3{font-size:19px}.form-grid{grid-template-columns:1fr;gap:23px}.form-panel input,.form-panel select,.form-panel textarea,.career-layout input,.career-layout textarea{font-size:16px}.form-panel legend{font-size:13px}.form-panel fieldset{margin-bottom:35px}.project-breadcrumb{font-size:9px;padding-top:25px}.project-breadcrumb+.page-heading{padding-top:28px}.project-detail{padding-bottom:85px;gap:40px}.project-facts .facts{grid-template-columns:1fr 1fr;gap:0 20px}.project-facts h2{font-size:18px}.facts dd{font-size:11px}.page-thumbs button{width:65px;height:75px}.detail-body{padding:25px}.detail-body h2{font-size:25px}.detail-body .facts{grid-template-columns:1fr}.detail-img{height:auto;max-height:65vh}.close{font-size:10px}.social-links a{font-size:11px}footer{width:88%;padding:45px 0;display:flex;flex-direction:column;gap:25px}footer address{font-size:10px}footer strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.form-panel .check-label input{width:18px!important;height:18px;min-height:18px;padding:0;margin:0;flex:none}

/* Color variation: ivory, charcoal, deep olive; burgundy for interaction only. */
:root{--accent:#75424b;--line:#d5d2c8}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #75424b;outline-offset:5px}
nav a:hover,.text-link:hover,.arrow-link:hover{color:#75424b}
.page-about{background:#f5f0e7}.page-about header,.page-about nav{background:#f5f0e7}.page-about .greeting{background:#e9e3d7}
.page-works .page-heading{background:#30332f;width:100%;max-width:none;padding-left:5%;padding-right:5%;color:#f5f2e9}
.page-works .page-heading h1,.page-works .page-heading .eyebrow,.page-works .page-heading p{color:#f5f2e9}
.page-works .tools{padding-top:40px}.page-works .filters button[aria-pressed=true]{color:#75424b;border-color:#75424b}
.page-contact .page-heading{background:#3e4b3f;width:100%;max-width:none;padding-left:5%;padding-right:5%;color:#f5f2e9;margin-bottom:65px}
.page-contact .page-heading h1,.page-contact .page-heading .eyebrow,.page-contact .page-heading p{color:#f5f2e9}
.page-contact .contact-address h2,.page-contact .social-links a{color:#3e4b3f}.page-contact .inquiry{background:#eceee7}
.page-contact .solid-button:disabled,.page-careers .solid-button:disabled{color:#56594f;border-color:#8a8c80;opacity:1}
.page-contact input,.page-contact select,.page-contact textarea{accent-color:#75424b}
.page-index .home-intro .eyebrow,.page-partners .eyebrow,.page-careers .eyebrow{color:#75424b}
.page-detail .page-thumbs button[aria-pressed=true]{border-color:#75424b}
@media(max-width:600px){.page-contact .page-heading{margin-bottom:40px}}

.page-about .greeting .eyebrow,.page-about .greeting .signature{color:#595b52}

.page-contact .page-heading>p:last-child:not(.eyebrow),.page-works .page-heading>p:last-child:not(.eyebrow){color:#f5f2e9}