:root{--ink:#15252e;--muted:#65737a;--dark:#101d26;--dark2:#1a2c36;--accent:#b2cbbf;--cream:#f6f5f1;--line:#e2e6e3;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5.5vw,100px);background:rgba(246,245,241,.97);position:sticky;top:0;z-index:50;border-bottom:1px solid #e7e8e3;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border:1px solid #7d9b91;display:grid;place-items:center;font-family:Georgia,serif;font-size:28px;position:relative}.brand-mark span{position:absolute;right:-5px;top:-8px;font-size:11px;color:#6e9487;background:var(--cream)}.brand-name{font-size:14px;font-weight:800;letter-spacing:.15em;line-height:1.35}.brand-name small{display:block;font-size:9px;letter-spacing:.31em;font-weight:600}nav{display:flex;align-items:center;gap:29px}nav a{font-size:12px;font-weight:700;transition:color .2s}nav a:hover,nav a.active{color:#648d7c}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--dark);color:#fff!important;padding:16px 22px;border:1px solid var(--dark);font-size:12px;font-weight:700;letter-spacing:.03em;transition:transform .2s,background .2s}.nav-cta:hover,.button:hover{background:#2e4853;transform:translateY(-2px)}.button.outline{background:transparent;color:var(--dark)!important;border-color:#9aa7a2}.button.light{background:#e1ece5;color:#172b30!important;border-color:#e1ece5}.menu-toggle{display:none;background:none;border:0;font-size:27px}.hero{min-height:690px;display:grid;grid-template-columns:52% 48%;background:var(--dark);color:#fff}.hero-content{padding:clamp(75px,10vw,145px) 7vw 100px max(6vw,calc((100vw - 1350px)/2));display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:10px;font-weight:800;color:#7b9e8e;display:flex;align-items:center;gap:14px;margin-bottom:27px}.eyebrow:before{content:'';width:27px;height:1px;background:currentColor}.hero .eyebrow{color:#b7d0c3}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(48px,5.6vw,86px);line-height:1.08;letter-spacing:-.065em;font-weight:500;margin-bottom:27px}h1 em{font-style:normal;color:#b8d4c6}.hero p{font-size:16px;line-height:1.9;color:#b8c6c8;max-width:520px;margin-bottom:36px}.hero-visual{position:relative;overflow:hidden;background:linear-gradient(135deg,#324b4e,#12222a 60%)}.hero-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,29,38,.16),rgba(16,29,38,.05)),url('assets/slide2.jpg') center/cover;opacity:.83}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,20,25,.8),transparent 50%)}.visual-caption{position:absolute;z-index:1;bottom:40px;left:45px;color:white;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.hero-line{position:absolute;z-index:1;right:50px;top:55px;width:150px;height:150px;border:1px solid #ffffff55;border-radius:50%}.hero-line:before,.hero-line:after{content:'';position:absolute;inset:30px;border:1px solid #ffffff66;border-radius:50%}.hero-line:after{inset:60px;background:#c8e4d5}.container{width:min(1200px,88%);margin:auto}.section{padding:110px 0}.section-head{max-width:760px;margin-bottom:48px}.section-head h2,.page-intro h1{font-size:clamp(36px,4.2vw,61px);line-height:1.16;letter-spacing:-.055em;font-weight:600}.section-head p,.lead{font-size:17px;line-height:1.85;color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.feature-card{background:white;border:1px solid var(--line);padding:38px;min-height:255px;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #102c2810}.feature-icon{font-size:27px;color:#5d8c7c;margin-bottom:35px}.feature-card h3{font-size:19px;letter-spacing:-.035em}.feature-card p{font-size:14px;line-height:1.8;color:var(--muted)}.feature-card a{font-size:12px;font-weight:800;color:#537c6f}.dark-section{background:var(--dark);color:white}.dark-section .section-head p,.dark-section .lead{color:#a9bbbd}.dark-section .eyebrow{color:#b9d5c5}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.big-statement{font-size:clamp(34px,4.2vw,62px);font-weight:500;letter-spacing:-.055em;line-height:1.25}.check-list{list-style:none;padding:0}.check-list li{padding:19px 0;border-bottom:1px solid #ffffff29;color:#d8e3e1;display:flex;gap:20px}.check-list li:before{content:'↗';color:#b7d0c3}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:55px}.stat{border-top:1px solid #ffffff55;padding-top:25px}.stat strong{font-size:40px;display:block;font-family:Manrope}.stat span{color:#b6c8c9;font-size:13px}.project-card{background:white;overflow:hidden;border:1px solid var(--line)}.project-art{height:225px;background:linear-gradient(135deg,#405e60,#162b35);position:relative;overflow:hidden}.project-art img{width:100%;height:100%;object-fit:cover}.project-body{padding:28px}.project-body small{color:#668777;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.project-body h3{font-size:21px;margin:11px 0}.project-body p{color:var(--muted);font-size:13px;line-height:1.8}.cta-band{padding:95px 0;background:#dce9e0}.cta-band .split{gap:50px}.cta-band h2{font-size:clamp(35px,4.5vw,60px);line-height:1.18;letter-spacing:-.055em;margin:0}.page-intro{padding:105px 0 90px;background:var(--dark);color:#fff}.page-intro h1{max-width:850px;margin-bottom:22px}.page-intro p{color:#b6c8c9;max-width:670px;font-size:17px;line-height:1.8}.page-intro .eyebrow{color:#b7d0c3}.service-detail{display:grid;grid-template-columns:90px 1fr 1.1fr;gap:45px;padding:40px 0;border-bottom:1px solid var(--line)}.service-detail .num{color:#7e9f90;font-size:14px}.service-detail h3{font-size:27px;letter-spacing:-.04em}.service-detail p{color:var(--muted);font-size:15px;line-height:1.85}.steps{counter-reset:steps}.step{display:grid;grid-template-columns:80px 1fr;gap:20px;border-top:1px solid #dce3dd;padding:30px 0}.step:before{counter-increment:steps;content:'0' counter(steps);font-size:24px;color:#779788}.step h3{font-size:21px}.step p{color:var(--muted);line-height:1.75}.deliverable{background:#e7ece6;padding:28px}.deliverable strong{display:block;font-size:17px;margin-bottom:10px}.deliverable p{font-size:14px;line-height:1.75;color:#586b68;margin:0}.project-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-list .project-card{min-height:280px}.project-list .project-body{padding:32px}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.project-tags span{background:#e9efea;color:#526e62;padding:8px 10px;font-size:11px}.bio-card{background:white;border:1px solid var(--line);padding:40px}.bio-card h3{font-size:29px}.bio-card p{line-height:1.9;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.contact-links a{display:block;font-size:19px;margin:15px 0;overflow-wrap:anywhere}.contact-form{background:white;border:1px solid var(--line);padding:40px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:19px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}.field input,.field textarea,.field select{width:100%;border:1px solid #d5ddd8;background:#fbfcfa;padding:14px;color:var(--ink);outline:none}.field input:focus,.field textarea:focus{border-color:#679785}.field textarea{min-height:120px;resize:vertical}.form-note{font-size:12px;color:var(--muted);line-height:1.7;margin-top:15px}.success{padding:18px;background:#e5f1e8;border-left:3px solid #57846d;margin-top:15px;line-height:1.7;font-size:13px}footer{background:#0d171e;color:#dce8e3;padding:70px 6vw 28px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:50px;padding-bottom:70px}.footer-brand{font-weight:800;letter-spacing:.16em}.footer-brand span{display:block;font-size:10px;letter-spacing:.3em;margin-top:4px}.footer-top p{font-size:13px;color:#8fa4a5;margin-top:20px}.footer-links{display:flex;flex-direction:column;gap:15px;font-size:13px}.footer-links a:hover{color:#b8d4c6}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff24;padding-top:25px;font-size:11px;color:#8fa4a5}.tagline{font-size:12px;letter-spacing:.2em;color:#7e9b8e;text-transform:uppercase}.note{font-size:12px;color:var(--muted);line-height:1.7;margin-top:25px}@media(max-width:900px){.site-header{height:75px}nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--cream);padding:20px 6vw 28px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 20px #0001}nav.open{display:flex}nav a{padding:15px 0}.nav-cta{margin-top:12px;padding:16px}.menu-toggle{display:block}.hero{grid-template-columns:1fr}.hero-content{padding:85px 7vw}.hero-visual{min-height:350px}.grid-3{grid-template-columns:repeat(2,1fr)}.split{gap:35px}.service-detail{grid-template-columns:45px 1fr;gap:18px}.service-detail p{grid-column:2}.contact-grid{gap:30px}}@media(max-width:640px){.container{width:88%}.section{padding:70px 0}.hero{min-height:auto}.hero-content{padding:75px 6vw}.hero-visual{min-height:270px}.grid-3,.grid-2,.split,.stats,.project-list,.contact-grid,.footer-top,.form-row{grid-template-columns:1fr}.page-intro{padding:75px 0}.feature-card{min-height:unset;padding:28px}.footer-top{gap:30px;padding-bottom:45px}.footer-bottom{gap:10px;flex-direction:column}.contact-form{padding:24px}.service-detail{grid-template-columns:1fr}.service-detail p{grid-column:1}.visual-caption{left:20px}.cta-band{padding:65px 0}}
