@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101214;--panel:#191d20;--line:#34393e;--text:#f1f1eb;--muted:#a9b0b7;--accent:#eaff65;--blue:#8fc8ff;--red:#ff967e;--radius:4px;font:16px/1.6 'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);padding:10px 16px;background:var(--panel);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:20px}button:hover,.button:hover{border-color:var(--accent);color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.primary{background:var(--accent);color:#101214;border-color:var(--accent);font-weight:700}.primary:hover{background:#f3ffae;color:#101214}.skip{position:fixed;top:-80px;z-index:100;background:var(--accent);color:black;padding:16px}.skip:focus{top:0}header{min-height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 4vw;position:sticky;top:0;background:#101214f5;z-index:10;backdrop-filter:blur(14px)}.wordmark{font:800 25px/1 'Barlow Condensed',sans-serif;letter-spacing:-.4px;white-space:nowrap}.wordmark>span{color:var(--accent);margin-left:3px}.wordmark small{display:block;font:11px/1.4 monospace;letter-spacing:1.4px;margin-top:6px;color:var(--muted)}nav{display:flex;gap:25px;font-size:14px}.wip{font:12px monospace;letter-spacing:1px;white-space:nowrap}.wip i{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:9px}main{max-width:1440px;margin:auto;padding:0 6vw}.intro{padding-top:56px}.eyebrow{font:12px/1.4 monospace;letter-spacing:1.6px;color:var(--accent)}.intro-grid{display:grid;grid-template-columns:.95fr 1.1fr;gap:70px;margin-top:24px;align-items:start}h1,h2,h3,p,figure{margin:0}h1,.intro-title{font:700 clamp(64px,6.9vw,104px)/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1.6px}h1 em,.intro-title em{font-style:normal;color:var(--accent)}.lead{font-size:19px;max-width:410px;line-height:1.65;margin-top:24px}.intro-note{color:var(--muted);max-width:430px;margin:16px 0 26px}.hero-film{margin-top:9px}.hero-film video{width:100%;aspect-ratio:16/9;background:#080a0c;display:block;border:1px solid var(--line);object-fit:contain}.hero-film figcaption{display:flex;justify-content:space-between;padding:14px 0;font:12px/1.7 monospace;color:var(--muted);border-bottom:1px solid var(--line)}.hero-film figcaption b{color:var(--text);font-weight:400;letter-spacing:1px}blockquote{font:600 clamp(28px,3vw,44px)/1.1 'Barlow Condensed',sans-serif;margin:26px 0 0;padding-left:18px;border-left:3px solid var(--accent)}cite{display:block;font:12px/1.6 'DM Sans',sans-serif;color:var(--muted);margin-top:12px}.scoreboard{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:50px;padding:25px 0}.scoreboard>div{padding:0 24px;border-right:1px solid var(--line)}.scoreboard>div:first-child{padding-left:0}.scoreboard>div:last-child{border:0}.scoreboard strong{display:block;font:600 56px/1.05 'Barlow Condensed',sans-serif}.scoreboard strong span{font-size:30px}.scoreboard div>span{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:8px}.scoreboard .verdict>span{font:11px monospace;color:var(--accent);margin:0 0 10px}.verdict b{font-size:19px;line-height:1.4}.verdict a{display:block;font-size:12px;margin-top:12px;color:var(--muted)}.section{padding:65px 0;border-bottom:1px solid var(--line)}.section-head{margin-bottom:28px}.section-head h2,.section-head h1{font:600 clamp(36px,4.1vw,58px)/1.02 'Barlow Condensed',sans-serif;margin-top:13px}.section-head>p{max-width:740px;color:var(--muted);margin-top:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.card h3{font-size:19px;line-height:1.35;margin:12px 0}.card p{color:var(--muted)}.tag{display:inline-block;font:12px monospace;padding:4px 8px;border:1px solid var(--line);border-radius:2px;color:var(--accent)}.tag.failed,.tag.rejected{color:var(--red)}.tag.mixed{color:#ffda81}.tag.open{color:var(--blue)}.source-link{color:var(--blue);font-size:13px;background:none;border:0;padding:0;text-align:left;display:inline;margin:10px 14px 0 0;overflow-wrap:anywhere}.notice{padding:17px 20px;border-left:3px solid var(--accent);background:#eaff6509;margin-top:20px;color:var(--muted);font-size:14px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:24px 0}input[type=search],select{border:1px solid var(--line);padding:11px 14px;background:#141719;color:var(--text);border-radius:var(--radius);max-width:100%}input[type=search]{flex:1;min-width:180px}.toolbar button[aria-pressed=true],.variant[aria-pressed=true]{background:var(--accent);color:#101214;border-color:var(--accent)}.experiment{border-top:1px solid var(--line);padding:23px 0}.experiment summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:90px 1fr 140px 20px;align-items:start;gap:20px}.experiment summary::-webkit-details-marker{display:none}.experiment .date{color:var(--muted);font:12px/1.8 monospace}.experiment h3{font:600 28px/1.2 'Barlow Condensed',sans-serif}.experiment .summary{color:var(--muted);font-size:14px;margin-top:7px}.experiment .plus{font-size:24px;color:var(--accent);line-height:1}.experiment[open] .plus{transform:rotate(45deg)}.experiment-body{margin:25px 0 0 110px;max-width:950px}.experiment-body .columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.label{font:12px monospace;letter-spacing:1px;color:var(--accent);margin:0 0 8px}.experiment-body p{color:var(--muted);margin-bottom:15px}.count{font:12px monospace;color:var(--muted)}.lab-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lab-layout video{width:100%;aspect-ratio:16/9;background:black}.lab-layout .card{padding:20px}.metric-row{display:flex;gap:25px;padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:16px}.metric-row strong{font:600 34px/1 'Barlow Condensed',sans-serif;display:block}.metric-row span{font-size:12px;color:var(--muted)}textarea{width:100%;min-height:300px;resize:vertical;background:#0c0e10;border:1px solid var(--line);color:#d3dde5;padding:16px;font:13px/1.65 monospace}.small{font-size:13px;color:var(--muted)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.compare video{width:100%;aspect-ratio:16/9;background:black}.compare h3{font-size:17px;margin:10px 0}.pipeline-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:25px 0}.pipeline-step{text-align:left;display:block;padding:18px 14px;line-height:1.4}.pipeline-step b{display:block;margin:8px 0}.pipeline-step span{font:12px monospace;color:var(--accent)}.pipeline-step.active{border-color:var(--accent);background:#eaff650b}.pipeline-detail{min-height:140px}.gap-row{display:grid;grid-template-columns:85px 1fr 90px;gap:15px;align-items:center;margin:15px 0;font-size:14px}.bar-track{background:#282c30;height:28px;display:flex;max-width:100%;min-width:1px}.bar-replay{background:var(--blue)}.bar-wait{background:var(--red)}.legend{display:flex;gap:20px;font-size:13px;color:var(--muted);margin:15px 0}.legend i{display:inline-block;height:10px;width:10px;margin-right:5px}.scenario{margin-top:24px}.scenario input{width:100%;accent-color:var(--accent)}.scenario output{font:600 36px 'Barlow Condensed',sans-serif;color:var(--accent)}.file-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.file-item{display:flex;justify-content:space-between;gap:10px;padding:12px;text-align:left;font:13px/1.5 monospace;overflow-wrap:anywhere;min-width:0}.file-item span{color:var(--muted);white-space:nowrap}.conversation-item{border-top:1px solid var(--line);padding:18px 0}.conversation-item summary{cursor:pointer;line-height:1.5}.conversation-item .message-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font:14px/1.7 'DM Sans',sans-serif;margin:15px 0 0}.message-role{font:12px monospace;color:var(--accent);display:block;margin-bottom:8px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.future{counter-increment:future;position:relative;padding-left:60px}.future:before{content:'0' counter(future);position:absolute;left:20px;top:22px;font:24px 'Barlow Condensed',sans-serif;color:var(--accent)}.next-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;counter-reset:future}.future p{margin-bottom:12px}.future b{color:var(--text)}footer{padding:40px 0 70px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;font-size:13px;color:var(--muted)}footer b{color:var(--text)}footer #snapshot{width:100%;font:12px monospace}dialog{background:#141719;color:var(--text);border:1px solid var(--line);border-radius:6px;width:min(1100px,95vw);height:85vh;padding:24px}dialog::backdrop{background:#000b}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-head strong{overflow-wrap:anywhere;font-size:15px}#source-meta{font:12px/1.6 monospace;color:var(--muted);margin:15px 0;overflow-wrap:anywhere}#source-text{font:13px/1.7 monospace;white-space:pre;overflow:auto;background:#090b0d;padding:20px;max-height:calc(85vh - 210px);tab-size:2}#source-actions{display:flex;gap:12px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--accent);color:#101214;padding:12px 22px;z-index:100;border-radius:4px;display:none}body:has(dialog[open]){overflow:hidden}.empty{color:var(--muted);padding:35px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:400}.archive-tabs{display:flex;gap:12px}.chapter{font-size:18px;margin:30px 0 12px}@media(min-width:1600px){main{padding:0 80px}}@media(max-width:1000px){header{flex-wrap:wrap}nav{order:3;width:100%;justify-content:space-between;gap:12px}.intro-grid{gap:35px}h1{font-size:72px}.grid3{grid-template-columns:1fr}.scoreboard>div{padding:0 15px}.pipeline-steps{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){html{scroll-padding-top:140px}header{padding:16px 5vw;gap:15px}nav{overflow:auto;justify-content:flex-start;white-space:nowrap;font-size:13px;gap:22px}main{padding:0 5vw}.intro{padding-top:30px}.intro-grid{grid-template-columns:1fr;gap:35px}h1{font-size:78px}.lead{font-size:18px}.hero-film{margin-top:0}blockquote br{display:none}.scoreboard{grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.scoreboard>div:nth-child(2){border:0}.scoreboard>div:nth-child(3){padding-left:0}.scoreboard strong{font-size:48px}.section{padding:45px 0}.experiment summary{grid-template-columns:1fr 95px 16px;gap:12px}.experiment .date{grid-column:1/-1}.experiment h3{font-size:26px}.experiment-body{margin-left:0}.experiment-body .columns,.lab-layout,.compare,.next-list,.file-list{grid-template-columns:1fr}.pipeline-steps{grid-template-columns:1fr 1fr}.gap-row{grid-template-columns:63px 1fr 55px;gap:8px;font-size:12px}.wip{font-size:11px}.tag{font-size:11px}.toolbar button{font-size:13px;padding:8px 11px}dialog{padding:16px}.dialog-head{align-items:start}#source-text{padding:12px}.scoreboard .verdict b{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Gameplay-first revision */
.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:26px}.film-card{min-width:0;background:var(--panel);border:1px solid var(--line)}.film-card video{width:100%;aspect-ratio:16/9;display:block;background:#000;object-fit:contain}.film-card figcaption{padding:18px}.film-card h3{font:600 28px/1.12 'Barlow Condensed',sans-serif;margin:14px 0 10px}.film-card p{font-size:15px;color:var(--muted);line-height:1.65}.film-card .tag{font-size:11px}.related-films{grid-template-columns:repeat(2,minmax(0,1fr))}.experiment summary{grid-template-columns:1fr 145px 20px}.experiment-body{margin-left:0}.lab-layout>video{width:100%;aspect-ratio:16/9;background:black}.lab-layout .card p{margin-bottom:18px}.intro .hero-film video{max-height:360px}.film-grid video:focus-visible{outline:3px solid var(--accent)}@media(max-width:1000px){.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.film-grid,.related-films{grid-template-columns:1fr}.experiment summary{grid-template-columns:1fr 95px 16px}.film-card h3{font-size:28px}.film-card p{font-size:16px}}
/* Category colors identify the tested question, independently of result. */
.category-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}.category-choice{display:block;text-align:left;padding:20px;border-left:5px solid var(--category);background:color-mix(in srgb,var(--category) 7%,var(--bg));min-width:0}.category-choice>span{display:block;color:var(--category);font-weight:700}.category-choice small{font-size:12px;font-weight:400;float:right;margin-left:8px}.category-choice p{font-size:14px;line-height:1.5;margin-top:9px;color:var(--muted)}.category-choice[aria-pressed=true]{border-color:var(--category);background:color-mix(in srgb,var(--category) 18%,var(--bg))}.category-choice:hover{border-color:var(--category)}.category-chips{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 12px}.category-chips button{font-size:14px;border-bottom:3px solid var(--category,var(--text));color:var(--category,var(--text))}.category-chips button[aria-pressed=true]{background:color-mix(in srgb,var(--category,var(--text)) 17%,var(--bg));border-color:var(--category,var(--text))}.category-badge{display:inline-flex;align-items:center;gap:7px;color:var(--category);font:12px/1.4 monospace;letter-spacing:.3px;margin-bottom:10px}.category-badge:before{content:'';width:8px;height:8px;border-radius:2px;background:var(--category)}.experiment-group{margin:35px 0 45px}.group-heading{border-bottom:2px solid var(--category);padding:0 0 17px;margin-bottom:16px}.group-heading h3{font:600 35px/1.1 'Barlow Condensed',sans-serif;color:var(--category)}.group-heading p{color:var(--muted);margin-top:7px}#experiment-list .experiment{border:1px solid var(--line);border-left:5px solid var(--category);background:color-mix(in srgb,var(--category) 6%,var(--bg));padding:23px;margin:12px 0;border-radius:4px}#experiment-list .experiment[open]{background:color-mix(in srgb,var(--category) 9%,var(--bg))}.experiment .testing{color:var(--text);font-size:16px;line-height:1.55;margin-top:11px}.testing b{color:var(--category,var(--accent))}.change-preview{font-size:14px;line-height:1.6;color:var(--muted);margin-top:7px}.change-preview b{font-weight:500;color:var(--text)}.observe{padding:14px 17px;border-left:3px solid var(--category);background:#10121480;margin-bottom:24px;font-size:16px}.observe b{color:var(--category)}.experiment .plus{color:var(--category)}.experiment .notice{border-left-color:var(--category);background:#10121480}.film-card{border-top:4px solid var(--category,var(--line))}.film-card .testing{font-size:14px;color:var(--text);margin-bottom:10px}.film-kind{display:block;font:12px/1.5 monospace;color:var(--muted);margin-top:16px}.filter-label{font-size:13px;color:var(--muted);margin-left:7px}@media(max-width:900px){.category-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.category-picker{grid-template-columns:1fr}.category-choice{padding:16px}#experiment-list .experiment{padding:16px}.experiment .testing{font-size:16px}.category-chips button{font-size:13px;padding:8px 10px}#experiment-list .experiment summary{grid-template-columns:1fr 16px}#experiment-list .experiment summary>.tag{grid-row:2;grid-column:1;justify-self:start}#experiment-list .experiment summary>.plus{grid-column:2;grid-row:1}}
.generation-panel{margin-top:18px;border-top:1px solid var(--line);padding-top:12px;text-align:left}.generation-panel>summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:600;color:var(--text);list-style:none}.generation-panel>summary span{font:12px/1.6 monospace;color:var(--category,var(--accent))}.generation-panel .prompt-body{min-width:0}.generation-panel .prompt-body>p{font-size:13px;margin:15px 0}.prompt-entry{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.prompt-entry>summary{font-size:14px;cursor:pointer;display:block;list-style:none}.prompt-entry>summary small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.prompt-entry pre{font:13px/1.65 monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow:auto;background:#0b0e10;padding:16px;border:1px solid var(--line);tab-size:2}.copy-generation{font-size:13px;padding:6px 12px;margin-top:12px}.hero-film>.generation-panel{padding:12px;background:var(--panel);margin-top:0}.prompt-entry>summary:after{content:'Expand prompt +';display:block;color:var(--category,var(--accent));font:12px/1.6 monospace;margin-top:5px}.prompt-entry[open]>summary:after{content:'Collapse −'}
/* The experiment narrative is the single, fully expanded video collection. */
article.experiment>h3{margin:0 0 12px}article.experiment>.tag{margin-bottom:8px}.pipeline-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline-steps article p{font-size:14px}.pipeline-steps article h3{margin:8px 0 12px;font-size:18px}@media(max-width:700px){.pipeline-steps{grid-template-columns:1fr}}.experiment .generation-panel>summary,.experiment .prompt-entry>summary{display:block}.experiment .generation-panel>summary span{margin-left:12px}
.experiment-number{display:inline-block;margin:0 0 12px 16px;color:var(--muted);font:13px monospace}.experiment-context{max-width:850px;font-size:18px;line-height:1.65;margin:12px 0}.experiment .change-preview{font-size:16px;line-height:1.7}.experiment .columns p{line-height:1.75}.clock-intro{max-width:850px;font-size:18px}.clock-scale{display:flex;justify-content:space-between;margin:25px 0 8px;color:var(--muted);font:13px monospace}.clock-row{display:grid;grid-template-columns:230px 1fr;gap:24px;padding:22px 0;border-top:1px solid var(--line)}.clock-row h3{font-size:20px;margin-bottom:8px}.clock-row strong{color:var(--accent);font:16px monospace}.clock-row p{font-size:15px;line-height:1.65}.clock-track{height:26px;background:#252a30;position:relative;border-radius:3px}.clock-span{position:absolute;top:0;height:100%;background:var(--blue);min-width:3px;border-radius:3px}.clock-unknown{font:12px/26px monospace;padding:0 10px;color:var(--muted)}.clock-stamp{font-family:monospace;color:var(--blue);margin:8px 0}.clock-video{margin:35px 0}.clock-video>p{max-width:900px;margin:16px 0}.clock-video video{width:100%;max-height:560px;background:black}.clock-readout{display:flex;justify-content:space-between;gap:20px;padding:18px;background:var(--panel);font:13px monospace}.clock-readout output,.clock-readout b{display:block;font-size:20px;margin-top:8px;color:var(--accent)}#clock-bookmarks{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}#clock-bookmarks button{text-align:left;font-size:14px}#clock-bookmarks span{display:block;font:12px/1.7 monospace;color:var(--muted)}@media(max-width:700px){.clock-row{grid-template-columns:1fr;gap:14px}.clock-readout{flex-direction:column}.clock-readout b{font-size:16px}.experiment-number{margin-left:8px}} 
@media(min-width:701px){.clock-scale{margin-left:254px}}

.api-overview{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.api-overview h2{font:600 32px/1.15 "Barlow Condensed",sans-serif;margin-bottom:14px}.api-overview>p{max-width:850px;color:var(--muted)}.api-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 35px;margin:22px 0}.api-grid p{color:var(--muted);line-height:1.7}.api-grid b{display:block;color:var(--text);margin-bottom:6px}.api-takeaway{margin-top:18px}@media(max-width:700px){.api-grid{grid-template-columns:1fr}}

.wait-intro{max-width:850px;font-size:18px;line-height:1.7;margin-bottom:24px}.wait-example{max-width:1000px}.wait-picture video{display:block;width:100%;max-height:560px;background:black}.wait-example figcaption{padding:22px;background:var(--panel);border:1px solid var(--line);min-height:185px}.wait-example h3{margin:8px 0;font-size:23px}.wait-example p{max-width:850px}.wait-counter{margin-top:12px;color:var(--muted);font:13px monospace}.wait-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.wait-steps button{display:block;text-align:left;font-size:14px}.wait-steps button span{display:block;color:var(--accent);font:13px monospace;margin-bottom:7px}.wait-steps button[aria-pressed=true]{border-color:var(--accent);background:#eaff6510}#pipeline-content>.small{max-width:900px;margin:18px 0}#pipeline-content>.small a{text-decoration:underline}@media(max-width:700px){.wait-steps{grid-template-columns:1fr 1fr}.wait-example figcaption{min-height:230px}}

.fighter-references{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:920px;margin:auto}.fighter-references figure{border-top:4px solid var(--fighter-color);background:var(--panel)}.fighter-references img{display:block;width:100%;height:auto;max-height:550px;object-fit:contain;background:#0b0e10}.fighter-references figcaption{padding:18px}.fighter-references h3{color:var(--fighter-color);font-size:20px;margin-bottom:6px}.fighter-references p{color:var(--muted)}@media(max-width:600px){.fighter-references{gap:12px}.fighter-references figcaption{padding:12px}.fighter-references h3{font-size:16px}.fighter-references p{font-size:13px}}

.director-explainer{max-width:950px}.director-explainer>p{font-size:17px;line-height:1.75;margin:18px 0}.director-explainer a{text-decoration:underline;color:var(--blue)}.director-explainer h3{font-size:25px;margin:30px 0 16px}.director-steps{padding-left:24px;line-height:1.75}.director-steps li{padding:7px 0}.simple-timeline{padding:22px;background:var(--panel);border:1px solid var(--line);margin:22px 0}.simple-timeline>div{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.simple-timeline>div:last-child{border:0}.simple-timeline b{color:var(--accent)}@media(max-width:650px){.simple-timeline>div{grid-template-columns:1fr;gap:6px}}

.visual-explainer{max-width:none}.visual-lead{font-size:22px!important;max-width:750px}.director-flow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin:30px 0}.flow-card{position:relative;border:1px solid var(--line);background:var(--panel);padding:18px;min-width:0}.flow-card:not(:last-child):after{content:'→';position:absolute;right:-22px;top:36%;font-size:24px;color:var(--accent);z-index:1}.flow-number{display:block;font:12px monospace;color:var(--accent);margin-bottom:16px}.flow-portraits{display:flex;gap:8px;height:220px}.flow-portraits img{width:calc(50% - 4px);object-fit:cover;object-position:top}.flow-frame,.flow-card video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#080a0c;display:block}.flow-card h3{font-size:22px;margin:18px 0 8px}.flow-card p{font-size:14px;line-height:1.65;color:var(--muted)}.prompt-slip{border-left:3px solid var(--accent);padding:10px 12px;margin-top:12px;background:#101214}.prompt-slip>span,.prompt-slip small{font:10px monospace;color:var(--muted)}.prompt-slip p{color:var(--text);margin:5px 0}.chunk-strip{display:flex;gap:4px;margin-top:15px}.chunk-strip span{flex:1;padding:10px 4px;border:1px solid var(--blue);font:11px monospace;text-align:center;color:var(--blue)}.prompt-boundary{display:grid;grid-template-columns:1fr 1.4fr;gap:25px;align-items:center;border:1px solid var(--line);padding:24px;margin-top:25px}.prompt-boundary h3{margin:8px 0!important;font-size:24px}.prompt-boundary p{color:var(--muted);font-size:15px}.boundary-pieces{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px}.boundary-pieces>span{padding:20px 10px;background:var(--panel);border:1px solid var(--line);font-size:13px;text-align:center}.boundary-pieces small{color:var(--muted);font-size:11px}.boundary-pieces .next-piece{border-color:var(--accent);color:var(--accent);background:#eaff6510}.visual-explainer .doc-credit{font-size:13px;line-height:1.7;color:var(--muted);margin:15px 0 35px}.timeline-demo{padding:25px;border:1px solid var(--line);background:#15191d}.timeline-heading h3{margin:0 0 10px}.timeline-options{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.timeline-options button{font-size:13px}.timeline-options button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.timeline-direction{text-align:right;font:12px monospace;color:var(--muted);margin:20px 0 12px}.approach-row{margin:18px 0}.approach-row>b{display:block;font:13px monospace;margin-bottom:10px}.approach-track{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;min-height:88px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.333% - 1px),#34393e 8.333%);border-bottom:1px solid var(--line)}.time-block{position:relative;min-width:0;min-height:88px;display:flex;align-items:center;justify-content:center;background:#363042;border-top:3px solid #b8a1ff;overflow:hidden}.time-block span{position:relative;z-index:1;padding:8px;font-size:13px;text-align:center;line-height:1.35;background:#101214d9}.time-block img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.65}.time-block.make{background:#20384b;border-color:var(--blue)}.time-block.next{border-color:var(--accent)}.time-block.current{border-color:#b8a1ff}.time-block.replay{border-color:#70dbc4}.time-block.waiting{background:repeating-linear-gradient(135deg,#3c2928 0,#3c2928 7px,#2d2020 7px,#2d2020 14px);border-color:var(--red)}#approach-lesson{margin:22px 0;font-size:17px;min-height:55px;max-width:850px}.approach-results{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:18px}.approach-results b,.approach-results span{display:block}.approach-results b{color:var(--accent)}.approach-results span{font-size:14px;color:var(--muted)}@media(max-width:900px){.director-flow{gap:14px}.flow-card:not(:last-child):after{right:-15px;font-size:19px}.flow-portraits{height:160px}.prompt-boundary{grid-template-columns:1fr}}@media(max-width:650px){.director-flow{grid-template-columns:1fr;gap:28px}.flow-card:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-27px}.flow-portraits{height:270px}.flow-portraits img{object-fit:contain}.timeline-demo{padding:14px}.time-block span{font-size:10px;padding:4px}.time-block,.approach-track{min-height:80px}.boundary-pieces>span{padding:12px 4px;font-size:11px}.approach-results{grid-template-columns:1fr;gap:12px}.timeline-options button{flex:1 1 100%;justify-content:flex-start}.prompt-boundary{padding:15px}}

.time-block.replay{border-color:#70dbc4;box-shadow:inset 0 0 0 2px #70dbc4}.time-block.replay span{color:#a4f5e5}.time-block.replay:after{content:"↺";position:absolute;right:8px;top:3px;font-size:25px;color:#a4f5e5}

.timeline-comparison{padding:24px 0;border-top:1px solid var(--line)}.timeline-comparison h4{font-size:20px;margin:0 0 16px}.timeline-lesson{font-size:15px;line-height:1.6;color:var(--muted);margin-top:15px;max-width:850px}.timeline-comparison .approach-row{margin:12px 0}.timeline-comparison .approach-track,.timeline-comparison .time-block{min-height:70px}

.timeline-video-comparison{margin-top:35px}.timeline-video-comparison>p{max-width:850px;color:var(--muted);margin:14px 0}.example-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.example-tabs button{font-size:14px}.example-tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent);background:#eaff6510}#timeline-video-panels [hidden]{display:none}#timeline-video-panels [role=tabpanel]{border:1px solid var(--line);background:var(--panel);padding:22px}#timeline-video-panels h4{font-size:23px;margin:0 0 18px}#timeline-video-panels video{width:100%;max-height:560px;display:block;background:black}#timeline-video-panels p{margin:15px 0;max-width:900px}.example-link{display:inline-block;margin-top:18px;color:var(--accent);text-decoration:underline}@media(max-width:650px){.example-tabs button{width:100%;justify-content:flex-start}#timeline-video-panels [role=tabpanel]{padding:14px}#timeline-video-panels h4{font-size:20px}}

/* Keep image, heading and explanation aligned across the walkthrough. */
.director-flow .flow-portraits{height:auto;aspect-ratio:16/9}.director-flow .flow-portraits img{height:100%;min-height:0;object-fit:cover;object-position:center 25%}.director-flow .prompt-slip{border-left:0;border-top:1px solid var(--line);background:transparent;padding:14px 0 0;margin-top:18px}.director-flow .chunk-strip{margin-top:18px}.prompt-boundary{grid-template-columns:1fr;gap:20px;background:transparent}.prompt-boundary h3{font-size:22px}.boundary-pieces{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0}.boundary-pieces li{position:relative;padding:18px;background:var(--panel);border:1px solid var(--line);text-align:left}.boundary-pieces li:not(:last-child):after{content:'→';position:absolute;right:-20px;top:calc(50% - 12px);color:var(--muted)}.boundary-pieces b{display:block;font-size:15px;font-weight:600;color:var(--text)}.boundary-pieces li span{display:block;margin-top:6px;color:var(--muted);font-size:13px;line-height:1.5}@media(max-width:650px){.boundary-pieces{grid-template-columns:1fr;gap:22px}.boundary-pieces li:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-23px}.director-flow .flow-portraits{height:auto}.director-flow .flow-portraits img{object-fit:contain}}

.lab-return{padding:16px 4vw;border-bottom:1px solid var(--line);background:#0a0a0a;font:14px/1.5 monospace;letter-spacing:.04em}.lab-return a{color:#c7c7c7}.lab-return a:hover{color:var(--accent)}

.director-update>p,.director-finding p{max-width:1000px;margin:18px 0;line-height:1.75}.director-update .lead{max-width:1000px}.director-update .eyebrow{margin-bottom:18px}.director-finding{border-top:1px solid var(--line);padding:30px 0;margin-top:28px}.director-finding h3,.director-subheading{font-size:clamp(23px,3vw,32px);line-height:1.25}.director-subheading{margin:48px 0 20px}.director-table{overflow-x:auto;margin:24px 0}.director-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6}.director-table th,.director-table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);white-space:nowrap}.director-table th{color:var(--accent)}.director-table a{text-decoration:underline;text-underline-offset:4px}.director-trials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:30px}.director-trial{min-width:0;border:1px solid var(--line);scroll-margin-top:100px}.director-trial video{width:100%;aspect-ratio:16/9;display:block;background:#080a0c}.director-trial figcaption{padding:18px;display:block}.director-trial h4{font-size:17px;line-height:1.5;margin:0}.director-trial p{font-size:14px;color:var(--muted);margin:10px 0 0}@media(max-width:700px){.director-trials{grid-template-columns:1fr}.director-table th,.director-table td{padding:10px}}