@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap');
:root{--ink:#171717;--muted:#727272;--line:#dedede}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.8 'Noto Sans KR',sans-serif;letter-spacing:-.025em}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{outline-offset:6px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #b8885d}.site-header{height:100px;padding:0 4%;display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;width:100%;color:#fff;z-index:10}.logo{display:flex;align-items:baseline;gap:10px;font-family:Arial,sans-serif;font-size:34px;font-weight:700;letter-spacing:-1.7px;line-height:1.1}.logo>span{font-size:11px;letter-spacing:2px;font-weight:400}.site-header nav{display:flex;gap:42px;align-items:center;font-size:15px}.site-header a:hover{opacity:.7}.nav-quote span{display:none}.mobile-menu{display:none}.hero{position:relative;isolation:isolate;height:100svh;min-height:620px;max-height:1200px;color:#fff;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-image{object-position:center 54%;animation:photo-reveal 1s ease both}.hero-shade{z-index:-1;background:linear-gradient(180deg,#0006,transparent 24%,transparent 45%,#0009)}.hero-content{position:absolute;left:6%;bottom:210px}.eyebrow{font-size:12px;letter-spacing:.22em}.hero-content h1{font-size:clamp(34px,3.4vw,54px);font-weight:400;letter-spacing:-.055em;line-height:1.5;margin-top:17px}.hero-bottom{position:absolute;bottom:45px;left:6%;right:6%;display:flex;align-items:end;justify-content:space-between;gap:30px}.hero-caption{min-width:220px}.hero-caption>span{font-size:11px;letter-spacing:.18em;color:#ffffffca}.hero-caption p{font-size:17px;margin-top:6px}.slide-controls{display:flex;gap:26px;align-items:center}.slide-controls button{background:transparent;border:1px solid #fff6;border-radius:50%;width:45px;height:45px;font-size:20px}.slide-controls button:hover{background:#fff;color:#171717}.slide-controls>span{font-size:12px;letter-spacing:2px}.hero-quote{font-size:14px;border-bottom:1px solid #ffffff90;padding-bottom:8px}.section-wrap{padding:115px 8%;max-width:1600px;margin:auto}.section-label{font-size:11px;letter-spacing:.15em;color:var(--muted);margin-bottom:30px}.section-label>span{display:inline-block;margin-right:20px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading h2{font-family:Arial,sans-serif;font-size:58px;letter-spacing:-2.2px;line-height:1.1;font-weight:400}.section-heading p{font-size:15px;color:var(--muted);padding-bottom:6px}.portfolio-note{font-size:12px;color:#7b7b7b;margin:20px 0 50px}.project-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px 55px;align-items:start}.project-card:nth-child(2){margin-top:115px}.project-card:nth-child(3){grid-column:1/-1;max-width:84%;margin:0 auto;width:100%}.project-image{height:450px;position:relative;overflow:hidden;background:#e2e2e2}.project-card:nth-child(2) .project-image{height:520px}.project-card:nth-child(3) .project-image{height:520px}.project-image img{height:100%;transition:transform .8s}.project-card:hover img{transform:scale(1.025)}.project-image>span{position:absolute;left:18px;bottom:15px;color:white;background:#171717a8;padding:3px 8px;font-size:12px}.project-meta{display:flex;justify-content:space-between;margin:21px 0 5px;font-size:11px;letter-spacing:.12em;color:var(--muted)}.project-card h3{font-size:23px;letter-spacing:-.03em;font-weight:400}.project-card>p{font-size:14px;color:var(--muted);margin-top:5px}.project-card details{margin-top:17px;border-top:1px solid var(--line)}.project-card summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:12px 0;font-size:14px}.project-card summary::-webkit-details-marker{display:none}.project-card details>div{font-size:14px;color:var(--muted);padding:0 0 15px}.project-card details[open] summary span{transform:rotate(45deg)}.about{border-top:1px solid var(--line);padding-top:90px}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px}h2{font-size:36px;font-weight:400;line-height:1.6;letter-spacing:-.045em;word-break:keep-all}h2 em{font-style:normal;color:#797979}.about-copy p{font-size:16px;color:#646464;line-height:2;word-break:keep-all}.about-copy p+p{margin-top:20px}.example-note{display:block;color:#7e7e7e;font-size:12px;margin-top:17px}.values{margin-top:65px;padding-top:30px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.values article>span{font-size:11px;letter-spacing:.1em;color:var(--muted)}.values h3{font-size:18px;font-weight:400;margin:15px 0 10px}.values p{font-size:14px;color:var(--muted)}.estimate-banner{padding:85px 8%;background:#171717;color:#fff;display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.estimate-banner .eyebrow{color:#aaa}.estimate-banner h2{font-family:Arial,sans-serif;font-size:64px;line-height:1.06;letter-spacing:-2px;margin:30px 0}.estimate-banner p{font-size:15px;color:#b4b4b4}.button{display:inline-flex;justify-content:space-between;gap:60px;padding:15px 0;border-bottom:1px solid #999;font-size:15px;margin:23px 0}.button:hover{opacity:.7}.estimate-banner small{display:block;font-size:12px;color:#999;max-width:460px}.estimate-steps>div{display:flex;align-items:center;gap:23px;padding:24px 0;border-bottom:1px solid #464646}.estimate-steps>div:first-child{border-top:1px solid #464646}.estimate-steps span{font-size:12px;color:#999}.estimate-steps p{color:#eee;font-size:19px}.estimate-steps b{margin-left:auto;font-weight:400}footer{padding:50px 6% 30px}.footer-top{display:flex;align-items:center;gap:45px;padding-bottom:40px}.footer-top p{color:var(--muted);font-size:14px}.footer-top>a:last-child{margin-left:auto;font-size:13px}.footer-bottom{padding-top:23px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;font-size:12px;color:var(--muted)}@keyframes photo-reveal{from{opacity:.6;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@media(max-width:950px){.section-wrap{padding:80px 6%}.project-grid{gap:40px 30px}.project-image{height:340px}.project-card:nth-child(2) .project-image{height:400px}.project-card:nth-child(3) .project-image{height:420px}.section-heading{display:block}.section-heading p{margin-top:18px}.about-grid{gap:40px}h2{font-size:30px}.estimate-banner{gap:45px;padding:65px 6%}.estimate-banner h2{font-size:49px}.hero-caption{min-width:0}.hero-content{bottom:200px}.values p br{display:none}}@media(max-width:650px){html{scroll-padding-top:25px}.site-header{height:80px;padding:0 24px}.logo{font-size:29px;gap:7px}.logo>span{font-size:9px;letter-spacing:1.6px}.site-header nav{display:none}.mobile-menu{display:block;font-size:12px;letter-spacing:1px}.mobile-menu summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:12px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{font-size:20px}.mobile-menu>div{position:absolute;left:0;right:0;top:80px;padding:15px 24px 25px;background:#191919f5;display:flex;flex-direction:column;gap:5px}.mobile-menu>div a{padding:13px 0;font-size:17px;letter-spacing:0}.hero{height:94svh;min-height:620px;max-height:850px}.hero-image{object-position:57% center}.hero-content{left:24px;bottom:205px}.hero-content h1{font-size:36px;margin-top:14px}.hero-content .eyebrow{font-size:10px}.hero-bottom{bottom:30px;left:24px;right:24px;display:grid;grid-template-columns:1fr auto;gap:23px 12px;align-items:center}.hero-caption p{font-size:15px}.hero-caption>span{font-size:10px}.slide-controls{gap:12px}.slide-controls button{width:34px;height:44px;border:0;font-size:22px}.slide-controls>span{font-size:10px;letter-spacing:1px}.hero-quote{justify-self:start;grid-column:1/-1;font-size:13px}.section-wrap{padding:65px 24px}.section-label{font-size:10px;margin-bottom:24px}.section-heading h2{font-size:43px;letter-spacing:-1.7px}.section-heading p{font-size:14px;margin-top:15px}.portfolio-note{margin:14px 0 30px;line-height:1.7}.project-grid{grid-template-columns:1fr;gap:42px}.project-card:nth-child(2){margin:0}.project-card:nth-child(3){max-width:none}.project-image,.project-card:nth-child(2) .project-image,.project-card:nth-child(3) .project-image{height:auto;aspect-ratio:1.1}.project-meta{margin:15px 0 7px}.project-card h3{font-size:22px}.project-card>p{font-size:13px}.project-card details{margin-top:14px}.about-grid{grid-template-columns:1fr;gap:25px}h2{font-size:29px}.about-copy p{font-size:15px}.values{grid-template-columns:1fr;gap:28px;margin-top:35px}.values article+article{border-top:1px solid var(--line);padding-top:25px}.values h3{font-size:19px;margin:8px 0}.estimate-banner{padding:60px 24px;grid-template-columns:1fr;gap:35px}.estimate-banner h2{font-size:47px;letter-spacing:-1.7px;margin:25px 0}.estimate-banner p{font-size:14px}.estimate-steps>div{padding:19px 0}.estimate-steps p{font-size:17px}footer{padding:35px 24px 25px}.footer-top{flex-wrap:wrap;gap:23px;padding-bottom:25px}.footer-top p{order:3;width:100%;font-size:13px}.footer-bottom{flex-direction:column;gap:8px}.eyebrow{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* Full-width signature project between the portfolio and studio story. */
.signature-space{position:relative;isolation:isolate;width:100%;height:88svh;min-height:620px;max-height:1050px;overflow:hidden;color:#fff;background:#292c29}
.signature-space>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}
.signature-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.46) 0%,rgba(0,0,0,.08) 48%,rgba(0,0,0,.62) 100%)}
.signature-heading{position:absolute;top:12%;left:8%}
.signature-heading>span{font-size:12px;letter-spacing:.24em;color:#f3f3f0}
.signature-heading h2{margin-top:20px;font-size:clamp(38px,4.4vw,66px);line-height:1.4;font-weight:400;letter-spacing:-.05em}
.signature-bottom{position:absolute;left:8%;right:8%;bottom:7%;display:flex;align-items:end;justify-content:space-between;gap:25px;border-top:1px solid #ffffff60;padding-top:22px}
.signature-bottom p{font-size:18px;line-height:1.7}.signature-bottom p>span{display:block;font-size:13px;color:#ededeb;margin-top:4px}
.signature-bottom a{font-size:14px;min-height:44px;display:flex;align-items:center;gap:30px}.signature-bottom a:hover{opacity:.75}
@media(max-width:650px){.signature-space{height:82svh;min-height:590px;max-height:800px}.signature-space>img{object-position:52% center}.signature-heading{top:10%;left:24px}.signature-heading>span{font-size:11px}.signature-heading h2{font-size:40px;margin-top:19px}.signature-bottom{left:24px;right:24px;bottom:28px;align-items:start;flex-direction:column;gap:12px;padding-top:18px}.signature-bottom p{font-size:17px}.signature-bottom a{font-size:13px;gap:20px}}
/* Shared brand name across portfolio routes. */
.logo{font-size:29px;letter-spacing:-1px}.logo>span{font-size:13px;letter-spacing:.7px}@media(max-width:760px){.logo{font-size:25px}.logo>span{font-size:11px}}