@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap');
:root{--ink:#282925;--paper:#f7f6f2;--muted:#74756e;--line:#d5d5cc;--green:#455344}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button,a,input{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #8b9c74;outline-offset:6px}button{border:0}header{height:100px;position:absolute;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid #ffffff40;color:white;transition:background .3s}header.scrolled{position:fixed;background:#f7f6f2f5;border-color:var(--line);height:80px;color:var(--ink);backdrop-filter:blur(15px)}.logo{width:173px;display:block}.logo img{width:100%;display:block;filter:invert(1)}header.scrolled .logo img{filter:none}nav{display:flex;gap:46px;font-size:12px;font-weight:500;letter-spacing:.06em}nav a{padding:10px 0}nav a:hover{opacity:.65}nav span{margin-left:22px}.menu-toggle{display:none;background:none;font-size:24px;color:inherit}.hero{height:100svh;min-height:680px;position:relative;color:white;overflow:hidden}.hero-images,.hero-shade{position:absolute;inset:0}.hero-images img{width:100%;height:100%;object-fit:cover;transition:opacity .4s;object-position:50% 55%}.hero-shade{background:linear-gradient(90deg,#111b1b80 0%,#111b1b25 72%),linear-gradient(0deg,#111b1b60,transparent 35%)}.hero-copy{position:absolute;left:9%;top:36%;max-width:700px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:500}.hero-copy .eyebrow{letter-spacing:.2em;margin-bottom:30px}h1{font-weight:400;font-size:clamp(40px,4.6vw,70px);line-height:1.45;letter-spacing:-.045em;margin:0 0 25px}.hero-description{font-size:14px;line-height:1.9;font-weight:300;color:#ffffffdf}.line-link{display:flex;align-items:center;justify-content:space-between;width:230px;border-bottom:1px solid #ffffff80;padding:16px 0;font-size:13px;margin-top:28px}.line-link span{font-size:22px}.hero-bottom{position:absolute;bottom:50px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between}.vertical-caption{font-size:9px;letter-spacing:.17em}.slide-control{display:flex;align-items:center;gap:17px;font-size:12px}.track{width:115px;height:1px;background:#ffffff55}.track i{display:block;background:white;height:1px;width:33.3%;transition:width .3s}.slide-total{opacity:.55;margin-right:15px}.slide-control button{background:transparent;color:white;padding:8px;font-size:17px}.scroll-cue{font-size:9px;letter-spacing:.12em}.scroll-cue span{margin-left:20px;font-size:17px}.sample-tag{position:absolute;right:4.5%;bottom:15px;font-size:9px;color:#ffffffb0}.section-pad{padding:95px 8% 100px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:70px}.small-note{font-size:11px;color:var(--muted)}h2{font-size:clamp(28px,3.2vw,46px);font-weight:400;line-height:1.55;letter-spacing:-.05em;margin:0}h2 em{font-style:normal;color:#7a806d}.story-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:8%}.story-description{font-size:14px;line-height:2.1;color:#66675f;padding-top:5px;max-width:410px}.story-description p{margin:0 0 24px}.text-link{font-size:12px;display:inline-flex;justify-content:space-between;gap:40px;border-bottom:1px solid #a0a096;padding:14px 0;color:var(--ink)}.values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px;border-top:1px solid var(--line)}.values>div{padding:26px 30px 0 0}.values>div+div{padding-left:35px;border-left:1px solid var(--line)}.values span{font-size:10px;color:var(--muted)}.values h3{font-family:Georgia,serif;font-weight:400;font-size:28px;margin:17px 0 10px}.values p{font-size:12px;color:var(--muted)}.projects{background:#eeede7}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.filters{display:flex;gap:20px}.filters button{background:transparent;font-size:12px;padding:8px 0;color:#818279;border-bottom:1px solid transparent}.filters .active{color:var(--ink);border-color:var(--ink)}.example-note{font-size:10px;line-height:1.8;color:var(--muted);margin:20px 0 36px}.project-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:50px 6%;align-items:start}.project-card{background:none;padding:0;text-align:left;width:100%}.project-image{position:relative;overflow:hidden;aspect-ratio:1.18}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project-card:hover img{transform:scale(1.04)}.project-card.offset{margin-top:100px}.offset .project-image{aspect-ratio:1}.card-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:20px}.card-caption h3{font-size:15px;font-weight:400;letter-spacing:-.04em;margin:0}.card-caption>span{font-size:9px;letter-spacing:.08em;color:var(--muted)}.view{position:absolute;right:18px;bottom:18px;background:#f7f6f2e8;padding:12px 18px;font-size:11px;opacity:0;transition:opacity .3s}.project-card:hover .view,.project-card:focus-visible .view{opacity:1}.project-quote{padding:70px 10px 30px 40px}.project-quote>p{font-family:Georgia,'Noto Sans KR',serif;font-size:33px;line-height:1.7;letter-spacing:-.06em}.project-grid.filtered{grid-template-columns:repeat(2,1fr)}.filtered .offset{margin-top:0}[hidden]{display:none!important}.process{background:var(--green);color:#f2f1e7}.process .small-note{color:#bdc4b5}.process-intro{display:flex;justify-content:space-between;align-items:end;gap:35px}.process-intro>p{font-size:13px;font-weight:300;line-height:2;color:#d1d7cc}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:65px}.steps article{border-top:1px solid #ffffff45;padding-top:20px}.steps span{font-size:10px;letter-spacing:.1em;color:#c2cbbb}.steps h3{font-size:17px;font-weight:400;margin:30px 0 15px}.steps p{font-size:12px;font-weight:300;line-height:2;color:#d1d7cc}.process-note{font-size:10px;color:#b7c1ae;margin-top:40px}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.contact-grid>div>p{font-size:13px;line-height:2;color:var(--muted);margin:28px 0}.phone{display:inline-flex;align-items:center;gap:25px;font-family:Arial,sans-serif;font-size:clamp(24px,3vw,40px);letter-spacing:-.04em;margin-top:15px;border-bottom:1px solid #b1b1a5;padding-bottom:12px}.phone span{font-size:28px}.contact-grid>div>.phone-note{font-size:11px;margin:12px 0}.contact-panel{border-top:1px solid var(--ink);padding-top:20px}.contact-panel h3{font-size:19px;font-weight:400;letter-spacing:-.04em}.contact-panel ul{padding:0;list-style:none;margin:30px 0}.contact-panel li{font-size:12px;padding:12px 0}.contact-panel li span{font-size:10px;color:#8b8c80;display:inline-block;width:38px}details{border-top:1px solid var(--line);font-size:12px}summary{cursor:pointer;list-style:none;padding:20px 0;display:flex;justify-content:space-between;gap:12px}summary::-webkit-details-marker{display:none}details p{color:var(--muted);line-height:2;margin:0 0 20px}footer{border-top:1px solid var(--line);padding:45px 8%;display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:11px;color:var(--muted)}.footer-logo{width:140px}.footer-logo img{filter:none}footer p{margin-top:0}footer>span{font-size:9px;letter-spacing:.08em}.back-top{border:1px solid #c6c7ba;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:19px}.floating-contact{position:fixed;right:24px;bottom:24px;background:var(--paper);color:var(--ink);border:1px solid #dddcd4;border-radius:40px;padding:17px 25px;z-index:19;box-shadow:0 3px 25px #00000010;font-size:12px;display:flex;gap:28px}.floating-contact:hover{background:var(--green);color:white}dialog{border:0;padding:0;max-width:1000px;width:90%;max-height:90svh;overflow:auto;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#131a17c9;backdrop-filter:blur(5px)}dialog>img{width:100%;height:45svh;object-fit:cover;display:block}.dialog-copy{padding:30px 40px}.dialog-copy h2{font-size:28px}.dialog-copy>p{font-size:13px;line-height:1.9}.dialog-copy .eyebrow{font-size:10px}.close-dialog{position:absolute;right:15px;top:15px;width:40px;height:40px;border-radius:50%;background:var(--paper);font-size:26px}body.modal-open{overflow:hidden}
@media(min-width:1600px){.section-pad{padding-left:13%;padding-right:13%}}@media(max-width:900px){nav{gap:22px;font-size:10px}.section-pad{padding:65px 6%}.hero-copy{left:7%;top:34%}.section-top{margin-bottom:45px}.steps{grid-template-columns:repeat(2,1fr);gap:30px}.story-grid,.contact-grid{gap:6%}.vertical-caption{display:none}.project-grid{gap:35px 5%}.project-quote{padding:25px 0 0 15px}.project-quote>p{font-size:27px}.card-caption{align-items:start;flex-direction:column}.contact-grid h2{font-size:32px}}@media(max-width:600px){header{height:80px;padding:0 6%}.logo{width:135px}.menu-toggle{display:block}nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--paper);color:var(--ink);padding:25px 7%;flex-direction:column;gap:10px;font-size:12px;border-bottom:1px solid var(--line)}header.menu-open nav{display:flex}.hero{min-height:650px;max-height:960px}.hero-copy{top:31%;left:7%;right:6%}h1{font-size:37px}.hero-copy .eyebrow{font-size:9px;margin-bottom:25px}.hero-description{font-size:12px}.line-link{font-size:12px;width:205px}.hero-images img{object-position:56% center}.hero-bottom{left:7%;right:7%;bottom:45px}.scroll-cue{font-size:8px;max-width:78px;line-height:1.7}.scroll-cue span{margin-left:7px}.slide-control{gap:11px}.track{width:55px}.slide-total{margin-right:0}.slide-control button{padding:5px}.sample-tag{right:7%;font-size:8px}.section-pad{padding:55px 7%}.section-top{margin-bottom:34px}.eyebrow{font-size:9px}.small-note{font-size:9px}h2{font-size:29px}.story-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.story-description{font-size:13px;max-width:none}.values{margin-top:40px}.values>div{padding:20px 10px 0 0}.values>div+div{padding-left:12px}.values h3{font-size:19px}.values p{font-size:10px;line-height:1.7}.title-row{display:block}.filters{margin-top:22px;gap:24px}.example-note{font-size:9px;margin:18px 0 26px}.project-grid,.project-grid.filtered{grid-template-columns:1fr;gap:30px}.project-card.offset{margin-top:0}.project-image,.offset .project-image{aspect-ratio:1.2}.card-caption{flex-direction:row;align-items:center;padding-top:14px}.card-caption h3{font-size:13px}.card-caption>span{font-size:8px}.project-quote{padding:20px 0 0}.project-quote>p{font-size:28px}.view{opacity:1;font-size:10px;padding:9px 12px}.process-intro{display:block}.process-intro>p{margin-top:22px;font-size:12px}.steps{gap:25px 20px;margin-top:35px}.steps h3{font-size:14px;margin:24px 0 12px}.steps p{font-size:11px}.steps span{font-size:9px}.process-note{font-size:9px}.contact-grid h2{font-size:29px}.phone{font-size:30px}.contact-panel{margin-top:20px}footer{padding:35px 7% 95px;display:grid;grid-template-columns:1fr auto;gap:25px}.footer-logo{width:130px}footer>div{grid-column:1;grid-row:2}.back-top{grid-column:2;grid-row:1}footer>span{grid-column:1/3}.floating-contact{right:15px;bottom:15px;padding:15px 20px}.dialog-copy{padding:24px}.dialog-copy h2{font-size:22px}dialog>img{height:32svh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.logo{height:50px;overflow:hidden;position:relative}.logo img{position:absolute;width:200%;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}.hero-copy{top:29%}@media(max-width:600px){.hero-copy{top:28%}.logo{height:45px}}
.subpage main{padding-top:80px;min-height:calc(100svh - 180px)}.subpage header{position:fixed}.subpage .page-heading{margin-bottom:70px}.subpage #process{min-height:calc(100svh - 80px)}nav a[aria-current="page"]{border-bottom:1px solid currentColor}@media(max-width:600px){.subpage .page-heading{margin-bottom:38px}.subpage main{padding-top:80px}}
header .logo-wordmark{clip-path:inset(0 0 0 34%)}header .logo-symbol{clip-path:inset(0 66% 0 0);transform:translate(-50%,-50%) scale(.72);transform-origin:28% 50%}.hero-consultation{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;min-width:182px;min-height:54px;padding:14px 30px;border:1.5px solid #fff;border-radius:40px;color:#fff;font-size:15px;font-weight:500;z-index:2;background:#0000000a;transition:background .25s,color .25s}.hero-consultation:hover{background:#fff;color:var(--ink)}@media(max-width:600px){.hero-consultation{font-size:14px;min-width:170px;min-height:50px}}
header .logo-wordmark{clip-path:inset(0 0 0 36.5%)}

body:not(.subpage) .hero-bottom{justify-content:center}.about-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:8%}.about-intro h1{font-size:38px;line-height:1.5;letter-spacing:-.05em;margin:0}.about-intro h2{font-size:30px;line-height:1.6;margin:0 0 32px}.about-intro p{font-size:14px;line-height:2.1;color:var(--muted);margin:0 0 22px}.about-contact{border-top:1px solid var(--line);margin-top:75px;padding-top:35px;display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:35px}.about-contact p{font-size:15px;margin-top:17px}.about-contact a:hover{text-decoration:underline}@media(max-width:900px){nav{gap:22px}.about-intro{grid-template-columns:1fr;gap:30px}}@media(max-width:600px){.about-intro h1{font-size:30px}.about-intro h2{font-size:25px}.about-intro p{font-size:13px}.about-contact{grid-template-columns:1fr;margin-top:40px;gap:20px}.about-contact p{font-size:14px}}

.company-footer{display:grid;grid-template-columns:140px minmax(0,1fr) auto 42px;gap:35px;align-items:center}.company-footer .footer-logo img{clip-path:inset(0 0 0 36.5%);transform:translate(-61%,-50%)}.company-footer .company-details p{margin:0 0 6px;line-height:1.8;overflow-wrap:anywhere}.company-footer .company-details p:first-child{margin-bottom:10px}.company-contacts{display:flex;flex-wrap:wrap;gap:5px 22px}.company-contacts a:hover{text-decoration:underline}@media(max-width:900px){.company-footer{grid-template-columns:140px minmax(0,1fr) 42px;gap:25px}.company-footer>span{grid-column:2;grid-row:2}.company-footer>.back-top{grid-column:3;grid-row:1}}@media(max-width:600px){.company-footer{grid-template-columns:1fr auto;gap:20px}.company-footer>.company-details{grid-column:1/3;grid-row:2}.company-footer>span{grid-column:1/3;grid-row:3}.company-footer>.back-top{grid-column:2;grid-row:1}.company-contacts{flex-direction:column;gap:4px}.company-footer .company-details p{font-size:11px}}
.about-interior-photo{display:block;width:100%;height:auto;margin-top:28px;max-width:420px}.about-visual{min-width:0}@media(max-width:900px){.about-interior-photo{max-width:420px;margin-top:24px}}

/* 초간편 견적 연결 */
#header nav .estimate-nav{color:inherit;font-weight:500}
.estimate-entry{margin:0 0 46px;padding:28px;border:1px solid #d9cdbb;background:#f1e9dd;display:flex;align-items:center;justify-content:space-between;gap:24px}
.estimate-entry-eyebrow{font-size:10px;letter-spacing:.14em;color:#8b785b;margin:0 0 8px}
.estimate-entry h2{font-size:21px;margin:0 0 10px;color:#30291f}.estimate-entry p:last-child{font-size:13px;color:#776d60;margin:0}
.estimate-entry>a{flex-shrink:0;background:#706047;color:white;padding:14px 20px;text-decoration:none;font-size:13px}
.estimate-entry>a:hover{background:#504431}
@media(max-width:700px){.estimate-entry{flex-direction:column;align-items:stretch;padding:22px}.estimate-entry h2{font-size:19px}.estimate-entry>a{text-align:center}}
.estimate-entry>a{background:#e9dfd0;color:#3d3326;border:1px solid #cbb99e;font-weight:600}.estimate-entry>a:hover{background:#ded0ba;color:#30271d}

.about-visual .about-interior-photo{margin-top:0}