@font-face{font-family:Pretendard;src:url('../../assets/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:Pretendard,sans-serif!important;padding-bottom:48px;margin:0}*{box-sizing:border-box}[hidden]{display:none!important}img{max-width:100%;display:block}button,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ae7950;outline-offset:5px}.demo-skip{position:fixed;z-index:200;top:0;left:12px;background:white;padding:12px;transform:translateY(-120%)}.demo-skip:focus{transform:none}.demo-header{position:relative;z-index:30;height:72px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:#f8f7f3;color:#242721;border-bottom:1px solid #d8d8d0}.demo-brand{text-decoration:none;color:inherit}.demo-brand b{font-size:19px;font-weight:600;display:block;line-height:1.3;letter-spacing:-.04em}.demo-brand small{font-family:Georgia,serif;display:block;font-size:9px;letter-spacing:.16em;margin-top:4px}.demo-header nav{display:flex;gap:30px;font-size:12px}.demo-header nav a{color:inherit;text-decoration:none}.demo-menu{display:none}.demo-notice{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;justify-content:center;align-items:center;gap:24px;padding:10px 14px;background:#1c2b3a;color:#fff;font:10px/1.5 Pretendard,sans-serif;letter-spacing:0}.demo-notice a{color:#e1cfb3;font-size:10px;white-space:nowrap}.demo-gallery-head,.demo-process,.demo-faq,.demo-contact,.demo-footer{max-width:1320px;padding:72px 4%;margin:auto}.demo-label{font-size:10px;letter-spacing:.14em;margin-bottom:18px;color:#86745a}.demo-gallery-head h2,.demo-process h2,.demo-faq h2,.demo-contact h2{font-size:clamp(28px,3vw,44px);font-weight:500;letter-spacing:-.05em;line-height:1.35;margin:0 0 22px}.demo-gallery-head>p:not(.demo-label){font-size:12px;color:#6b6b63}.demo-gallery{padding-top:0!important}.demo-filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.demo-filters button{border:1px solid #babbb2;background:transparent;color:inherit;padding:9px 18px;font-size:12px}.demo-filters button[aria-pressed=true]{background:#272f29;color:#fff;border-color:#272f29}.demo-filter-status{margin-top:12px;min-height:20px}.demo-project-copy{font-size:13px;line-height:1.9;margin:20px 0;color:#707169}.demo-detail{background:transparent;color:inherit;border:0;border-bottom:1px solid currentColor;padding:12px 0;font-size:12px;text-align:left;line-height:1.4;min-height:44px;align-self:start}.project>.demo-detail{margin:18px 0;grid-column:1/-1;justify-self:start}.plate>.demo-detail{grid-column:1/-1;justify-self:start}.demo-process{border-top:1px solid #ccc}.demo-process ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;counter-reset:steps}.demo-process li{counter-increment:steps;border-top:1px solid #b8beb7;padding-top:22px;font-size:14px}.demo-process li::before{content:'0' counter(steps);display:block;font-size:11px;color:#857255;margin-bottom:22px}.demo-process p{font-size:13px;line-height:1.9;margin-top:10px}.demo-faq{padding-top:20px}.demo-faq details{border-bottom:1px solid #bdc0b8}.demo-faq summary{cursor:pointer;list-style:none;padding:22px 35px 22px 0;font-size:14px;position:relative}.demo-faq summary::after{content:'+';position:absolute;right:8px}.demo-faq details[open] summary::after{content:'−'}.demo-faq details p{padding:0 0 22px;font-size:13px;line-height:1.9;max-width:750px}.demo-contact{max-width:none;background:#e7e8e1;color:#282f29;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:70px max(4%,calc((100vw - 1220px)/2))}.demo-contact>div>p:last-child{font-size:12px;line-height:1.9}.demo-form label{display:block;font-size:12px;margin-bottom:20px}.demo-form select,.demo-form textarea{display:block;width:100%;margin-top:10px;background:#fff;border:1px solid #b7beb5;border-radius:0;color:#252c27;padding:12px;font-size:16px}.demo-form textarea{height:110px;resize:vertical}.demo-form>button{background:#28352e;color:#fff;width:100%;padding:15px;border:0;font-size:13px}.demo-form-status{font-size:12px;line-height:1.9;margin-top:16px;min-height:24px}.demo-footer{display:flex;gap:24px;justify-content:space-between;padding-top:30px;padding-bottom:30px;font-size:10px}.demo-dialog{padding:0;border:0;max-width:850px;width:calc(100% - 32px);max-height:85vh;overflow:auto;background:#f7f6f0;color:#252b27}.demo-dialog::backdrop{background:#101811c9}.demo-dialog>button{position:absolute;right:15px;top:15px;background:#fff;border:0;padding:10px 14px;z-index:1;font-size:12px}.demo-dialog>img{width:100%;max-height:60vh;object-fit:contain;background:#e7e8e1}.demo-dialog>div{padding:28px}.demo-dialog h2{font-size:25px;line-height:1.4}.demo-dialog p{font-size:13px;line-height:1.9;margin-top:18px}.demo-dialog a{display:inline-block;margin-top:20px;font-size:13px;text-decoration:underline}.reveal,[data-reveal]{opacity:1!important;transform:none!important;visibility:visible!important}.demo-photo-first .hero-media{background:#e6e2d8}.demo-editorial .hero__title,.demo-old-apartment .hero-title{font-family:Pretendard,sans-serif;font-weight:450}.demo-commercial .hero{padding-top:60px}.demo-commercial .project-feature>.demo-detail{margin:0}.demo-commercial .project-feature{grid-row:auto}.demo-commercial .project-grid .project{display:flex;flex-direction:column}.demo-commercial .project-grid .project figure{flex:1}.demo-commercial .project-feature .project-img{aspect-ratio:1.5}.demo-garden-archive .demo-header{background:#141e18;color:#eeeee4;border-color:#ffffff20}.demo-garden-archive .hero{height:720px;min-height:650px;max-height:none;background:#141e18}.demo-garden-archive .hero .hcopy{position:absolute;left:5%;top:28%;bottom:auto;max-width:47%;z-index:3;padding:0}.demo-garden-archive .hero .piece{position:absolute;left:auto;right:7%;top:9%;bottom:auto;width:36%;height:82%;transform:none;aspect-ratio:auto;overflow:hidden}.demo-garden-archive .hero .piece img{width:100%;height:100%;object-fit:cover;opacity:.85;position:static}.demo-garden-archive #h1{font:500 clamp(38px,4.4vw,66px)/1.45 Pretendard,sans-serif;letter-spacing:-.05em}.demo-garden-archive #stamp{font-size:10px;letter-spacing:.15em;margin-bottom:30px}.demo-garden-archive .hside{display:block}.demo-garden-archive #hkr{font:13px/1.8 Pretendard,sans-serif;margin:20px 0}.demo-client-cta{display:inline-block;border-bottom:1px solid currentColor;padding:12px 0;font:12px Pretendard,sans-serif}.demo-garden-archive .night img{width:100%;max-height:720px;object-fit:cover}.demo-garden-archive .demo-gallery,.demo-garden-archive .demo-process,.demo-garden-archive .demo-faq{color:#e6e5dc}.demo-client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0 5% 80px}.demo-client-grid img{width:100%;aspect-ratio:4/5;object-fit:cover}.demo-client-grid h3{font:18px Pretendard,sans-serif;margin:20px 0}.demo-garden-archive .intro .lead{font-family:Pretendard,sans-serif}.demo-garden-archive .demo-footer{color:#e6e5dc}
@media(max-width:700px){.demo-header{height:62px;padding:0 20px}.demo-header nav{display:none;position:absolute;top:62px;left:0;right:0;flex-direction:column;gap:0;background:#f4f4ed;color:#202720;border-bottom:1px solid #ccc;padding:12px 20px}.demo-header nav.is-open{display:flex}.demo-header nav a{padding:14px 0}.demo-menu{display:block;border:1px solid currentColor;background:none;color:inherit;font-size:11px;padding:8px 11px}.demo-brand b{font-size:16px}.demo-brand small{font-size:8px}.demo-gallery-head,.demo-process,.demo-faq{padding:45px 22px}.demo-process ol{grid-template-columns:1fr;gap:20px}.demo-process li::before{margin-bottom:12px}.demo-contact{padding:45px 22px;grid-template-columns:1fr;gap:30px}.demo-footer{flex-wrap:wrap;gap:12px;font-size:9px;padding:25px 22px}.demo-notice{font-size:9px;gap:10px;justify-content:space-between}.demo-notice a{font-size:9px}.demo-dialog>div{padding:22px}.demo-garden-archive .hero{height:auto;min-height:780px;display:flex;flex-direction:column;padding:35px 22px}.demo-garden-archive .hero .hcopy{position:relative;left:auto;top:auto;max-width:100%;order:0}.demo-garden-archive #h1{font-size:39px;line-height:1.35}.demo-garden-archive #stamp{margin-bottom:20px;font-size:9px}.demo-garden-archive .hero .piece{position:relative;right:auto;top:auto;left:auto;width:100%;height:380px;margin-top:25px;order:1}.demo-client-grid{grid-template-columns:1fr;padding:0 22px 45px}.demo-garden-archive .night blockquote{font-size:24px}.demo-commercial .hero{padding-top:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* V6.1: light archive chapters need dark text; explicit heights must not leak
   from original image attributes into responsive gallery thumbnails. */
.demo-garden-archive .demo-gallery,
.demo-garden-archive .demo-process,
.demo-garden-archive .demo-faq,
.demo-garden-archive .demo-footer{color:#252e27}
.demo-garden-archive .demo-client-grid{max-width:1440px;margin-inline:auto;align-items:start}
.demo-garden-archive .demo-client-grid img{height:auto;aspect-ratio:auto}
.demo-dialog>img:not([src]){display:none}
.demo-header nav a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:900px){.demo-client-grid{grid-template-columns:minmax(0,1fr)}}