/* Toll Bench card geometry, portrait fade and heading typography from its public
   card.css / agent-side.css, inspected 2026-10-22. Original portrait assets retained.
   This presentation has no marketplace handlers, ratings, or transaction controls. */
@font-face{font-family:'Toll Bench Jakarta';font-style:normal;font-weight:400 800;font-display:swap;src:url('tollbench/plus-jakarta-sans.woff2') format('woff2')}
body.direction-cinematic :is(.site-action,.text-link,.outline-link,.overview-link,.directory-overview,.directory-card-action,.project-detail__actions a,.project-actions a,.history-event>a,.history-section a,.current-feature-caption>a){font-size:18px;line-height:1.5;min-height:44px;display:inline-flex;align-items:center;gap:.35em;flex-wrap:wrap}
body.direction-cinematic :is(.btn,.btn-medium,.btn-small,.btn-very-small){font-size:17px;line-height:1.45;min-height:44px;white-space:normal}
body.direction-cinematic .portal-previous-label{display:inline-block;font-size:clamp(14px,1.8vw,24px);line-height:1.35;max-width:calc(100vw - 76px);letter-spacing:.04em}
.project-credit{display:inline;font-size:.65em;font-weight:400;white-space:nowrap}
.agent-process{padding:110px max(6vw,24px);background:#111115;color:#fff;overflow:clip}
.agent-process-intro{max-width:1240px;margin:0 auto 52px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end}
.agent-process-intro h2{font-size:clamp(48px,6vw,88px);line-height:1.02;letter-spacing:-.055em;margin:0}
.agent-process-intro h2 em{font-weight:400}
.agent-process-intro p:not(.eyebrow){font-size:19px;line-height:1.6;color:#d4d4dc;max-width:560px}
.agent-process a{color:inherit}
.agent-process-grid{max-width:1240px;margin:0 auto;padding:0;list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:40px 28px;perspective:1800px}
.agent-process-step{grid-column:span 2;min-width:0;transform-origin:50% 50%;will-change:auto}
.agent-process-step:nth-child(4){grid-column:2 / span 2}
.agent-step-label{display:flex;align-items:baseline;gap:12px;font-size:18px;line-height:1.4;min-height:52px;margin:0 0 16px}
.agent-step-label>span{color:#aaaab7;font-size:14px;font-variant-numeric:tabular-nums}
.tb-story-card{--card-night:#050509;position:relative;background:var(--card-night);border-radius:28px;box-shadow:0 18px 50px #0005;overflow:hidden;font-family:'Toll Bench Jakarta',sans-serif;color:white}
.tb-story-inner{position:relative;min-height:590px}
.tb-story-face{position:relative;overflow:hidden;min-height:540px;background:var(--card-night)}
.tb-story-agent{height:540px;display:flex;align-items:flex-end}
.tb-story-agent img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%}
.tb-story-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0505096b 0%,transparent 16%,transparent 40%,#0505099e 58%,#050509eb 78%,#050509 100%)}
.tb-story-identity{position:relative;padding:24px;z-index:1}
.tb-story-identity h3{font-family:'Toll Bench Jakarta',sans-serif;color:white;font-size:clamp(30px,3.35vw,48px);font-weight:800;line-height:1;letter-spacing:-.02em;overflow-wrap:anywhere;margin:0 0 10px;text-shadow:0 2px 18px #0009}
.tb-story-identity p{font-size:14px;font-weight:600;line-height:1.45;color:#d0d0d5;margin:0}
.tb-story-explanation{background:#fff;color:#19191f;padding:30px 26px;display:flex;flex-direction:column;gap:24px}
.tb-story-counter{font-size:14px;font-weight:700;letter-spacing:.05em;color:#64646e}
.tb-story-explanation h3{font-family:'Toll Bench Jakarta',sans-serif;font-weight:800;font-size:32px;line-height:1.12;letter-spacing:-.025em;color:inherit;margin:0}
.tb-story-explanation p{font-size:18px;line-height:1.6;color:#41414b;margin:0}
.tb-story-credit{margin-top:auto;font-size:14px;color:#63636c}
.tb-story-flip{display:none;border:0;border-top:1px solid #ffffff1a;width:100%;min-height:52px;background:#050509;color:#eeeef3;font-family:inherit;font-size:17px;font-weight:600;cursor:pointer;align-items:center;justify-content:center;gap:10px;padding:12px 20px}
.tb-story-flip:hover{background:#22222c}.tb-story-flip:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.agent-cards-enhanced .tb-story-inner{height:540px;min-height:540px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.agent-cards-enhanced .tb-story-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;height:100%}
.agent-cards-enhanced .tb-story-explanation{transform:rotateY(180deg)}
.agent-cards-enhanced .tb-story-card.is-flipped .tb-story-inner{transform:rotateY(180deg)}
.agent-cards-enhanced .tb-story-flip{display:flex}
.agent-process-outro{max-width:1240px;margin:40px auto 0;display:flex;justify-content:space-between;gap:32px;align-items:center}
.agent-process-outro p{color:#b8b8c3;font-size:15px;line-height:1.6;max-width:580px;margin:0}
@media(max-width:1099px){.agent-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-process-step,.agent-process-step:nth-child(4){grid-column:auto}.agent-process-step:last-child{grid-column:1 / -1;width:calc(50% - 14px);justify-self:center}.agent-process-intro{gap:32px}.tb-story-identity h3{font-size:40px}}
@media(max-width:640px){.agent-process{padding:72px 20px}.agent-process-intro{grid-template-columns:1fr;gap:28px;margin-bottom:36px}.agent-process-grid{grid-template-columns:1fr;max-width:420px;gap:32px}.agent-process-step:last-child{grid-column:auto;width:100%}.agent-step-label{min-height:0}.agent-process-outro{display:block}.agent-process-outro>a{margin-top:18px}.tb-story-explanation{padding:28px 24px}.tb-story-explanation h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.agent-cards-enhanced .tb-story-inner{height:auto;transform:none!important;transition:none}.agent-cards-enhanced .tb-story-face{position:relative;transform:none!important;backface-visibility:visible;height:auto;min-height:0}.agent-cards-enhanced .tb-story-agent{height:380px}.agent-cards-enhanced .tb-story-explanation{gap:20px}.agent-cards-enhanced .tb-story-flip{display:none}.agent-process-step{transform:none!important;opacity:1!important}}