:root { --green:#123d2a; --cream:#f3eddf; --gold:#b88a3b; --gold-light:#d8b66e; --ink:#082b1d; }
* { box-sizing:border-box; }
html { background:var(--green); overflow-y:scroll; scrollbar-gutter:stable; }
body { margin:0; min-height:100vh; display:flex; flex-direction:column; background:var(--green); color:var(--cream); font-family:Georgia,"Times New Roman",serif; }
a { color:inherit; text-underline-offset:.28em; }
.site-header { background:var(--cream); color:var(--ink); border-bottom:1px solid rgba(184,138,59,.7); }
.header-inner { width:min(74rem,100%); margin:auto; padding:1.15rem clamp(1.25rem,4vw,3rem) 1rem; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.wordmark { display:block; width:clamp(13rem,24vw,18rem); height:auto; }
nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.55rem 1.15rem; font:600 .76rem/1.4 Arial,Helvetica,sans-serif; letter-spacing:.06em; text-transform:uppercase; }
nav a { text-decoration:none; }
nav a:hover, nav a:focus-visible, nav a[aria-current="page"] { color:var(--gold); }
.home-main { width:min(74rem,100%); flex:1; margin:auto; padding:clamp(2rem,5vw,4.5rem) clamp(1.25rem,4vw,3rem) 2rem; }
.hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(20rem,.8fr); align-items:center; gap:clamp(2rem,6vw,5rem); }
.hero h1 { margin:0; max-width:10ch; font-size:clamp(3.4rem,7vw,6.8rem); font-weight:400; line-height:.9; letter-spacing:-.05em; }
.hero h1 span { color:var(--gold-light); }
.hero-image { min-height:clamp(21rem,48vw,34rem); background:linear-gradient(rgba(8,43,29,.16),rgba(8,43,29,.16)),url('agtech-drone.jpg') center/cover; background-blend-mode:multiply; border-radius:.15rem; box-shadow:0 0 0 1px rgba(243,237,223,.15); }
.home-footer { width:min(74rem,100%); margin:0 auto; padding:1.2rem clamp(1.25rem,4vw,3rem) 2rem; border-top:1px solid rgba(243,237,223,.22); display:flex; justify-content:space-between; gap:1rem; color:rgba(243,237,223,.84); font:.86rem/1.5 Arial,Helvetica,sans-serif; }
.home-footer span { color:var(--gold-light); }
.page-main { width:min(74rem,100%); flex:1; margin:auto; padding:clamp(2.5rem,6vw,5rem) clamp(1.25rem,4vw,3rem) 4rem; }
.page-head { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1fr); gap:2rem clamp(3rem,6vw,5rem); align-items:end; margin-bottom:clamp(2.8rem,6vw,4.5rem); }
.page-head h1 { margin:0; min-width:0; font-size:clamp(3.8rem,6.4vw,6.2rem); font-weight:400; line-height:.92; letter-spacing:-.045em; }
.intro { margin:0; max-width:36rem; font-size:clamp(1.35rem,2.7vw,1.9rem); line-height:1.35; }
.services { border-top:1px solid rgba(216,182,110,.65); }
.services section { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1fr); gap:1rem clamp(3rem,6vw,5rem); padding:1.65rem 0; border-bottom:1px solid rgba(243,237,223,.24); }
.services h2 { margin:0; font-size:clamp(1.25rem,2.5vw,1.75rem); font-weight:400; line-height:1.15; }
.services p, .body-copy { margin:0; max-width:38rem; color:rgba(243,237,223,.86); font:1rem/1.62 Arial,Helvetica,sans-serif; }
.single-copy { max-width:45rem; border-top:1px solid rgba(216,182,110,.65); padding-top:1.8rem; }
.single-copy p + p { margin-top:1rem; }
.email { display:inline-block; color:var(--gold-light); font:clamp(1.05rem,2.4vw,1.35rem)/1.5 Arial,Helvetica,sans-serif; }
.page-footer { margin-top:2.25rem; color:var(--gold-light); font:.78rem/1.5 Arial,Helvetica,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
@media(max-width:54rem){
  .header-inner{align-items:flex-start;flex-direction:column;gap:1rem}
  nav{justify-content:flex-start}
  .hero{grid-template-columns:1fr}
  .hero-image{min-height:18rem}
  .hero h1{font-size:clamp(3.4rem,14vw,6rem)}
  .page-head h1{font-size:clamp(2.85rem,12vw,4.8rem);line-height:.94;overflow-wrap:break-word}
  .page-head,.services section{grid-template-columns:1fr;gap:1.25rem}
  .home-footer{flex-direction:column}
}
@media(max-width:30rem){
  .header-inner{padding-top:1rem}
  .wordmark{width:min(13rem,72vw)}
  nav{gap:.45rem .9rem;font-size:.7rem}
  .page-main{padding-top:2.25rem;padding-bottom:3rem}
  .page-head{margin-bottom:2.4rem}
  .services section{padding:1.4rem 0}
  .email{overflow-wrap:anywhere}
}