@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,sans-serif}.nav{border-bottom:1px solid var(--line);z-index:2;justify-content:space-between;align-items:center;height:82px;padding:0 5vw;display:flex;position:relative}.brand,.footer-brand{letter-spacing:.18em;align-items:center;gap:11px;font-size:13px;font-weight:700;display:flex}.mark{border:1px solid var(--ink);letter-spacing:0;place-items:center;width:30px;height:30px;font-family:Instrument Serif;font-size:23px;display:grid}.nav-links{gap:34px;font-size:12px;display:flex}.nav a{color:inherit;text-decoration:none}.menu{background:0 0;border:0;display:none}.hero{min-height:700px;padding:145px 13vw 90px;position:relative;overflow:hidden}.eyebrow,.kicker{letter-spacing:.1em;color:var(--muted);font:11px DM Mono,monospace}.eyebrow{align-items:center;gap:9px;display:flex}.hero h1{letter-spacing:-.07em;z-index:1;margin:35px 0 40px;font-size:clamp(62px,9vw,130px);font-weight:500;line-height:.87;position:relative}.hero h1 em{letter-spacing:-.04em;font-family:Instrument Serif;font-weight:400}.hero-copy{color:#5d5e57;max-width:390px;font-size:16px;line-height:1.7}.scroll-cue{color:var(--ink);font:11px DM Mono;text-decoration:none;position:absolute;bottom:65px}.scroll-cue span{margin-left:14px;font-size:20px}.orb{filter:blur(1px);opacity:.8;border-radius:50%;position:absolute}.orb-a{background:#d7e397;width:290px;height:290px;top:130px;right:9%}.orb-b{mix-blend-mode:multiply;background:#e8a089;width:190px;height:190px;top:285px;right:17%}.archive{border-top:1px solid var(--line);padding:105px 8vw}.section-head{justify-content:space-between;align-items:end;display:flex}.section-head h2{margin:20px 0 0;font:400 60px Instrument Serif}.count{color:var(--muted);font:11px DM Mono}.tabs{flex-wrap:wrap;gap:10px;margin:50px 0 32px;display:flex}.tabs button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:100px;padding:10px 17px;font:12px Manrope}.tabs button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.essay-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.essay{border-top:1px solid var(--ink);padding:12px 12px 24px}.essay-art{background:#dedbd0;justify-content:space-between;align-items:center;height:200px;padding:16px;font:38px Instrument Serif;display:flex}.essay-art svg{align-self:flex-start}.blue .essay-art{background:#b7ccd3}.lime .essay-art{background:#ccd98d}.pink .essay-art{background:#e7b7ac}.essay-meta{color:var(--muted);text-transform:uppercase;justify-content:space-between;margin:20px 0 15px;font:10px DM Mono;display:flex}.essay h3{margin:0 0 13px;font:400 27px/1 Instrument Serif}.essay p{color:var(--muted);min-height:58px;font-size:12px;line-height:1.6}.essay a{color:var(--ink);align-items:center;gap:7px;margin-top:20px;font-size:11px;text-decoration:none;display:flex}.manifesto{background:var(--ink);color:var(--paper);padding:150px 13vw}.manifesto .kicker{color:#96978d}.manifesto h2{letter-spacing:-.04em;margin:35px 0 50px;font:400 clamp(54px,8vw,110px)/.88 Instrument Serif}.manifesto h2 span{color:#c9d981}.manifesto>p:last-child{color:#a9aaa1;max-width:340px;margin-left:50%;font-size:14px;line-height:1.7}footer{justify-content:space-between;align-items:center;padding:40px 5vw;font-size:12px;display:flex}footer a{color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:flex}@media (width<=800px){.nav-links{display:none}.menu{display:block}.hero{min-height:620px;padding:105px 8vw 80px}.orb-a{top:100px;right:-100px}.orb-b{top:310px;right:0}.hero h1{font-size:64px}.archive{padding:80px 6vw}.section-head h2{font-size:47px}.essay-grid{grid-template-columns:repeat(2,1fr)}.manifesto{padding:100px 8vw}.manifesto>p:last-child{margin-left:0}footer{flex-wrap:wrap;gap:18px}}@media (width<=500px){.essay-grid{grid-template-columns:1fr}.essay-art{height:180px}.hero h1{font-size:57px}footer{flex-direction:column;align-items:flex-start}}:root{--ink:#e8e8e5;--paper:#202124;--muted:#9aa0a6;--line:#3c4043}body{color:var(--ink);background:#202124}.nav{background:#202124;border-color:#3c4043}.mark{border-color:#9aa0a6}.hero{text-align:center;background:#202124;min-height:760px;padding:32px 6vw 60px}.hero h1,.orb,.scroll-cue{display:none}.lab-grid{opacity:.14;pointer-events:none;background-image:linear-gradient(#5f6368 1px,#0000 1px),linear-gradient(90deg,#5f6368 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.hero-topline{color:#9aa0a6;letter-spacing:.12em;justify-content:space-between;font:10px DM Mono;display:flex;position:relative}.status-dot{background:#81c995;border-radius:50%;width:7px;height:7px;margin-right:7px;animation:1.8s ease-in-out infinite status-pulse;display:inline-block;box-shadow:0 0 10px #81c995}.google-mark{letter-spacing:-.12em;margin:115px auto 10px;font:600 clamp(80px,12vw,150px)/.8 Manrope;position:relative}.g-blue{color:#8ab4f8}.g-red{color:#f28b82}.g-yellow{color:#fdd663}.g-green{color:#81c995}.lab-subtitle{color:#bdc1c6;letter-spacing:.02em;font-size:14px}.search-box{color:#9aa0a6;text-align:left;border:1px solid #5f6368;border-radius:28px;align-items:center;gap:15px;width:min(620px,90vw);height:54px;margin:35px auto 18px;padding:0 20px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0004}.search-box:hover{background:#292a2d;box-shadow:0 3px 14px #0007}.search-box kbd{border:1px solid #5f6368;border-radius:5px;margin-left:auto;padding:4px 7px;font:10px DM Mono}.quick-links{justify-content:center;gap:30px;font-size:12px;display:flex}.quick-links a{color:#bdc1c6;text-decoration:none}.element-panel{text-align:left;background:#242528cc;border:1px solid #3c4043;border-radius:10px;width:min(860px,94vw);margin:92px auto 0;padding:18px;box-shadow:0 20px 60px #0003}.panel-label{color:#bdc1c6;letter-spacing:.1em;align-items:center;gap:9px;margin-bottom:16px;font:10px DM Mono;display:flex}.panel-label span{color:#72777d;margin-left:auto}.elements{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.element{color:#e8eaed;text-align:left;cursor:pointer;background:#2b2c30;border:1px solid #4b5055;border-radius:6px;min-height:130px;padding:12px;transition:all .2s;position:relative}.element:hover,.element.active{background:#303844;border-color:#8ab4f8;transform:translateY(-3px)}.element.active{box-shadow:0 0 0 1px #8ab4f8,0 8px 20px #0005}.protons{color:#9aa0a6;font:10px DM Mono;display:block}.element strong{margin-top:12px;font:34px Instrument Serif;display:block}.element small{color:#8ab4f8;font:11px DM Mono;display:block}.element em{color:#9aa0a6;margin-top:8px;font:9px Manrope;display:block}.archive{color:#171816;background:#f2f0e9;border-color:#d7d5cd}.manifesto{background:#17181a}footer{color:#e8e8e5;background:#202124}footer a{color:#e8e8e5}.essay{border-color:#171816}.essay a{color:#171816}.count{color:#77786f}@media (width<=600px){.hero{padding-left:4vw;padding-right:4vw}.google-mark{margin-top:100px}.element-panel{margin-top:70px}.elements{grid-template-columns:repeat(2,1fr)}.element:first-child{grid-column:span 2}.panel-label span{display:none}}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 10px #81c995}50%{opacity:.28;transform:scale(.78);box-shadow:0 0 2px #81c995}}.video-feature{color:#e8e8e5;background:#292a2d;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7vw;padding:100px 8vw;display:grid}.video-copy h2{letter-spacing:-.04em;margin:22px 0 28px;font:400 clamp(46px,6vw,78px)/.9 Instrument Serif}.video-copy h2 em{color:#8ab4f8}.video-copy>p:not(.kicker){color:#9aa0a6;max-width:360px;font-size:14px;line-height:1.7}.video-copy a{color:#e8e8e5;align-items:center;gap:8px;margin-top:20px;font-size:12px;text-decoration:none;display:inline-flex}.video-frame{aspect-ratio:16/9;background:#17181a;border:1px solid #4b5055;box-shadow:0 18px 45px #0006}.video-frame iframe{border:0;width:100%;height:100%}@media (width<=800px){.video-feature{grid-template-columns:1fr;gap:40px;padding:80px 6vw}}.dedicated-page{color:#e8e8e5;background:#202124;min-height:100vh}.dedicated-page .nav{position:relative}.back-link{color:#8ab4f8;cursor:pointer;background:#242528;border:1px solid #3c4043;border-radius:999px;align-items:center;gap:10px;padding:9px 14px 9px 10px;font:11px DM Mono;transition:box-shadow .25s,border-color .25s,background .25s;display:inline-flex;box-shadow:0 0 #0000}.back-link:hover{background:#303844;border-color:#8ab4f8;box-shadow:0 0 18px #8ab4f855}.home-orbit{border:1px solid #8ab4f8;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:relative;box-shadow:0 0 10px #8ab4f855}.home-orbit i{background:#fdd663;border-radius:50%;width:5px;height:5px;position:absolute;top:-3px;right:-2px;box-shadow:0 0 7px #fdd663}.page-code{color:#9aa0a6;letter-spacing:.1em;font:11px DM Mono}.dedicated-hero{max-width:1000px;padding:130px 12vw 95px}.dedicated-hero h1{letter-spacing:-.06em;margin:30px 0 42px;font:400 clamp(64px,10vw,142px)/.82 Instrument Serif}.dedicated-hero h1 em{color:#8ab4f8}.dedicated-intro{color:#9aa0a6;max-width:390px;font-size:16px;line-height:1.7}.dedicated-video{grid-template-columns:1.5fr .7fr;align-items:center;gap:7vw;padding:40px 8vw 130px;display:grid}.dedicated-caption h2{margin:20px 0 28px;font:400 clamp(42px,5vw,72px)/.9 Instrument Serif}.dedicated-caption>p:not(.kicker){color:#9aa0a6;font-size:14px;line-height:1.7}.dedicated-caption a{color:#e8e8e5;align-items:center;gap:8px;margin-top:18px;font-size:12px;text-decoration:none;display:inline-flex}@media (width<=800px){.dedicated-hero{padding:90px 8vw 65px}.dedicated-video{grid-template-columns:1fr;padding:20px 6vw 90px}.page-code{display:none}}.page-transition{will-change:transform,opacity;transform-origin:50% 20%;backface-visibility:hidden}.chapter-list{color:#9aa0a6;gap:9px;margin:25px 0;font:11px/1.4 DM Mono;display:grid}.chapter-list span{align-items:baseline;gap:12px;display:flex}.chapter-list b{color:#8ab4f8;font-weight:400}.video-poster{cursor:pointer;background:#17181a;border:0;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.video-poster img{object-fit:cover;width:100%;height:100%;display:block}.poster-play{color:#fff;background:#f03;border-radius:16px;place-items:center;width:78px;height:56px;font:28px Arial;transition:transform .2s,box-shadow .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #0008}.video-poster:hover .poster-play{transform:translate(-50%,-50%)scale(1.08);box-shadow:0 10px 36px #f038}.video-frame{overflow:hidden}
