@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;600&display=swap');
:root{--ink:#29332f;--paper:#f1f0e9;--line:#adb3a9;--muted:#6c786f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;width:100%}section[id]{scroll-margin-top:80px}.t-head{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4.3%;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:5}.t-brand{font-size:31px;letter-spacing:-.09em;font-weight:700;line-height:.82}.t-brand span{display:block;font-size:9px;letter-spacing:.1em;font-weight:500;margin-top:7px}.t-head nav{display:flex;gap:42px;font-size:13px}.t-head nav a:hover,.t-foot a:hover{text-decoration:underline}.t-menu,.t-mobile{display:none}.t-intro{padding:65px 4.3% 50px;min-height:310px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.t-intro span{font-size:12px;color:var(--muted)}.t-intro h1{font-size:clamp(43px,5vw,83px);line-height:1.18;letter-spacing:-.075em;font-weight:400;margin:34px 0 0}.t-intro>p{width:min(330px,32%);line-height:1.9;font-size:14px;margin:0 0 5px}.t-index{padding:0 4.3% 130px}.t-index-head{border-top:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 35px}.t-index-head h2{font-size:16px;font-weight:500;margin:0}.t-filters{display:flex;gap:5px;flex-wrap:wrap}.t-filters button{background:transparent;border:0;border-bottom:1px solid transparent;padding:8px 11px;color:var(--muted);font-size:12px}.t-filters button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.t-filters b{font-weight:400;font-size:10px;margin-left:2px}.t-grid{display:grid;grid-template-columns:1.48fr 1fr;gap:56px 22px;align-items:start}.t-card{display:block}.t-card[hidden]{display:none}.t-card-large{grid-row:span 2}.t-card img{height:320px;object-fit:cover;filter:saturate(.82);transition:filter .3s,transform .5s}.t-card-large img{height:690px}.t-card:hover img{filter:saturate(1.05)}.t-card>div{display:grid;grid-template-columns:1fr 1.7fr;gap:10px 20px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}.t-card span{font-size:11px;color:var(--muted)}.t-card strong{font-size:24px;font-weight:400;letter-spacing:-.05em}.t-card span:last-child{grid-column:2}.t-note{background:#dce2d7;padding:110px 8%;display:grid;grid-template-columns:1.6fr 1fr;gap:12%}.t-note>p{font-size:clamp(34px,3.7vw,65px);line-height:1.32;letter-spacing:-.06em;margin:0;font-weight:300}.t-note em{font-style:normal;color:#6a7b66}.t-note>div{align-self:end}.t-note span,.t-drawing-head>p{font-size:12px;color:var(--muted)}.t-note div p{font-size:15px;line-height:2;margin:22px 0 0}.t-drawing{padding:125px 4.3% 130px}.t-drawing-head{display:flex;justify-content:space-between;align-items:end}.t-drawing h2{font-size:clamp(35px,4.2vw,70px);font-weight:400;letter-spacing:-.065em;margin:0}.t-drawing-head p{width:320px;line-height:1.8;margin:0}.t-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:55px 0 80px}.t-steps>div{border-top:1px solid var(--ink);padding-top:14px}.t-steps span{font-size:11px;color:var(--muted)}.t-steps h3{font-size:29px;font-weight:400;margin:30px 0 7px}.t-steps p{font-size:13px;margin:0}.t-plan{position:relative;height:410px;border:1px solid var(--ink);background:repeating-linear-gradient(0deg,transparent,transparent 39px,#cdd3c9 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#cdd3c9 40px);overflow:hidden}.plan-room{position:absolute;display:grid;place-items:center;border:2px solid #52635c;background:#e9ebe4;font-size:11px;letter-spacing:.12em}.room-a{left:8%;top:17%;width:32%;height:65%}.room-b{left:40%;top:28%;width:24%;height:43%;background:#d2dcd0}.room-c{right:8%;top:12%;width:28%;height:72%}.plan-line{position:absolute;left:8%;right:8%;top:49%;border-top:1px dashed #75877d;transform:rotate(-8deg);pointer-events:none}.t-plan small{position:absolute;left:15px;bottom:10px;background:var(--paper);font-size:10px;padding:5px}.t-inquiry{background:#283830;color:#f2f1e9;padding:105px 8%;display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.t-inquiry h2{font-weight:300;font-size:clamp(38px,4.4vw,72px);line-height:1.25;letter-spacing:-.07em;margin:0}.t-inquiry p{max-width:500px;font-size:13px;line-height:1.9;margin:30px 0 0}.t-inquiry>a{border-bottom:1px solid;padding:12px 0;min-width:190px;display:flex;justify-content:space-between}.t-foot{display:flex;justify-content:space-between;gap:30px;padding:25px 4.3%;font-size:11px;color:var(--muted)}.t-foot a{white-space:nowrap}
/* Project dossiers use a quiet field-note layout, not the landing-page template. */
.d-title{padding:55px 4.3% 40px;display:flex;align-items:end;justify-content:space-between;gap:20px}.d-title a,.d-title span{font-size:12px;color:var(--muted)}.d-title h1{font-size:clamp(47px,6vw,94px);font-weight:400;letter-spacing:-.08em;line-height:1.15;margin:25px 0 0}.d-hero{display:grid;grid-template-columns:2fr 1fr;gap:0}.d-hero img{height:720px;object-fit:cover}.d-hero aside{background:#dce2d7;padding:40px;display:flex;flex-direction:column;justify-content:space-between}.d-hero aside p{font-size:clamp(23px,2.5vw,41px);line-height:1.4;letter-spacing:-.05em;margin:0}.d-hero dl{margin:0}.d-hero dl div{border-top:1px solid #9aaa9f;padding:14px 0;display:flex;justify-content:space-between;gap:15px;font-size:12px}.d-hero dd{margin:0;text-align:right}.d-body{padding:105px 8%;display:grid;grid-template-columns:1fr 2fr;gap:8%}.d-body h2{font-size:13px;font-weight:500;margin:0}.d-body p{font-size:19px;line-height:1.85;margin:0 0 30px}.d-body ul{margin:0;padding-left:20px;line-height:2;font-size:14px}.d-image{margin:0 8% 120px}.d-image img{height:570px;object-fit:cover}.d-image figcaption{font-size:11px;color:var(--muted);padding:12px 0}.d-diagram{margin:0 8% 120px;background:#e1e6dd;padding:45px}.d-diagram h2{font-size:28px;font-weight:400;margin:0 0 25px}.d-diagram svg{width:100%;height:auto;display:block}.d-diagram p{font-size:13px;line-height:1.8;max-width:650px}.d-next{margin:0 8% 120px;border-top:1px solid;padding-top:30px;display:flex;justify-content:space-between;font-size:22px}.d-next span{font-size:12px}
@media(max-width:750px){.t-head{height:68px;padding:0 5%}.t-head nav{display:none}.t-menu{display:block;border:0;background:none;font-size:13px}.t-mobile:not([hidden]){display:flex;flex-direction:column;padding:18px 5%;gap:17px;border-bottom:1px solid var(--line);background:var(--paper);position:absolute;left:0;right:0;z-index:8}.t-intro{padding:65px 5% 50px;min-height:0;display:block}.t-intro h1{font-size:clamp(40px,10vw,65px)}.t-intro>p{width:auto;max-width:370px;margin:32px 0 0}.t-index{padding:0 5% 80px}.t-index-head{display:block}.t-filters{margin-top:17px}.t-filters button{padding:8px 7px}.t-grid{display:block}.t-card{margin-bottom:33px}.t-card img,.t-card-large img{height:390px}.t-card>div{grid-template-columns:1fr 1fr}.t-card strong{font-size:21px}.t-note{display:block;padding:75px 7%}.t-note>div{margin-top:60px}.t-drawing{padding:80px 5%}.t-drawing-head{display:block}.t-drawing-head p{width:auto;margin-top:25px}.t-steps{display:block;margin:45px 0}.t-steps>div{padding-bottom:22px}.t-steps h3{margin:15px 0 5px}.t-plan{height:300px}.t-inquiry{padding:70px 7%;display:block}.t-inquiry>a{margin-top:50px}.t-foot{padding:25px 5%;display:block}.t-foot span{display:block;margin-bottom:9px}.d-title{padding:45px 5% 30px}.d-hero{display:block}.d-hero img{height:450px}.d-hero aside{gap:55px;padding:35px 5%}.d-body{display:block;padding:75px 7%}.d-body h2{margin-bottom:35px}.d-body p{font-size:17px}.d-image{margin:0 5% 80px}.d-image img{height:380px}.d-diagram{margin:0 5% 75px;padding:20px}.d-next{margin:0 5% 80px;font-size:17px}.d-next span{display:block}}