.hero{position:relative;min-height:min(78dvh,760px);max-height:1180px;
  display:flex;align-items:center;
  padding:clamp(28px,3.6vh,52px) 0 clamp(28px,3.6vh,52px);overflow:hidden}
.hero{--terra-onart:#8F4E36;--sage-onart:#3E6560}
.hero h1,.hero .h1{font-family:var(--disp);font-weight:400;
  font-variation-settings:'opsz' 144,'wght' 400;
  font-size:clamp(41px,min(6.35vw,9.4vh),92px);line-height:1.035;letter-spacing:-.032em;
  color:var(--fg-max);margin:0 0 clamp(16px,2.2vh,26px);max-width:13.2ch}
.hero .h1 em,.hero h1 em{font-style:italic;color:var(--terra-onart);
  font-variation-settings:'opsz' 144,'wght' 300;
  line-height:1.12;padding-bottom:.05em;display:inline-block}
.panel{display:none;position:relative;z-index:1}
.panel.on{display:block}
.panel.on>*{opacity:0;animation:rise .95s var(--ez) forwards}
.panel.on>*:nth-child(1){animation-delay:.02s}
.panel.on>*:nth-child(2){animation-delay:.1s}
.panel.on>*:nth-child(3){animation-delay:.19s}
.panel.on>*:nth-child(4){animation-delay:.27s}
.panel.on>*:nth-child(5){animation-delay:.35s}
.rail{grid-column:12 / 13;grid-row:1;align-self:center;justify-self:end;
  z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.rail button{background:none;border:0;cursor:pointer;padding:9px 2px 9px 14px;
  display:flex;align-items:center;gap:11px;min-height:44px;
  font-family:var(--mono);font-size:12px;color:var(--fg-muted);
  transition:color .45s var(--ez)}
.rail button i{display:block;width:20px;height:1.5px;background:rgba(67,80,91,.3);
  transition:width .6s var(--ez),background-color .6s var(--ez)}
.rail button:hover{color:var(--fg-strong)}
.rail button:hover i{width:32px;background:rgba(67,80,91,.55)}
.rail button[aria-pressed="true"]{color:#8F4E36}
.rail button[aria-pressed="true"] i{width:46px;background:var(--terra)}
.strip{background:var(--surface-inverse);color:var(--fg-on-dark);padding:30px 0}
.strip--bare{padding:7px 0}
.thesis{padding:clamp(84px,11vw,140px) 0 clamp(72px,9vw,116px);text-align:center;
  background:var(--sage-bed);border-top:1px solid var(--sage-edge);border-bottom:1px solid var(--sage-edge)}
.thesis .eyebrow{justify-content:center;margin-bottom:34px}
.chip{display:inline-flex;align-items:center;justify-content:center;
  height:1.55em;padding-inline:.62em;border-radius:999px;vertical-align:baseline;
  transform:translateY(.16em);margin-inline:.1em;
  font-family:var(--mono);font-size:max(12.5px,.34em);letter-spacing:.09em;
  text-transform:uppercase;white-space:nowrap;font-weight:500}
.chip--iq{background:var(--sage-t);color:var(--fg-on-dark)}
.chip--eq{background:var(--terra-t);color:var(--fg-on-dark)}
.chip--img{padding:0;font-size:inherit;width:1.9em;height:.86em;background:var(--surface-sunken);
  overflow:hidden;border:1px solid var(--hair);transform:translateY(.06em)}
.chip--img img{width:100%;height:100%;object-fit:cover;object-position:50% 46%}
.needs{padding:clamp(30px,5vw,60px) 0 clamp(96px,12vw,150px)}
.rows{border-top:1px solid var(--hair)}
.row{position:relative;display:grid;
  grid-template-columns:clamp(90px,9vw,140px) minmax(0,1fr) minmax(0,1.06fr);
  gap:clamp(20px,3.2vw,52px);
  padding:clamp(38px,4.6vw,64px) 0 clamp(38px,4.6vw,64px);
  border-bottom:1px solid var(--hair);
  transition:background-color .7s var(--ez)}
.row:nth-child(2){padding-left:clamp(0px,4.4vw,86px)}
.row:nth-child(3){padding-left:clamp(0px,8.8vw,172px)}
.row::before{content:'';position:absolute;left:0;top:-1px;height:2px;width:0;
  background:var(--terra);transition:width 1.15s var(--ez)}
.row.seen::before{width:var(--w,34%)}
.row:nth-child(1){--w:34%}
.row:nth-child(2){--w:58%}
.row:nth-child(3){--w:88%}
.row:hover{background:rgba(232,238,236,.5)}
.row:nth-child(2) .row__n{-webkit-text-stroke-color:rgba(166,94,66,.5)}
.row:nth-child(3) .row__n{-webkit-text-stroke-color:rgba(224,169,103,.78)}
.practice{background:var(--surface-sunken);padding:clamp(84px,10vw,128px) 0;
  --terra-ontint:#8F4E36; --sage-ontint:#3E6560}
.practice h2{font-size:clamp(29px,3.7vw,52px);line-height:1.11;letter-spacing:-.028em;max-width:13ch}
.practice h2 em{font-style:italic;color:var(--terra-ontint);font-variation-settings:'opsz' 144,'wght' 300;
  display:inline-block;line-height:1.15;padding-bottom:.05em}
.practice p.lede{font-size:17px;color:var(--fg);max-width:56ch;margin-top:20px}
.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(22px,2.4vw,32px);margin-top:34px}
.four>div{padding:0}
.four>div:nth-child(1) .four__bar{background:var(--sage)}
.four>div:nth-child(2) .four__bar{background:var(--terra)}
.four>div:nth-child(3) .four__bar{background:var(--gold)}
.four>div:nth-child(4) .four__bar{background:#5D6A70}
.four h3{font-size:clamp(17.5px,1.45vw,20px);margin-bottom:10px;
  font-variation-settings:'opsz' 72,'wght' 500;letter-spacing:-.012em}
.four p{font-size:15px;color:var(--fg);line-height:1.58}
.lab{background:var(--surface-inverse);color:var(--fg-on-dark);padding:clamp(96px,12vw,152px) 0;
  position:relative;overflow:hidden}
.lab::before{content:'';position:absolute;right:-16vw;top:-22vh;width:58vw;height:58vw;
  border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 42% 42%,rgba(80,129,124,.3),rgba(80,129,124,0) 64%)}
.lab h2{color:var(--fg-on-dark);font-size:clamp(30px,3.9vw,55px);line-height:1.1;
  letter-spacing:-.028em;max-width:17ch;margin-top:24px}
.lab h2 em{font-style:italic;color:var(--gold);font-variation-settings:'opsz' 144,'wght' 300;
  display:inline-block;line-height:1.15;padding-bottom:.05em}
.stats{display:grid;grid-template-columns:repeat(3,auto);gap:clamp(30px,5.5vw,84px);
  justify-content:start;margin-top:clamp(52px,6vw,76px);
  padding-top:38px;border-top:1px solid rgba(243,244,239,.17)}
.finding{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,.58fr);
  gap:clamp(30px,4.5vw,64px);margin-top:clamp(52px,6vw,80px);align-items:start}
.side{display:flex;flex-direction:column;gap:26px}
.more h4{color:var(--fg-on-dark);font-size:20px;margin-bottom:8px;
  font-variation-settings:'opsz' 72,'wght' 500}
.more p{font-size:14.5px;color:var(--fg-on-dark);line-height:1.6;margin-bottom:11px;max-width:34ch}
.more a{color:#A68BA9;font-size:14.5px;text-decoration:none;
  border-bottom:1px solid rgba(224,169,103,.4);padding-bottom:2px;transition:border-color .4s var(--ez)}
.more a:hover{border-color:#A68BA9;color:var(--fg-on-dark)}
.more:nth-child(1) .card__octa{background:var(--sage-lt);opacity:.92}
.more:nth-child(2) .card__octa{background:var(--terra);opacity:.9}
.more:nth-child(3) .card__octa{background:var(--gold);opacity:.95}
.more:hover .card__octa{transform:rotate(22.5deg) scale(1.06);opacity:1}
.tools{padding:clamp(90px,11vw,140px) 0 clamp(80px,10vw,120px)}
.tools h2{font-size:clamp(28px,3.55vw,50px);line-height:1.11;letter-spacing:-.028em;max-width:15ch}
.tools h2 em{font-style:italic;color:var(--sage-t);font-variation-settings:'opsz' 144,'wght' 300;
  display:inline-block;line-height:1.15;padding-bottom:.05em}
.track{border-top:1px solid var(--hair)}
.tool{display:grid;
  grid-template-columns:34px minmax(0,1fr) minmax(0,1.3fr) 190px;
  align-items:center;gap:clamp(18px,2.6vw,40px);
  padding:clamp(24px,2.8vw,34px) clamp(4px,1vw,14px);
  border-bottom:1px solid var(--hair);
  transition:background-color .6s var(--ez)}
.tool:hover{background:rgba(232,238,236,.55)}
.mark{width:34px;height:34px;flex:none;
  -webkit-mask:url("https://brand.inocta.io/icons/inocta-icon-primary-black.svg") center/contain no-repeat;
          mask:url("https://brand.inocta.io/icons/inocta-icon-primary-black.svg") center/contain no-repeat;
  transition:transform .9s var(--ez)}
.tool:hover .mark{transform:rotate(45deg)}
@media (prefers-reduced-motion:reduce){
.mark{transition:none}
.tool:hover .mark{transform:none}
}
.tool:nth-child(1) .mark{background:var(--sage)}
.tool:nth-child(2) .mark{background:var(--terra)}
.tool:nth-child(3) .mark{background:var(--gold)}
.tool:nth-child(4) .mark{background:var(--plum)}
.tool h3{font-size:clamp(19px,1.65vw,23px);font-variation-settings:'opsz' 72,'wght' 500;
  max-width:18ch}
.tool p{font-size:15.5px;color:var(--fg);line-height:1.6;max-width:52ch}
.tool a{justify-self:end;font-family:var(--mono);font-size:12.5px;letter-spacing:.05em;
  color:var(--terra-t);text-decoration:none;display:inline-flex;align-items:center;
  gap:9px;white-space:nowrap}
.tool a::before{content:'';width:14px;height:1px;background:var(--terra);flex:none;
  transition:width .5s var(--ez)}
.tool:hover a::before{width:26px}
@media(max-width:1080px){
.rail{position:static;transform:none;flex-direction:row;align-items:center;
    flex-wrap:wrap;gap:2px 4px;margin-top:40px;grid-column:1 / 13;
    grid-row:2;justify-self:stretch;margin-top:0;margin-bottom:26px;
    padding-bottom:16px;border-bottom:1px solid var(--sage-edge)}
.rail button{padding:11px 5px}
.rail button i{width:18px}
.rail button[aria-pressed="true"] i{width:30px}
.four{grid-template-columns:1fr 1fr;gap:clamp(24px,3.4vw,40px) clamp(20px,3vw,36px)}
.tool{grid-template-columns:34px minmax(0,1fr);
    grid-template-areas:'mark head' '. body' '. link';
    align-items:start;gap:10px 22px}
.tool .mark{grid-area:mark;margin-top:2px}
.tool h3{grid-area:head;align-self:center;max-width:none}
.tool p{grid-area:body;max-width:62ch}
.tool a{grid-area:link;justify-self:start;margin-top:6px}
.finding{grid-template-columns:1fr}
}
@media(max-width:860px){

  .hero{min-height:auto;padding:0 0 68px}
.row{grid-template-columns:1fr;gap:14px;padding-left:0 !important}
.four{grid-template-columns:1fr;gap:30px}
.stats{grid-template-columns:1fr;gap:28px}
}
@media(prefers-reduced-motion:reduce){
.panel.on>*{opacity:1;animation:none}
.row.seen::before{width:var(--w,34%)}
.more:hover .card__octa,.tool:hover .mark{transform:none}
}

@media(max-width:1080px){

  .hero{position:relative;min-height:0;padding-top:0;padding-bottom:0;
    align-items:stretch}
  .hero__grid{position:relative;display:block;width:100%}
  .hero__art{position:absolute;left:0;right:0;top:0;
    height:clamp(430px,140vw,620px);margin:0;z-index:0}
  .rail{display:none}
  .hero__copy{position:relative;z-index:2;grid-row:auto;
    margin-top:clamp(215px,72vw,340px);
    margin-bottom:clamp(16px,4vw,26px);
    padding:clamp(20px,5vw,26px) clamp(18px,4.6vw,24px) clamp(22px,5.6vw,28px);
    background:rgba(243,244,239,.93);
    backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
    border-radius:18px;
    box-shadow:0 1px 0 rgba(26,37,48,.05),0 18px 44px -22px rgba(26,37,48,.30)}
  .hero__copy::before{display:none}
}

.strip__names b{white-space:nowrap;font-weight:inherit}

@media(max-width:700px){
  .strip__in{gap:8px 0;flex-direction:column;align-items:flex-start}
  .strip__names{font-size:clamp(15px,3.6vw,19px);line-height:1.85;
    display:flex;flex-wrap:wrap;align-items:baseline;gap:0 2px}
  .strip__names i{margin:0 8px}
}

.hero__frame--book img:first-child{opacity:.38;filter:blur(2px)}

.hero__frame--book{z-index:2}

.hero__book{position:absolute;opacity:0;pointer-events:none;
  transition:opacity .8s var(--ez,ease);
  z-index:4;
  left:8%;top:52%;bottom:auto;transform:translateY(-50%);
  width:auto !important;height:clamp(38%,46%,54%) !important;
  object-fit:contain !important;
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(26,37,48,.10),
             0 2px 6px rgba(26,37,48,.12),
             0 26px 60px -20px rgba(26,37,48,.42),
             0 70px 130px -60px rgba(26,37,48,.34)}
.hero__book.on{opacity:1}

@media(max-width:1080px){

  .hero__book{left:50%;top:5%;bottom:auto;
    transform:translateX(-50%);
    height:clamp(28%,34%,38%) !important}
}