/* built.css: the three chapters of "built for you" (brand-read, design-build, agent-train). Shared skeleton
   only: the copy column, the chapter rail, the stage tile. Each chapter's own visual lives in its section.css. */
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/instrument-serif-display.woff2') format('woff2')}
.bt{min-height:calc(var(--hero-vh) - var(--nav-h));display:flex;align-items:center;padding-block:clamp(36px,6vh,72px)}
.bt-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,88px);align-items:center;width:100%}
.bt-in.is-flip .bt-copy{order:2}
.bt-in.is-stack{grid-template-columns:minmax(0,1fr);gap:clamp(24px,3vw,44px)}
.bt-in.is-stack .bt-copy{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:8px clamp(32px,5vw,88px);align-items:end}
.bt-in.is-stack .bt-eyebrow{grid-column:1/-1}
.bt-in.is-stack .bt-h{margin:0}
.bt-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:0 0 18px}
.bt-rail{display:inline-flex;gap:5px}
.bt-rail i{width:18px;height:3px;border-radius:2px;background:var(--line)}
.bt-rail i.is-on{background:var(--accent)}
.bt-eyebrow b{font-weight:400;color:var(--ink)}
.bt-h{font-size:clamp(34px,3.7vw,58px);font-weight:500;letter-spacing:-.035em;line-height:1.05;margin:0 0 18px;max-width:17ch}
.bt-lead{font-size:clamp(17px,1.3vw,19px);line-height:1.55;color:var(--text-2);max-width:46ch}
.bt-points{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:2px;counter-reset:bt}
.bt-points li{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:15px;color:var(--text-2);transition:color .35s var(--ease)}
.bt-points li::before{counter-increment:bt;content:counter(bt);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--bg-2);font-family:var(--font-mono);font-size:11px;color:var(--text-2);transition:background .35s var(--ease),color .35s var(--ease)}
.bt-points li.is-on{color:var(--ink)}
.bt-points li.is-on::before{background:#C8703A;color:#171311}
.bt-stage{position:relative;margin:0;border-radius:var(--r-tile);overflow:hidden;isolation:isolate;background:radial-gradient(60% 60% at 15% 10%,rgba(36,87,255,.10),transparent 70%),radial-gradient(55% 60% at 90% 90%,rgba(200,112,58,.14),transparent 70%),var(--bg-2);border:1px solid var(--line)}
.bt-ex{position:absolute;left:16px;bottom:12px;z-index:6;font-size:11px;color:var(--text-2);margin:0}
@media (max-width:900px){
  .bt-in,.bt-in.is-stack .bt-copy{grid-template-columns:minmax(0,1fr)}
  .bt-in.is-flip .bt-copy{order:0}
  .bt-h{font-size:clamp(32px,8.6vw,44px)}
}