:root{--paper:#f8f7f3;--ink:#272620;--muted:#89867f;--accent:#ae674b}h1,h2,h3{font-family:Georgia,'Batang','바탕',serif;font-weight:400;letter-spacing:-.04em}.wordmark{font:24px Georgia,serif;letter-spacing:.28em}.wordmark span{display:block;font:7px Pretendard,sans-serif;letter-spacing:.22em;margin-top:7px}.nav-contact{background:none;border:0;border-bottom:1px solid var(--accent);padding:4px 0;font-size:13px}.hero{position:relative;height:560px;color:#fff}.hero>img{width:100%;height:100%;object-position:50% 58%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#11170ed4,#11170e45 55%,#11170e0a)}.hero-inner{position:relative;padding-top:100px}.hero .eyebrow{font-size:9px;opacity:.8}.hero h1{font-size:clamp(42px,4.8vw,70px);line-height:1.4;margin:18px 0}.hero p{font-size:12px;letter-spacing:.24em;margin-bottom:30px}.hero .btn{min-width:180px;font-size:12px}.hero-caption{position:absolute;bottom:25px;right:40px;font-size:9px;letter-spacing:.18em;opacity:.8}.intro{padding:90px 30px 70px;display:grid;grid-template-columns:55% 45%;align-items:center}.short-rule{display:block;width:35px;height:1px;background:#949087;margin-bottom:20px}.intro h2{font-size:43px;line-height:1.45}.intro-desc{border-left:1px solid #ccc8c0;padding:15px 0 15px 46px}.intro-desc p{font-family:Georgia,'Batang',serif;font-size:22px;line-height:1.7}.intro-desc>span{display:block;font-size:12px;color:var(--muted);margin-top:20px;line-height:1.9}.projects{padding:30px 0 65px}.works-title{display:flex;align-items:center;gap:24px;font:16px Georgia;letter-spacing:.2em}.works-title>span{width:45px;height:1px;background:#888}.filters{display:flex;gap:10px}.filters button{font-size:11px;background:transparent;border:1px solid #bcb8af;border-radius:50px;padding:5px 23px}.filters button.active{color:#fff;background:var(--accent);border-color:var(--accent)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.project-card{border:0;background:none;text-align:left;padding:28px 0 0}.project-card:nth-child(2){padding-top:0}.project-card[hidden]{display:none}.project-photo{position:relative;overflow:hidden;height:310px}.project-photo img{width:100%;height:100%;transition:transform .5s}.project-card:hover img{transform:scale(1.045)}.project-photo>span{position:absolute;bottom:14px;left:16px;color:white;background:#0004;backdrop-filter:blur(5px);font-size:9px;letter-spacing:.13em;padding:7px 10px;opacity:0;transition:opacity .3s}.project-card:hover .project-photo>span,.project-card:focus-visible .project-photo>span{opacity:1}.project-title{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.project-title h3{font-size:23px}.project-title>span{font-size:25px;color:#8a8479}.project-card>p{font-size:10px;color:#8d887f;margin-top:7px;letter-spacing:.06em}.project-note{margin-top:35px;font-size:10px;color:#938d83}.process{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;padding:45px 0 85px}.process-heading h2{font-size:31px;line-height:1.5}.process-step{border-left:1px solid #d7d1c7;padding:0 0 0 30px}.process-step>span{font:35px Georgia;color:var(--accent)}.process-step h3{margin:8px 0 20px;font-size:24px}.process-step p{font-size:12px;color:var(--muted);line-height:1.9}.contact-band{background:#292b27;color:#fff;padding:65px 0}.contact-layout{display:grid;grid-template-columns:55% 45%;align-items:center}.contact-layout h2{font-size:43px;line-height:1.5}.contact-layout p{font-size:13px;line-height:1.9;color:#c0c1b9;margin-bottom:24px}.contact-layout .btn{font-size:12px;min-width:230px}.modal-photo{width:100%;height:280px;margin-bottom:22px}.footer{padding-bottom:50px}
.hero-inner{position:absolute;top:0;left:0;right:0}
@media(max-width:1000px){.project-photo{height:250px}.process-step{padding-left:20px}.process-heading h2{font-size:27px}.intro h2{font-size:36px}}@media(max-width:800px){.hero{height:530px}.hero-inner{padding-top:95px}.hero h1{font-size:42px}.hero p{font-size:9px}.hero-caption{right:20px}.intro{grid-template-columns:1fr;gap:30px;padding:55px 0 40px}.intro h2{font-size:36px}.intro-desc{padding:0 0 0 20px}.intro-desc p{font-size:19px}.projects{padding-bottom:35px}.project-grid{grid-template-columns:1fr;gap:30px}.project-card,.project-card:nth-child(2){padding:0}.project-photo{height:340px}.project-photo>span{opacity:1}.process{grid-template-columns:1fr 1fr;gap:35px;padding:35px 0 55px}.process-heading h2{font-size:27px}.process-step{padding-left:18px}.process-step p{font-size:11px}.contact-layout{grid-template-columns:1fr;gap:25px}.contact-layout h2{font-size:35px}.contact-band{padding:45px 0}.footer{padding-bottom:60px}}