/* Aetheric Consulting - Direction A, Boundary */

@font-face{
  font-family:'Familjen Grotesk';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fonts/familjen-grotesk-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,
    U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Familjen Grotesk';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fonts/familjen-grotesk-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,
    U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,
    U+2C60-2C7F,U+A720-A7FF;
}

:root{
  --paper:#ECEEEF; --paper-2:#E3E6E8;
  --ink:#12161A; --ink-70:#4C5459; --ink-45:#79838A;
  --rule:#C6CDD1; --rule-soft:#D7DCDF;
  --interior:#12161A; --on-dark:#DDE2E5; --on-dark-2:#8C969C; --rule-dark:#2C343A;
  --accent:#FF6301; --accent-hover:#E05600; --accent-ink:#B04300;
  --f:'Familjen Grotesk','Helvetica Neue',Arial,sans-serif;
  --gut:64px; --edge:32px;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f);
  font-size:16px;line-height:1.6;font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:antialiased;text-wrap:pretty;}
img,svg{max-width:100%;}
p{margin:0;}
h1,h2,h3{margin:0;font-weight:500;letter-spacing:-0.022em;}
a{color:var(--ink);text-decoration:none;}
a:hover{color:var(--accent-ink);}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
.skip{position:absolute;left:-9999px;}
.skip:focus{left:var(--edge);top:var(--edge);z-index:10;background:var(--ink);
  color:var(--paper);padding:12px 18px;}

/* boundary */
.frame{margin:var(--edge);border:1px solid var(--rule);
  min-height:calc(100vh - var(--edge)*2);display:flex;flex-direction:column;}
.pad{padding-left:var(--gut);padding-right:var(--gut);}

/* header */
.hdr{display:flex;align-items:center;justify-content:space-between;gap:24px;
  min-height:78px;border-bottom:1px solid var(--rule);flex-wrap:wrap;}
.brand{display:flex;align-items:center;gap:12px;}
.brand img{width:22px;height:28px;display:block;}
.wm{font-weight:600;font-size:17px;letter-spacing:0.07em;line-height:1;}
.wm-sub{font-size:9.5px;letter-spacing:0.2em;font-weight:500;color:var(--ink-45);
  line-height:1;margin-top:5px;}
.hdr-r{display:flex;align-items:center;gap:44px;}
.nav{display:flex;align-items:center;gap:30px;}
.nav a{font-size:11px;letter-spacing:0.14em;font-weight:500;text-transform:uppercase;
  color:var(--ink-70);}
.nav a[aria-current]{color:var(--ink);}
.nav a[aria-current]::before{content:"";display:inline-block;width:5px;height:5px;
  background:var(--accent);margin-right:8px;vertical-align:2px;}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--accent);
  color:#12161A;font-size:12px;letter-spacing:0.12em;font-weight:500;
  text-transform:uppercase;padding:16px 22px;border:1px solid var(--accent);}
.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#12161A;}
.btn-sm{padding:11px 16px;font-size:10.5px;}

/* labels */
.lab{font-size:11px;letter-spacing:0.17em;font-weight:500;text-transform:uppercase;
  color:var(--ink-45);}
.lab-ink{color:var(--ink);}
.idx{display:flex;align-items:center;gap:14px;padding-bottom:26px;}
.idx .n{font-size:11px;letter-spacing:0.17em;font-weight:500;color:var(--accent-ink);}
.idx .t{font-size:11px;letter-spacing:0.17em;font-weight:500;text-transform:uppercase;
  color:var(--ink-70);}
.idx .ln{flex-grow:1;height:1px;background:var(--rule);}

/* type */
.h1{font-size:clamp(38px,5.4vw,72px);line-height:1.0;letter-spacing:-0.032em;}
.h1-sm{font-size:clamp(34px,4.6vw,60px);line-height:1.02;letter-spacing:-0.032em;}
.h2{font-size:clamp(27px,3.1vw,40px);line-height:1.08;letter-spacing:-0.026em;}
.h3{font-size:clamp(20px,1.7vw,23px);line-height:1.22;letter-spacing:-0.018em;}
.stmt{font-size:clamp(18px,1.6vw,21px);line-height:1.34;letter-spacing:-0.014em;}
.lead{font-size:clamp(17px,1.5vw,20px);line-height:1.52;color:var(--ink-70);}
.bod{font-size:16.5px;line-height:1.66;color:var(--ink-70);}
.sm{font-size:14px;line-height:1.6;color:var(--ink-45);}

/* sections */
.sec{padding-top:104px;padding-bottom:104px;border-top:1px solid var(--rule);}
.sec-first{border-top:none;padding-top:96px;}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;}
.split-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
  gap:80px;align-items:start;}
.cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 80px;}
.stack{display:flex;flex-direction:column;gap:22px;}
.rule-top{border-top:1px solid var(--rule);padding-top:22px;}

/* interior */
.interior{background:var(--interior);color:var(--on-dark);padding:110px var(--gut);}
.interior .lab,.interior .idx .t{color:var(--on-dark-2);}
.interior .idx .n{color:var(--accent);}
.interior .idx .ln{background:var(--rule-dark);}
.interior .bod{color:var(--on-dark-2);}
.interior a{color:var(--on-dark);}
.interior a:hover{color:var(--accent);}
.interior .h2{color:var(--on-dark);}

/* engagements */
.eng{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;
  background:var(--rule-soft);}
.eng > div{background:var(--paper);padding:36px 40px 0 0;}
.eng > div + div{padding-left:40px;}
.tagslot{height:22px;margin-bottom:20px;display:flex;align-items:flex-start;}
.tag{display:inline-block;background:var(--accent);color:#12161A;font-size:9.5px;
  line-height:1;letter-spacing:0.14em;font-weight:500;text-transform:uppercase;
  padding:6px 9px;}

/* objections */
.obj{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;
  background:var(--rule);border:1px solid var(--rule);}
.obj > div{background:var(--paper-2);padding:40px 40px 44px;}

/* sequence */
.seq{display:flex;align-items:stretch;}
.seq > .stage{flex-grow:1;flex-basis:0;border-top:1px solid var(--ink);padding-top:20px;}
.seq > .joint{width:56px;flex-shrink:0;display:flex;align-items:flex-start;
  padding-top:14px;justify-content:center;}

/* approach rows */
.rows > div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;
  padding:22px 0;border-top:1px solid var(--rule-soft);}
.rows{border-bottom:1px solid var(--rule-soft);}
.levers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;
  background:var(--rule-dark);border:1px solid var(--rule-dark);margin-top:80px;}
.levers > div{background:var(--interior);padding:28px 26px 30px;}

/* footer */
.ftr{border-top:1px solid var(--rule);padding:56px var(--gut) 40px;margin-top:auto;}
.ftr-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;}
.ftr-nav{display:flex;flex-direction:column;gap:10px;}
.ftr-nav a{font-size:14px;color:var(--ink-70);}
.ftr-base{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;
  margin-top:56px;padding-top:22px;border-top:1px solid var(--rule-soft);}
.scroll-x{overflow-x:auto;overscroll-behavior-x:contain;}
.scroll-x svg{max-width:none;}

@media (max-width:1180px){
  :root{--gut:44px;--edge:24px;}
  .split,.split-hero{gap:52px;}
  .cols-3{gap:40px;}
  .levers{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:900px){
  :root{--gut:32px;}
  .sec{padding-top:72px;padding-bottom:72px;}
  .sec-first{padding-top:64px;}
  .interior{padding:80px var(--gut);}
  .split,.split-hero,.cols-3,.grid-2,.obj,.eng{grid-template-columns:minmax(0,1fr);}
  .split,.split-hero{gap:32px;}
  .cols-3,.grid-2{gap:40px;}
  .eng{gap:0;background:none;}
  .eng > div{padding:0 0 40px;}
  .eng > div + div{padding-left:0;border-top:1px solid var(--rule-soft);padding-top:36px;}
  .obj{gap:1px;}
  .obj > div{padding:32px 28px 36px;}
  .seq{flex-direction:column;gap:28px;}
  .seq > .joint{display:none;}
  .rows > div{grid-template-columns:minmax(0,1fr);gap:10px;}
  .ftr-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;}
  .ftr-base{flex-direction:column;align-items:flex-start;}
  .hdr{min-height:0;padding-top:18px;padding-bottom:18px;}
  .hdr-r{gap:24px;flex-wrap:wrap;}
  .nav{gap:18px;flex-wrap:wrap;}
}
@media (max-width:560px){
  :root{--gut:22px;--edge:12px;}
  .hdr-r > .btn{display:none;}
  .ftr{padding:40px var(--gut) 32px;}
  .ftr-cols{grid-template-columns:minmax(0,1fr);}
  .btn{width:100%;justify-content:space-between;}
  .nav a{font-size:10.5px;letter-spacing:0.12em;}
}
@media print{
  .frame{border:none;margin:0;} .btn{display:none;}
}