.founding-anchors{padding-block:clamp(52px,7vw,88px);border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.founding-anchors-grid{display:grid;gap:34px}
.founding-anchors-intro h2{font-size:clamp(2.65rem,5vw,4.5rem);line-height:.98}
.founding-anchors-intro>p:last-child{max-width:34ch;margin-top:20px;color:var(--muted-dark);font-size:.9375rem;line-height:1.65}
.anchor-portraits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.anchor-person{min-width:0}
.anchor-portrait{height:auto;aspect-ratio:690/996;overflow:hidden;background:#06271f}
.anchor-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.anchor-portrait-sarah{background:#06271f}
.anchor-person figcaption{display:grid;gap:3px;padding-top:12px}
.anchor-person figcaption span,.anchor-testimonial small{color:var(--muted-dark);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}
.anchor-person figcaption strong{font-size:.92rem;line-height:1.25;letter-spacing:-.02em}
.anchor-bio-link{display:inline-flex;align-items:center;gap:8px;justify-self:start;min-height:42px;margin-top:5px;padding:0;color:var(--gold);font-size:.72rem;font-weight:600;letter-spacing:.02em;text-align:left;border:0;border-bottom:1px solid transparent;transition:border-color .25s var(--ease),color .25s var(--ease)}
.anchor-bio-link svg{width:15px;height:15px;transition:transform .25s var(--ease)}
.anchor-voice{display:grid;gap:26px;min-width:0}
.anchor-quote{display:grid;gap:16px;min-width:0}
.anchor-quote blockquote{margin:0}
.anchor-quote blockquote p{max-width:20ch;color:var(--white);font-size:clamp(1.6rem,6.4vw,2.15rem);font-weight:500;line-height:1.1;letter-spacing:-.035em;hanging-punctuation:first;text-wrap:balance}
.anchor-quote figcaption{display:grid;gap:4px}
.anchor-quote figcaption strong{color:var(--gold);font-size:.875rem;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.anchor-quote figcaption span{color:var(--muted-dark);font-size:.8125rem;line-height:1.45}
.anchor-testimonial{width:100%;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:15px;padding:14px 0;text-align:left;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.anchor-testimonial>img{width:58px;height:70px;object-fit:cover}
.anchor-testimonial-copy{display:grid;gap:5px;min-width:0}
.anchor-testimonial-copy strong{font-size:clamp(1rem,3.7vw,1.35rem);line-height:1.15;letter-spacing:-.025em}
.anchor-testimonial-play{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:.75rem}
.anchor-testimonial-play svg{width:20px;transition:transform .25s var(--ease)}
.anchor-bio-role{color:var(--gold);font-size:.68rem;font-weight:600;letter-spacing:.11em;line-height:1.5;text-transform:uppercase}
.bio-dialog{width:min(1040px,calc(100% - 24px));max-width:none;max-height:min(780px,calc(100dvh - 24px));padding:0;overflow:auto;color:#f1eee5;background:#06271f;border:1px solid rgba(213,175,89,.42);box-shadow:0 34px 110px rgba(0,0,0,.62)}
.bio-dialog[open]{animation:bio-in .5s var(--ease) both}
.bio-dialog::backdrop{background:rgba(1,14,11,.84);backdrop-filter:blur(8px);animation:bio-backdrop .4s ease both}
.bio-dialog-close{position:absolute;z-index:3;top:15px;right:15px;display:grid;place-items:center;width:46px;height:46px;padding:0;color:#f2efe7;font-size:1.65rem;line-height:1;background:rgba(3,24,19,.72);border:1px solid rgba(242,239,231,.38);border-radius:0;transition:color .2s ease,background .2s ease,transform .2s ease}
.bio-dialog-profile{display:grid;min-height:0;background-image:linear-gradient(rgba(213,175,89,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(213,175,89,.1) 1px,transparent 1px);background-size:100% 25%,25% 100%}
.bio-dialog-photo{position:relative;min-height:320px;overflow:hidden;background:#17352d}
.bio-dialog-photo::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset -1px 0 rgba(213,175,89,.42),inset 0 -80px 90px rgba(2,25,19,.25)}
.bio-dialog-photo img{display:block;width:100%;height:100%;min-height:320px;object-fit:contain;object-position:center;filter:saturate(.82) contrast(1.04)}
.bio-dialog-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,6vw,72px);overflow:hidden}
.bio-dialog-index{display:flex;align-items:center;gap:13px;margin-bottom:clamp(42px,7vw,82px);color:#9baaa3;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}
.bio-dialog-index::after{content:"";width:44px;height:1px;background:var(--gold)}
.bio-dialog-index span{order:2;margin-left:auto;color:var(--gold);font-variant-numeric:tabular-nums}
.bio-dialog-copy h2{margin-top:12px;font-size:clamp(3rem,9vw,6.4rem);font-weight:500;letter-spacing:-.06em;line-height:.82}
.bio-dialog-lede{max-width:46ch;margin-top:clamp(28px,4vw,42px);color:#c3cec7;font-size:clamp(.875rem,1.35vw,1rem);line-height:1.75}
.bio-dialog-mark{margin-top:clamp(34px,5vw,58px);padding-top:16px;color:#899b92;font-size:.61rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;border-top:1px solid rgba(213,175,89,.25)}
.bio-dialog-mark span{color:var(--gold);text-transform:lowercase}
.bio-dialog-close:focus-visible,.anchor-bio-link:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:699px){
  .founding-anchors{padding-block:clamp(48px,14vw,64px)}
  .founding-anchors-grid{gap:30px}
  .anchor-portraits{align-items:start;gap:10px}
  .anchor-portrait{height:auto;aspect-ratio:690/996;overflow:hidden}
  .anchor-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
  .anchor-person figcaption{padding-top:10px}
  .anchor-person figcaption strong{font-size:clamp(.82rem,4vw,.95rem)}
  .anchor-bio-link{min-height:44px;font-size:.68rem}
  .anchor-testimonial{grid-template-columns:54px minmax(0,1fr) auto;gap:12px}
  .anchor-testimonial-play>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

  .bio-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);overscroll-behavior:contain}
  .bio-dialog-profile{display:block}
  .bio-dialog-photo{min-height:0;overflow:hidden}
  .bio-dialog-photo::after{box-shadow:inset 0 -1px rgba(213,175,89,.42)}
  .bio-dialog-photo img{width:100%;height:auto;min-height:0;aspect-ratio:690/996;object-fit:contain;object-position:center}
  .bio-dialog-copy{justify-content:flex-start;padding:28px 22px 32px;overflow:visible}
  .bio-dialog-index{margin-bottom:28px}
  .bio-dialog-copy h2{font-size:clamp(2.85rem,16vw,4.5rem);line-height:.86}
  .bio-dialog-lede{margin-top:24px;line-height:1.68}
  .bio-dialog-mark{margin-top:28px}
}
@media(min-width:700px){.founding-anchors-grid{grid-template-columns:minmax(180px,.72fr) minmax(320px,1fr);align-items:center;column-gap:clamp(35px,6vw,82px)}.anchor-portraits{gap:18px}.anchor-voice{grid-column:1/-1;gap:30px}.anchor-quote blockquote p{font-size:clamp(2rem,4.4vw,2.5rem)}.anchor-testimonial{grid-template-columns:70px 1fr auto;padding-block:17px;gap:22px}.anchor-testimonial>img{width:70px;height:82px}.anchor-testimonial-play{font-size:.8125rem;gap:14px}.bio-dialog-profile{grid-template-columns:minmax(340px,.9fr) minmax(390px,1.1fr);min-height:650px}.bio-dialog-photo,.bio-dialog-photo img{min-height:650px}}
@media(min-width:1080px){.founding-anchors-grid{grid-template-columns:.7fr 1fr .9fr}.anchor-voice{grid-column:auto;align-self:stretch;align-content:center;gap:clamp(30px,3vw,42px);padding-left:28px;border-left:1px solid var(--line-dark)}.anchor-quote blockquote p{font-size:clamp(1.6rem,2.2vw,2rem)}.anchor-testimonial{grid-template-columns:84px 1fr;padding:0;border-top:0;border-bottom:0}.anchor-testimonial>img{width:84px;height:104px}.anchor-testimonial-play{grid-column:2}.anchor-testimonial-copy strong{font-size:1.45rem}}
@media(hover:hover) and (pointer:fine){.anchor-testimonial:hover .anchor-testimonial-play svg{transform:translateX(4px)}.anchor-bio-link:hover{color:var(--white);border-color:var(--gold)}.anchor-bio-link:hover svg{transform:translateX(3px)}.bio-dialog-close:hover{color:#06271f;background:var(--gold);transform:rotate(4deg)}}
@keyframes bio-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes bio-backdrop{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.anchor-testimonial-play svg,.anchor-bio-link,.anchor-bio-link svg,.bio-dialog-close{transition:none}.bio-dialog[open],.bio-dialog::backdrop{animation:none}}
@media print{.anchor-testimonial,.bio-dialog{display:none}.founding-anchors{background:#fff!important;color:var(--ink)!important}.founding-anchors-grid{display:grid;grid-template-columns:1fr 2fr}.anchor-portrait{height:180px}}

/* Link from Jhonny's testimonial to his work samples. */
.anchor-quote-link{display:inline-flex;align-items:center;gap:10px;justify-self:start;min-height:44px;color:var(--gold);font-size:.9375rem;font-weight:600;text-decoration:underline;text-decoration-color:rgba(213,175,89,.45);text-underline-offset:4px;transition:color .3s var(--ease),text-decoration-color .3s var(--ease)}
.anchor-quote-link svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;transition:transform .3s var(--ease)}
.anchor-quote-link:hover{color:#f3dc9c;text-decoration-color:currentColor}
.anchor-quote-link:hover svg{transform:translateX(4px)}
.anchor-quote-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}
