/* A quiet, static dot-print identity; the fiber artworks keep their own palette. */
:root{--lab-red:#e25463;--instrument-font:'Courier New',monospace}
.lab-logo{display:block;width:49px;height:56px;flex:none;overflow:visible}
.lab-signature,.publication-signature,.fiber-room footer .lab-credit{display:flex;align-items:center;gap:15px;color:#a4ada7;font:10px/1.4 var(--instrument-font);letter-spacing:.035em}
.lab-signature{bottom:auto;top:24px;right:145px}
.publication-page .publication-signature{justify-content:flex-end;margin:40px auto;padding:18px 0;max-width:1440px;width:calc(100% - 80px);border-top:1px solid #8a999526}
.publication-signature .lab-logo{width:65px;height:75px}
.fiber-room footer .lab-logo{width:28px;height:32px}.fiber-room footer .lab-credit{gap:10px}
.program-subtitle,.papers-entry,.publication-page .eyebrow,.publication-page .masthead nav,.fiber-room>header,.method-source{font-family:var(--instrument-font)!important}
.room-header h1 .program-subtitle{font-size:12px;letter-spacing:.06em}
.papers-entry:before,.publication-page .eyebrow:before{content:'';display:inline-block;width:5px;height:5px;background:var(--lab-red);margin-right:10px;vertical-align:middle}
.stream-switch .switch-dot{border-radius:0!important}.stream-switch[aria-pressed=true] .switch-dot{background:var(--lab-red)!important;box-shadow:none!important}
.publication-page .paper-index{font-family:var(--instrument-font);color:var(--lab-red)}
.publication-page .library-head{position:relative}.publication-page .library-head:after{content:'';position:absolute;right:0;top:30px;width:160px;height:100px;background:radial-gradient(circle,#80958a45 1px,transparent 1.4px) 0 0/8px 8px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.publication-page .paper-row:hover .paper-title{color:#fff}.publication-page .paper-row:hover .paper-index{color:#ff8190}
.research-library input:focus{border-color:var(--lab-red)}
button:focus-visible,a:focus-visible{outline-color:var(--lab-red)!important}
@media(max-width:800px){.lab-signature{top:auto;bottom:8px;right:22px;gap:8px}.lab-signature .lab-logo{width:24px;height:28px}.lab-signature span{font-size:9px}.publication-page .publication-signature{width:calc(100% - 40px)}.publication-page .library-head:after{width:80px}.fiber-room footer .lab-logo{width:20px;height:24px}}

.lab-logo{filter:none;width:85px;height:98px}.lab-signature{right:200px;top:10px;gap:16px;color:#d2d8ce;font-size:11px}.papers-entry{gap:18px}.papers-entry:before{margin-right:0;align-self:center}
/* Dot-matrix lettering, perforated rules and selector signals form one system. */
.room-header h1 .program-subtitle{font-size:0;width:270px;height:18px;margin-top:14px;background:url('/assets/brand/program-dots.svg') left center/contain no-repeat}
.room-header:after{content:'';position:absolute;top:104px;left:0;width:300px;height:12px;background:radial-gradient(circle,#87968c85 1px,transparent 1.4px) 0 0/6px 6px;mask-image:linear-gradient(90deg,#000,transparent);pointer-events:none}
.room-navigation{padding-top:17px}.room-navigation:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:radial-gradient(circle,#87968c70 1px,transparent 1.5px) 0 0/7px 3px;pointer-events:none}
.stream-switch .switch-dot{width:17px;height:23px;flex:none;border:0!important;background:radial-gradient(circle,#6b7975 1.3px,transparent 1.7px) 0 0/6px 6px!important;opacity:.65}
.stream-switch[aria-pressed=true] .switch-dot{background:radial-gradient(circle,#ef6b76 1.6px,transparent 2px) 0 0/6px 6px!important;opacity:1}
.publication-page .library-head:after{width:260px;height:110px;background:radial-gradient(circle,#a4b0a37d 1.4px,transparent 1.8px) 0 0/7px 7px;mask-image:linear-gradient(90deg,transparent,#000)}
.publication-page .masthead-inner{border-bottom:0;background:radial-gradient(circle,#8b9a8c88 1px,transparent 1.5px) left bottom/7px 3px repeat-x}
.publication-signature .lab-logo{width:105px;height:120px}.publication-page .publication-signature{padding:22px 0;border-top:0;background:radial-gradient(circle,#8b9a8c70 1px,transparent 1.5px) left top/7px 3px repeat-x;color:#c6d0c5;font-size:11px}
.fiber-room footer .lab-logo{width:40px;height:46px}.fiber-room footer .lab-credit{color:#c6d0c5}
.fiber-room .library-scroll button[aria-selected=true]{padding-left:18px;position:relative}.fiber-room .library-scroll button[aria-selected=true]:before{content:'';position:absolute;left:0;top:19px;width:7px;height:23px;background:radial-gradient(circle,#ef6b76 1.2px,transparent 1.7px) 0 0/5px 5px}
@media(max-width:800px){.lab-signature{right:22px;top:auto;bottom:7px;gap:9px}.lab-signature .lab-logo{width:40px;height:46px}.room-header:after{width:180px;top:94px}.room-header h1 .program-subtitle{width:215px;height:14px}.room-navigation{padding-top:10px}.publication-page .library-head:after{width:100px}.publication-signature .lab-logo{width:82px;height:94px}}
/* Native CSS interpretation of the supplied mark: solid ink, no image filter. */
.lab-logo{position:relative;isolation:isolate;container-type:inline-size;color:#db3653}
.lab-logo .lab-wordmark{position:absolute;left:0;bottom:2%;z-index:2;font:800 38cqw/.79 Arial,Helvetica,sans-serif!important;letter-spacing:-.075em!important;color:inherit!important;text-align:left}
.lab-rings{position:absolute;inset:0;z-index:0}
.lab-rings i{position:absolute;display:block;width:43%;aspect-ratio:1;right:11%;border:1.5px solid #9aa7a28c;border-radius:50%;top:48%;background:transparent}
.lab-rings i:nth-child(2){top:59%}.lab-rings i:nth-child(3){top:70%}.lab-rings i:nth-child(4){top:37%;border:2px solid currentColor;z-index:1}
.lab-arrow{position:absolute;right:11%;top:8%;height:50%;width:2px;background:currentColor}
.lab-arrow:before{content:'';position:absolute;top:0;left:50%;width:18cqw;height:18cqw;border-top:2px solid currentColor;border-left:2px solid currentColor;transform:translate(-50%,-1px) rotate(45deg)}
.fiber-room>header{padding-bottom:15px;background:radial-gradient(circle,#9ba89b85 1px,transparent 1.5px) left bottom/7px 3px repeat-x}
.fiber-room>header>span:before{content:'';display:inline-block;width:14px;height:17px;margin-right:12px;vertical-align:middle;background:radial-gradient(circle,#e45c6d 1.2px,transparent 1.7px) 0 0/5px 5px}
.fiber-room #exit-art,.fiber-room #replay-art,.fiber-room .art-controls label,.publication-page .crumb,.publication-page .actions a,.publication-page .pdf-toolbar{font-family:var(--instrument-font)}
.fiber-room>.art-controls{padding-bottom:12px;background:radial-gradient(circle,#9ba89b55 1px,transparent 1.5px) left bottom/7px 3px repeat-x}
.fiber-room .research-library input{border-bottom-style:dotted;border-bottom-color:#91a69c80;padding-bottom:12px}
.fiber-room footer{align-items:center}.fiber-room footer .lab-logo{width:44px;height:51px}
.publication-page .article-head{background:radial-gradient(circle,#9ba89b55 1px,transparent 1.5px) left bottom/7px 3px repeat-x}
.publication-page .pdf-toolbar{border-top:1px dotted #70867c;border-bottom:1px dotted #70867c}
.publication-page .publication-signature{position:relative;bottom:auto;right:auto;margin:15px auto 0;padding:24px 0 30px}.publication-page .library-list{padding-bottom:20px}
@media(max-width:800px){.lab-logo .lab-wordmark{font-size:38cqw!important}.lab-rings i{border-width:1px}.lab-rings i:nth-child(4){border-width:1.5px}.lab-arrow{width:1.5px}.lab-arrow:before{border-width:1.5px}.fiber-room footer .lab-logo{width:32px;height:37px}}
/* Reference proportions: lettering at lower left; rings and arrow to its right. */
.lab-logo .lab-wordmark{font-size:32.5cqw!important;line-height:.82!important;bottom:0;letter-spacing:-.065em!important}
.lab-rings i{box-sizing:border-box;left:44%;right:auto;width:44%;top:39%;border-width:1px}
.lab-rings i:nth-child(2){top:50.5%}.lab-rings i:nth-child(3){top:62%}.lab-rings i:nth-child(4){top:27.5%;border-width:1.5px}
.lab-arrow{left:calc(88% - 1.5px);right:auto;top:10%;height:36.5%;width:1.5px}
.lab-arrow:before{width:17cqw;height:17cqw;border-width:1.5px}
.lab-signature{top:auto;bottom:23px;right:3.4%;gap:0}
.lab-signature .lab-logo,.publication-signature .lab-logo{width:56px;height:65px}
.room-tools{margin-right:83px}
.room-header h1 .program-subtitle{display:flex;align-items:center;gap:13px;width:auto;height:18px;background:none;font-size:12px;white-space:nowrap}
.room-header h1 .program-dot{display:inline-block;width:230px;height:15px;font-size:0;background:url('/assets/brand/program-dots.svg') left center/contain no-repeat}
.room-header h1 .program-byline{font:11px/1.4 var(--instrument-font);letter-spacing:0;color:#aab7ae}
.fiber-room footer .lab-logo{width:34px;height:40px}.fiber-room footer{bottom:12px}
.publication-page .publication-signature{padding-block:18px 25px}
@media(max-width:800px){.lab-signature{bottom:15px;right:22px}.lab-signature .lab-logo{width:42px;height:49px}.room-tools{margin-right:55px}.room-header h1 .program-subtitle{gap:8px}.room-header h1 .program-dot{width:190px;height:13px}.room-header h1 .program-byline{font-size:9px}}
@media(max-width:400px){.room-header h1 .program-dot{width:160px;height:11px}.room-header h1 .program-byline{font-size:8px}}
/* Shared masthead, generated once for the exhibition and every paper route. */
.gallery-page,.publication-page{background:#101313;--paper:#101313}
.site-header{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:28px;margin:0 3.4%;padding-top:clamp(26px,4.1vh,50px);padding-bottom:40px;z-index:25;background:radial-gradient(circle,#87968c70 1px,transparent 1.5px) left bottom/7px 3px repeat-x}
.gallery-page .site-header{position:absolute;top:0;left:0;right:0;pointer-events:none}
.site-identity{display:flex;flex-direction:column;gap:17px;text-decoration:none;color:#efede5;pointer-events:auto}
.site-name{font:400 clamp(30px,3.7vw,57px)/1.05 Newsreader,Georgia,serif;letter-spacing:-.035em}
.site-subtitle{display:block;width:430px;max-width:100%;height:16px;font-size:0;background:url('/assets/brand/program-credit-dots.svg') left center/contain no-repeat}
.site-header nav{display:flex;align-items:center;gap:30px;padding-top:6px;pointer-events:auto}
.site-header nav a{font:12px/1.5 var(--instrument-font);text-decoration:none;color:#95a69d;border:0;padding:5px 0 10px;background:none;white-space:nowrap}
.site-header nav a[aria-current=page]{color:#ece7d4;background:radial-gradient(circle,#e66978 1.1px,transparent 1.6px) left bottom/5px 3px repeat-x}
.site-header nav a:hover{color:#fff}
.publication-page .reader-section{background:#101313}
@media(max-width:800px){.site-header{margin-inline:22px;gap:18px;padding-bottom:27px}.site-name{font-size:30px}.site-subtitle{width:335px;height:13px}.site-header nav{gap:18px}.site-header nav a{font-size:11px}}
@media(max-width:620px){.site-header{flex-wrap:wrap;gap:15px}.site-header nav{padding-top:0}.site-identity{gap:12px}.site-subtitle{width:320px;height:12px}.site-header{padding-bottom:15px}.site-name{font-size:29px}}

.gallery-page .atlas-entry{top:18%}
.fiber-room{padding:0 3.4% 20px}
.fiber-room>.site-header{position:relative;inset:auto;margin:0;pointer-events:auto;font:inherit}
.fiber-room .site-header nav{margin:0;min-height:0;gap:30px;align-items:center;padding-top:6px}
.fiber-room .site-header .site-identity{color:#efede5}
.fiber-room .site-header .site-name{font:400 clamp(30px,3.7vw,57px)/1.05 Newsreader,Georgia,serif;letter-spacing:-.035em}
.fiber-room .site-header .site-subtitle{font-size:0;color:transparent}
.fiber-room .site-header nav a{font:12px/1.5 var(--instrument-font);color:#95a69d}
.fiber-room .site-header nav a[aria-current=page]{color:#ece7d4}
.fiber-room #exit-art{position:absolute;top:164px;right:3.4%;font:11px/1.5 var(--instrument-font);padding:8px 0;z-index:30;color:#b8c9be}
.fiber-room h2,.fiber-room[data-mode=architecture] h2{font:400 clamp(27px,3vw,38px)/1.1 Newsreader,Georgia,serif;margin:30px 0 18px;max-width:78%}
.fiber-room .research-library{top:33%}
.fiber-room[data-mode=architecture] canvas{top:33%;height:51%}
.fiber-room[data-mode=neural] canvas{top:35%;height:56%}
.fiber-room[data-mode=neural] aside{top:43%;max-height:45%}
.fiber-room[data-mode=neural] .art-output{top:33%}
@media(max-width:800px){.fiber-room .site-header .site-name{font-size:30px}.fiber-room .site-header nav{gap:18px}.fiber-room #exit-art{top:158px}.fiber-room h2,.fiber-room[data-mode=architecture] h2{font-size:26px;max-width:75%}}
@media(max-width:620px){.fiber-room #exit-art{top:183px}.fiber-room h2,.fiber-room[data-mode=architecture] h2{margin-top:48px}.fiber-room .research-library{top:40%}.fiber-room[data-mode=architecture] canvas{top:42%;height:36%}.fiber-room[data-mode=neural] canvas{top:45%;height:28%}.fiber-room[data-mode=neural] aside{top:75%;max-height:16%}.fiber-room[data-mode=neural] .art-output{top:36%}}