:root{
  --ink:#101418;
  --deep:#0b2230;
  --green:#1f8a6b;
  --green-2:#2fb08a;
  --sand:#eee7d8;
  --paper:#fbfaf6;
  --line:rgba(16,20,24,.14);
  --font-display:"Fraunces",Georgia,"Times New Roman",serif;
  --font-body:"Manrope","Helvetica Neue",Arial,sans-serif;
  --gutter:clamp(20px,5vw,72px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:0;text-wrap:balance}
.site-header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px var(--gutter) 30px;color:#fff;background:linear-gradient(180deg,rgba(11,34,48,.78),rgba(11,34,48,0))}
.brand img{width:clamp(124px,13vw,176px);filter:brightness(0) invert(1)}
.site-header nav{display:flex;align-items:center;gap:24px}
.site-header nav a{font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;opacity:.84}
.site-header nav a:hover{opacity:1}
.hero{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden;background:var(--deep)}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,34,48,.12),rgba(11,34,48,.34) 36%,rgba(11,34,48,.88))}
.hero__content{position:relative;z-index:1;padding:150px var(--gutter) clamp(54px,10vh,110px);color:#fff;width:min(1180px,100%)}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--green-2);font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:700}
.eyebrow::before{content:"";width:34px;height:1px;background:currentColor}
.hero h1{max-width:12ch;font-size:clamp(48px,8vw,112px);line-height:.96}
.hero__lead{margin-top:22px;max-width:680px;color:var(--sand);font-size:clamp(16px,1.5vw,20px)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;background:var(--green);color:#fff;text-decoration:none;font:700 13px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;transition:transform .25s,background .25s,border-color .25s}
.button:hover{transform:translateY(-1px);background:var(--green-2)}
.button--light{background:transparent;color:var(--green);border:1px solid var(--green)}
.button--light:hover{background:var(--green);color:#fff}
.button--ghost{background:transparent;border:1px solid rgba(255,255,255,.58)}
.button--ghost:hover{border-color:#fff;background:rgba(255,255,255,.12)}
.hero__actions,.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.section{padding:clamp(82px,12vh,150px) var(--gutter)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:clamp(32px,7vw,110px);align-items:start}
.split h2,.contact h2{font-size:clamp(34px,5vw,72px);line-height:1.02}
.copy{display:grid;gap:18px}
.copy p,.contact p{font-size:clamp(16px,1.25vw,19px);color:#303833;max-width:58ch}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:clamp(36px,6vh,70px)}
.fact{border-top:1px solid var(--line);padding-top:18px}
.fact b{display:block;font-family:var(--font-display);font-weight:400;font-size:clamp(28px,3.3vw,52px);line-height:1;color:var(--green)}
.fact span{display:block;margin-top:8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#4f5a54}
.band{background:var(--deep);color:#fff}
.band .copy p{color:var(--sand)}
.band h2{color:#fff}
.media-row{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:clamp(34px,6vh,70px)}
.media-row figure{margin:0;overflow:hidden;border-radius:8px;background:var(--sand);min-height:320px}
.media-row img{width:100%;height:100%;object-fit:cover}
.contact{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,680px);gap:clamp(30px,6vw,70px);align-items:center;background:var(--paper)}
.contact__photo{width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:var(--sand)}
.site-footer{display:flex;justify-content:center;padding:34px var(--gutter);background:var(--ink);color:#cbd8d2;font-size:12px}
@media(max-width:900px){
  .site-header nav{display:none}
  .split,.contact,.media-row{grid-template-columns:1fr}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .hero{min-height:92svh}
  .hero h1{font-size:clamp(42px,14vw,64px)}
  .button{width:100%}
  .facts{grid-template-columns:1fr}
  .contact-actions{display:grid}
}