:root{
  --green:#0c6b3c;
  --green-deep:#061b12;
  --gold:#d6aa4c;
  --cream:#f4f0e8;
  --ink:#101411;
  --muted:#68716b;
  --line:rgba(16,20,17,.12);
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(1180px,calc(100% - 48px));margin:auto}
.page-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:rgba(32,132,82,.13);filter:blur(100px);pointer-events:none;z-index:-1;transform:translate(-50%,-50%);left:15%;top:30%}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;padding:18px 0;background:linear-gradient(to bottom,rgba(4,12,8,.82),transparent);transition:.35s}
.site-header.scrolled{background:rgba(5,16,10,.94);backdrop-filter:blur(16px);padding:10px 0;box-shadow:0 8px 30px rgba(0,0,0,.15)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between}
.brand img{width:106px;height:60px;object-fit:cover;object-position:center;border-radius:2px}
.main-nav{display:flex;align-items:center;gap:30px;color:#fff;font-size:13px;font-weight:600}
.main-nav>a:not(.nav-cta){opacity:.78;transition:.2s}
.main-nav>a:not(.nav-cta):hover{opacity:1;color:#e8ca7e}
.nav-cta{border:1px solid rgba(214,170,76,.65);padding:11px 16px;border-radius:999px;color:#fff}
.nav-cta span{color:#e3bd62;margin-left:8px}
.menu-toggle{display:none;background:none;border:0}
.hero{height:100svh;min-height:720px;position:relative;background:#06110c;color:#fff;display:flex;align-items:center;overflow:hidden}
.hero-media,.hero-overlay,.hero-image{position:absolute;inset:0}
.hero-image{background:url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=2200&q=90") center/cover;transform:scale(1.04);animation:heroZoom 12s ease-out forwards}
.hero-overlay{background:linear-gradient(90deg,rgba(3,12,8,.91) 0%,rgba(3,12,8,.63) 48%,rgba(3,12,8,.18) 100%),linear-gradient(0deg,rgba(2,9,6,.78),transparent 55%)}
@keyframes heroZoom{to{transform:scale(1)}}
.hero-content{position:relative;z-index:2;padding-top:70px}
.eyebrow,.section-label,.card-kicker,.image-tag,.project-info span,.contact-note{letter-spacing:.16em;font-size:10px;font-weight:800}
.eyebrow{color:#d7b35e;margin-bottom:22px}
h1,h2,h3{font-family:"Manrope",sans-serif;margin:0}
h1{font-size:clamp(58px,8vw,110px);line-height:.92;letter-spacing:-.06em;font-weight:700;max-width:900px}
h1 em,h2 em{font-style:normal;color:#e0bd68}
.hero-copy{max-width:610px;color:rgba(255,255,255,.78);font-size:17px;line-height:1.7;margin:30px 0}
.hero-actions,.cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:22px;border-radius:999px;padding:15px 21px;font-size:13px;font-weight:700;transition:.25s;cursor:pointer}
.btn span{font-size:18px}
.btn-primary{background:#d6aa4c;color:#10120f;box-shadow:0 12px 35px rgba(214,170,76,.2)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 17px 45px rgba(214,170,76,.32)}
.btn-ghost{border:1px solid rgba(255,255,255,.34);color:#fff;background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}
.btn-ghost:hover{background:#fff;color:#101411;transform:translateY(-3px)}
.hero-scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.2em;color:rgba(255,255,255,.6)}
.hero-scroll span{height:42px;width:1px;background:linear-gradient(#d6aa4c,transparent);display:block}
.hero-card{position:absolute;right:5%;bottom:10%;z-index:3;width:210px;padding:22px;border:1px solid rgba(255,255,255,.18);background:rgba(3,12,8,.42);backdrop-filter:blur(14px)}
.hero-card strong{display:block;font:700 23px/1.08 "Manrope";margin:10px 0 18px}
.card-kicker{color:#d6aa4c}.card-line{display:block;width:40px;height:2px;background:#d6aa4c}
.trust-strip{background:#0a2619;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-grid>div{padding:22px 18px;border-right:1px solid rgba(255,255,255,.08)}
.trust-grid>div:first-child{padding-left:0}
.trust-grid strong,.trust-grid span{display:block}.trust-grid strong{font:700 15px "Manrope";margin-bottom:4px}.trust-grid span{font-size:11px;color:rgba(255,255,255,.5)}
.section{padding:130px 0}
.about{background:var(--cream)}
.about-grid{display:grid;grid-template-columns:180px 1.1fr .95fr;gap:55px}
.section-label{color:var(--green);padding-top:8px}
.kicker{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin:0 0 18px}
h2{font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.055em}
.about-copy .lead{font-size:19px;line-height:1.65;margin:30px 0 18px}.about-copy>p:not(.kicker):not(.lead){font-size:15px;line-height:1.8;color:#59615b}
.about-image-wrap{position:relative}.about-image-wrap img{height:560px;width:100%;object-fit:cover}
.image-tag{position:absolute;left:-1px;bottom:0;background:#0a2619;color:#fff;padding:15px 17px}.image-tag span{color:#d6aa4c;margin-right:8px}
.signature-row{display:flex;align-items:center;gap:14px;margin-top:38px}.mini-mark{width:50px;height:50px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--green);font:800 24px "Manrope"}.mini-mark span{color:var(--gold)}.signature-row strong,.signature-row span{display:block}.signature-row span{font-size:11px;color:#747c76;margin-top:3px}
.services{background:#f9f7f2}
.section-head{display:grid;grid-template-columns:180px 1fr;gap:55px;margin-bottom:60px}.service-list{border-top:1px solid var(--line)}
.service{display:grid;grid-template-columns:70px 50px 1fr 270px;gap:28px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.service-number{font:700 13px "Manrope";color:#929a94}.service-icon{font-size:23px;color:var(--gold)}.service-body h3{font-size:27px;margin-bottom:10px}.service-body p{font-size:14px;line-height:1.65;color:#68716b;max-width:520px;margin:0 0 13px}.service-body ul{list-style:none;padding:0;margin:0;display:flex;gap:15px;flex-wrap:wrap}.service-body li{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#0d6c3d}.service-image{height:150px;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover;transition:.6s}.service:hover .service-image img{transform:scale(1.08)}
.statement{background:#092318;color:#fff;padding:100px 0}.statement-inner{display:flex;align-items:center;gap:70px}.statement-mark{font:800 70px "Manrope";color:#d6aa4c}.statement p{font:500 clamp(32px,4vw,58px)/1.1 "Manrope";letter-spacing:-.04em;max-width:850px}.statement em{font-style:normal;color:#d6aa4c}
.work{background:#f4f0e8}.work-head{align-items:end}.work-intro{max-width:370px;line-height:1.7;color:#68716b;margin:0 0 3px}.project-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.project{position:relative;min-height:430px;overflow:hidden;background:#10271c}.project-large{grid-row:span 2;min-height:680px}.project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,10,7,.88),transparent 60%)}.project:hover img{transform:scale(1.06)}.project-info{position:absolute;z-index:2;left:30px;right:30px;bottom:28px;color:#fff}.project-info span{color:#e0bd68}.project-info h3{font-size:30px;margin:7px 0 5px}.project-info p{font-size:13px;color:rgba(255,255,255,.68);margin:0}
.process{background:#fff}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.process .lead{font-size:17px;line-height:1.75;color:#68716b;max-width:510px;margin-top:28px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid var(--line)}.step>span{font:700 12px "Manrope";color:#d0a74c}.step h3{font-size:20px;margin-bottom:6px}.step p{margin:0;font-size:13px;line-height:1.65;color:#68716b}
.cta-section{position:relative;min-height:650px;color:#fff;display:flex;align-items:center;overflow:hidden}.cta-image,.cta-overlay{position:absolute;inset:0}.cta-image{background:url("https://images.unsplash.com/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=2200&q=88") center/cover}.cta-overlay{background:linear-gradient(90deg,rgba(3,14,9,.93),rgba(3,14,9,.62),rgba(3,14,9,.25))}.cta-content{position:relative;z-index:2}.cta-content .section-label{color:#d6aa4c}.cta-content h2{font-size:clamp(55px,7vw,96px);margin:18px 0}.cta-content>p{font-size:17px;color:rgba(255,255,255,.74);max-width:530px;line-height:1.7;margin-bottom:28px}.btn-ghost.light{border-color:rgba(255,255,255,.35)}.contact-note{margin-top:55px;color:rgba(255,255,255,.45);font-size:9px}
footer{background:#06140d;color:#fff;padding:60px 0 24px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px}.footer-brand img{width:115px;height:66px;object-fit:cover}.footer-links{display:flex;justify-content:center;gap:24px;font-size:12px;color:rgba(255,255,255,.58)}.footer-links a:hover{color:#d6aa4c}.footer-contact{text-align:right}.footer-contact span{display:block;font-size:9px;letter-spacing:.16em;color:#d6aa4c;margin-bottom:6px}.footer-contact a{font:600 15px "Manrope"}.footer-bottom{margin-top:55px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;font-size:10px;color:rgba(255,255,255,.35)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}.delay-3{transition-delay:.36s}
@media(max-width:900px){
  .container{width:min(100% - 34px,700px)}
  .main-nav{display:none;position:absolute;top:74px;left:17px;right:17px;padding:18px;background:#07140e;flex-direction:column;align-items:stretch;gap:0;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
  .main-nav.open{display:flex}.main-nav>a{padding:14px}.nav-cta{text-align:center}.menu-toggle{display:flex;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:26px;height:2px;background:#fff}
  .hero-card{display:none}.hero{min-height:680px}.hero-copy{font-size:15px;max-width:530px}
  .trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div{border-bottom:1px solid rgba(255,255,255,.08)}.trust-grid>div:nth-child(2){border-right:0}.trust-grid>div:nth-child(3){padding-left:0}
  .section{padding:90px 0}.about-grid,.process-grid{grid-template-columns:1fr;gap:35px}.about-grid .section-label,.section-head{display:block}.section-head .section-label{margin-bottom:45px}.about-image-wrap img{height:430px}.service{grid-template-columns:42px 35px 1fr}.service-image{display:none}.service-body h3{font-size:23px}.project-grid{grid-template-columns:1fr}.project-large{min-height:500px;grid-row:auto}.project{min-height:400px}.statement-inner{gap:30px}.statement-mark{font-size:50px}
  .footer-top{grid-template-columns:1fr;justify-items:start}.footer-links{justify-content:flex-start;flex-wrap:wrap}.footer-contact{text-align:left}.footer-bottom{gap:15px;flex-direction:column}
}
@media(max-width:560px){
  .brand img{width:88px;height:52px}.hero-content{padding-top:50px}h1{font-size:54px}.hero-copy{margin:22px 0}.hero-actions .btn{width:100%;justify-content:space-between}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div{padding:17px 10px!important}.about-image-wrap img{height:360px}.service{gap:15px}.service-number{font-size:11px}.service-icon{font-size:18px}.service-body ul{display:block}.service-body li{margin-top:5px}.statement{padding:75px 0}.statement-inner{align-items:flex-start;flex-direction:column;gap:15px}.statement p{margin:0}.project-large{min-height:430px}.cta-section{min-height:620px}.cta-content h2{font-size:58px}.contact-note{line-height:1.7}
}