.ab-page { --ab-space:clamp(70px,8vw,130px); }
.ab-page main [id] { scroll-margin-top:105px; }
.ab-hero,.ab-founders { max-width:1760px; margin-inline:auto; padding-inline:var(--jr-gutter); }
.ab-hero { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:clamp(40px,6vw,100px); padding-top:34px; padding-bottom:var(--ab-space); }
.ab-hero h1 { margin:0 0 35px -.04em; font-size:clamp(90px,10.7vw,180px); font-weight:600; letter-spacing:-.075em; line-height:.92; }
.ab-blurb-start { max-width:34ch; margin:0; font:400 clamp(23px,2.05vw,32px)/1.33 var(--nav-reading); letter-spacing:-.02em; }
.ab-reading-link { display:inline-flex; align-items:center; gap:38px; min-height:44px; padding:10px 0; margin-top:28px; border-bottom:1px solid currentColor; font-size:12px; font-weight:500; text-decoration:none; }
.ab-reading-link span { font-size:23px; font-weight:400; transition:transform .3s; }
.ab-reading-link:hover span { transform:translateY(4px); }
.ab-hero-figure { min-width:0; margin:0; }
.ab-hero .ab-hero-photo { height:clamp(520px,48vw,760px); margin:0; }
.ab-hero-photo::after { display:none; }
.ab-hero-photo picture { display:block; width:100%; height:100%; }
.ab-hero-photo img { object-position:47% 50%; }
.ab-hero-figure figcaption { margin:14px 0 0; font:400 16px/1.3 var(--nav-reading); }
.ab-hero-figure figcaption a { display:inline-flex; min-height:28px; align-items:center; text-decoration:none; }
.ab-hero-figure figcaption a:hover { text-decoration:underline; text-underline-offset:4px; }
.ab-concept { position:relative; display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1fr); gap:clamp(45px,8vw,135px); padding:var(--ab-space) var(--jr-gutter); background:var(--jr-sand); isolation:isolate; }
.ab-concept::before { content:""; position:absolute; inset:0; z-index:-1; background:url('/assets/navigation/nav-shell-plaster.webp') center/1100px auto; opacity:.17; mix-blend-mode:multiply; pointer-events:none; }
.ab-section-label { margin:0 0 32px; font-size:12px; font-weight:500; }
.ab-quote { max-width:11ch; margin:0 0 35px; font-size:clamp(51px,5.2vw,86px); font-weight:600; line-height:1.02; letter-spacing:-.06em; }
.ab-blurb-end { max-width:32ch; margin:0; font:400 clamp(23px,2vw,30px)/1.35 var(--nav-reading); }
.ab-prose p { margin:0 0 25px; font:400 23px/1.5 var(--nav-reading); letter-spacing:-.006em; text-wrap:pretty; }
.ab-prose p:last-child { margin-bottom:0; }
.ab-concept-copy { align-self:center; max-width:60ch; }
.ab-founders { padding-block:var(--ab-space); }
.ab-founders-opening { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(40px,6vw,100px); align-items:start; margin-bottom:clamp(55px,7vw,110px); }
.ab-founders-opening h2 { margin:0; font-size:clamp(52px,6.4vw,106px); font-weight:600; letter-spacing:-.065em; line-height:1; }
.ab-founder-intro { margin:0; font:400 clamp(25px,2.3vw,35px)/1.3 var(--nav-reading); letter-spacing:-.02em; }
.ab-founder { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(45px,7vw,120px); }
.ab-founder + .ab-founder { margin-top:clamp(65px,9vw,145px); }
.ab-founder > figure { min-width:0; margin:0; }
.ab-founder-photo { height:clamp(530px,48vw,760px); aspect-ratio:auto; margin:0; }
.ab-founder-photo img { object-position:50% 38%; }
.ab-founder > figure figcaption { margin:13px 0 0; font:400 16px/1.3 var(--nav-reading); }
.ab-founder-copy h3 { margin:0 0 26px; font-size:clamp(37px,4.2vw,67px); font-weight:600; line-height:1.03; letter-spacing:-.055em; }
.ab-founder--2 > figure { grid-column:2; grid-row:1; }
.ab-founder--2 > .ab-founder-copy { grid-column:1; grid-row:1; }
.ab-founder--2 .ab-founder-photo { height:clamp(520px,45vw,700px); }
.ab-founder--2 .ab-founder-photo img { object-position:55% 30%; }
.ab-reach { position:relative; padding:65px var(--jr-gutter) 75px; background:var(--jr-blue); color:var(--jr-shell); isolation:isolate; }
.ab-reach::before { content:""; position:absolute; inset:0; z-index:-1; background:url('/assets/navigation/nav-shell-plaster.webp') center/1100px auto; opacity:.08; mix-blend-mode:screen; pointer-events:none; }
.ab-reach-top { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-bottom:55px; }
.ab-reach h2 { margin:0; font:400 27px/1.3 var(--nav-reading); }
.ab-reach a { display:inline-flex; align-items:center; gap:30px; min-height:44px; border-bottom:1px solid currentColor; font-size:13px; font-weight:500; text-decoration:none; }
.ab-reach a svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.2; }
.ab-reach a:focus-visible { outline-color:var(--jr-shell); }
.ab-reach dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:45px; margin:0; }
.ab-reach dl > div { display:flex; flex-direction:column; align-items:start; }
.ab-reach dt { order:2; margin-top:18px; font:400 22px/1.3 var(--nav-reading); }
.ab-reach dd { margin:0; font-size:clamp(65px,8.8vw,145px); font-weight:600; letter-spacing:-.07em; line-height:1; }
.ab-contact { display:flex; justify-content:space-between; align-items:center; gap:40px; padding:44px var(--jr-gutter); border-bottom:1px solid var(--jr-line); }
.ab-contact p { margin:0; font:400 26px/1.3 var(--nav-reading); }
.ab-contact > a { display:inline-flex; align-items:center; gap:45px; min-height:50px; padding:8px 0; border-bottom:1px solid currentColor; font-size:clamp(25px,2.4vw,38px); font-weight:600; letter-spacing:-.04em; text-decoration:none; }
.ab-contact > a svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.1; }
@media(min-width:761px) and (max-height:800px) {
  .ab-hero { padding-top:20px; }
  .ab-hero .ab-hero-photo { height:560px; }
  .ab-hero h1 { font-size:clamp(90px,10vw,155px); margin-bottom:27px; }
  .ab-blurb-start { font-size:25px; }
}
@media(max-width:1100px) {
  .ab-hero { gap:36px; }
  .ab-hero h1 { font-size:105px; }
  .ab-blurb-start { font-size:25px; }
  .ab-hero .ab-hero-photo { height:600px; }
  .ab-concept { gap:40px; }
  .ab-prose p { font-size:22px; }
  .ab-quote { font-size:58px; }
  .ab-founder { gap:40px; }
  .ab-founder-photo { height:630px; }
  .ab-founder--2 .ab-founder-photo { height:600px; }
}
@media(max-width:760px) {
  .ab-page { --ab-space:61px; }
  .ab-page main [id] { scroll-margin-top:92px; }
  .ab-hero { display:flex; flex-direction:column; align-items:stretch; gap:30px; padding-top:20px; }
  .ab-hero h1 { margin-bottom:24px; font-size:clamp(85px,18vw,132px); }
  .ab-blurb-start { max-width:35ch; font-size:23px; line-height:1.35; }
  .ab-reading-link { margin-top:21px; font-size:11px; }
  .ab-hero .ab-hero-photo { height:auto; aspect-ratio:1.02; }
  .ab-hero-photo img { object-position:50% 52%; }
  .ab-hero-figure figcaption { margin-top:9px; font-size:15px; }
  .ab-concept { display:block; }
  .ab-section-label { margin-bottom:24px; font-size:11px; }
  .ab-quote { max-width:11ch; margin-bottom:25px; font-size:clamp(47px,9vw,67px); }
  .ab-blurb-end { font-size:24px; max-width:27ch; }
  .ab-concept-copy { margin-top:39px; }
  .ab-prose p { font-size:22px; line-height:1.5; }
  .ab-founders-opening { display:block; margin-bottom:40px; }
  .ab-founders-opening h2 { margin-bottom:25px; font-size:56px; }
  .ab-founder-intro { font-size:26px; line-height:1.35; }
  .ab-founder { display:flex; flex-direction:column; align-items:stretch; gap:28px; }
  .ab-founder + .ab-founder { margin-top:55px; }
  .ab-founder .ab-founder-photo,.ab-founder--2 .ab-founder-photo { height:auto; aspect-ratio:.83; margin-bottom:0; }
  .ab-founder > figure figcaption { margin-top:10px; font-size:15px; }
  .ab-founder-copy h3 { font-size:40px; margin-bottom:23px; }
  .ab-reach { padding-top:45px; padding-bottom:52px; }
  .ab-reach-top { margin-bottom:32px; gap:20px; }
  .ab-reach h2 { font-size:23px; }
  .ab-reach a { gap:17px; font-size:11px; }
  .ab-reach a svg { width:19px; height:19px; }
  .ab-reach dl { grid-template-columns:1fr; gap:27px; }
  .ab-reach dl > div { flex-direction:row; justify-content:space-between; align-items:baseline; gap:20px; padding-bottom:24px; border-bottom:1px solid #efe7d755; }
  .ab-reach dl > div:last-child { padding-bottom:0; border:0; }
  .ab-reach dt { order:0; margin:0; font-size:23px; }
  .ab-reach dd { font-size:76px; }
  .ab-contact { padding-block:29px; gap:25px; }
  .ab-contact p { max-width:10ch; font-size:22px; }
  .ab-contact > a { gap:25px; font-size:25px; }
  .ab-contact > a svg { width:23px; height:23px; }
}
@media(max-width:360px) {
  .ab-hero h1 { font-size:80px; }
  .ab-blurb-start { font-size:22px; }
  .ab-quote { font-size:44px; }
  .ab-prose p { font-size:21px; }
  .ab-founder-intro { font-size:24px; }
  .ab-founder-copy h3 { font-size:35px; }
  .ab-reach dd { font-size:65px; }
  .ab-reach dt { font-size:21px; }
  .ab-contact { gap:18px; }
  .ab-contact p { font-size:20px; }
  .ab-contact > a { font-size:23px; gap:18px; }
}
@media(prefers-reduced-motion:no-preference) and (min-width:761px) {
  .ab-hero h1 { animation:ab-arrival 850ms cubic-bezier(.22,1,.36,1) both; }
  @keyframes ab-arrival { from { clip-path:inset(0 0 100%); transform:translateY(12px); } to { clip-path:inset(0); transform:translateY(0); } }
}
@media(min-width:761px) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .ab-page.jr-motion-active .ab-hero-photo.jr-motion-frame picture > img { transform:translate3d(0,var(--jr-motion-y,0px),0) scale(1.05); transition:transform 140ms linear; }
}