:root{--paper:#f7f6f2;--ink:#282a24;--muted:#77786f;--olive:#5b624d;--line:#dcded3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #b98347;outline-offset:5px}.skip{position:fixed;top:-60px;background:white;padding:14px;z-index:10}.skip:focus{top:0}.header{height:100px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-family:Georgia,serif;font-size:45px;letter-spacing:-3px;line-height:1}.brand>span{font-family:Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:2px;line-height:1.3}.brand small{display:block;font-size:8px;letter-spacing:1.2px;font-weight:400;margin-top:3px}nav{display:flex;gap:38px;font-size:13px}nav a:hover,.text-link:hover{color:var(--olive);text-decoration:underline;text-underline-offset:5px}.header-contact{font-size:13px;border:1px solid #a5a99b;border-radius:30px;padding:13px 21px}.header-contact span{margin-left:28px}.hero{padding:0 5%}.hero-copy{padding:54px 0 40px}.eyebrow{font-family:Arial,sans-serif;font-size:10px;letter-spacing:2.1px;font-weight:600;margin:0 0 25px;color:var(--olive)}h1{font-size:clamp(40px,4.7vw,70px);font-weight:400;letter-spacing:-3.8px;line-height:1.28;margin:0}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:23px}.hero-bottom p{font-size:14px;line-height:1.9;color:#676a61;margin:0}.text-link{font-size:12px;border-bottom:1px solid #999d91;padding:0 0 12px;min-width:184px;display:flex;justify-content:space-between;gap:25px}.hero-photo{margin:0;position:relative;height:clamp(330px,44vw,640px);background:#e4e0d5;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 56%;display:block}.hero-photo figcaption{position:absolute;bottom:21px;left:24px;color:white;font-size:9px;letter-spacing:1.5px;background:#282a2480;padding:9px 12px}.hero-photo figcaption span{letter-spacing:0;margin-left:14px;font-size:10px}.photo-index{position:absolute;right:25px;bottom:30px;font-size:10px;letter-spacing:1.6px;color:white}.hero-foot{display:flex;justify-content:space-between;padding-top:17px;color:#797c71;font-size:10px}.hero-foot a{font-family:Arial,sans-serif;letter-spacing:1.5px}.section{padding:110px 5%}.section-top{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:24px}.tiny{font-size:10px;color:var(--muted);letter-spacing:1px}.section-intro{display:flex;justify-content:space-between;align-items:end;margin:26px 0 45px}h2{font-size:clamp(28px,3vw,43px);font-weight:400;letter-spacing:-2px;line-height:1.5;margin:0}.section-intro>p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 8px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{padding:35px 30px 30px;background:#efeee8;min-height:268px}.service.primary{background:var(--olive);color:white}.service-no{font-family:Arial,sans-serif;font-size:9px;letter-spacing:1.6px;opacity:.7}.service h3{font-size:23px;letter-spacing:-1px;font-weight:400;margin:36px 0 15px}.service p{font-size:12px;line-height:1.9;opacity:.75}.service-tag{display:block;font-size:10px;margin-top:28px;opacity:.7}.portfolio{padding-top:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.photo-empty{background:#fff;border:1px solid #e9e8e2;display:flex;align-items:center;justify-content:center;aspect-ratio:1.38}.photo-empty>span{text-align:center;color:#b2b4aa;letter-spacing:2px;font-size:10px;font-family:Arial,sans-serif}.photo-empty small{display:block;margin-top:12px;font-size:11px;letter-spacing:0;color:#9b9e92}.project img,.about-photo img{width:100%;height:100%;object-fit:cover}.project-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:19px}.project h3{font-size:16px;font-weight:400;letter-spacing:-.5px;margin:0}.project-bottom>span{font-size:10px;color:var(--muted)}.about{background:#eeede6;display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:85px;padding-bottom:85px}.about-photo{aspect-ratio:auto;min-height:600px}.about-copy{padding:18px 0}.about h2{font-size:34px}.about-lead{font-size:13px;line-height:1.9;color:var(--muted);margin:23px 0 30px}.values article{display:flex;gap:21px;border-top:1px solid #d7d9ce;padding:22px 0 10px}.values article>span{font-size:10px;color:var(--olive);padding-top:3px}.values h3{font-size:15px;font-weight:500;margin:0 0 10px}.values p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.contact{text-align:center;padding:105px 5% 50px}.contact h2{font-size:clamp(38px,4vw,58px);line-height:1.35;letter-spacing:-3px}.contact>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);margin:25px 0}.contact-buttons{display:flex;gap:12px;justify-content:center;margin-top:34px}.contact-buttons>*{border:1px solid #bfc3b3;background:transparent;border-radius:3px;color:var(--ink);min-width:180px;padding:17px 24px;font-size:13px;display:flex;gap:15px;justify-content:center;align-items:center}.contact-buttons>*:first-child{background:var(--olive);color:white;border-color:var(--olive)}.contact-buttons button:disabled{cursor:not-allowed;opacity:.62}.contact-buttons small{font-size:9px;opacity:.8}.contact .contact-note{font-size:11px!important;margin:17px 0 45px!important}.contact-meta{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:center;gap:28px;font-size:11px;color:var(--muted)}footer{margin:0 5%;padding:30px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}footer .brand{font-size:32px}footer .brand>span{font-size:10px}footer .brand small{font-size:6px}footer p,footer>span{font-size:10px;color:var(--muted)}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:760px){html{scroll-padding-top:25px}.header{height:80px}.brand{font-size:34px}.brand>span{font-size:10px}.brand small{font-size:6px}nav{gap:16px;font-size:11px}.header-contact{padding:9px 12px;font-size:11px}.header-contact span{display:none}.hero-copy{padding:38px 0 27px}h1{font-size:44px;letter-spacing:-2.8px}.hero-bottom{align-items:start;gap:20px}.hero-bottom p{font-size:12px}.text-link{min-width:130px;font-size:10px;align-self:end}.hero-photo{height:390px}.hero-photo figcaption{left:12px;bottom:12px;font-size:8px;padding:8px}.hero-photo figcaption span{font-size:8px;margin-left:6px}.photo-index{display:none}.hero-foot{font-size:8px}.hero-foot a{letter-spacing:1px}.section{padding:70px 5%}.section-top{padding-top:18px}.tiny{font-size:8px}.eyebrow{font-size:9px;letter-spacing:1.5px}.section-intro{display:block;margin:18px 0 28px}.section-intro>p{margin-top:20px;font-size:12px}h2{font-size:29px;letter-spacing:-1.5px}.service-grid{grid-template-columns:1fr;gap:10px}.service{min-height:0;padding:25px}.service h3{margin:21px 0 10px}.service-tag{margin-top:20px}.portfolio{padding-top:0}.project-grid{gap:28px;grid-template-columns:1fr}.project h3{font-size:14px}.about{grid-template-columns:1fr;gap:35px}.about-photo{min-height:0;aspect-ratio:1.2}.about-copy{padding:0}.about h2{font-size:30px}.contact{padding-top:75px}.contact-buttons{gap:8px}.contact-buttons>*{min-width:0;flex:1;max-width:180px;flex-direction:column;gap:7px;padding:15px 7px;font-size:12px}.contact-meta{gap:14px;font-size:9px}footer{flex-wrap:wrap;gap:20px}footer p{display:none}footer>span{font-size:8px}}@media(max-width:390px){nav{gap:10px;font-size:10px}.header-contact{padding:8px}.hero-bottom{flex-direction:column}.text-link{align-self:start}h1{font-size:39px}.hero-photo{height:330px}.tiny{letter-spacing:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-photo img{object-position:center 69%}.hero-photo figcaption a{display:block;letter-spacing:0;font-size:9px;margin-top:6px;text-decoration:underline;text-underline-offset:3px}.process{padding-bottom:35px}.process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;padding:0;list-style:none;margin:0}.process-steps li{border-top:1px solid #b9bead;padding:23px 0}.process-steps li>span{font-family:Georgia,serif;font-size:28px;color:#7c846a}.process-steps h3{font-size:15px;font-weight:500;margin:20px 0 12px;letter-spacing:-.5px}.process-steps p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.header-contact,.text-link,.contact-buttons a{transition:background-color .25s,color .25s,transform .25s}.header-contact:hover{background:var(--olive);color:white}.contact-buttons a:hover{transform:translateY(-3px);background:#e8eadf}.contact-buttons a:first-child:hover{background:#454e37}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1)}.reveal.is-visible{opacity:1;transform:none}.reveal:focus-within{opacity:1;transform:none}@media(max-width:760px){.hero-photo img{object-position:50% 65%}.hero-photo figcaption{max-width:calc(100% - 24px)}.hero-photo figcaption span{display:block;margin:5px 0 0}.process-steps{grid-template-columns:1fr;gap:0}.process-steps li{display:grid;grid-template-columns:48px 1fr;column-gap:12px;padding:22px 0}.process-steps li>span{grid-row:1/3}.process-steps h3{margin:0 0 8px}.process-steps p br{display:none}.process{padding-bottom:10px}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.header-contact,.text-link,.contact-buttons a{transition:none}.contact-buttons a:hover{transform:none}}