:root{--surface:#f2efe7;--paper:#fbf9f6;--ink:#36332d;--muted:#68645c;--line:#c9c3b9;--accent:#79452f;--focus:#245b70;--max:1152px;--pad:max(24px,calc((100vw - var(--max))/2));font-family:Arial,"Apple SD Gothic Neo",sans-serif;color:var(--ink);background:var(--surface);line-height:1.75}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.skip-link{position:fixed;top:-50px;left:16px;z-index:20;background:var(--focus);color:white;padding:8px 14px}.skip-link:focus{top:16px}.loading,.data-error{min-height:100vh;display:grid;place-content:center;padding:24px}.data-error{max-width:720px;margin:auto}.eyebrow,.meta{margin:0 0 12px;font-size:11px;letter-spacing:.12em;color:var(--muted);font-weight:700}.light{color:var(--paper)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,"Noto Serif KR",serif;font-weight:500;line-height:1.3;letter-spacing:-.035em}h1{font-size:clamp(2.35rem,5vw,4rem)}h2{font-size:clamp(1.8rem,3.5vw,2.6rem)}h3{font-size:1.45rem}p{color:var(--muted)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.site-header{height:88px;position:absolute;z-index:10;left:0;right:0;color:var(--paper);border-bottom:1px solid rgba(255,255,255,.35)}.header-solid{position:relative;background:var(--paper);color:var(--ink);border-color:var(--line)}.header-inner{height:100%;max-width:1440px;margin:auto;padding:0 max(24px,calc((100vw - 1344px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{text-align:center;line-height:1.1}.brand span{display:block;font-size:13px;font-weight:700;letter-spacing:.12em}.brand small{display:block;font-size:9px;margin-top:6px;opacity:.85}.desktop-nav{grid-column:1;grid-row:1;display:flex;gap:20px;font-size:13px}.desktop-nav a,.header-cta{border-bottom:1px solid transparent}.desktop-nav a:hover,.header-cta:hover{border-color:currentColor}.header-cta{grid-column:3;justify-self:end;font-size:13px}.menu-button{display:none;background:transparent;border:0;color:inherit;min-width:44px;min-height:44px}.menu-button i{display:block;width:20px;border-top:1px solid currentColor;margin:5px auto}.menu-button span{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}.mobile-menu{display:none}.hero,.landing-hero{min-height:clamp(680px,85svh,880px);position:relative;color:var(--paper);display:flex;align-items:end;padding:0 var(--pad) 96px;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.image-fallback{position:relative;display:grid;place-content:center;overflow:hidden;background:linear-gradient(115deg,var(--tone) 0 26%,#d1c0ac 26% 42%,#76675c 42% 68%,#aaa090 68%);color:var(--paper);isolation:isolate}.image-fallback:before,.image-fallback:after{content:"";position:absolute;background:rgba(255,255,255,.22);z-index:-1}.image-fallback:before{inset:18% 42% 0 0}.image-fallback:after{width:45%;height:36%;right:7%;top:14%;border:2px solid rgba(255,255,255,.45);background:transparent}.image-fallback span{font-family:Georgia,serif;font-size:clamp(1.1rem,2vw,1.8rem)}.image-fallback small{font-size:11px;letter-spacing:.12em;text-align:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(24,20,17,.56),rgba(24,20,17,.03) 65%)}.hero-copy{position:relative;max-width:580px}.hero-copy h1{margin-bottom:16px}.hero-copy p:not(.eyebrow){white-space:normal;color:var(--paper);max-width:460px}.actions{display:flex;gap:24px;align-items:center;margin-top:28px}.button{display:inline-flex;align-items:center;gap:12px;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid var(--accent);background:var(--accent);color:var(--paper);font-weight:700}.button:hover{background:#623823}.button:active{transform:translateY(1px)}.button.pale{background:var(--paper);color:var(--accent);border-color:var(--paper)}.text-link,.arrow-link{text-decoration:underline;text-underline-offset:5px;font-weight:700}.hero-note{position:absolute;right:var(--pad);bottom:28px;color:var(--paper);font-size:11px;letter-spacing:.1em}.section{padding:120px var(--pad)}.paper{background:var(--paper)}.intro{text-align:center}.intro p{font:500 clamp(1.5rem,3vw,2rem)/1.6 Georgia,"Noto Serif KR",serif;color:var(--ink);white-space:normal}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:64px}.section-head>div{max-width:600px}.section-head>p{max-width:300px;margin-bottom:8px}.teaser-list{display:grid;gap:80px}.project-teaser{display:grid;grid-template-columns:7fr 5fr;align-items:center;gap:clamp(32px,7vw,112px)}.project-teaser.flipped .teaser-image{order:2}.teaser-image{height:0;padding-top:75%;display:block;position:relative;overflow:hidden}.teaser-image .asset-image,.project-card-image .asset-image,.detail-hero .asset-image,.gallery-item .asset-image,.studio-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.teaser-image .image-fallback{position:absolute;inset:0}.asset-image{transition:transform .45s ease-out}.teaser-image:hover .asset-image,.project-card-image:hover .asset-image{transform:scale(1.025)}.image-tag,.project-card-image span{position:absolute;left:12px;bottom:12px;background:rgba(251,249,246,.9);padding:3px 8px;color:var(--ink);font-size:10px}.teaser-copy h3{font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:12px}.teaser-copy h3 a:hover,.project-card h2 a:hover{text-decoration:underline;text-underline-offset:6px}.teaser-copy>p{max-width:360px}.approach-grid,.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.approach-grid article,.principles article{border-top:1px solid var(--line);padding-top:18px}.approach-grid span,.principles span,.process li>span,.problems span,.steps span{font-size:12px;letter-spacing:.1em;color:var(--accent)}.approach-grid h3,.principles h2{font-size:1.45rem;margin:18px 0 12px}.process{display:grid;grid-template-columns:5fr 7fr;gap:80px}.process-title h2{margin-bottom:20px}.process ol{list-style:none;margin:0;padding:0}.process li{display:grid;grid-template-columns:44px 1fr minmax(160px,240px);gap:20px;border-top:1px solid var(--line);padding:20px 0}.process li h3{font-size:1.2rem;margin-bottom:4px}.process li p,.process li small{margin:0;font-size:14px;color:var(--muted)}.faq{max-width:960px;margin:auto}.faq>.eyebrow,.faq>h2{text-align:center}.faq-list{margin-top:48px;border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item h3{margin:0}.faq-item button{display:flex;width:100%;justify-content:space-between;align-items:center;padding:20px 0;border:0;background:none;text-align:left;font:500 17px/1.5 Arial,"Apple SD Gothic Neo",sans-serif;color:var(--ink)}.faq-item button span{font-size:25px;font-weight:400}.faq-item button[aria-expanded="true"] span{transform:rotate(45deg)}.faq-answer{padding:0 48px 22px 0}.faq-answer p{margin:0}.cta-band{background:var(--accent);color:var(--paper);padding:64px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:32px}.cta-band h2,.cta-band p{color:var(--paper);margin-bottom:8px}.cta-band>div{max-width:600px}.site-footer{background:var(--ink);color:var(--paper);padding:52px var(--pad)}.footer-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:32px}.footer-inner strong{font-size:13px;letter-spacing:.12em}.footer-inner p{color:var(--line);font-size:13px}.footer-inner nav{display:grid;gap:5px;font-size:14px}.footer-inner a:hover{text-decoration:underline;text-underline-offset:4px}.footer-note{text-align:right}.page-hero{padding:100px var(--pad) 80px;max-width:920px}.page-hero h1{max-width:700px}.page-hero>p{font-size:18px}.project-index{padding-top:0}.filter-label{font-size:14px;margin-bottom:12px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filters button{background:transparent;border:1px solid var(--line);padding:8px 14px;font-size:14px}.filters button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filter-status{font-size:14px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:64px 24px;margin-top:40px}.project-card-image{display:block;height:0;padding-top:72%;position:relative;overflow:hidden}.project-card-image .image-fallback{position:absolute;inset:0}.project-card h2{font-size:1.75rem;margin:8px 0}.project-card p{margin-bottom:0}.empty{padding:48px 0;color:var(--muted)}.breadcrumb{max-width:var(--max);margin:32px auto 0;padding:0 var(--pad);font-size:13px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}.detail-heading{max-width:var(--max);margin:80px auto 56px;padding:0 var(--pad)}.detail-heading>p{max-width:600px;font-size:18px}.detail-hero{max-width:var(--max);height:min(64vw,720px);margin:auto;position:relative}.detail-hero>.image-fallback{height:100%}.detail-overview{max-width:var(--max);margin:auto;display:grid;grid-template-columns:5fr 7fr;gap:96px}.detail-overview h2{font-size:clamp(1.65rem,3vw,2.3rem)}.decision-list{list-style:none;padding:0;margin:0}.decision-list li{border-top:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:42px 1fr;gap:12px}.decision-list span{color:var(--accent);font-size:12px}.gallery{max-width:var(--max);margin:auto;padding-top:0}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gallery-item{position:relative;margin:0;aspect-ratio:1.25;overflow:hidden}.gallery-item.wide{grid-column:1/-1;aspect-ratio:1.8}.gallery-item .image-fallback{height:100%}.gallery-item figcaption{position:absolute;bottom:10px;left:10px;background:rgba(251,249,246,.88);font-size:11px;padding:2px 7px}.detail-body{font:500 clamp(1.25rem,2.5vw,1.65rem)/1.75 Georgia,"Noto Serif KR",serif;color:var(--ink);max-width:720px;margin:56px auto}.diagram{max-width:var(--max);margin:auto;background:var(--paper)}.diagram-role{font-size:19px}.diagram-map{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:32px 0}.diagram-map span{border:1px solid var(--accent);padding:16px 22px;color:var(--accent);background:var(--paper)}.diagram-map i{font-style:normal;color:var(--accent)}.notice{font-size:13px;border-left:2px solid var(--accent);padding-left:12px}.related{max-width:var(--max);margin:auto}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.studio-hero{padding:100px var(--pad) 80px;display:grid;grid-template-columns:5fr 5fr;gap:80px;align-items:end}.studio-hero>p{font-size:19px;max-width:490px}.studio-body{max-width:var(--max);margin:auto;display:grid;grid-template-columns:5fr 7fr;gap:80px}.studio-body>div p{font:500 1.2rem/1.75 Georgia,"Noto Serif KR",serif;color:var(--ink)}.studio-image{position:relative;height:auto;aspect-ratio:1.5}.studio-body>.image-fallback{min-height:440px}.principles{padding-left:var(--pad);padding-right:var(--pad)}.scope{max-width:var(--max);margin:auto}.scope ul{padding:0;list-style:none;max-width:680px}.scope li{border-top:1px solid var(--line);padding:14px 0;font-size:18px}.consultation-layout{max-width:1024px;margin:auto;padding:100px var(--pad);display:grid;grid-template-columns:4fr 7fr;gap:72px}.consultation-aside h1{font-size:clamp(2.2rem,4vw,3.5rem)}.consultation-aside h2{font-size:1.2rem;margin-top:48px}.consultation-aside ol{padding-left:22px;color:var(--muted)}.consultation-aside li{padding:5px 0}.form-shell{background:var(--paper);padding:36px}.form-shell h2{font-size:1.7rem}.form-notice{font-size:13px;background:#ece7df;border-left:2px solid var(--accent);padding:12px}.form-field{position:relative;margin-top:24px}.form-field label{display:block;font-weight:700;font-size:14px;margin-bottom:7px}.required{font-size:11px;color:var(--accent);margin-left:5px}.optional{font-size:11px;color:var(--muted);margin-left:5px;font-weight:400}.form-field input,.form-field select,.form-field textarea{display:block;width:100%;border:1px solid #8e887e;border-radius:2px;background:white;padding:12px;min-height:48px;color:var(--ink)}.form-field textarea{resize:vertical}.form-field small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.suffix{position:absolute;right:13px;top:39px;font-size:13px;color:var(--muted);pointer-events:none}.field-error{min-height:1.3em;margin:4px 0 0;font-size:13px;color:#a22}.error-summary{background:#fae4e1;border-left:3px solid #a22;padding:12px;margin:16px 0;color:#6e1717;font-size:14px}.error-summary ul{margin:4px 0 0;padding-left:20px}.form-actions{display:flex;align-items:center;gap:18px;margin-top:30px}.text-button{background:none;border:0;padding:8px 0;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.review dl{margin:26px 0}.review dl div{display:grid;grid-template-columns:140px 1fr;border-top:1px solid var(--line);padding:12px 0}.review dt{font-weight:700}.review dd{margin:0;color:var(--muted);white-space:pre-wrap}.related-context{font-size:13px}.landing-hero{min-height:clamp(640px,80svh,800px)}.problems>h2,.steps>h2{max-width:600px}.problems>div,.steps>ol{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:48px 0 0}.problems article,.steps li{border-top:1px solid var(--line);padding-top:16px}.problems h3,.steps h3{font-size:1.3rem;margin:17px 0 8px}.steps ol{list-style:none;padding:0}.landing-cases h2{margin-bottom:56px}.landing-form{padding:100px var(--pad);display:grid;grid-template-columns:4fr 7fr;gap:72px}.landing-form>div:first-child p{max-width:390px}.sticky-cta{display:none;position:fixed;bottom:12px;left:20px;right:20px;z-index:5;background:var(--accent);color:var(--paper);text-align:center;padding:12px;min-height:48px}.demo .page-hero p{max-width:720px}.asset-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.asset-list article{padding:16px;border-top:1px solid var(--line)}.asset-list strong,.asset-list span{display:block;font-size:12px}.asset-list span{color:var(--accent);margin-top:4px}.asset-list p{font-size:13px;margin-top:8px}.not-found{min-height:56vh;padding-top:120px}@media(max-width:1023px){.section{padding-top:96px;padding-bottom:96px}.project-teaser,.detail-overview,.studio-body,.consultation-layout,.landing-form{gap:48px}.process{gap:48px}.detail-overview{grid-template-columns:1fr 1fr}.studio-body{grid-template-columns:1fr 1fr}.consultation-layout,.landing-form{grid-template-columns:1fr 1.4fr}.desktop-nav{gap:14px;font-size:12px}}@media(max-width:767px){:root{--pad:24px}.site-header{height:72px}.header-inner{display:flex;justify-content:space-between;padding:0 var(--pad)}.brand{text-align:left}.brand small,.desktop-nav,.desktop-only{display:none}.menu-button{display:block}.mobile-menu[hidden]{display:none}.mobile-menu{position:fixed;inset:0;background:var(--paper);color:var(--ink);padding:22px var(--pad);z-index:20;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;display:flex;flex-direction:column}.mobile-menu.open{opacity:1;transform:none}.mobile-menu-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;letter-spacing:.1em;font-weight:700}.menu-close{border:0;background:none;font-size:14px;color:var(--ink);min-height:44px}.menu-close b{font-size:27px;font-weight:300;vertical-align:middle}.mobile-menu nav{display:grid;gap:20px;margin:auto 0;font:500 2rem/1.25 Georgia,"Noto Serif KR",serif}.mobile-menu nav a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}.mobile-menu>p{font-size:12px}.hero,.landing-hero{min-height:max(640px,85svh);padding:0 var(--pad) 56px}.hero-note{right:var(--pad);bottom:20px}.actions{align-items:flex-start;flex-direction:column;gap:16px}.section{padding:64px var(--pad)}.intro p{font-size:1.45rem}.section-head,.project-teaser,.project-teaser.flipped,.process,.detail-overview,.studio-hero,.studio-body,.consultation-layout,.landing-form{display:block}.section-head{margin-bottom:40px}.section-head>p{margin-top:24px}.teaser-list{gap:56px}.project-teaser.flipped .teaser-image{order:initial}.project-teaser .teaser-copy{margin-top:22px}.approach-grid,.principles,.problems>div,.steps>ol{grid-template-columns:1fr;gap:28px}.process li{grid-template-columns:34px 1fr}.process li small{grid-column:2}.faq-answer{padding-right:0}.cta-band{padding:44px var(--pad);display:block}.cta-band .button{margin-top:20px;width:100%}.footer-inner{grid-template-columns:1fr;gap:24px}.footer-note{text-align:left}.page-hero{padding:64px var(--pad) 56px}.project-grid,.related-grid{grid-template-columns:1fr;gap:48px}.breadcrumb{margin-top:20px}.detail-heading{margin:56px auto 36px}.detail-hero{height:66vw;min-height:280px}.detail-overview{padding-top:64px}.detail-overview>div+div{margin-top:44px}.gallery-grid{grid-template-columns:1fr;gap:16px}.gallery-item.wide{grid-column:auto;aspect-ratio:1.25}.detail-body{margin:40px auto}.diagram-map{gap:7px}.diagram-map span{padding:10px 13px;font-size:13px}.studio-hero{padding:64px var(--pad) 48px}.studio-hero>p{margin-top:24px}.studio-body>div p{font-size:1.12rem}.studio-image,.studio-body>.image-fallback{margin-top:36px;min-height:300px}.principles{padding-left:var(--pad);padding-right:var(--pad)}.consultation-layout{padding:64px var(--pad)}.consultation-aside h2{margin-top:36px}.form-shell{padding:24px;margin-top:40px}.landing-form{padding:64px var(--pad)}.landing-form .form-shell{margin-top:28px}.sticky-cta{display:block}.landing-form:target~.sticky-cta{display:none}.asset-list{grid-template-columns:1fr}.footer-inner p{margin-bottom:0}}@media(max-width:380px){:root{--pad:20px}.hero-copy h1{font-size:2.25rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
