/* =========================================================
   Liberty Best Solutions — shared stylesheet
   Mature · calm · premium · authoritative
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

:root{
  /* Navy — trust, stability, premium */
  --navy-900:#0e1f35;
  --navy-800:#13273f;
  --navy-700:#1b3553;
  --navy-600:#284a6e;
  --ink:#162636;          /* primary text on light */

  /* Warm stone neutrals */
  --stone:#f3efe7;        /* page background */
  --stone-deep:#ece6da;
  --paper:#fbf9f4;        /* cards / raised surfaces */
  --line:#e2dacb;         /* hairline on stone */
  --line-soft:#eee8db;

  /* Muted gold accent — used sparingly */
  --gold:#b08d4c;
  --gold-soft:#c7a667;
  --gold-deep:#94733a;
  --gold-tint:rgba(176,141,76,0.10);

  /* Text roles */
  --body:#46535f;         /* body copy on light */
  --muted:#6d7884;        /* secondary */
  --on-navy:#dfe6ee;      /* body on navy */
  --on-navy-soft:#9fb0c2; /* secondary on navy */

  --maxw:1180px;
  --gutter:clamp(20px,5vw,64px);
  --serif:'Spectral',Georgia,'Times New Roman',serif;
  --sans:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;

  --ease:cubic-bezier(.22,.61,.36,1);
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  font-family:var(--sans);
  background:var(--stone);
  color:var(--body);
  font-size:clamp(1rem,0.97rem + 0.25vw,1.1875rem);
  line-height:1.75;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}

/* ---------- Layout ---------- */
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter);}
.section{padding-block:clamp(72px,11vw,140px);}
.section--tight{padding-block:clamp(56px,8vw,96px);}
.divider{height:1px;background:var(--line);border:0;}

/* ---------- Typography ---------- */
h1,h2,h3,h4{font-family:var(--serif);color:var(--ink);font-weight:500;line-height:1.08;letter-spacing:-0.012em;text-wrap:balance;}
.display{
  font-size:clamp(2.5rem,1.7rem + 3.9vw,4.6rem);
  font-weight:400;
  line-height:1.04;
  letter-spacing:-0.018em;
}
h2.h2{font-size:clamp(1.9rem,1.4rem + 2.1vw,3rem);font-weight:400;}
h3{font-size:clamp(1.25rem,1.1rem + 0.6vw,1.6rem);}
.lead{
  font-size:clamp(1.15rem,1.04rem + 0.5vw,1.4rem);
  line-height:1.62;
  color:var(--body);
  font-weight:400;
  text-wrap:pretty;
}
p{text-wrap:pretty;}
p + p{margin-top:1.1em;}

.eyebrow{
  font-family:var(--sans);
  font-size:0.74rem;
  font-weight:600;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:var(--gold-deep);
  display:inline-flex;
  align-items:center;
  gap:0.7em;
}
.eyebrow::before{
  content:"";
  width:26px;height:1px;background:var(--gold);
  display:inline-block;
}
.eyebrow--center{justify-content:center;}
.on-navy .eyebrow{color:var(--gold-soft);}

/* ---------- Buttons ---------- */
.btn{
  --bg:var(--navy-800);--fg:#fff;--bd:var(--navy-800);
  font-family:var(--sans);
  font-weight:600;
  font-size:0.95rem;
  letter-spacing:0.01em;
  display:inline-flex;align-items:center;gap:0.65em;
  padding:0.95em 1.7em;
  background:var(--bg);color:var(--fg);
  border:1px solid var(--bd);
  border-radius:2px;
  cursor:pointer;
  transition:transform .4s var(--ease),background .35s var(--ease),box-shadow .4s var(--ease),color .35s var(--ease);
  will-change:transform;
  white-space:nowrap;
}
.btn svg{transition:transform .4s var(--ease);}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(14,31,53,.55);}
.btn:hover svg{transform:translateX(4px);}
.btn--gold{--bg:var(--gold);--bd:var(--gold);--fg:#1d1606;}
.btn--gold:hover{--bg:var(--gold-soft);box-shadow:0 14px 30px -14px rgba(176,141,76,.6);}
.btn--ghost{--bg:transparent;--fg:var(--ink);--bd:var(--line);}
.btn--ghost:hover{--bg:#fff;--bd:#d6cdba;}
.btn--on-navy{--bg:transparent;--fg:#fff;--bd:rgba(255,255,255,.32);}
.btn--on-navy:hover{--bg:rgba(255,255,255,.06);--bd:rgba(255,255,255,.6);}

.tlink{
  font-family:var(--sans);font-weight:600;font-size:0.95rem;
  color:var(--ink);display:inline-flex;align-items:center;gap:0.5em;
  padding-bottom:2px;border-bottom:1px solid var(--gold);
  transition:gap .35s var(--ease),color .3s var(--ease);
}
.tlink:hover{gap:0.85em;color:var(--gold-deep);}
.on-navy .tlink{color:#fff;}

/* ---------- Header ---------- */
.site-header{
  position:sticky;top:0;z-index:60;
  background:rgba(243,239,231,.82);
  backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid transparent;
  transition:border-color .4s var(--ease),background .4s var(--ease);
}
.site-header.scrolled{border-bottom-color:var(--line);background:rgba(243,239,231,.94);}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;height:78px;}

.brand{display:flex;align-items:center;gap:13px;}
.brand__mark{
  width:38px;height:38px;flex:none;position:relative;
  border:1px solid var(--navy-700);
  display:grid;place-items:center;
  color:var(--navy-800);
  background:linear-gradient(160deg,#fff,#f1ebde);
}
.brand__mark span{font-family:var(--serif);font-weight:500;font-size:1.05rem;letter-spacing:0.02em;}
.brand__mark::after{content:"";position:absolute;left:6px;right:6px;bottom:6px;height:2px;background:var(--gold);}
.brand__name{display:flex;flex-direction:column;line-height:1;}
.brand__name b{font-family:var(--serif);font-weight:500;font-size:1.12rem;color:var(--ink);letter-spacing:.005em;}
.brand__name small{font-family:var(--sans);font-weight:600;font-size:0.6rem;letter-spacing:0.34em;text-transform:uppercase;color:var(--gold-deep);margin-top:5px;}

.nav__links{display:flex;align-items:center;gap:34px;}
.nav__links a{
  font-family:var(--sans);font-weight:500;font-size:0.95rem;color:var(--ink);
  position:relative;padding:6px 0;transition:color .3s var(--ease);
}
.nav__links a::after{
  content:"";position:absolute;left:0;bottom:-2px;height:1.5px;width:0;background:var(--gold);
  transition:width .4s var(--ease);
}
.nav__links a:hover{color:var(--gold-deep);}
.nav__links a:hover::after,.nav__links a[aria-current="page"]::after{width:100%;}
.nav__links a[aria-current="page"]{color:var(--ink);}
.nav__cta{display:flex;align-items:center;gap:18px;}

.nav__toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:transparent;border-radius:2px;cursor:pointer;position:relative;}
.nav__toggle span,.nav__toggle span::before,.nav__toggle span::after{
  content:"";position:absolute;left:50%;top:50%;width:18px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%);transition:.35s var(--ease);
}
.nav__toggle span::before{transform:translate(-50%,-6px);}
.nav__toggle span::after{transform:translate(-50%,5px);}
.nav__toggle[aria-expanded="true"] span{background:transparent;}
.nav__toggle[aria-expanded="true"] span::before{transform:translate(-50%,0) rotate(45deg);}
.nav__toggle[aria-expanded="true"] span::after{transform:translate(-50%,0) rotate(-45deg);}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;}
.hero__grid{
  display:grid;grid-template-columns:1.05fr 0.95fr;gap:clamp(36px,5vw,72px);align-items:center;
  padding-block:clamp(56px,8vw,120px);
}
.hero__eyebrow{margin-bottom:26px;}
.hero h1{margin-bottom:28px;}
.hero .lead{max-width:34ch;margin-bottom:40px;}
.hero__actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;}

/* Open-horizon CSS abstraction (no literal imagery) */
.horizon{
  position:relative;aspect-ratio:5/6;width:100%;border-radius:3px;overflow:hidden;
  background:
    radial-gradient(120% 80% at 50% 118%, rgba(199,166,103,.42), rgba(199,166,103,0) 55%),
    linear-gradient(180deg,#0c1c30 0%,#13273f 38%,#1c3a5b 58%,#2c5478 70%,#5b7e9c 78%,#9fb6c6 86%,#cdd7d9 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), 0 40px 80px -50px rgba(14,31,53,.7);
}
.horizon::before{ /* horizon line + water sheen */
  content:"";position:absolute;left:0;right:0;top:78%;height:42%;
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0) 30%);
  mix-blend-mode:screen;
}
.horizon::after{ /* sun glow low on horizon */
  content:"";position:absolute;left:50%;top:78%;width:46%;aspect-ratio:1;transform:translate(-50%,-58%);
  background:radial-gradient(circle, rgba(247,226,178,.7), rgba(247,226,178,0) 62%);
  filter:blur(2px);
}
.horizon__line{position:absolute;left:0;right:0;top:78%;height:1px;background:linear-gradient(90deg,transparent,rgba(247,226,178,.55),transparent);}
.horizon__caption{
  position:absolute;left:22px;bottom:20px;z-index:2;
  font-family:var(--sans);font-size:0.7rem;letter-spacing:0.16em;text-transform:uppercase;
  color:rgba(255,255,255,.78);font-weight:600;
  display:flex;align-items:center;gap:8px;
}
.horizon__caption::before{content:"";width:18px;height:1px;background:var(--gold-soft);}
.grain{position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");}

/* ---------- Statement band ---------- */
.statement{background:var(--paper);border-block:1px solid var(--line);}
.statement__inner{display:grid;grid-template-columns:auto 1fr;gap:clamp(28px,5vw,72px);align-items:start;}
.statement__label{font-family:var(--sans);font-weight:600;font-size:0.74rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold-deep);white-space:nowrap;padding-top:.7em;}
.statement__text{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,1.2rem + 1.6vw,2.4rem);line-height:1.32;color:var(--ink);letter-spacing:-0.01em;text-wrap:balance;}

/* ---------- Section header ---------- */
.shead{max-width:60ch;margin-bottom:clamp(40px,5vw,68px);}
.shead .eyebrow{margin-bottom:22px;}
.shead h2{margin-bottom:18px;}
.shead.center{margin-inline:auto;text-align:center;}

/* ---------- Service cards ---------- */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,28px);}
.svc{
  position:relative;background:var(--paper);border:1px solid var(--line);
  padding:clamp(28px,3vw,40px);display:flex;flex-direction:column;
  border-radius:3px;overflow:hidden;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s var(--ease);
}
.svc::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--gold);transition:width .6s var(--ease);}
.svc:hover{transform:translateY(-6px);box-shadow:0 30px 60px -40px rgba(14,31,53,.5);border-color:#d8cfbb;}
.svc:hover::before{width:100%;}
.svc__num{font-family:var(--serif);font-size:0.95rem;color:var(--gold-deep);font-weight:500;letter-spacing:.05em;margin-bottom:auto;}
.svc__title{font-family:var(--serif);font-size:clamp(1.45rem,1.2rem + 0.9vw,1.85rem);color:var(--ink);font-weight:500;margin:30px 0 12px;}
.svc__body{color:var(--body);font-size:1.02rem;line-height:1.65;}
.svc__more{margin-top:22px;font-family:var(--sans);font-weight:600;font-size:0.85rem;letter-spacing:.04em;color:var(--gold-deep);display:inline-flex;align-items:center;gap:.5em;opacity:0;transform:translateY(4px);transition:.5s var(--ease);}
.svc:hover .svc__more{opacity:1;transform:none;}

/* ---------- Editorial two-col ---------- */
.editorial{display:grid;grid-template-columns:0.9fr 1.1fr;gap:clamp(36px,6vw,90px);align-items:center;}
.editorial__media{position:relative;aspect-ratio:4/3.4;border-radius:3px;overflow:hidden;
  background:linear-gradient(155deg,#16293f,#24486b 60%,#6f93ad);
  box-shadow:0 40px 80px -55px rgba(14,31,53,.7);}
.editorial__media .horizon__line{top:64%;}
.editorial__media::after{content:"";position:absolute;left:0;right:0;top:64%;height:36%;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 40%);mix-blend-mode:screen;}
.kfacts{display:grid;gap:0;margin-top:34px;border-top:1px solid var(--line);}
.kfact{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line);}
.kfact b{font-family:var(--serif);font-size:2rem;font-weight:400;color:var(--gold-deep);line-height:1;}
.kfact span{color:var(--body);font-size:1rem;}

/* ---------- CTA band (navy) ---------- */
.cta-band{background:var(--navy-900);color:var(--on-navy);position:relative;overflow:hidden;}
.cta-band .horizon-bg{position:absolute;inset:0;opacity:.9;
  background:radial-gradient(90% 120% at 80% 120%, rgba(176,141,76,.28), transparent 55%),
            radial-gradient(70% 90% at 12% -10%, rgba(43,84,120,.55), transparent 60%);}
.cta-band__inner{position:relative;display:grid;grid-template-columns:1.2fr auto;gap:48px;align-items:center;}
.cta-band h2{color:#fff;font-size:clamp(1.8rem,1.3rem + 2.2vw,3rem);font-weight:400;max-width:18ch;}
.cta-band .lead{color:var(--on-navy);}
@media(max-width:760px){.cta-band__inner{grid-template-columns:1fr;}}

/* ---------- Page hero (interior) ---------- */
.phero{background:var(--navy-900);color:var(--on-navy);position:relative;overflow:hidden;}
.phero__bg{position:absolute;inset:0;opacity:1;
  background:radial-gradient(80% 120% at 88% 130%, rgba(176,141,76,.26), transparent 52%),
            radial-gradient(75% 100% at 6% -20%, rgba(43,84,120,.6), transparent 58%),
            linear-gradient(180deg,#0c1c30,#13273f);}
.phero__inner{position:relative;padding-block:clamp(72px,11vw,150px);max-width:30ch;}
.phero .eyebrow{color:var(--gold-soft);margin-bottom:26px;}
.phero h1{color:#fff;margin-bottom:26px;}
.phero .lead{color:var(--on-navy);max-width:46ch;}
.phero__inner.wide{max-width:none;}
.phero__inner.wide .lead{max-width:52ch;}

/* ---------- Process / stages ---------- */
.stage{display:grid;grid-template-columns:auto 1fr;gap:clamp(28px,5vw,72px);padding-block:clamp(44px,6vw,72px);border-top:1px solid var(--line);}
.stage:last-child{border-bottom:1px solid var(--line);}
.stage__index{display:flex;flex-direction:column;gap:10px;}
.stage__index b{font-family:var(--serif);font-size:clamp(2.6rem,2rem + 2.5vw,4.2rem);font-weight:300;color:var(--gold);line-height:.9;letter-spacing:-.02em;}
.stage__index small{font-family:var(--sans);font-weight:600;font-size:0.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);}
.stage__title{font-family:var(--serif);font-size:clamp(1.7rem,1.3rem + 1.6vw,2.5rem);font-weight:500;color:var(--ink);margin-bottom:28px;}
.stage__rows{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.5vw,40px);}
.stage__row dt{font-family:var(--sans);font-weight:600;font-size:0.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:12px;display:flex;align-items:center;gap:8px;}
.stage__row dt::before{content:"";width:14px;height:1px;background:var(--gold);}
.stage__row dd{color:var(--body);font-size:1.02rem;line-height:1.62;}

/* ---------- Belief / prose blocks ---------- */
.prose-grid{display:grid;grid-template-columns:0.8fr 1.2fr;gap:clamp(32px,6vw,88px);align-items:start;}
.prose-grid h2{font-size:clamp(1.7rem,1.3rem + 1.7vw,2.6rem);font-weight:400;}
.prose-grid .body p{margin-bottom:1.1em;}
.pullquote{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(1.5rem,1.2rem + 1.5vw,2.3rem);line-height:1.35;color:var(--ink);letter-spacing:-.01em;border-left:2px solid var(--gold);padding-left:clamp(20px,3vw,38px);text-wrap:balance;}

.valuelist{list-style:none;display:grid;gap:0;}
.valuelist li{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--line);}
.valuelist li:last-child{border-bottom:1px solid var(--line);}
.valuelist .vnum{font-family:var(--serif);color:var(--gold-deep);font-size:1.05rem;font-weight:500;}
.valuelist h3{font-size:1.3rem;margin-bottom:8px;}
.valuelist p{font-size:1rem;color:var(--body);}

/* ---------- Contact ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,88px);align-items:start;}
.contact-aside h3{font-size:1.45rem;margin-bottom:18px;}
.contact-aside p{color:var(--body);margin-bottom:28px;max-width:42ch;}
.contact-points{display:grid;gap:0;border-top:1px solid var(--line);margin-top:6px;}
.cpoint{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line);}
.cpoint__k{font-family:var(--sans);font-weight:600;font-size:0.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);padding-top:3px;}
.cpoint__v{color:var(--ink);font-size:1.02rem;}
.cpoint__v a:hover{color:var(--gold-deep);}

.form{background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:clamp(28px,3.5vw,44px);}
.field{margin-bottom:22px;}
.field label{display:block;font-family:var(--sans);font-weight:600;font-size:0.82rem;letter-spacing:.02em;color:var(--ink);margin-bottom:9px;}
.field label .req{color:var(--gold-deep);}
.field input,.field textarea{
  width:100%;font-family:var(--sans);font-size:1rem;color:var(--ink);
  background:#fff;border:1px solid var(--line);border-radius:2px;
  padding:0.85em 1em;transition:border-color .3s var(--ease),box-shadow .3s var(--ease);
}
.field textarea{min-height:128px;resize:vertical;}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-tint);}
.field input::placeholder,.field textarea::placeholder{color:#a7a395;}
.field.invalid input,.field.invalid textarea{border-color:#b4452f;box-shadow:0 0 0 3px rgba(180,69,47,.1);}
.field__err{display:none;color:#a23a26;font-size:0.8rem;margin-top:7px;font-weight:500;}
.field.invalid .field__err{display:block;}
.form__note{font-size:0.82rem;color:var(--muted);margin-top:6px;}
.form__error{color:#a23a26;font-size:0.85rem;margin-top:10px;font-weight:500;}
.form__error a{color:inherit;text-decoration:underline;}
.form__success{
  display:none;text-align:center;padding:clamp(30px,4vw,52px) 10px;
}
.form__success.show{display:block;animation:fadeUp .6s var(--ease) both;}
.form__success .tick{width:58px;height:58px;border-radius:50%;border:1.5px solid var(--gold);display:grid;place-items:center;margin:0 auto 22px;color:var(--gold-deep);}
.form__success h3{font-size:1.6rem;margin-bottom:10px;}
.form__success p{color:var(--body);max-width:36ch;margin-inline:auto;}

/* ---------- Footer ---------- */
.site-footer{background:var(--navy-900);color:var(--on-navy-soft);position:relative;overflow:hidden;}
.site-footer .horizon-bg{position:absolute;inset:0;background:radial-gradient(60% 120% at 90% 130%,rgba(176,141,76,.16),transparent 55%);}
.foot{position:relative;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;padding-block:clamp(56px,7vw,88px);}
.foot__brand .brand__mark{border-color:rgba(255,255,255,.25);background:linear-gradient(160deg,#1b3553,#13273f);color:#fff;}
.foot__brand .brand__name b{color:#fff;}
.foot__tag{margin-top:24px;font-family:var(--serif);font-size:1.2rem;color:#fff;max-width:24ch;line-height:1.4;}
.foot h4{font-family:var(--sans);font-weight:600;font-size:0.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:20px;}
.foot ul{list-style:none;display:grid;gap:13px;}
.foot a{color:var(--on-navy);transition:color .3s var(--ease);font-size:0.98rem;}
.foot a:hover{color:var(--gold-soft);}
.foot address{font-style:normal;color:var(--on-navy);font-size:0.98rem;line-height:1.7;}
.foot__bar{position:relative;border-top:1px solid rgba(255,255,255,.1);padding-block:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:0.82rem;color:var(--on-navy-soft);}

/* ---------- Reveal animation ---------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease);}
.reveal.in{opacity:1;transform:none;}
.reveal[data-d="1"]{transition-delay:.08s;}
.reveal[data-d="2"]{transition-delay:.16s;}
.reveal[data-d="3"]{transition-delay:.24s;}
.reveal[data-d="4"]{transition-delay:.32s;}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto !important;}
  .reveal{opacity:1 !important;transform:none !important;transition:none !important;}
}

/* ---------- Responsive ---------- */
@media(max-width:980px){
  .svc-grid{grid-template-columns:1fr;}
  .stage__rows{grid-template-columns:1fr;gap:22px;}
  .editorial,.prose-grid,.contact-grid{grid-template-columns:1fr;}
  .editorial__media{order:-1;aspect-ratio:16/10;}
  .foot{grid-template-columns:1fr 1fr;gap:40px;}
  .foot__brand{grid-column:1/-1;}
}
@media(max-width:760px){
  .nav__links,.nav__cta .btn{display:none;}
  .nav__toggle{display:block;}
  .hero__grid{grid-template-columns:1fr;}
  .horizon{aspect-ratio:16/12;max-height:46vh;}
  .statement__inner{grid-template-columns:1fr;gap:16px;}
  .cta-band__inner{grid-template-columns:1fr;}
  .stage{grid-template-columns:1fr;gap:18px;}
  .foot{grid-template-columns:1fr;}

  /* mobile nav panel */
  .nav__links.open{
    display:flex;position:absolute;left:0;right:0;top:78px;flex-direction:column;gap:0;
    background:var(--paper);border-bottom:1px solid var(--line);padding:8px var(--gutter) 20px;
  }
  .nav__links.open a{padding:16px 0;border-bottom:1px solid var(--line-soft);width:100%;}
  .nav__links.open + .nav__cta .btn{display:none;}
}
