@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;450;500;550;600&family=IBM+Plex+Mono:wght@300;400&display=swap');


:root{--paper-edge:polygon(
 3px 4.2px,12% 0.9px,26% 4.8px,41% 0.6px,57% 3.9px,72% 1.2px,86% 4.5px,calc(100% - 3px) 2.1px,
 calc(100% - 0.9px) 18%,calc(100% - 4.5px) 37%,calc(100% - 1.2px) 58%,calc(100% - 4.8px) 79%,calc(100% - 1.8px) calc(100% - 3.6px),
 87% calc(100% - 0.9px),73% calc(100% - 4.8px),56% calc(100% - 1.5px),41% calc(100% - 5.4px),25% calc(100% - 0.9px),11% calc(100% - 4.2px),3.6px calc(100% - 1.8px),
 0.9px 83%,5.1px 64%,1.2px 46%,4.5px 25%);}

:root{--paper:#f4f2ed;--panel:#fff;--ink:#27272d;--muted:#85838e;--art:#7c88a8;--purple:#ab45f1;--line:#e6e5e8;--sans:'DM Sans',sans-serif;--mono:'IBM Plex Mono',monospace;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{font:inherit;cursor:pointer;color:inherit;border:0}
button svg{pointer-events:none}
button:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:5px}
a{color:inherit;text-decoration:none}
[hidden]{display:none!important}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.page-shell{--hero-gutter:5.5vw;--page-top:34px;--content-width:min(1080px,calc((100vw - 2 * var(--hero-gutter)) * .88),max(80px,calc((100svh - 200px) * 1.7778)));--section-gap:clamp(32px,4vw,56px);min-height:100svh;padding:var(--page-top) 0 40px;position:relative}
.site-header{width:var(--content-width);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-height:34px;gap:18px;position:relative;z-index:6}
.nav-primary{display:flex;align-items:center;gap:8px;justify-self:start}
.wordmark{grid-column:2;justify-self:center;font-size:28px;font-weight:550;letter-spacing:-1.5px;line-height:1;white-space:nowrap}
.nav-actions{grid-column:3;display:flex;align-items:center;justify-self:end;gap:8px}
.nav-pill{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:30px;padding:5px 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:#686570;font-size:12px;font-weight:400;line-height:1.2;letter-spacing:-.015em;white-space:nowrap;transition:color .15s,background .15s}
.nav-toggle{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:6px;background:transparent;color:#686570}
.nav-toggle svg{fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round}
.nav-pill:hover,.nav-toggle:hover{color:var(--ink);background:#f0eff2}
.nav-menu{position:absolute;right:0;top:calc(100% + 12px);width:250px;max-width:calc(100vw - 40px);padding:7px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 14px 36px #27272d14;z-index:10}
.nav-menu>a,.nav-menu>button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px;border-radius:7px;text-align:left;background:none;color:#686570;font-family:var(--sans);font-size:13px;line-height:1.4}
.nav-menu>a:hover,.nav-menu>button:hover{background:#f0eff2;color:var(--ink)}
.nav-menu>button{border-top:1px solid var(--line);border-radius:0;margin-top:4px;color:var(--muted)}

.film-hero{width:var(--content-width);margin:clamp(20px,2.5vw,36px) auto 0}
.film-heading{text-align:center;padding-bottom:clamp(16px,2vw,24px)}
.film-heading h1{max-width:1140px;margin:0 auto;font-size:clamp(24px,2.55vw,38px);font-weight:450;line-height:1.18;letter-spacing:-.055em;color:var(--muted);text-wrap:balance}
.film-title-emphasis{color:var(--ink)}
/* The slate-blue animation sits on a clean white sheet. */
.film-surface{width:100%;max-width:none;margin-inline:auto;position:relative;isolation:isolate;padding:0;filter:drop-shadow(0 1px 1px #44516a14)}
.film-surface::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:#fff;clip-path:var(--paper-edge)}
.film-surface::after{content:"";position:absolute;left:42%;right:1%;bottom:-13px;height:46px;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 78% 58%,#43526b3d 0%,#43526b24 40%,transparent 73%);filter:blur(12px);transform:rotate(1deg)}

.film-video{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#fff;clip-path:var(--paper-edge)}

/* Chalk paper and its flecks remain still; a separate, faint exposure grain moves. */
body{isolation:isolate}
body::before,body::after{content:"";position:fixed;pointer-events:none;z-index:-1}
body::before{inset:0}
body::before,.site-header.editorial-masthead.sticky-masthead::after{background-image:
 url('assets/chalk-paper.svg'),
 radial-gradient(ellipse at 50% 37%,#e4e6e800 36%,#e4e6e89c 100%),
 radial-gradient(ellipse at 19% 25%,#ffffff99 0%,#ffffff00 52%),
 radial-gradient(ellipse at 82% 65%,#f7f3eb55 0%,#f7f3eb00 46%),
 radial-gradient(ellipse at 7% 86%,#cdd1d422 0%,#cdd1d400 45%);
 background-size:768px 768px,100% 100%,100% 100%,100% 100%,100% 100%;
 background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat}
body::after{inset:-10px;background-image:url('assets/charcoal-grain.svg');background-size:640px 640px;background-repeat:repeat;opacity:.32;animation:grain-drift 2.4s steps(1,end) infinite;will-change:transform}
/* Small, irregular offsets refresh the grain without moving the page or changing brightness. */
@keyframes grain-drift{
 0%,100%{transform:translate3d(0,0,0)}
 12.5%{transform:translate3d(-3px,2px,0)}
 25%{transform:translate3d(2px,-3px,0)}
 37.5%{transform:translate3d(-1px,-4px,0)}
 50%{transform:translate3d(3px,1px,0)}
 62.5%{transform:translate3d(-4px,-1px,0)}
 75%{transform:translate3d(1px,3px,0)}
 87.5%{transform:translate3d(4px,-2px,0)}
}
body.paused::after{animation-play-state:paused}

/* Preserve the uninterrupted layout without divider rules or a lower toolbar. */
.page-shell::before,.page-shell::after{content:none;display:none}
html,body,.page-shell{background-image:none}

dialog{border:1px solid var(--line);padding:48px;max-width:460px;width:calc(100% - 40px);color:var(--ink);background:var(--paper);box-shadow:0 30px 100px #27272d20;border-radius:2px}
dialog::backdrop{background:#fafaf9b3;backdrop-filter:blur(8px)}
.dialog-close{position:absolute;right:17px;top:10px;background:transparent;color:var(--muted);font-size:29px;font-weight:400}
.dialog-mark{width:40px;height:40px;color:var(--art);margin-bottom:20px}
.dialog-label{font-family:var(--mono);font-size:10px!important;color:var(--muted)!important;margin-bottom:12px!important}
dialog h2{font-size:34px;line-height:1.08;letter-spacing:-.065em;font-weight:450;margin:0 0 22px}
dialog p{font-size:13px;line-height:1.75;color:#777382;margin:0 0 15px}
.dialog-hint{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted);margin:25px 0}
kbd{font-family:var(--mono);border:1px solid var(--line);border-radius:3px;padding:5px 8px;background:#fff}
.return-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 0 0;margin-top:22px;border-top:1px solid var(--line);background:transparent;color:#686570;font-size:12px}

@media(max-width:1000px){.nav-primary{display:none}.wordmark{font-size:27px}.site-header{gap:10px}}
@media(max-width:740px){
 .page-shell{--hero-gutter:25px;--page-top:18px;padding-top:var(--page-top);padding-bottom:25px}
 .wordmark{font-size:24px}
 .film-hero{margin-top:12px}
 .film-heading{padding-bottom:24px}
 .film-heading h1{font-size:clamp(32px,8.8vw,48px);line-height:1.13}
 dialog{padding:33px}
}
@media(max-width:600px){.nav-explore{display:none}.nav-toggle{width:34px;height:34px}.nav-menu{top:calc(100% + 10px)}}
@media(max-width:360px){.page-shell{--hero-gutter:20px}.wordmark{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* The site navigation starts below the introductory statement and film. */
.site-header-below-hero{margin-top:0}
.site-header-below-hero .nav-menu{top:auto;bottom:calc(100% + 12px)}
@media(max-width:600px){.site-header-below-hero{margin-top:0}}

/* Keep the statement, film, and navigation within a laptop's available height. */
@media(min-width:741px){
 .page-shell{--page-top:14px;padding-top:var(--page-top);padding-bottom:24px}
 .film-hero{margin-top:6px}
}

/* The opening composition occupies at least the first viewport. */
.intro-screen{display:flow-root;min-height:calc(100svh - var(--page-top))}
.intro-screen .film-hero{margin-top:26px}
.intro-screen .film-heading{padding-bottom:clamp(28px,3vw,36px)}
@media(max-width:740px){
 .intro-screen .film-hero{margin-top:20px}
 .intro-screen .film-heading{padding-bottom:26px}
}

/* Contouric announcement: the product's colored terrain on the same paper field. */
.contouric-announcement{position:relative;isolation:isolate;filter:drop-shadow(0 1px 1px #44516a14);width:var(--content-width);max-width:none;margin:var(--section-gap) auto 0}
.contouric-surface{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(580px,74svh,820px);background:#fff;clip-path:var(--paper-edge)}
.contouric-surface::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-image:url('assets/charcoal-grain.svg');background-size:640px 640px;opacity:.18}
.contouric-landscape{position:absolute;inset:18% -8% -14%;z-index:0;pointer-events:none}
#contouric-terrain{display:block;width:100%;height:100%}
.contouric-landscape-fade{position:absolute;inset:0;background:linear-gradient(to bottom,#fff 0%,#ffffffb8 7%,#ffffff00 33%,#ffffff00 76%,#fff 100%)}
.contouric-copy{position:relative;z-index:3;text-align:center;padding:clamp(54px,6vw,84px) 24px 290px}
.contouric-copy::before{content:"";position:absolute;z-index:-1;inset:0 6% 200px;background:radial-gradient(ellipse at 50% 58%,#ffffffed 0%,#ffffffc9 35%,#ffffff00 72%);filter:blur(18px);pointer-events:none}
.contouric-eyebrow{margin:0 0 18px;font-family:var(--mono);font-size:10px;color:#777782;letter-spacing:-.025em}
.contouric-copy h2{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;font-size:clamp(58px,7.5vw,100px);font-weight:450;line-height:1;letter-spacing:-.065em}
.contouric-copy h2 img{display:block;flex:0 0 auto;width:.72em;height:auto;aspect-ratio:15/16;object-fit:contain;transform:translateY(.045em)}
.contouric-description{max-width:520px;margin:24px auto 0;font-size:clamp(17px,1.8vw,22px);line-height:1.4;letter-spacing:-.035em;color:#595a65;text-wrap:balance}
.contouric-cta{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:44px;margin-top:26px;padding:12px 20px;background:var(--ink);color:#fff;border-radius:5px;font-size:13px;line-height:1.2;letter-spacing:-.02em;transition:background .2s,transform .2s}
.contouric-cta:hover{background:#42434b;transform:translateY(-1px)}


@media(max-width:740px){
 .contouric-announcement{margin-top:32px}
 .contouric-surface{min-height:570px}
 .contouric-copy{padding:58px 18px 290px}
 .contouric-copy h2{gap:10px;font-size:clamp(42px,8.1vw,58px)}
 .contouric-description{max-width:30ch;font-size:17px}
 .contouric-landscape{inset:27% -70% -8%}

}

/* The product announcement shares the opening print's material and corner lift. */
.contouric-announcement::after{content:"";position:absolute;left:42%;right:1%;bottom:-13px;height:46px;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 78% 58%,#43526b3d 0%,#43526b24 40%,transparent 73%);filter:blur(12px);transform:rotate(1deg)}
.contouric-surface::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(145deg,#ffffff26 0%,#ffffff00 54%,#43526b08 100%)}

/* A publication-like masthead, on the uninterrupted paper field. */
:root{--reading:#62616c;--brand-blue:#455c6a;--research-blue:var(--brand-blue);--editorial-rule:#737b8c30}
.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:12px 18px;background:var(--ink);color:#fff;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.site-header.editorial-masthead{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(12px,calc(var(--content-width) * .021),24px);min-height:100px;padding:22px clamp(20px,calc(var(--content-width) * .03),32px) 32px;isolation:isolate;filter:none;color:#fff}
.site-header.editorial-masthead.sticky-masthead{--nav-top-gap:20px;position:sticky;top:var(--nav-top-gap);z-index:20}
/* Opaque page paper covers the scrolling print in the gap above the masthead. */
.site-header.editorial-masthead.sticky-masthead::after{content:"";position:absolute;top:calc(-1 * var(--nav-top-gap));left:calc(-1 * var(--hero-gutter));right:calc(-1 * var(--hero-gutter));height:calc(var(--nav-top-gap) + 4px);z-index:-2;pointer-events:none;background-color:var(--paper);background-attachment:fixed}
@media(max-width:740px){.site-header.editorial-masthead.sticky-masthead{--nav-top-gap:14px}}
/* Earth-slate ink on the paper field. Canvas supplies the still grain and pixel margins. */
.editorial-masthead::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#4b6372,var(--brand-blue) 45%,var(--brand-blue) 55%,#4b6372);clip-path:polygon(0 1px,16% 1.7px,33% 1px,50% .3px,67% .6px,83% 1.5px,100% 1px,calc(100% - .5px) 50%,100% calc(100% - 1px),83% calc(100% - .3px),67% calc(100% - .6px),50% calc(100% - 1.5px),33% calc(100% - 1px),16% calc(100% - .4px),0 calc(100% - 1px),.5px 50%)}
.editorial-masthead.spectral-ready::before{opacity:0}
.editorial-masthead::after{content:none}
.nav-spectral-field{position:absolute;left:-18px;top:0;z-index:-1;display:block;width:calc(100% + 36px);height:calc(100% + 12px);pointer-events:none}
.editorial-masthead a:focus-visible{outline:2px solid #fff;outline-offset:5px}
.editorial-masthead .wordmark{grid-column:2;grid-row:1;justify-self:center;font-size:clamp(24px,calc(var(--content-width) * .033),34px);line-height:1.1;letter-spacing:-.055em;font-weight:550}
.editorial-nav{grid-column:1;grid-row:1;display:flex;align-items:center;gap:clamp(12px,calc(var(--content-width) * .024),26px);justify-self:start}
.editorial-nav a{padding:12px 0;color:#fff;font-size:clamp(11px,calc(var(--content-width) * .013),14px);font-weight:400;line-height:1.4;text-underline-offset:7px;text-decoration-thickness:1px;transition:text-decoration-color .18s}
.editorial-nav a:hover,.editorial-nav a[aria-current="page"]{color:#fff;text-decoration:underline}
.nav-try{grid-column:3;grid-row:1;justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:clamp(11px,calc(var(--content-width) * .017),18px);min-height:44px;padding:12px clamp(12px,calc(var(--content-width) * .016),17px);border:1px solid #dce6eb80;background:#ffffff08;color:#fff;border-radius:1px;font-size:clamp(11px,calc(var(--content-width) * .012),13px);font-weight:400;line-height:1.4;white-space:nowrap;box-shadow:none;transition:background .18s,border-color .18s}
.nav-try:hover{background:#ffffff18;border-color:#e6eef1;box-shadow:none}
.research-section,.lab-footer{width:var(--content-width);margin-inline:auto}
.research-section{padding-block:clamp(80px,9vw,128px) 30px;scroll-margin-top:32px}
.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:36px}
.section-heading h2{font-weight:450;font-size:clamp(30px,3vw,40px);line-height:1.1;letter-spacing:-.045em;margin:0 0 14px}
.section-heading p{font-size:16px;line-height:1.6;color:var(--reading);margin:0;max-width:42ch}
.inline-link,.text-link{font:inherit;font-size:14px;line-height:1.5;color:var(--research-blue);background:none;padding:0;text-underline-offset:5px}
.inline-link{display:inline-flex;align-items:center;gap:18px}
.inline-link:hover,.text-link:hover{text-decoration:underline}
.section-heading>.inline-link{white-space:nowrap}
.article-type{font-size:12px;font-family:var(--mono);color:var(--research-blue);line-height:1.6}
.research-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px;align-items:start}
.research-card{min-width:0;position:relative;isolation:isolate;filter:drop-shadow(0 1px 1px #44516a12)}
.research-card::after{content:"";position:absolute;left:16%;right:1%;bottom:-8px;height:28px;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 70% 50%,#43526b2b,transparent 72%);filter:blur(9px);transform:rotate(.7deg)}
.research-card-link{display:block;transition:transform .2s}
.research-card-link:hover{transform:translateY(-3px)}
.research-card-paper{--paper-edge:polygon(
 0.66px 0.924px,12% 0.198px,26% 1.056px,41% 0.132px,57% 0.858px,72% 0.264px,86% 0.99px,calc(100% - 0.66px) 0.462px,
 calc(100% - 0.198px) 18%,calc(100% - 0.99px) 37%,calc(100% - 0.264px) 58%,calc(100% - 1.056px) 79%,calc(100% - 0.396px) calc(100% - 0.792px),
 87% calc(100% - 0.198px),73% calc(100% - 1.056px),56% calc(100% - 0.33px),41% calc(100% - 1.188px),25% calc(100% - 0.198px),11% calc(100% - 0.924px),0.792px calc(100% - 0.396px),
 0.198px 83%,1.122px 64%,0.264px 46%,0.99px 25%);position:relative;isolation:isolate;padding:10px;background:#fff;clip-path:var(--paper-edge)}
.research-card-paper::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-image:url('assets/analog-grain.svg?v=2');background-size:640px 640px;opacity:.2;mix-blend-mode:multiply}
.research-card-image{position:relative;aspect-ratio:1;overflow:hidden;background:#fff}
.research-card-image::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border:1px solid #6c748516}
.research-card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.research-card-caption{display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:132px;padding:22px 14px 18px}
.research-card-caption h3{margin:0;font-size:clamp(20px,2vw,25px);font-weight:450;line-height:1.15;letter-spacing:-.04em;transition:color .18s}
.research-card-link:hover h3{color:var(--research-blue)}
.research-card-date{margin:0;font-family:var(--mono);font-weight:300;font-size:10px;line-height:1.5;color:var(--reading)}
/* A still pressed-paper surface with broken exposures outside the physical sheet. */
.paper-print{position:relative}
.pressed-paper-texture{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;pointer-events:none;mix-blend-mode:multiply;clip-path:var(--paper-edge)}
.paper-pixel-spill{position:absolute;left:-24px;top:-24px;z-index:4;display:block;width:calc(100% + 48px);height:calc(100% + 48px);pointer-events:none}
.research-card-caption{position:relative;z-index:3}
/* Full-width printed artwork, shared with landscape link-preview exports. */
.article-cover{margin:36px 0 0;filter:drop-shadow(0 5px 9px #43526b1c)}
.article-cover-paper{position:relative;isolation:isolate;padding:12px;background:#fff;clip-path:polygon(0 1px,15% 0,40% 1.5px,66% 0,86% 1px,100% 0,calc(100% - 1px) 35%,100% 75%,calc(100% - 1px) 100%,80% calc(100% - 1px),55% 100%,30% calc(100% - 1.5px),0 100%,1px 55%)}
.article-cover-paper::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:url('assets/analog-grain.svg?v=2');opacity:.25;mix-blend-mode:multiply}
.article-cover img{display:block;width:100%;height:auto;box-shadow:0 0 0 1px #6c748516}
.research-article.has-cover{max-width:none}
.has-cover .article-body{max-width:720px;margin-inline:auto}
.has-cover>header>.article-deck{max-width:720px;margin:36px auto 44px}
.has-cover>header>.article-type,.has-cover>header>.article-title,.has-cover>header>.article-date{text-align:center}
.has-cover>header>.article-title{margin-bottom:18px}
.has-cover>header>.article-date{font-size:12px}
@media(max-width:600px){.article-cover{margin-top:28px}.article-cover-paper{padding:7px}.has-cover>header>.article-deck{margin-block:28px 36px}.has-cover>header>.article-title{font-size:clamp(34px,8vw,44px)}}
.lab-footer{margin-top:clamp(76px,10vw,140px);padding:32px 0 12px;border-top:1px solid var(--editorial-rule);display:grid;grid-template-columns:1fr auto;gap:32px}
.footer-wordmark{font-size:24px;letter-spacing:-1.3px;font-weight:500}
.footer-identity p{font-size:13px;line-height:1.5;color:var(--reading);margin:8px 0 0}
.footer-links{display:flex;align-items:start;gap:24px;flex-wrap:wrap;max-width:400px}
.footer-links a,.footer-links button{font-size:13px;color:var(--reading);padding-block:8px}
.footer-links a:hover{color:var(--research-blue);text-decoration:underline;text-underline-offset:5px}
.footer-copyright{grid-column:1/-1;font-size:12px;color:var(--reading);margin:4px 0 0}
.inner-page .page-shell{--content-width:min(1080px,calc(100vw - 2 * clamp(24px,5.5vw,80px)));--page-top:24px}
.editorial-main{width:var(--content-width);margin-inline:auto;min-height:45svh}
.page-intro{max-width:780px;padding:clamp(64px,8vw,112px) 0 56px}
.page-intro h1,.research-article h1{font-size:clamp(44px,6vw,72px);font-weight:450;line-height:1.06;letter-spacing:-.055em;margin:0 0 24px;text-wrap:balance}
.page-intro>p{font-size:clamp(22px,2.8vw,32px);line-height:1.3;letter-spacing:-.035em;max-width:30ch;margin:0;color:var(--reading)}
.page-intro p.intro-detail{font-size:17px;line-height:1.65;letter-spacing:-.01em;max-width:55ch;margin-top:24px}
.editorial-main>.contouric-announcement{width:100%;margin-top:0}
.lab-sections>section{display:grid;grid-template-columns:1fr 2fr;gap:48px;border-top:1px solid var(--editorial-rule);padding:38px 0 48px;scroll-margin-top:32px}
.lab-sections h2{font-weight:450;font-size:25px;letter-spacing:-.035em;line-height:1.25;margin:0}
.lab-sections p,.article-body p,.article-body li{font-size:18px;line-height:1.75;color:var(--reading);margin:0 0 20px}
.lab-sections .inline-link{margin-top:8px}
.research-article{max-width:720px;margin:64px auto 0}
.back-link{margin-bottom:56px}
.article-type{margin:0 0 20px}
.research-article h1{font-size:clamp(40px,5vw,64px)}
.article-deck{font-size:clamp(21px,2.4vw,27px);line-height:1.45;letter-spacing:-.025em;color:var(--reading);margin:0 0 48px}
.article-body h2{font-size:25px;line-height:1.3;letter-spacing:-.03em;font-weight:450;margin:40px 0 22px}
.article-body ul{padding-left:22px;margin:0 0 32px}
.article-body li{padding-left:6px;margin-bottom:12px}
@media(max-width:740px){
 .section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:28px}
 .lab-footer{grid-template-columns:1fr;gap:25px}
 .footer-links{gap:14px 24px}
 .lab-sections>section{grid-template-columns:1fr;gap:20px;padding:30px 0}
 .page-intro{padding-top:56px;padding-bottom:40px}
 .research-article{margin-top:48px}
 .back-link{margin-bottom:40px}
}
@media(max-width:480px){
 .contouric-announcement{margin-top:26px}
 .research-section{padding-top:72px}
}

/* Preserve the centered, single-line masthead until the mobile layout is needed. */
@media(max-width:600px){
 .site-header.editorial-masthead{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr) minmax(70px,1.3fr);column-gap:5px;row-gap:20px;padding:22px 20px 30px}
 .editorial-masthead .wordmark{grid-column:1/-1;font-size:30px}
 .editorial-nav{display:contents}
 .editorial-nav a{grid-row:2;text-align:center;justify-self:stretch;font-size:13px;padding:13px 0}
 .editorial-nav a:nth-child(1){grid-column:1}
 .editorial-nav a:nth-child(2){grid-column:2}
 .editorial-nav a:nth-child(3){grid-column:3}
 .nav-try{grid-column:4;grid-row:2;justify-self:stretch;gap:3px;min-height:44px;padding:8px 5px;font-size:12px;white-space:normal;text-align:center;line-height:1.2}
 .nav-try span{display:none}
}

@media(max-width:420px){
 .site-header.editorial-masthead{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px;padding:24px 24px 32px}
 .editorial-nav a{font-size:13px}
 .nav-try{grid-column:1/-1;grid-row:3;justify-self:center;gap:16px;padding:11px 17px;white-space:nowrap;font-size:13px}
 .nav-try span{display:inline}
}

@media(max-width:360px){.editorial-nav a{font-size:12px}}



/* A quiet, left-aligned quotation below the unmounted paper print. */
.film-surface{max-width:100%}
.film-quotation{position:relative;z-index:1;width:100%;max-width:100%;margin:20px auto 0;padding:0 0 14px;text-align:center;color:var(--reading)}
.film-quotation blockquote{margin:0;font-family:var(--sans);font-size:clamp(13px,1.15vw,18px);font-weight:300;font-style:normal;line-height:1.8;letter-spacing:-.02em;color:#777580;text-wrap:pretty}
.film-quotation figcaption{margin-top:8px;font-size:clamp(10px,.8vw,12px);line-height:1.5;letter-spacing:.01em;color:var(--reading)}
.film-quotation cite{font-style:normal}.film-quotation cite a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.film-quotation{margin-top:18px;padding:0 0 14px}.film-quotation blockquote{line-height:1.8}}

@media(max-width:900px){.research-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}.research-card-caption{min-height:122px;padding:20px 12px 16px}.research-card-caption h3{font-size:23px}}
@media(max-width:600px){.research-grid{grid-template-columns:minmax(0,1fr);gap:30px}.research-card-caption{min-height:124px;padding:22px 14px 18px}.research-card-caption h3{font-size:25px}}

/* Shared margins stay intact while the opening fits shorter laptop screens. */
@media(min-width:741px) and (max-height:820px){
 .film-heading{padding-bottom:14px}
 .film-quotation{margin-top:14px;padding-bottom:6px}
 .film-quotation figcaption{margin-top:6px}
}

/* Supplied marks pair with the name on paper and on the slate masthead. */
.intro-brand{display:inline;white-space:nowrap}
.intro-brand .brand-logo{display:inline-block;width:1.08em;height:1.08em;margin-right:.22em;vertical-align:-.18em;object-fit:contain}
.editorial-masthead .wordmark{display:inline-flex;align-items:center;gap:.25em}
.editorial-masthead .wordmark .brand-logo{display:block;flex:none;width:1.08em;height:1.08em;object-fit:contain}