:root{color-scheme:dark;--bg:#080e10;--panel:#0c1417;--line:#263436;--mint:#b7f500;--amber:#efb979;--text:#eff2e9;--muted:#94a4a4;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse 70% 30% at 48% 20%,#10252388,transparent),var(--bg)}a{color:inherit;text-decoration:none}button,select{font:inherit}button,select,summary{cursor:pointer}button,a,select,summary,canvas{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{min-height:44px;color:inherit}button:hover{filter:brightness(1.16)}.shell{max-width:1600px;margin:0 auto;padding-left:clamp(20px,4.4vw,80px);padding-right:clamp(20px,4.4vw,80px)}.skip{position:fixed;top:-80px;left:20px;padding:15px;background:var(--mint);color:var(--bg);z-index:10}.skip:focus{top:10px}.top{display:flex;align-items:center;justify-content:space-between;min-height:96px;position:relative}.top:after{content:'';position:absolute;bottom:0;left:clamp(20px,4.4vw,80px);right:clamp(20px,4.4vw,80px);height:1px;background:var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;letter-spacing:.16em;font-weight:800;font-size:22px}.brand-dot{align-self:flex-start;font-size:10px;letter-spacing:0;margin:2px 0 0 -6px;color:var(--muted)}.brand-mark{display:flex;flex-direction:column;gap:5px;width:23px;transform:skewY(-15deg)}.brand-mark i{height:3px;width:23px;background:var(--mint)}.brand-mark i:nth-child(2){width:16px}nav{display:flex;gap:35px;font-size:12px;color:#acb8b4}nav a{padding:15px 0}nav .nav-active{color:var(--text)}nav span{font:10px var(--mono);color:var(--mint);margin-left:8px}.hero{display:flex;justify-content:space-between;gap:45px;align-items:flex-end;padding-top:66px;padding-bottom:56px}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:.14em;color:var(--mint);margin:0 0 25px}.tiny-cross{font-size:17px;margin-right:8px}.hero h1{font-weight:400;font-size:clamp(58px,6.5vw,102px);letter-spacing:-.065em;line-height:1.01;margin:0}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}.hero h1 em{color:var(--mint)}.title-dot{font-size:13px;display:inline-block;color:var(--mint);vertical-align:baseline;margin-left:13px;transform:translateY(-6px)}.hero-aside{padding-bottom:3px;min-width:235px}.index-mark{font:10px var(--mono);letter-spacing:.08em;color:var(--muted)}.hero-aside p{font-size:17px;line-height:1.5;margin:20px 0 12px}.hero-aside .muted{font-size:13px;color:var(--muted);line-height:1.7;margin-top:0}.text-link{display:inline-flex;gap:35px;align-items:center;font-size:12px;border-bottom:1px solid #5d7770;padding:9px 0;margin-top:8px}.text-link span{color:var(--mint);font-size:18px}.lab-frame{border:1px solid #3c5350;border-radius:10px;background:linear-gradient(120deg,#111f2088,transparent 50%),#0b1215;box-shadow:0 40px 100px #0005;overflow:hidden}.lab-top{display:flex;justify-content:space-between;gap:12px;padding:19px 23px;border-bottom:1px solid var(--line);background:#101a1c}.lab-top>div{display:flex;align-items:center;gap:11px}.lab-top h2{font:10px/1.5 var(--mono);letter-spacing:.095em;margin:0}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--muted);flex-shrink:0}.status-dot.active{background:var(--mint);box-shadow:0 0 12px #b7f50088}.live{font:9px/1.6 var(--mono);color:var(--mint);letter-spacing:.04em}.lab-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 23px;gap:15px;border-bottom:1px solid #26343677}.dataset-picker{display:flex;gap:13px;align-items:center}.dataset-picker label,.architecture,.quiet-button{font:9px var(--mono);color:var(--muted)}select{font:11px var(--mono);background:#142022;color:var(--text);border:1px solid #334645;border-radius:4px;padding:11px 28px 11px 10px;min-height:44px}.architecture{display:flex;gap:12px}.architecture i{color:#57716c;font-style:normal}.quiet-button{border:0;background:none;padding:10px 0}.stage{display:grid;grid-template-columns:minmax(235px,1fr) minmax(350px,1.7fr) minmax(165px,.7fr);padding:27px 23px 20px;gap:26px;align-items:start}.stage section{min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:20px;min-height:18px}.panel-heading h3{font-size:11px;font-weight:400;margin:0;white-space:nowrap}.panel-heading h3>span{font:9px var(--mono);color:#768f89;margin-right:8px}.corner-label{font:8px var(--mono);color:#7e9690;white-space:nowrap}.network-panel .corner-label{display:none}.plot-shell{aspect-ratio:1;position:relative;border:1px solid #36524c;border-radius:3px;background:#0a1618;isolation:isolate}.plot-shell:after{content:'';position:absolute;inset:-1px;pointer-events:none;border:1px solid transparent;background:linear-gradient(var(--mint),var(--mint)) top left/12px 1px no-repeat,linear-gradient(var(--mint),var(--mint)) top left/1px 12px no-repeat,linear-gradient(var(--mint),var(--mint)) bottom right/12px 1px no-repeat,linear-gradient(var(--mint),var(--mint)) bottom right/1px 12px no-repeat}#plot{display:block;width:100%;height:100%;cursor:crosshair;touch-action:pan-y}.axis{position:absolute;font:8px var(--mono);color:#a3b9ae;pointer-events:none}.axis-top{top:7px;left:7px}.axis-bottom{bottom:7px;left:7px}.axis-right{bottom:7px;right:7px}.plot-coordinate{position:absolute;top:8px;right:8px;font:8px var(--mono);color:#c0d2c8;pointer-events:none;background:#0b151a88;padding:3px 5px}.plot-tools{display:flex;gap:3px;margin-top:11px;border:1px solid var(--line);border-radius:4px;padding:3px}.plot-tools button{flex:1;white-space:nowrap;padding:6px 4px;min-height:36px;font:9px var(--mono);border:0;border-radius:2px;background:transparent;color:#aebeb7}.plot-tools button[aria-pressed=true]{background:#253c34;color:var(--text)}.dot-a,.dot-b{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);vertical-align:middle;margin-right:4px}.dot-b{background:var(--amber)}.helper{font-size:10px;line-height:1.65;color:#8ca29b;margin:10px 0 0}.network-wrap{position:relative;background:radial-gradient(ellipse at 50% 48%,#173d2e38,transparent 68%)}#network{display:block;width:100%;aspect-ratio:600/380;overflow:visible}.network-caption{display:flex;justify-content:center;gap:12px;color:#839c92;font:8px var(--mono);margin-top:8px}.network-panel>.helper{text-align:center;margin-top:18px}#network text{font:9px var(--mono);fill:#829e94}#network .node-label{fill:#b4c8bf;font-size:10px}#network .edge{transition:stroke-opacity .25s,stroke-width .25s}#network .pulse{stroke-dasharray:1 21;animation:travel 2.4s linear infinite;opacity:0}body.is-running:not(.motion-off) #network .pulse{opacity:.65}body.is-suspended #network .pulse{animation-play-state:paused!important;opacity:0!important}.motion-off #network .pulse{animation:none}.network-node{transition:fill-opacity .18s,stroke-opacity .18s}.prediction-orbit{position:relative;max-width:180px;margin:12px auto 13px}.prediction-orbit svg{display:block;width:100%;transform:rotate(-90deg)}.prediction-orbit circle{fill:none;stroke-width:1}.orbit-track{stroke:#31423e;stroke-dasharray:1 5}#prob-ring{stroke:var(--mint);stroke-width:2;stroke-dasharray:50 100;transition:stroke-dasharray .3s,stroke .3s;filter:drop-shadow(0 0 5px #b7f50033)}.prediction-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.prediction-center span{font:9px var(--mono);color:#9db1a7}.prediction-center strong{font:italic 65px/.9 Georgia,serif;color:var(--mint)}.prediction-center #confidence{color:var(--text);font-size:12px;margin-top:4px}.probabilities>div:not(.prob-bar){display:flex;justify-content:space-between;font-size:10px;gap:10px}.probabilities b{font:10px var(--mono);font-weight:400}.prob-bar{height:3px;background:#24332e;margin:8px 0 16px}.prob-bar i{height:100%;display:block;background:var(--mint);width:50%;transition:width .25s}.prob-bar.amber i{background:var(--amber)}.prediction-panel>.helper{margin-top:20px}.training-deck{display:grid;grid-template-columns:1.65fr .8fr 1fr 1fr 1.3fr;border-top:1px solid var(--line);padding:23px;gap:24px;align-items:center;background:#101b1a55}.transport{display:grid;grid-template-columns:1fr 42px;gap:7px}.primary{display:flex;gap:12px;justify-content:center;align-items:center;background:var(--mint);border:1px solid var(--mint);border-radius:4px;padding:13px 12px;color:#10261c;font-size:11px;white-space:nowrap}.primary #train-icon{font-size:10px}.reset{border:1px solid #3c5148;background:transparent;color:#bdd3c5;border-radius:4px;font-size:22px}.transport>span{grid-column:1/-1;color:#879f94;font:8px/1.5 var(--mono);min-height:12px}.stat{border-left:1px solid var(--line);padding-left:22px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.stat>span{font:8px/1.5 var(--mono);color:#a2b4ac;letter-spacing:.05em;min-height:24px}.stat small{display:block;font-size:7px;color:#84998f}.stat b{font:26px var(--mono);font-weight:400;letter-spacing:-.05em;margin-top:7px}#accuracy{color:var(--mint)}.loss-chart>div{display:flex;justify-content:space-between;gap:5px;font:7px var(--mono);color:#97afa2}#chart{width:100%;height:43px;display:block;margin:5px 0}.lab-bottom{display:flex;justify-content:space-between;gap:10px;padding:12px 23px;border-top:1px solid var(--line);font:8px/1.6 var(--mono);color:#90a79c}.lab-bottom i,footer i,.project-bottom i{font-style:normal;color:#546c60;margin:0 9px}.lab-version{letter-spacing:.08em}.experiment-footnote{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;color:#95aaa0;padding:15px 0}.experiment-footnote p{margin:0;line-height:1.6}.experiment-footnote p>span{color:var(--mint);margin-right:9px}.experiment-footnote a{white-space:nowrap;font-size:10px}.experiment-footnote a span{margin-left:12px;color:var(--mint)}.understanding{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;padding-top:125px;padding-bottom:110px}.section-intro h2{font-weight:400;font-size:clamp(40px,4.5vw,66px);line-height:1.03;letter-spacing:-.06em;margin:0 0 25px}.section-intro h2 em{color:var(--mint)}.section-intro>p:last-child{color:var(--muted);font-size:14px;line-height:1.8}.explanation article{position:relative;padding:0 0 25px 31px;border-left:1px solid #31483c}.explanation article:before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--mint);top:4px;left:-3px}.explanation article>span{color:#a4baad;font:9px var(--mono)}.explanation h3{font-size:16px;font-weight:400;margin:11px 0}.explanation p{font-size:12px;line-height:1.8;color:var(--muted);max-width:510px;margin:0}.explanation details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:5px}.explanation summary{font:11px/1.6 var(--mono);padding:18px 0;color:#c3d3c7}.explanation summary span{float:right;margin-right:8px;color:var(--mint)}.explanation details p{margin:0 0 18px}.systems{padding-top:50px;padding-bottom:95px;border-top:1px solid var(--line)}.systems-head{display:flex;align-items:baseline;justify-content:space-between}.systems-head>span{font:8px var(--mono);letter-spacing:.04em;color:#8b9e94}.systems h2{font-size:clamp(34px,4vw,59px);font-weight:400;line-height:1.1;letter-spacing:-.055em;margin:20px 0}.systems h2>span{color:#879c90}.systems-copy{font-size:13px;line-height:1.8;color:var(--muted);max-width:470px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:38px}.project{padding:27px;border:1px solid #2c3b32;border-radius:5px;background:linear-gradient(120deg,#14231b77,#111b1644)}.project-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font:8px var(--mono);color:#9eb7a5}.project-tag{border:1px solid #3b5040;border-radius:20px;padding:5px 8px;white-space:nowrap;font-size:7px}.project h3{display:flex;justify-content:space-between;align-items:center;font-size:30px;font-weight:400;letter-spacing:-.035em;margin:35px 0 15px}.project h3 span{font-size:20px;color:#879e8a}.project p{font-size:12px;line-height:1.8;max-width:370px;color:#9cac9f}.project-bottom{font:8px var(--mono);color:#8ea58f;border-top:1px solid var(--line);margin-top:30px;padding-top:16px}footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:18px}footer>span,footer>a:last-child{font:9px var(--mono);color:#8ea398}.noscript{padding:20px;border:1px solid var(--amber);color:var(--amber)}@keyframes travel{to{stroke-dashoffset:-88}}@media(min-width:1450px){.stage{gap:32px;padding:32px}.network-panel .corner-label{display:block}.panel-heading h3{font-size:12px}.prediction-orbit{margin-top:30px}.network-panel>.helper{margin-top:30px}.plot-tools button{font-size:10px}.training-deck{padding:26px 32px}.helper{font-size:11px}}@media(max-width:1100px){.stage{grid-template-columns:1fr 1.45fr;gap:24px}.prediction-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 100px 1.2fr 1fr;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:15px}.prediction-panel .panel-heading{margin:0}.prediction-orbit{width:100px;margin:0}.prediction-center strong{font-size:34px}.prediction-center span{font-size:7px}.prediction-center #confidence{font-size:9px;margin-top:0}.prediction-center{gap:3px}.prediction-panel>.helper{margin:0}.prob-bar{margin:5px 0 9px}.training-deck{grid-template-columns:1.4fr .8fr 1fr 1fr;gap:15px}.loss-chart{grid-column:1/-1;display:grid;grid-template-columns:120px 1fr 70px;align-items:center;gap:20px}.loss-chart>div{flex-direction:column;gap:6px}#chart{height:34px}.stat{padding-left:14px}.stat b{font-size:24px}.architecture{font-size:8px}.hero h1{font-size:clamp(55px,7vw,80px)}}@media(max-width:760px){.top{min-height:78px}.brand{font-size:19px}nav{gap:18px}nav a{font-size:10px}nav span{display:none}.hero{gap:22px;align-items:flex-start;padding-top:43px;padding-bottom:35px}.hero h1{font-size:clamp(48px,8vw,63px)}.hero-aside{min-width:175px;padding-top:33px}.hero-aside p{font-size:13px}.hero-aside .muted{font-size:11px}.index-mark{font-size:8px}.text-link{font-size:10px;gap:20px}.eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:18px}.lab-top{padding:15px}.lab-top h2{font-size:8px;letter-spacing:0;max-width:200px}.live{font-size:8px;max-width:140px;text-align:right}.lab-toolbar{padding:9px 15px}.architecture{display:none}.stage{padding:20px 15px;gap:20px;grid-template-columns:1fr 1.2fr}.panel-heading h3{font-size:10px;white-space:normal;line-height:1.5}.corner-label{display:none}.network-caption{font-size:7px;gap:7px;flex-wrap:wrap}.prediction-panel{grid-template-columns:1fr 100px 1fr;gap:15px}.prediction-panel>.helper{display:none}.training-deck{grid-template-columns:1fr 1fr 1fr;padding:18px 15px;gap:18px}.transport{grid-column:1/-1;grid-template-columns:1fr 46px}.transport>span{text-align:center}.stat{padding-left:13px}.stat:nth-child(2){border-left:0;padding-left:0}.loss-chart{grid-template-columns:90px 1fr 50px;gap:10px}.lab-bottom{padding:12px 15px}.lab-version{display:none}.understanding{gap:35px;padding-top:75px;padding-bottom:65px;grid-template-columns:.85fr 1.15fr}.explanation h3{font-size:14px}.explanation article{padding-left:20px}.section-intro h2{font-size:40px}.section-intro>p:last-child{font-size:12px}.systems-head>span{display:none}.project{padding:20px}.project-top{flex-wrap:wrap}.project h3{font-size:24px}.experiment-footnote{font-size:10px;align-items:flex-start}.experiment-footnote a{font-size:9px}.experiment-footnote p{max-width:280px}footer>span{font-size:8px}}@media(max-width:540px){nav a:last-child{display:none}.hero{display:block;padding-top:35px}.hero h1{font-size:clamp(49px,11.7vw,67px)}.hero-aside{padding-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}.hero-aside .index-mark,.hero-aside .muted{display:none}.hero-aside p{margin:0;font-size:12px}.text-link{justify-self:end;margin:0;padding:8px 0;gap:12px;font-size:10px}.title-dot{font-size:9px;margin-left:8px}.lab-top{align-items:center;gap:8px}.lab-top h2{max-width:165px;font-size:7px}.lab-top>div{gap:7px}.live{font-size:7px;max-width:100px}.dataset-picker{gap:7px}.dataset-picker label{font-size:8px}.quiet-button{font-size:8px}.stage{display:flex;flex-direction:column;gap:25px;padding:20px 18px}.data-panel,.network-panel,.prediction-panel{width:100%}.panel-heading{margin-bottom:14px}.panel-heading h3{font-size:11px}.plot-shell{max-width:360px;margin:auto}.plot-tools button{min-height:44px;font-size:10px}.helper{font-size:11px}.network-panel{border-top:1px solid var(--line);padding-top:20px}.network-panel>.helper{margin-top:13px}.network-caption{font-size:8px;gap:13px}.prediction-panel{display:grid;grid-template-columns:95px 1fr;gap:0 20px;padding-top:20px}.prediction-panel .panel-heading{grid-column:1/-1;margin-bottom:12px}.prediction-orbit{grid-column:1;width:95px}.probabilities{grid-column:2}.prediction-panel>.helper{display:block;grid-column:1/-1;margin-top:8px}.probabilities>div:not(.prob-bar){font-size:11px}.training-deck{padding:18px;gap:20px 10px}.stat>span{font-size:7px}.stat small{font-size:6px}.stat b{font-size:23px}.stat{padding-left:10px}.primary{min-height:48px;font-size:12px}.transport>span{font-size:8px}.loss-chart{grid-template-columns:80px 1fr 50px}.lab-bottom{font-size:7px;padding:12px 18px}.experiment-footnote{display:block;padding:14px 0}.experiment-footnote p{max-width:none}.experiment-footnote a{display:inline-block;margin-top:10px;margin-left:19px}.understanding{display:block;padding-top:60px}.section-intro{margin-bottom:36px}.section-intro h2{font-size:44px}.explanation article{padding-left:24px}.explanation h3{font-size:16px}.explanation p{font-size:13px}.projects{grid-template-columns:1fr}.project{padding:23px}.project-top{font-size:8px}.project h3{font-size:30px}.systems{padding-top:35px;padding-bottom:60px}.systems h2{font-size:34px}.systems-copy{font-size:13px}footer{flex-wrap:wrap;gap:22px}footer>a:last-child{margin-left:auto}footer>span{width:100%;order:3}.systems-head .eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* The start control stays within reach before the long mobile instrument. */
.mobile-transport{display:none}
@media(max-width:540px){.mobile-transport{display:block;padding:14px 18px 0}.mobile-transport .primary{width:100%}.hero-aside{grid-template-columns:1.1fr 1fr}.hero-aside p{font-size:11px}}
@media(max-width:360px){.lab-toolbar{gap:8px}.dataset-picker label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.dataset-picker select{font-size:10px;padding-right:18px;max-width:155px}.quiet-button{white-space:nowrap}.lab-top h2{max-width:140px}.lab-top .live{max-width:75px}}

/* Original supplied artwork: show the wordmark region without redrawing it. */
.brand-logo{display:block;position:relative;width:230px;aspect-ratio:900/100;overflow:hidden;background:#000;flex-shrink:0;mix-blend-mode:screen}
.brand-logo img{position:absolute;width:173.222222%;height:auto;max-width:none;left:-12.444444%;top:-750%;display:block}
.top .brand{padding:12px 0;min-height:44px}
nav .contact-nav{color:var(--mint)}
.contact-section{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(35px,6vw,90px);align-items:center;padding-top:80px;padding-bottom:85px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 20% 50%,#8cbd0008,transparent 70%)}
.contact-art img{display:block;width:100%;height:auto;border:1px solid #314022;border-radius:5px}
.contact-art>p{font:9px/1.7 var(--mono);letter-spacing:.2em;color:#91a56c;text-align:center;margin:20px 0 0}
.contact-content h2{font-size:clamp(40px,4.5vw,66px);font-weight:400;line-height:1.03;letter-spacing:-.05em;margin:0 0 30px}
.contact-content h2 em{color:var(--mint)}
.contact-person h3{font-size:23px;font-weight:400;letter-spacing:-.025em;margin:0 0 9px}
.contact-person>span{font:10px var(--mono);letter-spacing:.18em;color:var(--mint)}
.contact-content address{font-style:normal;margin:26px 0 22px}
.contact-content address>a,.contact-content address>div{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}
.contact-content address>a:hover{color:var(--mint)}
.contact-label{font:8px var(--mono);color:var(--muted);width:67px;flex-shrink:0;letter-spacing:.06em}
.contact-content address>a>span:last-child{margin-left:auto;color:var(--mint)}
.save-contact{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border:1px solid #526b2d;border-radius:4px;padding:14px 18px;font-size:12px;min-height:46px;color:var(--mint)}
.save-contact:hover{background:#b7f5000b}
.event-note{margin:25px 0 0;font:10px/1.9 var(--mono);color:var(--muted)}
.event-note strong{font-weight:400;color:#d0dec0}
footer .brand-logo{width:180px}
@media(max-width:900px){.top .brand-logo{width:195px}nav{gap:22px}.contact-section{gap:35px}.contact-content address>a,.contact-content address>div{font-size:12px;gap:9px}.contact-label{width:57px}.contact-art>p{font-size:7px}}
@media(max-width:760px){.contact-section{grid-template-columns:1fr;padding-top:50px;padding-bottom:60px}.contact-content{grid-row:1}.contact-art{max-width:550px}.contact-content h2{font-size:48px}.contact-content address>a,.contact-content address>div{font-size:15px}.contact-label{width:67px}nav a[href="#sistemas"]{display:none}.contact-art>p{font-size:8px}}
@media(max-width:540px){.top .brand-logo{width:175px}nav a.nav-active{display:none}nav a.contact-nav{display:block;font-size:11px}.hero .eyebrow{font-size:7px;letter-spacing:.07em}.hero-aside .index-mark{display:block;grid-column:1/-1;font-size:8px;margin-bottom:7px}.contact-content address>a,.contact-content address>div{font-size:13px}.contact-label{font-size:7px;width:52px}footer .brand-logo{width:160px}}
@media(max-width:360px){.top .brand-logo{width:157px}.contact-content address>a,.contact-content address>div{font-size:12px;gap:7px}.contact-label{width:48px}.contact-art>p{letter-spacing:.1em}}

/* Readability revision: body copy 18px, controls 16px, supporting labels 12–14px.
   Reflow the instrument rather than shrinking text to fit its previous layout. */
:root{--muted:#b2c0ba}
body{font-size:18px;line-height:1.6}
nav a,nav a.contact-nav{font-size:15px}
nav span{font-size:12px}
.eyebrow,.hero .eyebrow{font-size:12px;line-height:1.7;letter-spacing:.09em}
.index-mark,.hero-aside .index-mark{font-size:13px;line-height:1.7}
.hero-aside{min-width:300px}
.hero-aside p{font-size:20px;line-height:1.6}
.hero-aside .muted{font-size:17px;line-height:1.75}
.text-link{font-size:16px;min-height:44px;gap:20px}
.lab-top{align-items:center;flex-wrap:wrap}
.lab-top h2{font-size:13px;line-height:1.7;letter-spacing:.03em;max-width:none}
.live,.lab-top .live{font-size:12px;line-height:1.7;max-width:none;text-align:left}
.dataset-picker label,.architecture,.quiet-button{font-size:13px;line-height:1.6}
select{font-size:16px;padding:11px 30px 11px 12px;min-height:48px}
.lab-toolbar{flex-wrap:wrap;gap:12px 24px}
.dataset-picker{gap:12px}
.quiet-button{min-height:48px}
.panel-heading{align-items:flex-start;min-height:0;gap:8px}
.panel-heading h3{font-size:16px;line-height:1.5;white-space:normal}
.panel-heading h3>span{font-size:13px}
.corner-label{font-size:12px}
.network-panel .corner-label{display:none}
.plot-tools{flex-wrap:wrap;gap:4px}
.plot-tools button{font-size:14px;min-height:48px;padding:8px 6px}
.helper,.network-panel>.helper{font-size:15px;line-height:1.7;color:#adbbb3}
.axis{font-size:12px}
.plot-coordinate{font-size:12px;line-height:1.5}
.network-architecture{font:13px/1.7 var(--mono);color:var(--muted);margin:-8px 0 14px}
#network text,#network .node-label{font-size:var(--diagram-text-size,20px);fill:#b2c8b9}
.network-caption{flex-wrap:wrap;font-size:12px;line-height:1.6;gap:8px 14px}
.prediction-center span{font-size:12px}
.prediction-center #confidence{font-size:16px}
.probabilities>div:not(.prob-bar),.probabilities b{font-size:15px;line-height:1.6}
.primary{font-size:16px;min-height:50px;padding:12px 16px;white-space:normal;line-height:1.4}
.primary #train-icon{font-size:13px}
.transport{grid-template-columns:minmax(0,1fr) 48px}
.transport>span{font-size:12px;line-height:1.6;color:#b0c0b5}
.stat>span{font-size:12px;line-height:1.6;min-height:38px;letter-spacing:0}
.stat small{font-size:11px;color:#a6b9ab}
.stat b{font-size:30px;line-height:1.3}
.loss-chart>div{font-size:11px;line-height:1.6;color:#adbfaf;flex-wrap:wrap}
#chart{height:60px}
.lab-bottom{flex-wrap:wrap;font-size:12px;line-height:1.8;color:#aebfb4}
.experiment-footnote{font-size:15px;line-height:1.7;align-items:flex-start}
.experiment-footnote p{max-width:760px}
.experiment-footnote a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.section-intro>p:last-child{font-size:18px;line-height:1.8}
.explanation article{padding-bottom:32px}
.explanation article>span{font-size:12px;line-height:1.7}
.explanation h3{font-size:22px;line-height:1.4;margin:12px 0}
.explanation p{font-size:18px;line-height:1.8;max-width:65ch}
.explanation summary{font-size:15px;line-height:1.7;padding:20px 0}
.systems-head>span{font-size:12px}
.systems-copy,.project p{font-size:18px;line-height:1.8;max-width:55ch}
.project-top{font-size:12px;line-height:1.7;flex-wrap:wrap}
.project-tag{font-size:11px}
.project-bottom{font-size:12px;line-height:1.8}
.contact-person h3{font-size:27px}
.contact-person>span{font-size:13px;line-height:1.7}
.contact-content address>a,.contact-content address>div{font-size:18px;line-height:1.6;gap:14px}
.contact-label{font-size:12px;width:83px}
.save-contact{font-size:16px;min-height:50px}
.event-note{font-size:14px;line-height:1.8}
.contact-art>p{font-size:12px;letter-spacing:.1em}
footer>span,footer>a:last-child{font-size:13px;line-height:1.7}
@media(max-width:1250px){
 .stage{grid-template-columns:minmax(260px,1fr) minmax(300px,1.4fr)}
 .prediction-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 130px 1.2fr;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:20px}
 .prediction-panel .panel-heading{margin:0}.prediction-orbit{width:130px;margin:0}
 .prediction-panel>.helper{display:block;grid-column:1/-1;margin:0}
 .training-deck{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
 .transport{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 50px}
 .transport>span{text-align:center}
 .loss-chart{grid-column:1/-1;display:block}.loss-chart>div{flex-direction:row}
 .stat:nth-child(2){border-left:0;padding-left:0}
 .architecture{display:none}
}
@media(max-width:900px){
 .hero{flex-wrap:wrap}.hero-aside{min-width:0}
 .understanding{grid-template-columns:1fr;gap:32px;padding-top:80px}
 .section-intro h2 br{display:none}.section-intro h2{font-size:52px}
 .explanation{max-width:72ch}
 .stage{grid-template-columns:1fr}.stage>.data-panel{max-width:520px;width:100%;margin:auto}
 .network-panel{border-top:1px solid var(--line);padding-top:24px}
 #network{max-width:650px;margin:auto}
 .network-panel>.helper{margin-top:15px}
 .projects{grid-template-columns:1fr}
 .contact-content address>a,.contact-content address>div{font-size:18px}
}
@media(max-width:540px){
 body{font-size:16px}
 .hero-aside{display:block;padding-top:24px}
 .hero-aside .index-mark{font-size:12px;margin-bottom:12px}
 .hero-aside p{font-size:18px;margin-bottom:12px}
 .hero-aside .muted{display:block;font-size:16px}
 .text-link{font-size:16px}
 .hero .eyebrow{font-size:11px;letter-spacing:.04em}
 .top .brand-logo{width:160px}nav a.contact-nav{font-size:14px}
 .lab-top{padding:16px 18px;gap:10px}.lab-top h2{font-size:12px;max-width:none}
 .lab-top>div{align-items:baseline}.lab-top .live{font-size:12px;max-width:none}
 .lab-toolbar{padding:14px 18px;display:grid;grid-template-columns:1fr;gap:8px}
 .dataset-picker{display:flex;flex-wrap:wrap;gap:8px}
 .dataset-picker label{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;font-size:12px}
 .dataset-picker select{width:100%;max-width:none;font-size:16px}
 .quiet-button{justify-self:start;font-size:14px;min-height:44px;padding:5px 0}
 .panel-heading h3{font-size:16px}.plot-tools button{font-size:13px}
 .helper,.network-panel>.helper{font-size:15px}
 .plot-coordinate{font-size:11px;top:6px;right:5px}
 .network-caption{font-size:12px}.network-architecture{font-size:12px}
 #network .node-label{display:none}
 .prediction-panel{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px}
 .prediction-panel .panel-heading{grid-column:1/-1}
 .prediction-orbit{width:110px}.prediction-center strong{font-size:40px}
 .prediction-center span{font-size:11px}.prediction-center #confidence{font-size:13px}
 .probabilities>div:not(.prob-bar),.probabilities b{font-size:13px}
 .training-deck{grid-template-columns:1fr 1fr;gap:22px 12px}
 .stat{padding-left:12px}.stat>span{font-size:12px;min-height:0}.stat small{font-size:11px}
 .stat b{font-size:28px}.loss-stat{grid-column:1/-1;border-left:0;padding-left:0}
 .loss-chart>div{font-size:12px}.lab-bottom{font-size:12px}
 .experiment-footnote{font-size:15px}.experiment-footnote a{font-size:14px;margin-left:0}
 .section-intro h2{font-size:44px}.section-intro>p:last-child{font-size:17px}
 .explanation p{font-size:17px}.explanation h3{font-size:21px}.explanation summary{font-size:15px}
 .systems-copy,.project p{font-size:17px}.systems-head .eyebrow{font-size:11px}
 .project-top{font-size:12px}.project-bottom{font-size:12px}
 .contact-content h2{font-size:clamp(35px,10vw,48px)}
 .contact-content address>a,.contact-content address>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;font-size:17px}
 .contact-label{grid-column:1/-1;font-size:12px;width:auto}
 .contact-content address>a>span:last-child{grid-column:2}
 .contact-art>p{font-size:11px}
 footer>span,footer>a:last-child{font-size:13px}
}

/* Explicit project destinations, readable and accessible by keyboard or touch. */
.project{display:flex;flex-direction:column}
.project-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:50px;padding:12px 16px;margin-top:20px;border:1px solid #536b2d;border-radius:4px;color:var(--mint);font-size:16px;line-height:1.5}
.project-link:hover{background:#b7f50010;border-color:var(--mint)}
.project-link>span:first-child{overflow-wrap:anywhere}
.project-link>span:last-child{flex-shrink:0}
.project-bottom{margin-top:24px}