:root{--ink:#24322f;--muted:#65706c;--paper:#f7f7f2;--line:#d4d9d2;--accent:#bcc8a9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #94a574;outline-offset:6px}img{display:block;max-width:100%}.header{height:90px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid #e4e6df}.brand strong{font-size:35px;letter-spacing:-2px;display:flex;align-items:center;gap:12px;line-height:1}.brand strong span{font-size:13px;letter-spacing:2px;font-weight:500}.brand small{display:block;font-size:10px;letter-spacing:1px;margin-top:6px}.header nav{display:flex;gap:30px;align-items:center}.header nav a{font-size:11px;letter-spacing:1px;padding:12px 0}.header nav a:hover{color:#78885f}.header nav a:last-child{border-bottom:1px solid #8b968c}.header nav a span{margin-left:12px}.menu-toggle{display:none}.hero{position:relative;min-height:660px;height:calc(100svh - 90px);max-height:1000px;color:white;isolation:isolate}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(15,28,32,.65),rgba(15,28,32,.04)),linear-gradient(0deg,rgba(13,25,28,.4),transparent 40%)}.hero-copy{padding:clamp(110px,15vh,180px) 7% 120px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:500;margin:0 0 32px}.hero h1{font-size:clamp(34px,3.55vw,58px);line-height:1.42;font-weight:400;letter-spacing:-2.4px;margin:0 0 25px}.hero-sub{font-size:15px;line-height:1.9;color:#e2e5e3}.hero-link{display:flex;align-items:center;justify-content:space-between;width:210px;border-bottom:1px solid #bac1bd;padding:20px 0 14px;margin-top:34px;font-size:13px}.hero-link span{font-size:23px}.hero-bottom{position:absolute;bottom:28px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:1px}.hero-bottom small{font-size:10px;letter-spacing:0;color:#e2e5e3}.section{padding:110px 7%}.about{display:grid;grid-template-columns:1fr 2.3fr;gap:40px}.index{padding-top:10px}.english-title{font-family:Georgia,serif;font-size:clamp(52px,6.4vw,94px);font-weight:400;letter-spacing:-4px;line-height:1.03;margin:0 0 42px}h2{font-size:clamp(28px,2.7vw,40px);font-weight:400;letter-spacing:-1.5px;line-height:1.5;margin:0}h3{font-weight:400}.about-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}.about-bottom p{font-size:14px;line-height:1.95;color:var(--muted)}.draft-note{font-size:11px;color:#70796d;display:block;margin-top:18px;line-height:1.6}.business{background:#e9ece5}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:55px}.section-heading .eyebrow{margin-bottom:24px}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.section-heading small{font-size:11px}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bfc7bd}.services article{padding:30px 30px 10px 0;position:relative}.services article+article{padding-left:30px;border-left:1px solid #cbd2c6}.services article>span{font-family:Georgia,serif;font-size:17px;color:#73836c}.services h3{font-size:26px;margin:35px 0 8px;letter-spacing:-1px}.services article>p{font-size:11px;letter-spacing:.7px;color:#6a7769}.services article>div{font-size:13px;line-height:1.9;color:var(--muted);margin-top:30px}.filters{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:30px}.filters button{background:none;border:none;border-bottom:2px solid transparent;padding:0 0 16px;font-size:12px;color:#738071}.filters button.active{color:var(--ink);border-color:var(--ink)}.filters sup{font-size:9px;margin-left:5px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.project-card{border:0;background:none;text-align:left;color:var(--ink);padding:0;width:100%}.project-card:first-child{grid-column:1/-1}.project-picture{overflow:hidden;position:relative;background:#dbe0d8}.project-picture img{width:100%;height:330px;object-fit:cover;transition:transform .6s}.project-card:first-child img{height:480px}.project-card:hover img{transform:scale(1.035)}.project-picture small{position:absolute;bottom:16px;left:18px;background:#f7f7f2e8;padding:7px 10px;font-size:10px}.project-card[data-category=office] img{object-position:100% 50%;height:330px}.project-card[data-category=research] img{object-position:60% 30%;height:330px}.project-meta{display:flex;justify-content:space-between;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.project-meta h3{font-size:20px;margin:0 0 8px;letter-spacing:-.5px}.project-meta p{font-size:10px;letter-spacing:1px;color:var(--muted);margin:0}.project-meta>span{font-size:24px}.statement{background:#293b34;color:#f0f2e9;padding:85px 7%;text-align:center}.statement>.eyebrow{color:#b5c1aa;margin-bottom:35px}.statement>p:not(.eyebrow){font-size:clamp(28px,3.6vw,52px);line-height:1.55;letter-spacing:-1.8px;margin:0 0 36px}.statement em{font-style:normal;color:#b6c8a6}.statement a{font-size:12px;border-bottom:1px solid #839585;padding-bottom:12px}.news{display:grid;grid-template-columns:1fr 1.7fr;gap:65px}.news-content{border-top:1px solid #758273}.news summary{display:flex;gap:25px;align-items:center;cursor:pointer;padding:25px 0;list-style:none}.news summary::-webkit-details-marker{display:none}.news summary h3{font-size:16px;flex:1;line-height:1.6;margin:0}.news-category{font-size:10px;color:var(--muted)}.plus{font-size:24px}.news details[open] .plus{transform:rotate(45deg)}.news details>p{font-size:14px;line-height:1.9;color:var(--muted);padding:0 0 25px}.news-note{border-top:1px solid var(--line);padding-top:25px;font-size:12px;color:var(--muted)}.contact{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;background:#e9ece5}.contact>div>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8;margin-top:28px}.contact-info{align-self:center;border-left:1px solid #c1c9bc;padding-left:50px}.contact-info h3{font-size:22px}.contact-label{font-size:10px;letter-spacing:1px;color:#63745c}footer{padding:40px 7% 25px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer .footer-brand{font-size:17px;letter-spacing:2px}footer p{font-size:10px;color:var(--muted)}footer>a:last-of-type{margin-left:auto;font-size:10px;letter-spacing:1px}.preview-label{width:100%;margin:0;font-size:10px}dialog{border:none;padding:0;width:min(850px,92vw);max-height:90svh;overflow:auto;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#14231bd1}dialog>img{width:100%;max-height:420px;object-fit:cover}.dialog-close{position:absolute;right:16px;top:16px;padding:12px 18px;background:var(--paper);border:1px solid var(--line)}.dialog-content{padding:32px}.dialog-content .eyebrow{margin-bottom:16px}.dialog-content>p{line-height:1.8;font-size:14px}.skip{position:fixed;top:-80px;left:20px;background:white;padding:16px;z-index:50}.skip:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}body.modal-open{overflow:hidden}
@media(min-width:1700px){.section{padding-left:max(7%,calc((100vw - 1450px)/2));padding-right:max(7%,calc((100vw - 1450px)/2))}}@media(max-width:1000px){.header nav{gap:18px}.header nav a{font-size:10px}.brand strong span{font-size:11px}.about{grid-template-columns:1fr 3fr}.hero-bottom>span{display:none}.section{padding:80px 6%}.news{gap:35px;grid-template-columns:1fr 1.6fr}.section-heading>p{max-width:230px}}@media(max-width:760px){html{scroll-padding-top:72px}.header{height:72px;padding:0 6%}.brand strong{font-size:29px}.brand strong span{font-size:10px}.brand small{font-size:9px}.menu-toggle{display:flex;align-items:center;gap:14px;border:0;background:none;color:var(--ink);font-size:12px;padding:12px 0}.menu-toggle span{font-size:20px}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:20px 6% 30px;box-shadow:0 12px 20px #1c2d2415}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav a{padding:17px 0;font-size:12px;border-bottom:1px solid var(--line)}.hero{height:calc(90svh - 72px);min-height:590px;max-height:780px}.hero-image{object-position:60% center}.hero-copy{padding:115px 7% 110px}.hero h1{font-size:clamp(29px,5.8vw,42px);letter-spacing:-1.6px}.hero .eyebrow{font-size:9px;letter-spacing:1.6px}.hero-sub{font-size:13px}.hero-link{margin-top:25px;width:190px}.hero-bottom{left:7%;right:7%;align-items:flex-start;flex-direction:column;gap:15px;bottom:25px}.section{padding:65px 7%}.about{display:block}.index{padding:0}.english-title{font-size:61px;letter-spacing:-3px}.about h2{font-size:28px}.about-bottom{grid-template-columns:1fr;gap:0}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:20px;max-width:none}.services{grid-template-columns:1fr}.services article,.services article+article{padding:25px 0;border-left:none;border-bottom:1px solid #cbd2c6}.services h3{margin-top:15px}.services article>div{margin-top:15px}.filters{gap:24px}.filters button{font-size:11px}.project-grid{grid-template-columns:1fr;gap:30px}.project-card:first-child{grid-column:auto}.project-card:first-child img,.project-picture img,.project-card[data-category] img{height:260px}.project-meta h3{font-size:18px}.statement{padding:65px 7%}.statement>p:not(.eyebrow){font-size:28px;letter-spacing:-1.5px}.news{display:block}.news-content{margin-top:30px}.news summary{gap:13px}.news summary h3{font-size:14px}.contact{display:block}.contact-info{margin-top:40px;padding:25px 0 0;border-left:0;border-top:1px solid #c1c9bc}.contact h2{font-size:28px}footer{gap:16px}footer .footer-brand{font-size:14px}footer p{width:100%;order:2}footer .preview-label{order:3}.dialog-content{padding:25px}.dialog-content h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Stage 2: separate pages, real project data, accessible static navigation */
[hidden]{display:none!important}.header nav a[aria-current=page]{color:#526544;border-bottom:1px solid #526544}.text-link{display:inline-block;border-bottom:1px solid #8b9885;padding:10px 0;font-size:13px;margin-top:8px}.phone-link{font-size:24px;letter-spacing:-.6px}.footer-address{width:100%;margin:0;line-height:1.8}.page-intro{padding:90px 7% 75px;border-bottom:1px solid var(--line);background:#ecefe8}.page-intro h1{font-weight:400;font-size:clamp(36px,4.3vw,64px);line-height:1.35;letter-spacing:-2.4px;margin:0;max-width:1100px}.intro-sub{font-size:15px;line-height:1.8;color:var(--muted);margin:28px 0 0}.body-copy{font-size:16px;line-height:2;color:var(--muted);margin:25px 0}.narrow{max-width:760px}.facts{margin:0}.facts>div{display:grid;grid-template-columns:160px 1fr;gap:25px;border-top:1px solid #c7cfc1;padding:23px 0}.facts>div:last-child{border-bottom:1px solid #c7cfc1}.facts dt{font-size:13px;color:var(--muted)}.facts dd{margin:0;font-size:16px;line-height:1.75}.expertise-list article{display:grid;grid-template-columns:1fr 2.3fr;gap:50px;border-top:1px solid var(--line);padding:40px 0}.expertise-list article>span{font-family:Georgia,serif;font-size:28px;color:#74866c}.expertise-list p{font-size:15px;line-height:1.9;color:var(--muted);max-width:650px}.process-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:40px 60px}.process-list li{display:flex;gap:28px;border-top:1px solid #bfc7bd;padding-top:25px}.process-list li>span{font:26px Georgia,serif;color:#708369}.process-list h3{font-size:25px;margin:0 0 15px}.process-list p{font-size:14px;color:var(--muted);line-height:1.9}.process-list .process-sub{color:var(--ink);font-weight:bold}.listing{padding-top:50px}.project-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.project-tools .filters{margin-bottom:0;flex:1;gap:25px}.search-label{font-size:11px;color:var(--muted);display:grid;gap:10px;width:280px}.search-label input{border:0;border-bottom:1px solid #8c9885;background:transparent;padding:10px 0;color:var(--ink);font:14px inherit;border-radius:0;width:100%}.search-label input:focus-visible{outline:2px solid #75886a;outline-offset:4px}#result-count{font-size:12px;color:var(--muted);margin:26px 0}.listing-grid .project-card:first-child{grid-column:auto}.listing-grid .project-card:first-child img{height:330px}.project-card h3{line-height:1.6}.project-meta{gap:15px;align-items:flex-start}.project-meta p{line-height:1.7}.project-intro .eyebrow{margin-top:50px}.project-intro h1{font-size:clamp(30px,3.6vw,52px);max-width:1050px}.back-link{font-size:12px;color:var(--muted)}.project-cover{padding:50px 7% 0}.project-cover img{width:100%;max-height:700px;object-fit:contain;background:#e6e9e2}.project-info{display:grid;grid-template-columns:1fr 2fr;gap:60px}.project-info .facts>div{grid-template-columns:95px 1fr}.gallery{padding-top:0}.gallery figure{margin:0 0 50px}.gallery img{width:100%;max-height:850px;object-fit:contain;background:#e6e9e2}.gallery figcaption{font-size:12px;color:var(--muted);margin-top:15px}.next-project{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:40px;padding-top:40px;padding-bottom:40px}.next-project>a{font-size:16px;line-height:1.7}.next-project>a:last-child{text-align:right;max-width:65%}.next-project small{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:10px}.news-row{display:flex;align-items:center;gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}.news-row>span{font-size:11px;color:var(--muted)}.news-row>span:last-child{margin-left:auto;font-size:24px}.news-row h2{font-size:27px}.news-row h3{font-size:17px;line-height:1.7}.news-row p,.news-row small{color:var(--muted);font-size:13px;line-height:1.8}.article-body{max-width:1050px;margin:auto;min-height:450px}.article-body p{font-size:17px;line-height:2;margin:0 0 30px}.article-body a:not(.text-link){text-decoration:underline}.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-phone{display:inline-block;font-size:clamp(24px,3vw,40px);margin-top:30px;border-bottom:1px solid #87957c;padding-bottom:10px}.address-panel{border-left:1px solid var(--line);padding-left:50px}.address-panel>p{font-size:16px;line-height:1.9}.address-panel .eyebrow{font-size:11px}.outline-button{background:transparent;color:var(--ink);border:1px solid #87957c;padding:12px 20px;font-size:13px}.outline-button:hover{background:#e3e8dc}#copy-status{font-size:13px;min-height:25px}#empty-results{padding:70px 0;text-align:center}#empty-results h2{font-size:27px}#empty-results p{font-size:14px;color:var(--muted)}
@media(max-width:760px){.page-intro{padding:60px 7%}.page-intro h1{font-size:36px;letter-spacing:-1.6px}.page-intro .intro-sub{font-size:13px}.facts>div{grid-template-columns:75px 1fr;gap:15px;padding:18px 0}.facts dd{font-size:14px}.body-copy{font-size:14px}.expertise-list article{display:block;padding:28px 0}.expertise-list article>span{font-size:22px;display:block;margin-bottom:20px}.expertise-list h2{font-size:26px}.expertise-list p{font-size:14px}.process-list{grid-template-columns:1fr;gap:25px}.project-tools{display:block}.project-tools .filters{gap:18px;flex-wrap:wrap}.project-tools .filters button{font-size:12px}.search-label{margin-top:28px;width:100%}.listing-grid .project-card:first-child img{height:260px}.project-meta h3{font-size:17px}.project-info{display:block}.project-info .facts{margin-top:30px}.project-info .facts>div{grid-template-columns:65px 1fr}.project-intro h1{font-size:30px}.project-intro .eyebrow{margin-top:35px}.project-cover{padding-top:30px}.gallery figure{margin-bottom:30px}.next-project{gap:20px}.next-project>a{font-size:13px}.news-row{gap:16px;align-items:flex-start}.news-row h2{font-size:22px}.news-row>span:first-child{font-size:9px}.news-row h3{font-size:15px;margin:0}.contact-page{display:block}.address-panel{padding:35px 0 0;border-left:0;border-top:1px solid var(--line);margin-top:40px}.contact-phone{font-size:29px}.phone-link{font-size:22px}.footer-address{font-size:11px}.article-body p{font-size:15px}}
@media(max-width:760px){.english-title{font-size:clamp(42px,12vw,61px);letter-spacing:-2.5px}.search-label input{font-family:inherit;font-size:14px}}
.empty-image{min-height:260px;display:grid;place-items:center;color:#64775d;background:#e2e8dc}.project-tools .filters{flex-wrap:wrap}