/* Version 3: loads after site.css and v2.css */
@font-face{font-family:"League Spartan";src:url(fonts/LeagueSpartan_700Bold.woff2) format("woff2");font-weight:700;font-display:swap}

/* Section navigation row */
.subnav{border-top:1px solid rgba(27,26,24,.18);background:var(--cream)}
.subnav ul{list-style:none;margin:0 auto;padding:0 var(--gut);max-width:var(--wrap);display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.subnav ul::-webkit-scrollbar{display:none}
.subnav a{display:block;white-space:nowrap;text-decoration:none;font:600 14px/1 "Jost",sans-serif;padding:12px 10px;border-bottom:3px solid transparent}
.subnav a:hover{color:var(--red)}
.subnav a.on{border-bottom-color:var(--red)}
.v3 .nav a.navlink{display:none}
.v3 section[id]{scroll-margin-top:118px}

/* Lead beside the Agentic AI scene */
.lead-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,72px);align-items:start}
.lead-grid .scene{margin:0;position:sticky;top:130px;border:3px solid var(--ink);box-shadow:var(--shadow)}
.lead-grid .scene img{width:100%;aspect-ratio:1;object-fit:cover}
@media (max-width:860px){.lead-grid{grid-template-columns:1fr}.lead-grid .scene{position:static;max-width:520px}}

/* Method photo instead of poster */
.v3 .photo-frame{margin:0;position:sticky;top:130px;border:3px solid var(--ink);box-shadow:var(--shadow);background:var(--cream)}
.v3 .photo-frame img{width:100%;aspect-ratio:1;object-fit:cover}
@media (max-width:860px){.v3 .photo-frame{position:static;max-width:520px}}

/* Testimonial carousel */
.tcar{margin-top:56px}
.tcar-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}
.tcar-head h3.group{margin:0}
.tcar .wall-nav button{background:var(--cream)}
.tcar .wall-nav button:hover{background:var(--yellow)}
.tcar-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/3);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 24px;scrollbar-width:thin;scrollbar-color:var(--yellow) transparent}
.tcard{scroll-snap-align:start;background:var(--cream);color:var(--ink);border:3px solid var(--cream);padding:28px 26px 24px;display:flex;flex-direction:column;margin:0}
.tcard::before{content:"“";font:800 80px/0.7 "Jost",sans-serif;color:var(--red);display:block;height:38px}
.tcard blockquote{margin:0 0 22px;font-size:16.5px;line-height:1.6}
.tcard blockquote p{margin:0 0 .7em}
.tcard blockquote p:last-child{margin:0}
.tcard .note{display:block;font-size:13px;color:var(--ink-2);margin-top:8px}
.tcard figcaption{margin-top:auto;padding-top:18px;border-top:3px solid var(--ink);display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center}
.tcard figcaption img,.tcard figcaption .mono{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--ink)}
.tcard .name{display:block;font:800 19px/1.2 "Jost",sans-serif}
.tcard .role{display:block;font:700 14px/1.35 "League Spartan","Jost",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-top:6px}
.tcard .co{display:block;font:700 15px/1.3 "League Spartan","Jost",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-top:3px}
.tcar-dots{display:flex;gap:8px;justify-content:center;margin-top:4px}
.tcar-dots button{width:12px;height:12px;border:2px solid var(--cream);background:transparent;padding:0;cursor:pointer}
.tcar-dots button.on{background:var(--yellow);border-color:var(--yellow)}
@media (max-width:980px){.tcar-track{grid-auto-columns:calc((100% - 22px)/2)}}
@media (max-width:640px){.tcar-track{grid-auto-columns:88%}}
.tcar{scroll-margin-top:130px}

/* "Two ways" back to version 1 layout */
.v3 .path{padding:clamp(28px,4vw,48px);display:block}
.v3 .path .glyph{top:-30px;bottom:auto}
.v3 .path--inst .glyph{top:-20px}
.tcard blockquote{font-size:16px}
.topics li a{text-decoration:none;color:inherit}
.topics li:has(a):hover{background:var(--yellow)}
.topics li small{font-size:12px;color:var(--ink-2)}