@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Sans+KR:wght@300;400;500&family=Playfair+Display:ital,wght@1,500&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#efede8;color:#191815;font-family:'Noto Sans KR',sans-serif}a{text-decoration:none;color:inherit}header{height:90px;position:fixed;inset:0 0 auto;z-index:8;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;color:white;mix-blend-mode:difference;font:500 12px 'DM Sans'}header>b{font-size:22px}nav{display:flex;gap:40px}.hero{height:100vh;position:relative;color:white;display:flex;align-items:end}.hero img{position:absolute;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#18130b99,transparent 70%),linear-gradient(0deg,#0007,transparent 45%)}.copy{position:relative;padding:0 7vw 9vh}.copy small,.about small,.head small,.process small,.contact small{font:500 11px 'DM Sans';letter-spacing:.22em}.copy h1,.about h2,.head h2,.process h2,.contact h2{font-size:clamp(48px,6vw,90px);line-height:1.13;letter-spacing:-.065em;font-weight:300;margin:20px 0}.copy p{font-size:17px;line-height:1.9}.hero>i{position:absolute;right:4vw;bottom:9vh;font:500 10px 'DM Sans';writing-mode:vertical-rl}.about{min-height:100vh;padding:12vh 8vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.word{font:500 clamp(80px,11vw,170px)/.75 'DM Sans';letter-spacing:-.11em;color:#d3cec5}.word em,.quote em{font-family:'Playfair Display';color:#897d6d}.about h2,.process h2,.contact h2{font-size:clamp(45px,5vw,72px)}.about p{font-size:17px;line-height:2;color:#665f56}.about a{display:inline-block;margin-top:28px;border-bottom:1px solid;padding-bottom:8px;font:500 12px 'DM Sans'}.projects{background:#171714;color:#eeeae2;padding:12vh 5vw}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.head>div:last-child{font:500 10px 'DM Sans';color:#999}.grid{display:grid;grid-template-columns:1.35fr 1fr;gap:4vw 2vw}.wide{grid-row:span 2}.v{height:35vh;background-size:cover;background-position:center}.wide .v{height:75vh}.v1{background-image:url('assets/hero.png')}.v2{background:linear-gradient(135deg,#b3a18a,#3d342b)}.v3{background:linear-gradient(135deg,#ddd3c1,#6b6053)}.grid small{display:block;margin-top:16px;color:#777;font:500 10px 'DM Sans'}.grid h3{font:500 18px 'DM Sans'}.quote{height:80vh;display:grid;place-content:center;text-align:center;font-size:clamp(48px,6vw,90px);font-weight:300;line-height:1.3;letter-spacing:-.06em}.process{min-height:100vh;background:#d7d1c6;padding:12vh 8vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.process article{display:grid;grid-template-columns:55px 1fr;gap:0 20px;border-top:1px solid #968f84;padding:26px 0}.process article b{grid-row:1/3;font:500 11px 'DM Sans'}.process article h3,.process article p{margin:0 0 7px}.process article p{color:#665f56}.contact{min-height:70vh;background:#827564;color:white;padding:12vh 8vw;display:grid;grid-template-columns:1fr 1fr;align-items:center}.contact>div:last-child{display:grid;gap:20px;font:400 25px 'DM Sans'}.contact a{border-bottom:1px solid #ffffff55;padding-bottom:14px}.contact p{font:300 13px/1.8 'Noto Sans KR'}footer{background:#171714;color:#aaa;padding:38px 5vw;display:flex;justify-content:space-between;font:500 11px 'DM Sans'}.reveal{opacity:0;transform:translateY(35px);transition:1s}.reveal.on{opacity:1;transform:none}@media(max-width:800px){nav{display:none}.about,.process,.contact{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.wide .v,.v{height:55vh}.head{display:block}.about{padding:12vh 6vw}.projects{padding:10vh 5vw}footer{gap:12px;flex-wrap:wrap}}