@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600&family=Noto+Serif+KR:wght@400;600&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111812;color:#ecf0e7;font-family:'Manrope',sans-serif}a{text-decoration:none;color:inherit}img{width:100%;display:block;object-fit:cover}header{position:absolute;z-index:3;inset:0 0 auto;height:130px;padding:25px 7vw;display:flex;align-items:flex-start;border-bottom:1px solid #ffffff24}.logo{display:flex;align-items:center;gap:10px}.logo i{display:grid;place-items:center;width:58px;height:58px;border:1px solid #c7d489;border-radius:50%;font:600 27px 'Noto Serif KR';font-style:normal}.logo span{font-size:9px;letter-spacing:.2em}.header-info{margin-left:auto;display:flex;gap:28px;align-items:center;font-size:10px}.header-info span{color:#a7b0a4}.header-info a{background:#d3e36d;color:#152015;border-radius:99px;padding:11px 17px}nav{position:absolute;right:7vw;bottom:15px;display:flex;gap:35px;font-size:11px}.menu-button,.drawer{display:none}.hero{height:820px;background:linear-gradient(90deg,#0f180fdd,#0f180f28),url('../../img/hero1.jpg') center/cover;position:relative}.hero-copy{position:absolute;left:8vw;top:250px}.hero-copy>span,.about small,.work small,.service small,.contact small{font-size:9px;letter-spacing:.3em;color:#d3e36d}.hero h1{font:400 clamp(52px,7vw,96px)/1.05 'Noto Serif KR';margin:23px 0}.hero h1 em,.about h2 em{color:#d3e36d;font-style:normal}.hero p{line-height:1.8;color:#c3cbc1}.hero a,.about a{display:inline-block;margin-top:25px;color:#d3e36d;border-bottom:1px solid #d3e36d;padding-bottom:7px;font-size:12px}.quick{max-width:930px;margin:-55px auto 0;position:relative;z-index:2;border-radius:70px;background:#1a261b;display:grid;grid-template-columns:repeat(4,1fr);padding:35px 55px;box-shadow:0 25px 60px #0006}.quick article{display:flex;gap:12px;justify-content:center;border-right:1px solid #ffffff18}.quick article:last-child{border:0}.quick b{color:#d3e36d;font-size:10px}.quick span{font-size:13px}.about{padding:140px 10vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.about h2,.work h2,.service h2,.contact h2{font:400 clamp(38px,5vw,68px)/1.2 'Noto Serif KR';margin:18px 0}.about p,.service p{color:#9ba69b;line-height:1.9}.about img{height:520px;border-radius:50% 50% 8px 8px}.work{padding:110px 7vw;background:#0c120d}.work-title{text-align:right}.project-grid{display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:16px;margin-top:50px;align-items:end}.project-grid article{position:relative}.project-grid article:nth-child(2){margin-bottom:90px}.project-grid img{height:480px;border-radius:10px;filter:brightness(.72)}.project-grid article:nth-child(2) img{height:400px}.project-grid article>div{position:absolute;inset:auto 0 0;padding:25px;background:linear-gradient(transparent,#0a100cd9)}.project-grid span{font-size:9px;color:#d3e36d;letter-spacing:.16em}.project-grid h3{font:400 25px 'Noto Serif KR';margin:8px 0}.service{padding:130px 10vw;display:grid;grid-template-columns:1fr 1.2fr;gap:10vw}.service-list article{display:grid;grid-template-columns:70px 1fr;padding:30px 0;border-bottom:1px solid #ffffff25}.service-list span{color:#d3e36d}.service-list h3{font:400 24px 'Noto Serif KR';margin:0}.service-list p{margin:6px 0;font-size:12px}.quote{padding:120px 20px;background:url('../../img/work5.jpg') center/cover;text-align:center;position:relative}.quote:before{content:"";position:absolute;inset:0;background:#08110ac9}.quote>*{position:relative}.quote p{font:400 clamp(27px,4vw,48px)/1.6 'Noto Serif KR'}.quote span{font-size:10px;color:#d3e36d;letter-spacing:.2em}.contact{text-align:center;padding:130px 20px}.contact h2{max-width:800px;margin:25px auto}.contact a{font:400 24px 'Noto Serif KR';color:#d3e36d;border-bottom:1px solid}.contact p{color:#829083;margin-top:45px;font-size:11px}footer{border-top:1px solid #ffffff20;padding:35px 7vw;display:flex;align-items:center;justify-content:space-between;color:#8c998d;font-size:10px}.reveal{opacity:0;transform:translateY(18px);transition:.8s}.reveal.is-visible{opacity:1;transform:none}@media(max-width:760px){header{height:90px}.header-info,nav{display:none}.menu-button{display:block;margin-left:auto;background:none;border:0;color:white;font-size:22px}.drawer.is-open{display:block;position:fixed;inset:0;background:#0009;z-index:4}.drawer-panel{background:#111812;margin-left:auto;width:80%;height:100%;padding:30px;display:grid;align-content:start;gap:25px}.hero{height:700px}.hero-copy{left:25px;top:200px}.quick{border-radius:0;grid-template-columns:1fr 1fr;margin:0;padding:25px 10px}.quick article{padding:12px}.about,.service{grid-template-columns:1fr;padding:90px 25px}.about img{height:380px}.project-grid{grid-template-columns:1fr}.project-grid article:nth-child(2){margin:0}.project-grid img,.project-grid article:nth-child(2) img{height:420px}footer{flex-direction:column;gap:10px}}
/* supporting sections */
.materials{padding:110px 8vw;background:#19251a}.materials h2,.process h2{font:400 clamp(38px,5vw,68px)/1.1 'Noto Serif KR';margin:18px 0}.materials small,.process small{font-size:9px;letter-spacing:.3em;color:#d3e36d}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:45px}.material-grid article{border:1px solid #ffffff25;padding:28px;min-height:210px}.material-grid span{color:#d3e36d;font-size:11px}.material-grid h3{font:400 22px 'Noto Serif KR';margin:40px 0 8px}.material-grid p{font-size:11px;color:#9ba69b}.process{padding:110px 8vw;background:#111812}.process-intro{max-width:660px;color:#9ba69b;line-height:1.8}.process-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #ffffff25;margin-top:50px}.process-grid article{padding:25px 12px;border-right:1px solid #ffffff25}.process-grid span{color:#d3e36d;font-size:12px}.process-grid b{display:block;font:400 18px 'Noto Serif KR';margin-top:35px}@media(max-width:760px){.materials,.process{padding:75px 25px}.material-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.process-grid article{border-bottom:1px solid #ffffff25}}