:root{--ink:#18352e;--green:#297761;--mint:#deeee6;--cream:#f7f5ef;--coral:#e86d50;--line:rgba(24,53,46,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans SC",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:84px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:3;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.25)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:.04em}.brand-mark{background:currentColor;color:var(--ink);width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font:11px "DM Mono",monospace;letter-spacing:-1px}.main-nav{display:flex;align-items:center;gap:34px;font-size:14px}.main-nav>a:not(.nav-cta){opacity:.9}.nav-cta{background:#fff;color:var(--ink);padding:11px 17px;border-radius:99px}.nav-cta span{margin-left:8px}.menu-toggle{display:none}.hero{min-height:745px;position:relative;overflow:hidden;color:#fff}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-image{object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(14,35,29,.78) 0%,rgba(14,35,29,.48) 33%,rgba(14,35,29,.05) 66%)}.hero-copy{position:relative;z-index:1;padding:238px 5.5vw 0}.eyebrow{font:11px "DM Mono",monospace;letter-spacing:.12em;margin:0 0 26px}.eyebrow span{display:inline-block;width:23px;height:1px;background:currentColor;vertical-align:middle;margin-right:8px}.hero h1,.company h2,.section-head h2,.feature h2,.contact h2{font-size:clamp(39px,5vw,73px);line-height:1.18;letter-spacing:-.065em;margin:0;font-weight:600}.hero h1 strong{color:#bbdf8d;font-weight:600}.hero-text{font-size:16px;line-height:1.9;margin:27px 0 35px;color:#f1f7f3}.button{display:inline-flex;gap:30px;align-items:center;padding:15px 19px;border-radius:2px;font-size:14px;background:#fff;color:var(--ink)}.button span{font-size:20px}.scroll-note{position:absolute;z-index:1;bottom:28px;left:5.5vw;font:10px "DM Mono",monospace;letter-spacing:.12em}.scroll-note span{display:inline-block;width:51px;height:1px;background:#fff;margin:0 0 3px 9px}.section-pad{padding:130px 5.5vw}.section-label{font:11px "DM Mono",monospace;letter-spacing:.1em;display:flex;gap:14px;align-items:center}.section-label span,.number{color:var(--coral)}.company{background:#fff}.company-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;margin:74px 0 90px}.company h2{font-size:clamp(34px,4vw,57px)}em{font-style:normal;color:var(--green)}.company-text{font-size:15px;line-height:2;color:#4d625b}.company-text p{margin:0 0 18px}.company-line{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;font:10px "DM Mono",monospace;letter-spacing:.1em;color:#668078}.services{background:var(--mint)}.section-head{display:flex;justify-content:space-between;align-items:flex-start}.section-head h2{font-size:clamp(34px,4vw,57px);max-width:550px}.service-list{margin:75px 0 0 25%}.service-item{border-top:1px solid var(--line);display:grid;grid-template-columns:90px 1fr 25px;gap:20px;padding:25px 0}.service-item:last-child{border-bottom:1px solid var(--line)}.number{font:11px "DM Mono",monospace}.service-item h3{font-size:22px;margin:0 0 7px}.service-item p{margin:0;color:#50665e;font-size:14px;line-height:1.8;max-width:500px}.arrow{font-size:24px}.feature{display:grid;grid-template-columns:1fr 1fr;min-height:660px;background:var(--ink);color:#fff}.feature-photo{min-height:460px;overflow:hidden}.feature-photo img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:12vw 8vw}.feature-copy .eyebrow{color:#b9d7c9}.feature h2{font-size:clamp(34px,4vw,59px)}.feature h2 em{color:#bddf8c}.feature-copy>p:last-child{font-size:15px;line-height:2;color:#d0ded8;margin:29px 0 0}.values{background:#fff}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:65px}.value-grid article{min-height:240px;border-left:1px solid var(--line);padding:0 32px}.value-grid article:first-child{padding-left:0;border-left:0}.value-grid span{font:11px "DM Mono",monospace;color:var(--coral)}.value-grid h3{font-size:25px;margin:55px 0 14px}.value-grid p{font-size:14px;line-height:1.85;color:#576b63;max-width:260px}.contact{padding:120px 5.5vw;display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line)}.contact h2{font-size:clamp(35px,4.5vw,63px)}.contact-side{text-align:right}.contact-side p{font-size:14px;margin:0 0 20px;color:#60736c}.contact-link{font:18px "DM Mono",monospace;border-bottom:2px solid var(--ink);padding-bottom:10px}.contact-link span{color:var(--coral)}footer{background:var(--ink);color:#e7eee8;padding:31px 5.5vw;display:flex;align-items:center;justify-content:space-between;font:10px "DM Mono",monospace;letter-spacing:.07em}footer .brand{font:600 15px "Noto Sans SC",sans-serif}footer .brand-mark{background:#e7eee8;color:var(--ink)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:720px){.site-header{height:69px;padding:0 6vw}.menu-toggle{display:grid;gap:5px;border:0;background:transparent;padding:8px;color:#fff}.menu-toggle i{display:block;background:currentColor;height:1px;width:23px}.main-nav{display:none;position:absolute;top:69px;left:0;width:100%;padding:22px 6vw;background:var(--ink);flex-direction:column;align-items:flex-start;gap:22px}.main-nav.open{display:flex}.hero{min-height:670px}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(14,35,29,.8),rgba(14,35,29,.25))}.hero-copy{padding:185px 6vw 0}.hero h1{font-size:48px}.section-pad{padding:85px 6vw}.company-grid{display:block;margin:50px 0 55px}.company-text{margin-top:32px}.company-line{gap:10px;flex-wrap:wrap}.section-head{display:block}.section-head h2{margin-top:28px}.service-list{margin:48px 0 0}.service-item{grid-template-columns:48px 1fr 20px}.feature{grid-template-columns:1fr}.feature-photo{height:410px}.feature-copy{padding:75px 6vw}.value-grid{grid-template-columns:1fr;margin-top:38px}.value-grid article,.value-grid article:first-child{border:0;border-top:1px solid var(--line);padding:25px 0;min-height:0}.value-grid h3{margin:26px 0 10px}.contact{padding:85px 6vw;display:block}.contact-side{text-align:left;margin-top:47px}.contact-link{display:inline-flex}footer{padding:27px 6vw;display:grid;gap:20px}footer p{order:3;margin:0}.scroll-note{left:6vw}}
