:root{--green:#173d32;--green2:#244d40;--beige:#c9b28b;--cream:#f3efe6;--ink:#20231f;--muted:#6f746f;--line:#deddd7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Noto Sans KR',sans-serif;background:#f8f8f5}.header{height:84px;padding:0 5vw;display:flex;align-items:center;gap:42px;position:absolute;z-index:20;width:100%;color:#fff;border-bottom:1px solid #ffffff30}.header.solid{position:relative;background:#173d32}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit}.brand b{display:block;font-size:18px;letter-spacing:-.04em}.brand small{display:block;font:500 9px/1.2 Manrope;letter-spacing:.22em;margin-top:4px}.mark{width:29px;height:34px;border:2px solid currentColor;display:block;position:relative}.mark i{position:absolute;width:11px;height:24px;border-left:2px solid currentColor;border-top:2px solid currentColor;right:3px;bottom:0;transform:skewY(-20deg);transform-origin:bottom}.header nav{margin-left:auto;display:flex;gap:34px}.header nav a,.head-cta{color:inherit;text-decoration:none;font:500 11px Manrope;letter-spacing:.08em}.header nav a{opacity:.7}.header nav a.active,.header nav a:hover{opacity:1}.head-cta{border:1px solid #ffffff80;padding:11px 20px}.home-hero{height:78vh;min-height:610px;position:relative;color:#fff;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2000&q=88') center/cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0c281fd9 0,#173d3285 48%,#00000018 100%)}.home-copy{position:absolute;left:9vw;top:48%;transform:translateY(-42%);z-index:2}.eyebrow,.section-kicker{font:600 10px Manrope,sans-serif;letter-spacing:.24em}.home-copy h1,.sub-hero h1{font-size:clamp(48px,6vw,86px);line-height:1.12;letter-spacing:-.06em;margin:20px 0 25px;font-weight:500}.home-copy h1 em,.sub-hero h1 em{font-style:normal;color:#d8c39e}.lead{font-weight:300;line-height:1.9;font-size:15px;color:#ffffffd9}.actions{display:flex;align-items:center;gap:30px;margin-top:36px}.btn{display:inline-block;padding:14px 24px;text-decoration:none;font-size:12px}.light{background:#fff;color:var(--green)}.textlink{color:#fff;text-decoration:none;font-size:12px}.value-strip{position:absolute;right:5vw;bottom:0;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);width:min(680px,60vw);background:#f3efe6;color:#173d32}.value-strip div{padding:22px 25px;border-right:1px solid #d9d2c5}.value-strip small{display:block;font:500 8px Manrope;letter-spacing:.15em;color:#9b8560}.value-strip b{display:block;margin-top:8px;font-size:13px}.home-philosophy{min-height:360px;padding:70px 9vw 75px;display:grid;grid-template-columns:.6fr 1.6fr .8fr;gap:6vw;align-items:start}.section-kicker{color:#7d827e}.home-philosophy h2{font-size:clamp(28px,3.3vw,48px);line-height:1.35;letter-spacing:-.05em;margin:0;font-weight:500}.home-philosophy h2 span{color:#173d32}.home-philosophy>p:not(.section-kicker){font-size:13px;line-height:2;color:var(--muted);margin:4px 0}.home-philosophy>a{grid-column:2;text-decoration:none;color:#173d32;font:600 10px Manrope;letter-spacing:.12em}.sub-hero{min-height:430px;padding:100px 9vw 80px;color:#fff;display:flex;flex-direction:column;justify-content:center}.sub-hero h1{font-size:clamp(44px,5vw,72px)}.sub-hero>p:last-child{font-size:14px;line-height:1.9;color:#ffffffbd}.about-hero{background:linear-gradient(90deg,#173d32e8,#173d3299),url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1800&q=88') center/cover}.project-hero{background:linear-gradient(90deg,#173d32e8,#173d3277),url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1800&q=88') center/cover}.contact-hero{background:#173d32}.service-page,.portfolio,.contact-options{padding:100px 9vw}.section-title{display:grid;grid-template-columns:.5fr 1.5fr;margin-bottom:55px}.section-title h2{margin:0;font-size:44px;letter-spacing:-.05em}.service-list{border-top:1px solid #cfcfc8}.service-list article{display:grid;grid-template-columns:.5fr 1.5fr;padding:42px 0;border-bottom:1px solid #d8d7d0}.service-list article>span{font:500 11px Manrope;color:#a58b61}.service-list h3{font-size:27px;margin:0 0 13px}.service-list p{max-width:700px;font-size:13px;line-height:2;color:var(--muted)}.principle-banner{padding:75px 9vw;background:#efe9dc;color:#173d32}.principle-banner p{font:600 9px Manrope;letter-spacing:.22em}.principle-banner h2{font-size:30px;font-weight:500;margin:18px 0 0}.portfolio-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:320px 320px;gap:22px}.portfolio figure{margin:0;position:relative;overflow:hidden}.portfolio figure>div{position:absolute;inset:0;background-size:cover;background-position:center;transition:.5s}.portfolio figure:hover>div{transform:scale(1.025)}.pf1{grid-row:1/3}.pf1 div{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1300&q=88')}.pf2 div{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=900&q=88')}.pf3 div{background-image:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=900&q=88')}.portfolio figcaption{position:absolute;left:0;right:0;bottom:0;padding:55px 26px 24px;background:linear-gradient(transparent,#0009);color:#fff}.portfolio figcaption small{font:500 9px Manrope;letter-spacing:.16em}.portfolio figcaption b{display:block;margin-top:7px;font-size:17px}.portfolio-note{font-size:11px;color:#888;margin-top:18px}.contact-options{display:grid;grid-template-columns:.8fr 1.2fr;gap:2px;background:#f0efe9}.call-card,.form-card{padding:65px;text-decoration:none}.call-card{background:#173d32;color:#fff;min-height:620px;display:flex;flex-direction:column}.call-card small,.form-card>small{font:600 9px Manrope;letter-spacing:.2em;color:#c9b28b}.call-card h2,.form-card h2{font-size:38px;line-height:1.3;letter-spacing:-.05em;margin:35px 0}.call-card p{font:500 26px Manrope;margin-top:auto}.call-card span{font-size:11px;color:#ffffffa8}.form-card{background:#fff}.form-card form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-card label{font-size:11px;color:#555}.form-card input,.form-card select,.form-card textarea{width:100%;border:0;border-bottom:1px solid #ccc;background:transparent;padding:13px 2px;font:inherit;font-size:13px;outline:none}.form-card textarea{height:110px;resize:vertical}.form-card label:nth-of-type(5){grid-column:1/3}.form-card button{grid-column:1/3;border:0;background:#173d32;color:#fff;padding:17px;cursor:pointer}.form-note{grid-column:1/3;font-size:10px;color:#999;line-height:1.7}footer{padding:48px 5vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;background:#102d25;color:#fff;border-top:1px solid #ffffff1c}footer p{font-size:10px;color:#ffffff8f}footer>small{font:400 9px Manrope;color:#ffffff60}@media(max-width:850px){.header{height:72px;padding:0 6vw}.header nav{position:fixed;left:0;right:0;bottom:0;background:#102d25;height:58px;display:flex;justify-content:space-around;align-items:center;gap:0;z-index:50}.header nav a{font-size:9px}.head-cta{margin-left:auto}.home-hero{height:72vh;min-height:590px}.home-copy{left:7vw;right:7vw}.home-copy h1{font-size:49px}.value-strip{left:7vw;right:7vw;width:auto}.value-strip div{padding:17px 12px}.value-strip b{font-size:11px}.home-philosophy{display:block;padding:65px 7vw}.home-philosophy h2{margin:22px 0}.home-philosophy>a{display:inline-block;margin-top:20px}.sub-hero{padding:80px 7vw 65px}.service-page,.portfolio,.contact-options{padding:70px 7vw}.section-title,.service-list article{grid-template-columns:1fr}.section-title h2{margin-top:15px}.service-list article{gap:15px}.portfolio-grid{display:block}.portfolio figure{height:340px;margin-bottom:15px}.contact-options{grid-template-columns:1fr}.call-card,.form-card{padding:45px 7vw}.call-card{min-height:360px}.form-card form{grid-template-columns:1fr}.form-card label:nth-of-type(5),.form-card button,.form-note{grid-column:1}footer{grid-template-columns:1fr;gap:25px;padding:40px 7vw 85px}}@media(max-width:520px){.home-copy h1,.sub-hero h1{font-size:41px}.lead br{display:none}.value-strip small{display:none}.value-strip div{text-align:center}.contact-options{padding-left:0;padding-right:0}.form-card{padding:45px 7vw}}
