@charset "UTF-8";
:root{color-scheme:dark;--ink:#f0f0e9;--muted:#aebcbe;--base:#111c21;--line:rgba(190,206,207,.2);--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-padding-top:35px}
body{margin:0;position:relative;isolation:isolate;background:var(--base);color:var(--ink);font-family:'Helvetica Neue',Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.ambient{position:fixed;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 20%,rgba(93,126,116,.3),transparent 42%),radial-gradient(ellipse at 82% 38%,rgba(88,108,143,.24),transparent 42%),radial-gradient(ellipse at 50% 95%,rgba(139,125,93,.15),transparent 50%);animation:ambient-drift 32s ease-in-out infinite alternate;will-change:transform}
@keyframes ambient-drift{from{transform:translate(-2%,-2%) scale(1)}to{transform:translate(4%,3%) scale(1.12)}}
.motion-still .ambient{animation-play-state:paused}
a{color:inherit;text-decoration:none}
button{font:inherit}
a:focus-visible,button:focus-visible{outline:2px solid #e4d7af;outline-offset:6px}
.wrap{width:calc(100% - 112px);max-width:1184px;margin:0 auto}
.header{height:112px;display:flex;align-items:center;gap:42px;border-bottom:1px solid var(--line)}
.brand{display:block;width:190px;flex-shrink:0;line-height:0}
.brand img{display:block;width:100%;height:auto}
nav{margin-left:auto;display:flex;gap:30px;font-size:13px;font-weight:400}
nav a{padding:15px 0}
nav a:hover{text-decoration:underline;text-underline-offset:6px}
.language{display:flex;gap:3px;align-items:center;font-size:11px}
.language span{color:#78878a}
.language button,.language a{border:0;background:none;padding:14px 7px;min-height:44px;color:var(--muted);cursor:pointer}
.language button[aria-pressed=true],.language a[aria-current=page]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.masthead{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:85px;padding-top:74px;padding-bottom:69px}
h1{font:400 clamp(52px,5.4vw,80px)/1.06 var(--serif);letter-spacing:-2.8px;margin:0}
.masthead-intro{font-size:20px;line-height:1.65;color:#c5d0ce;max-width:415px;margin:8px 0 0}
.hero-stage{--hero-height:min(720px,92svh);--hero-inset:max(56px,calc((100vw - 1184px)/2));--hero-radius:16px}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#080f15;color:#fff;width:calc(100% - var(--hero-inset)*2);height:var(--hero-height);margin:0 auto;border-radius:var(--hero-radius)}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(6,13,19,.43),rgba(6,13,19,0) 65%),linear-gradient(0deg,rgba(6,13,19,.28),transparent 40%)}
.hero-inner{height:100%;max-width:1184px;margin:auto;padding:60px clamp(32px,6vw,90px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.film-title{font:400 43px/1.12 var(--serif);letter-spacing:-1.2px;max-width:370px;margin:0 0 24px}
.research-link{display:inline-flex;gap:27px;align-items:center;font-size:12px;padding:14px 18px;border:1px solid rgba(255,255,255,.6);background:rgba(9,18,26,.4);border-radius:4px}
.research-link span:last-child{font-size:19px;line-height:1}
.research-link:hover{background:#eceee7;color:#182125}
.motion-controls{position:absolute;bottom:25px;right:28px;pointer-events:none}
.motion-toggle{pointer-events:auto;display:flex;align-items:center;justify-content:center;color:#e0e5e7;background:rgba(12,22,29,.5);border:1px solid #91a1a7;border-radius:50%;width:44px;height:44px;padding:0;cursor:pointer}
.motion-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.motion-toggle:hover{background:#142832}
.motion-icon{display:block;width:9px;height:11px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.motion-toggle[data-paused=true] .motion-icon{width:0;height:0;border-left:9px solid currentColor;border-right:0;border-top:6px solid transparent;border-bottom:6px solid transparent}
.research-band{background:#e3e4df;color:#172326;--muted:#536166}
.research-band .research-copy .lead{color:#172326}
.research{display:grid;grid-template-columns:1fr 1.25fr;gap:100px;padding-top:102px;padding-bottom:100px}
.section-label{display:block;font-size:10px;letter-spacing:1.6px;margin-bottom:24px;color:var(--muted)}
h2{font:400 43px/1.13 var(--serif);letter-spacing:-1.25px;max-width:405px;margin:0}
.research-copy{max-width:615px;padding-top:34px}
.research-copy p,.technology-copy p{font-size:16px;line-height:1.8;color:var(--muted);margin:0}
.research-copy .lead,.technology-copy .lead{font-size:21px;line-height:1.5;color:#e2e7e3;margin-bottom:22px;letter-spacing:-.2px}
.technology-band{background:#13212b}
.technology{padding-top:90px;padding-bottom:90px}
.technology-copy{display:grid;grid-template-columns:1fr 1.25fr;gap:100px;margin-bottom:52px}
.earth-study{margin:0;overflow:hidden;border-radius:8px}
.earth-study img{width:100%;height:auto;display:block}
.technology-copy h2{margin-bottom:28px}
.technology-copy .lead{font-size:20px}
.perspectives-band,.footer-band{background:#000}
.article-document{background:#000}
.article-document .ambient{display:none}
.perspectives{padding-top:80px;padding-bottom:90px}
.perspectives-heading{display:flex;justify-content:space-between;align-items:baseline;gap:35px;margin-bottom:37px}
.perspectives-heading h2{font-size:37px}
.perspectives-heading p{font-size:14px;color:var(--muted);margin:0}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.article-card a{display:block;height:100%}
.article-card img{display:block;width:100%;aspect-ratio:1.16;height:auto;object-fit:cover;border-radius:7px;filter:saturate(.85);transition:filter .2s}
.article-card a:hover img{filter:saturate(1.1)}
.card-meta{display:flex;gap:15px;justify-content:space-between;font-size:9px;letter-spacing:.65px;color:var(--muted);margin:21px 0 15px;line-height:1.6}
.article-card h3{font-size:21px;font-weight:400;letter-spacing:-.25px;line-height:1.4;margin:0 0 20px;max-width:370px}
.read-link{font-size:11px;color:#cbd6d2}
.article-card a:hover .read-link{text-decoration:underline;text-underline-offset:5px}
.footer{padding-top:34px;padding-bottom:29px;border-top:1px solid var(--line)}
.footer-name{font-size:22px;letter-spacing:-.65px;display:block;margin-bottom:27px}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:11px;line-height:1.5}
.skip-link{position:absolute;z-index:5;left:16px;top:12px;transform:translateY(-200%);background:#f3f1e9;color:#182125;padding:12px}
.skip-link:focus{transform:none}
.error-page{padding-top:18vh;padding-bottom:18vh}
.error-page h1{font-size:clamp(34px,5vw,64px);margin:60px 0 25px}
.error-page p{line-height:1.6;color:var(--muted)}
.error-page a{display:inline-block;margin-top:25px;text-decoration:underline;text-underline-offset:5px}
.article-page{max-width:960px;padding-top:55px;padding-bottom:80px}
.article-back{font-size:13px;color:var(--muted)}
.article-heading{max-width:800px;margin:55px auto 37px}
.article-heading .section-label{margin-bottom:20px}
.article-heading h1{font-size:clamp(38px,4.2vw,62px);letter-spacing:-1.8px;line-height:1.12}
.article-deck{font-size:20px;line-height:1.6;color:var(--muted);margin:25px 0}
.article-byline{font-size:11px;color:var(--muted);line-height:1.7}
.article-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:460px;object-fit:cover;border-radius:9px;margin:40px 0 55px}
.article-body{max-width:720px;margin:auto;font:19px/1.85 var(--serif);color:#d5dfdc}
.article-body h2{font-family:'Helvetica Neue',Arial,sans-serif;font-size:23px;letter-spacing:-.35px;line-height:1.3;margin:37px 0 17px;max-width:none}
.article-body p{margin:0 0 24px}
.article-body a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#8faaa6}
.article-sources{margin-top:40px;padding-top:25px;border-top:1px solid var(--line);font:13px/1.7 'Helvetica Neue',Arial,sans-serif}
.article-sources ul{padding-left:20px}
@media(max-width:1100px){.masthead{gap:45px}.research{gap:50px}.technology-copy{gap:50px}.header{gap:27px}nav{gap:22px}h1{font-size:62px;letter-spacing:-2px}.article-card h3{font-size:19px}}
@media(max-width:760px){
 .wrap{width:calc(100% - 48px)}
 .header{height:auto;min-height:115px;flex-wrap:wrap;gap:0;padding-top:18px;padding-bottom:9px}
 .brand{width:160px;order:0}
 .language{margin-left:auto;order:1}
 nav{order:2;margin-left:0;width:100%;gap:23px;font-size:11px;margin-top:9px}
 nav a{padding:10px 0}
 .masthead{grid-template-columns:1fr;gap:27px;padding-top:44px;padding-bottom:39px}
 h1{font-size:clamp(40px,9vw,61px);letter-spacing:-1.5px;line-height:1.09}
 .masthead-intro{font-size:16px;line-height:1.65;margin:0;max-width:430px}
 .hero-stage{--hero-height:min(600px,82svh);--hero-inset:24px;--hero-radius:12px}
 .hero-inner{padding:35px 23px 77px;justify-content:flex-end}
 .film-title{font-size:32px;max-width:240px;letter-spacing:-.6px;margin-bottom:21px}
 .hero-video{object-position:62% center}
 .hero-shade{background:linear-gradient(0deg,rgba(6,13,19,.68),rgba(6,13,19,.1) 65%)}
 .research-link{font-size:11px;padding:12px 14px}
 .motion-controls{bottom:20px;right:18px}
 .research{grid-template-columns:1fr;gap:27px;padding-top:57px;padding-bottom:58px}
 .section-label{font-size:9px;margin-bottom:18px}
 h2{font-size:34px;max-width:350px;letter-spacing:-.85px}
 .research-copy{padding-top:0}
 .research-copy .lead{font-size:19px;margin-bottom:20px}
 .research-copy p,.technology-copy p{font-size:15px;line-height:1.75}
 .technology{padding-top:48px;padding-bottom:48px}
 .technology-copy{grid-template-columns:1fr;gap:22px;margin-bottom:32px}
 .technology-copy h2{margin-bottom:0}
 .technology-copy .lead{font-size:18px}
 .perspectives{padding-top:36px;padding-bottom:55px}
 .perspectives-heading{display:block;margin-bottom:30px}
 .perspectives-heading h2{font-size:32px;margin-bottom:15px}
 .perspectives-heading p{font-size:13px;line-height:1.6}
 .article-grid{grid-template-columns:1fr;gap:37px}
 .article-card img{aspect-ratio:1.5}
 .article-card h3{font-size:21px;max-width:none;margin-bottom:17px}
 .card-meta{margin:17px 0 12px}
 .footer{padding-top:28px;padding-bottom:25px}
 .footer-name{font-size:21px;margin-bottom:24px}
 .footer-bottom{flex-direction:column;gap:10px;font-size:10px}
 .article-page{padding-top:30px;padding-bottom:50px}
 .article-heading{margin-top:36px}
 .article-heading h1{font-size:38px;letter-spacing:-1.2px}
 .article-deck{font-size:18px}
 .article-cover{margin:29px 0 36px}
 .article-body{font-size:18px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){.ambient{animation:none;will-change:auto}.article-card img{transition:none}}