@charset "UTF-8";
:root{--ink:#151515;--paper:#e7e7e7;--muted:#a6a6a6;--amber:#eaaa52;--line:#3d3d3d;--section:clamp(48px,8vw,132px);color-scheme:dark;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;background:var(--ink);color:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:6px}::selection{background:var(--amber);color:var(--ink)}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:10px;padding:16px;background:var(--amber);color:var(--ink);z-index:100}.skip:focus{top:10px}.reading-track{position:fixed;top:0;left:0;width:100%;height:3px;z-index:101;direction:ltr}.reading-track i{display:block;width:0;height:100%;background:var(--amber)}header{height:90px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:30px;position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid #ffffff18;background:#151515dd;backdrop-filter:blur(18px)}.wordmark{font-size:24px;letter-spacing:-1.2px;font-weight:300;direction:ltr;white-space:nowrap}.wordmark span{font-size:9px;vertical-align:top;margin:3px;letter-spacing:0}.desktop-nav,.header-right,.languages{display:flex;gap:26px;align-items:center}.desktop-nav{font-size:13px}.header-right{gap:30px}.languages{gap:13px;font-size:12px;white-space:nowrap}.languages a{opacity:.55;padding:8px 0}.languages a.current{opacity:1;color:var(--amber);border-bottom:1px solid var(--amber)}.menu-toggle{border:0;background:none;color:var(--paper);display:flex;align-items:center;gap:12px;font-size:12px;padding:12px 0}.menu-toggle i,.menu-toggle i:after{width:23px;height:1px;background:var(--paper);display:block}.menu-toggle i:after{content:"";transform:translateY(6px)}#contents{position:fixed;inset:90px 0 0 auto;width:min(680px,100%);z-index:49;background:#242424;padding:32px 4vw;overflow:auto;box-shadow:-20px 0 100px #0008}.contents-head{display:flex;justify-content:space-between;align-items:center}.menu-close{font-size:34px;background:none;border:0;color:var(--paper)}#contents nav{display:grid;gap:0}#contents nav a{padding:16px 0;border-bottom:1px solid var(--line);font-size:clamp(16px,2vw,23px);display:flex;gap:25px}#contents nav a:hover{color:var(--amber)}#contents nav span{font:11px monospace;color:var(--amber);padding-top:6px}.hero{min-height:850px;height:100svh;max-height:1250px;position:relative;display:flex;align-items:center;padding:130px 7vw 200px;isolation:isolate;overflow:hidden}.hero canvas{position:absolute;inset:0;z-index:-1;width:100%;height:100%}.hero-lines{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#80808008 1px,transparent 1px),linear-gradient(90deg,#80808008 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(#000,#0000)}.hero-copy{width:49%;max-width:750px;z-index:3}.overline{font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.7px;color:var(--amber);text-transform:uppercase}.hero h1{font-size:clamp(64px,7.9vw,144px);font-weight:400;letter-spacing:-.075em;line-height:.94;margin:25px 0 30px;max-width:700px}.hero-deck{color:#c5c5c5;font-size:clamp(16px,1.35vw,22px);line-height:1.65;max-width:430px}.cta{display:inline-flex;align-items:center;gap:50px;background:var(--amber);color:#1e1e1e;padding:20px 26px;margin-top:25px;font-size:13px;font-weight:300;transition:background .2s,transform .2s}.cta:hover{background:#ffd08a;transform:translateY(-3px)}.cta span{font-size:26px;font-weight:400}.hero-machine{position:absolute;width:clamp(420px,53vw,880px);right:0;top:50%;transform:translateY(-62%) rotate(-19deg);filter:drop-shadow(30px 50px 55px #000a)}.bearing{width:100%;height:auto;overflow:visible;--duration:24s;direction:ltr}.hero-machine .bearing{transform:rotateX(20deg) rotateY(-26deg);animation:float 11s ease-in-out infinite}.ghost{fill:none;stroke:#828282;stroke-width:1;stroke-dasharray:4 12;opacity:.35}.balls{transform-origin:310px 310px;animation:rotate var(--duration) linear infinite}.inner,.outer{transition:transform .75s cubic-bezier(.22,1,.36,1)}.oil-track{opacity:.85;filter:drop-shadow(0 0 10px #ce6b173d)}.water-drops{opacity:0;transition:opacity .4s}.water-on .water-drops{opacity:.85;animation:rain 1.7s ease-in infinite}.exploded .outer{transform:translate(-38px,-35px)}.exploded .inner{transform:translate(50px,58px)}.exploded .oil-track{opacity:.4}.orbit-label{font:9px monospace;letter-spacing:3px;position:absolute;bottom:12%;left:29%;color:#dbdbdb;opacity:.55}.hero-bottom{position:absolute;bottom:38px;left:4vw;right:4vw;display:flex;justify-content:space-between;z-index:3;font:9px monospace;letter-spacing:1.7px}.giant-type{position:absolute;bottom:-3vw;left:2vw;margin:0;font-size:24vw;font-weight:300;line-height:.8;letter-spacing:-1.6vw;color:#e1e1e106;z-index:-1;direction:ltr;user-select:none}.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:50px 7vw;display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:55px}.band>p:nth-child(2){font-size:clamp(21px,2.4vw,35px);line-height:1.4;font-weight:300;max-width:780px}.material-seal{border:1px solid var(--line);width:90px;height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:40px}.material-seal span{font:10px monospace;color:var(--muted)}.section{padding:var(--section) 7vw}.section h2{font-weight:400;font-size:clamp(36px,5.4vw,84px);line-height:1.04;letter-spacing:-.055em;margin:18px 0 28px;max-width:1000px}.section-deck{max-width:760px;line-height:1.8;color:var(--muted);font-size:17px}.lab{background:#1b1b1b}.lab-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;align-items:center}.lab-visual{position:relative;background:radial-gradient(ellipse,#49494922,transparent 70%);min-height:470px;display:flex;align-items:center;justify-content:center}.lab-visual .bearing{max-width:590px;width:95%}.diagram-label{position:absolute;left:0;font:10px/1.7 monospace;letter-spacing:.7px;color:#9d9d9d}.top-label{top:12px}.bottom-label{bottom:0;max-width:380px}.lab-controls{max-width:400px}.control{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-bottom:34px}.control label{font-size:15px}.control input{grid-column:1/-1}output{font-variant-numeric:tabular-nums}.control output{font:13px monospace;color:var(--amber)}input[type=range]{width:100%;height:3px;accent-color:var(--amber);cursor:ew-resize;margin:15px 0;direction:ltr}.switch{display:flex;justify-content:space-between;align-items:center;position:relative;cursor:pointer;padding:21px 0;border-top:1px solid var(--line);font-size:15px}.switch input{position:absolute;right:0;width:42px;height:28px;opacity:0;cursor:pointer}.switch i{width:42px;height:24px;border:1px solid #777777;border-radius:30px;display:block;position:relative;pointer-events:none}.switch i:after{content:"";width:16px;height:16px;position:absolute;top:3px;left:3px;border-radius:50%;background:#9e9e9e;transition:.25s}.switch input:checked+i{background:var(--amber);border-color:var(--amber)}.switch input:checked+i:after{transform:translateX(18px);background:#252525}.switch input:focus-visible+i{outline:2px solid var(--amber);outline-offset:5px}.legend{list-style:none;padding:25px 0;margin:20px 0;border-top:1px solid var(--line)}.legend li{display:flex;gap:14px;align-items:center;font-size:12px;margin:18px 0}.legend b{font:10px monospace;color:#8c8c8c}.legend i{width:13px;height:13px;border-radius:50%}.silver{background:#c2c2c2}.amber{background:var(--amber)}.network{border:1px dashed #b5aa87}.text-link{color:var(--amber);font-size:13px;background:none;border:0;padding:5px 0}.text-link:hover{text-decoration:underline}.thermal{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:center;background:var(--paper);color:var(--ink)}.thermal .overline{color:#785215}.thermal .section-deck{color:#5d5d5d}.thermal-panel{padding:28px 0}.temperature-digits{direction:ltr;text-align:center;font:clamp(70px,9vw,140px)/1 monospace;letter-spacing:-8px;padding-bottom:50px}.temperature-digits span{font-size:24px;letter-spacing:0;color:#6e6e6e;vertical-align:top;display:inline-block;margin-top:18px}.thermal-panel label{font-size:13px}.thermal input{accent-color:#464646;height:7px;background:linear-gradient(90deg,#7aabc6 0 17%,#5e5e5e 17% 77%,#ba693e 77% 100%)}.scale{display:flex;justify-content:space-between;font:10px monospace;direction:ltr}.thermal-panel p{min-height:74px;font-size:15px;line-height:1.7;margin-top:35px;border-top:1px solid #bdbdbd;padding-top:22px}.compare{padding-bottom:70px}.compare-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-top:60px}.compare-tabs button{background:none;color:var(--muted);border:0;padding:20px 30px;font-size:14px;position:relative}.compare-tabs button[aria-selected=true]{color:var(--amber)}.compare-tabs button[aria-selected=true]:after{content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--amber)}.compare-display{display:grid;grid-template-columns:1fr 2.2fr;align-items:center;gap:8vw;padding:60px 0}.compare-display p{font-size:clamp(22px,3vw,44px);line-height:1.5;letter-spacing:-.03em;max-width:850px}.chemical-mark{position:relative;font:100px/1 monospace;direction:ltr;text-align:center;color:var(--amber)}.chemical-mark sub{font-size:14px}.chemical-mark i{position:absolute;inset:-45px 0;border:1px dashed var(--line);border-radius:50%;animation:rotate 70s linear infinite}.timeline{border-block:1px solid var(--line);padding-block:75px}.timeline-track{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px}.timeline-track>div{border-top:1px solid #7d7d7d;padding:25px 25px 0 0;position:relative}.timeline-track>div:before{content:"";width:7px;height:7px;background:var(--amber);position:absolute;top:-4px;left:0;border-radius:50%}.timeline small{font:11px monospace;color:var(--amber)}.timeline h3{font-weight:400;font-size:21px;margin:25px 0 15px}.timeline-track p{font-size:13px;line-height:1.7;color:var(--muted);max-width:240px}.atlas{padding-bottom:40px}.atlas-tools{position:sticky;top:90px;z-index:20;background:#151515ee;backdrop-filter:blur(15px);padding:24px 0;border-bottom:1px solid var(--line);display:flex;gap:20px;align-items:center;justify-content:space-between}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{font-size:11px;border:0;color:var(--muted);padding:10px 14px;background:none;border-radius:3px}.filters button[aria-pressed=true]{background:var(--amber);color:var(--ink)}.search{display:flex;align-items:center;gap:8px;min-width:230px;border-bottom:1px solid #5b5b5b;padding:8px 0}.search input{border:0;background:none;color:var(--paper);min-width:100px;width:150px;font-size:12px;outline-offset:2px}.search>span{font-size:25px;color:var(--amber)}.search output{font:9px monospace;color:var(--muted);white-space:nowrap}.chapter{display:grid;grid-template-columns:.55fr 3fr .7fr;gap:4vw;padding:70px 0 80px;border-bottom:1px solid var(--line);scroll-margin-top:200px}.chapter-marker>span{font:40px monospace;color:var(--amber);letter-spacing:-3px}.chapter-marker small{display:block;color:var(--muted);font-size:11px;margin-top:14px}.chapter-main h3{font-size:clamp(28px,3.1vw,48px);font-weight:400;letter-spacing:-.04em;line-height:1.15;margin:15px 0}.chapter-main>p:not(.overline){font-size:16px;line-height:1.95;color:#bbbbbb;max-width:760px}.chapter-main>p.deck{font-size:19px;color:var(--paper);line-height:1.6;margin:23px 0 30px}.chapter-glyph{color:#707070;font:clamp(35px,6vw,85px) monospace;text-align:right;align-self:start;position:sticky;top:235px;padding-top:40px;direction:ltr;opacity:.65}.article-sources{padding-top:18px;display:flex;flex-wrap:wrap;gap:12px}.article-sources a{font-size:10px;color:#a4a4a4;border-bottom:1px solid #505050;padding-bottom:4px}.article-sources a:hover{color:var(--amber)}.empty{padding:70px;color:var(--muted);text-align:center}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#282828}.checklist h2{font-size:clamp(35px,4vw,58px)}.checklist p{font-size:15px;line-height:1.7;color:#aeaeae}.check-progress{height:3px;background:#535353;margin-top:40px}.check-progress i{display:block;width:0;height:100%;background:var(--amber);transition:width .3s}.check-items{padding-top:12px}.check-items label{display:flex;gap:20px;padding:23px 0;border-bottom:1px solid #4d4d4d;align-items:center;cursor:pointer;line-height:1.5;font-size:15px}.check-items label>span{font:10px monospace;color:var(--amber)}.check-items input{accent-color:var(--amber);width:20px;height:20px;flex:0 0 20px}.check-items label:has(input:checked){color:#8e8e8e}.sources ol{list-style:none;padding:0;margin:50px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.sources li a{display:flex;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);font-size:12px}.sources li span{font:10px monospace;color:var(--amber)}.sources li b{margin-inline-start:auto;color:var(--amber);font-size:18px;font-weight:400}.sources a:hover{color:var(--amber)}footer{padding:50px 7vw;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line)}footer p,footer>a:last-child{font-size:11px;color:var(--muted)}html[lang=ja] h1,html[lang=ja] h2{letter-spacing:-.05em}html[lang=ja] .hero h1{font-size:clamp(50px,7vw,115px)}html[lang=ja] .chapter-main>p:not(.overline){line-height:2.1}html[dir=rtl] .hero-copy{margin-inline-end:auto}html[dir=rtl] .hero-machine{right:auto;left:-4vw}html[dir=rtl] .chapter-glyph{text-align:left}html[dir=rtl] .hero h1{letter-spacing:-.03em}html[dir=rtl] .switch input{right:auto;left:0}html[dir=rtl] #contents{inset:90px auto 0 0}html[dir=rtl] .timeline-track>div{padding:25px 0 0 25px}html[dir=rtl] .timeline-track>div:before{right:0;left:auto}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:rotateX(20deg) rotateY(-26deg) translateY(0)}50%{transform:rotateX(24deg) rotateY(-20deg) translateY(-12px)}}@keyframes rain{0%{transform:translateY(-18px);opacity:0}30%{opacity:.85}100%{transform:translateY(140px);opacity:0}}@media(max-width:1000px){.desktop-nav{display:none}.hero{min-height:760px}.hero-machine{right:-15vw;width:65vw;opacity:.9}.hero-copy{width:60%}.hero h1{font-size:85px}.band{gap:25px;grid-template-columns:1fr 2fr}.material-seal{display:none}.lab-layout{gap:4vw;grid-template-columns:1.3fr 1fr}.atlas-tools{align-items:flex-start;flex-direction:column}.search{width:100%}.search input{flex:1}.chapter{grid-template-columns:70px 1fr;gap:25px}.chapter-glyph{display:none}.chapter{scroll-margin-top:245px}.thermal{gap:5vw}.compare-tabs button{padding:18px 15px}.timeline-track{grid-template-columns:repeat(2,1fr);gap:30px}.timeline-track p{max-width:none}}@media(max-width:650px){header{height:74px;padding:0 5vw;gap:10px}.wordmark{font-size:21px}.header-right{gap:14px}.languages{gap:9px;font-size:11px}.menu-toggle span{display:none}#contents,html[dir=rtl] #contents{top:74px}.hero{height:auto;min-height:940px;padding:150px 7vw 430px;align-items:flex-start}.hero-copy{width:100%;max-width:440px}.hero h1{font-size:77px;max-width:360px;margin:22px 0}.hero-deck{max-width:340px;font-size:16px}.hero-machine,html[dir=rtl] .hero-machine{width:440px;right:-100px;left:auto;top:auto;bottom:22px;transform:rotate(-16deg);opacity:.8}.hero-machine .bearing{transform:none}.hero-bottom{font-size:8px;left:7vw;right:7vw}.hero-bottom span:last-child{display:none}.giant-type{bottom:24px;font-size:26vw}.band{padding:35px 7vw;display:block}.band>p:nth-child(2){font-size:24px;margin-top:20px}.section{padding:65px 7vw}.section h2{font-size:42px}.section-deck{font-size:15px}.lab-layout{display:flex;flex-direction:column;gap:38px}.lab-visual{width:100%;min-height:360px}.lab-visual .bearing{width:105%}.lab-controls{width:100%;max-width:none}.bottom-label{font-size:9px;max-width:280px}.thermal{grid-template-columns:1fr;gap:20px}.temperature-digits{font-size:100px;padding-bottom:35px}.compare-tabs{flex-direction:column;margin-top:30px;align-items:stretch}.compare-tabs button{text-align:start;border-top:1px solid var(--line);padding:18px 10px}.compare-display{grid-template-columns:90px 1fr;gap:24px;padding:30px 0}.compare-display p{font-size:22px}.chemical-mark{font-size:45px}.chemical-mark sub{font-size:10px}.chemical-mark i{inset:-25px 0}.timeline-track{grid-template-columns:1fr 1fr;gap:35px 20px}.timeline h3{font-size:18px}.atlas-tools{top:74px;padding:18px 0;gap:12px}.filters{gap:2px}.filters button{padding:8px 9px;font-size:10px}.chapter{padding:45px 0;display:block;scroll-margin-top:255px}.chapter-marker{display:flex;align-items:center;gap:18px}.chapter-marker>span{font-size:29px}.chapter-marker small{margin:0}.chapter-main .overline{display:none}.chapter-main h3{font-size:31px;margin-top:25px}.chapter-main>p:not(.overline){font-size:15px;line-height:1.9}.chapter-main>p.deck{font-size:18px}.checklist{grid-template-columns:1fr;gap:20px}.sources ol{grid-template-columns:1fr}.sources li a{font-size:11px}.sources h2{font-size:36px}footer{align-items:flex-start;flex-direction:column;gap:16px}footer p{margin:0}html[lang=ja] .hero h1{font-size:62px}html[dir=rtl] .hero-machine{right:auto;left:-100px}html[dir=rtl] .hero-copy{margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}#dust{display:none}}
@media(min-width:651px) and (max-width:1000px){.hero{height:auto;min-height:1150px;padding-top:180px;padding-bottom:590px;align-items:flex-start}.hero-copy{width:90%;max-width:640px}.hero-machine,html[dir=rtl] .hero-machine{top:auto;bottom:25px;right:-55px;left:auto;width:580px;transform:rotate(-18deg)}html[dir=rtl] .hero-machine{right:auto;left:-55px}.hero h1{font-size:80px}.hero-deck{max-width:500px}.hero-bottom{bottom:28px}}

/* FIN1655 material-journal edition: local artwork and native motion. */
:root{--ink:#131313;--paper:#ececec;--muted:#aaaaaa;--amber:#d99b48;--line:#393939}header{height:82px;background:#dbdbdbd9;border-color:#12121222;color:#131313;transition:background .3s,color .3s}.wordmark{font-size:23px;letter-spacing:-1px}.wordmark span{color:#9b621f}.menu-toggle{color:inherit}.menu-toggle i,.menu-toggle i:after{background:currentColor}.languages a.current{color:#854512;border-color:#854512}.after-hero header{background:#131313e8;color:#efefef;border-color:#ffffff22}.after-hero .languages a.current{color:var(--amber);border-color:var(--amber)}#contents,html[dir=rtl] #contents{top:82px;background:#1d1d1d}.hero{min-height:820px;height:100svh;max-height:1120px;padding:145px 6vw 275px;background:#cacaca;color:#131313;align-items:flex-start;isolation:isolate}.hero-art{position:absolute;inset:-2.5%;z-index:-3;pointer-events:none;animation:sculpture-drift 15s ease-in-out infinite}.hero-art picture,.hero-art img{display:block;width:100%;height:100%}.hero-art img{object-fit:cover;object-position:70% center}.hero:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#cacaca22,transparent 55%),linear-gradient(0deg,#11161c77,transparent 22%)}.hero #dust{z-index:-1;opacity:.4}.hero-lines{display:none}.hero-copy{width:44%;max-width:640px;z-index:3}.hero-copy .overline{font-size:10px;color:#2e2e2e;letter-spacing:1.8px}.hero h1{font-size:clamp(52px,6.3vw,102px);font-weight:300;letter-spacing:-.065em;line-height:.97;max-width:620px;margin:28px 0 22px}.hero-deck{font-size:clamp(15px,1.25vw,20px);line-height:1.6;max-width:360px;color:#373737}.hero .cta{margin-top:20px;background:#1a1a1a;color:#f7f7f7;gap:45px;padding:17px 22px;font-size:12px;box-shadow:none}.hero .cta:hover{background:#393939}.art-caption{position:absolute;right:5vw;top:135px;display:flex;align-items:flex-start;gap:18px;font:9px/1.7 monospace;letter-spacing:1.1px;max-width:200px}.art-caption>span{border:1px solid #1b252655;padding:10px;white-space:nowrap;font-size:14px}.art-caption p{max-width:95px;margin-top:5px}.giant-type{left:3vw;right:3vw;bottom:55px;font-size:22.4vw;line-height:.72;letter-spacing:-1.5vw;color:#fbfbfbe8;z-index:1;mix-blend-mode:soft-light;direction:ltr;pointer-events:none}.hero-rail{position:absolute;bottom:calc(17.5vw + 85px);left:6vw;right:6vw;border-bottom:1px solid #1b252655;padding-bottom:15px;display:flex;justify-content:space-between;align-items:center;z-index:4;font:10px monospace;letter-spacing:1px}.hero-bottom{left:6vw;right:6vw;bottom:25px;color:#f9f9f9;font-size:9px;letter-spacing:1px}.chapter-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:24px 6vw;background:#d9d9d9;color:#1e1e1e;direction:ltr;border-bottom:1px solid #1e1e1e33}.chapter-strip>span{font:9px monospace;letter-spacing:2px;margin-inline-end:30px}.chapter-strip a{font:12px monospace;padding:8px 9px;transition:background .2s}.chapter-strip a:hover{background:#1e1e1e;color:#f4f4f4}.band{padding:60px 6vw;background:#d9d9d9;color:#1f1f1f;border-top:0;border-bottom:0}.band .overline{color:#4a4a4a}.band>p:nth-child(2){font-size:clamp(23px,2.9vw,42px);letter-spacing:-.035em}.material-seal{border-color:#6e6e6e;color:#404040}.material-seal span{color:#585858}.section{padding-inline:6vw}.section h2{font-size:clamp(40px,5.8vw,90px);letter-spacing:-.055em}.lab{position:relative;overflow:hidden;background:#141414}.lab:before{content:"";pointer-events:none;position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#71717144 1px,transparent 1px),linear-gradient(90deg,#71717144 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(transparent,#000,transparent)}.lab>div{position:relative}.lab-visual{min-height:540px;background:radial-gradient(ellipse,#6e6e6e33,transparent 65%)}.lab-visual .bearing{max-width:640px;filter:drop-shadow(15px 35px 25px #0008)}.lab-controls{padding:35px;border:1px solid #6e6e6e55;background:#22222277;backdrop-filter:blur(8px);max-width:430px}.lab .section-heading{max-width:900px}.thermal{background:#d9d9d9;color:#1f1f1f;border-block:1px solid #98989833}.thermal h2{max-width:700px}.temperature-digits{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:400;font-size:clamp(105px,12vw,190px)}.thermal-panel p{border-color:#8f8f8f}.compare{background:#121212}.compare-display{min-height:330px}.chemical-mark{font-size:120px;color:#cfcfcf;text-shadow:0 6px 20px #e1e1e111}.chemical-mark i{border-style:solid;inset:-45px -5px;box-shadow:inset 12px 0 15px #9d9d9d18;transform:rotateX(35deg)}.compare-tabs button[aria-selected=true]{color:#f0f0f0}.timeline{background:#222222}.timeline-track h3{max-width:250px;font-size:24px}.atlas{background:#121212}.atlas-tools{top:82px;background:#121212ed}.chapter{padding:90px 0;grid-template-columns:.6fr 3fr .8fr;gap:4vw}.chapter-marker{position:sticky;top:225px;align-self:start}.chapter-marker>span{font:clamp(55px,7vw,106px)/.9 Arial,sans-serif;letter-spacing:-.08em;color:#c7c7c7}.chapter-marker small{text-transform:uppercase;font:9px monospace;letter-spacing:1px}.chapter-main h3{font-size:clamp(30px,3.8vw,59px);max-width:850px}.chapter-main>p:not(.overline){font-size:17px;line-height:1.9;color:#bcbcbc}.chapter-main>p.deck{color:#e5e5e5;font-size:21px}.chapter-glyph{font-size:clamp(40px,6vw,95px);color:#a18c64;opacity:.7}.chapter:nth-child(3n+2) .chapter-glyph{color:#c6c6c6}.article-sources{justify-content:space-between;gap:25px;margin-top:20px;padding-top:25px;border-top:1px solid #6e6e6e44}.article-sources a{font-size:11px;line-height:1.6;max-width:60%;border:0;color:#d6c5a6}.checklist{background:#d9d9d9;color:#1f1f1f}.checklist p{color:#565656}.check-items label{border-color:#9d9d9d}.check-items label>span{color:#64503b}.check-items label:has(input:checked){color:#626262}.check-progress{background:#bfbfbf}.check-progress i{background:#494949}.checklist .overline,.checklist .text-link{color:#664c2b}.sources{background:#141414}.sources ol{gap:0 50px}.sources li a{font-size:16px;line-height:1.5;padding:25px 0}.sources li b{color:#d5d5d5}.sources li span{color:#979797}.sources .section-deck{max-width:640px}footer{padding-inline:6vw;background:#121212}.reveal-in{animation:chapter-enter .75s cubic-bezier(.16,1,.3,1) both}.lab:not(.on-screen) .balls,.lab:not(.on-screen) .water-drops{animation-play-state:paused}.hero:not(.on-screen) .hero-art{animation-play-state:paused}@keyframes sculpture-drift{0%,100%{transform:translate3d(calc(var(--art-x,0px) - 3px),var(--art-y,0px),0) scale(1.01)}50%{transform:translate3d(calc(var(--art-x,0px) + 3px),calc(var(--art-y,0px) - 8px),0) scale(1.025)}}@keyframes chapter-enter{from{transform:translateY(35px);opacity:.7}to{transform:translateY(0);opacity:1}}html[dir=rtl] .hero-art{transform:scaleX(-1);animation:sculpture-drift-rtl 15s ease-in-out infinite}html[dir=rtl] .hero-copy{margin-inline-start:0;margin-inline-end:auto}html[dir=rtl] .art-caption{right:auto;left:5vw}html[dir=rtl] .giant-type{left:3vw;right:3vw}html[lang=ja] .hero h1{font-size:clamp(54px,6.5vw,105px)}@keyframes sculpture-drift-rtl{0%,100%{transform:scaleX(-1) translate3d(var(--art-x,0px),var(--art-y,0px),0) scale(1.01)}50%{transform:scaleX(-1) translate3d(var(--art-x,0px),calc(var(--art-y,0px) - 8px),0) scale(1.025)}}@media(min-width:651px) and (max-width:1000px){.hero{min-height:980px;padding-top:150px;padding-bottom:520px}.hero-copy{width:62%;max-width:520px}.hero h1{font-size:67px}.hero-art{inset:15% -15% -3% -20%;background:#cacaca}.hero-art img{object-position:68% center;object-fit:cover}.hero-deck{max-width:290px}.hero-rail{bottom:235px}.art-caption{top:140px;right:5vw;max-width:100px}.art-caption p{display:none}.lab-layout{grid-template-columns:1.1fr 1fr;gap:15px}.lab-controls{padding:23px}.lab-visual{min-height:400px}.chapter-strip{gap:2px;padding-inline:4vw}.chapter-strip>span{margin-inline-end:6px;letter-spacing:0}.chapter-strip a{padding:7px}.chapter{grid-template-columns:70px 1fr;gap:25px}.chapter-glyph{display:none}html[dir=rtl] .hero-art{inset:15% -20% -3% -15%}}@media(max-width:650px){header{height:74px;padding-inline:5vw}.wordmark{font-size:20px}#contents,html[dir=rtl] #contents{top:74px}.hero{height:auto;min-height:1040px;max-height:none;padding:135px 6vw 540px}.hero-copy{width:100%;max-width:430px}.hero h1{font-size:67px;max-width:370px;margin:22px 0 18px}.hero-deck{font-size:15px;max-width:310px;line-height:1.65}.hero .cta{padding:15px 20px;margin-top:12px;gap:40px}.hero-art{inset:425px -110px 20px -180px;background:#cbcbcb;mask-image:linear-gradient(transparent,#000 15%,#000)}.hero-art img{object-position:70% bottom;object-fit:cover}.hero:after{background:linear-gradient(#cbcbcb00 0 35%,transparent 70%,#17202155 100%);z-index:-2}.hero #dust{opacity:.2}.art-caption{top:100px;right:6vw;font-size:8px;max-width:95px}.art-caption>span{padding:6px;font-size:11px}.art-caption p{display:none}.giant-type{font-size:22.2vw;bottom:66px;color:#fff;mix-blend-mode:overlay;opacity:.9;left:3vw}.hero-rail{bottom:145px;left:6vw;right:6vw;font-size:8px;border-color:#ffffff77;color:#f5f5f5}.hero-bottom{font-size:7px;bottom:25px;gap:20px;max-width:88%}.hero-bottom>span:first-child{max-width:150px;line-height:1.6}.chapter-strip{padding:14px 5vw;gap:5px;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}.chapter-strip>span{white-space:nowrap;margin-inline-end:6px;font-size:8px}.chapter-strip a{flex:0 0 auto;font-size:10px;padding:9px 7px}.band{padding:38px 6vw}.band>p:nth-child(2){font-size:26px}.section{padding:65px 6vw}.section h2{font-size:43px}.lab-visual{min-height:355px}.lab-controls{max-width:none;padding:24px;width:100%;backdrop-filter:none}.lab-layout{gap:36px}.thermal-panel p{font-size:14px}.temperature-digits{font-size:115px}.compare-display{min-height:200px;grid-template-columns:80px 1fr;gap:20px}.chemical-mark{font-size:50px}.chemical-mark i{inset:-25px 0}.timeline-track h3{font-size:19px}.atlas-tools{top:74px}.chapter{display:block;padding:50px 0}.chapter-marker{position:static;display:flex}.chapter-marker>span{font-size:42px}.chapter-main h3{font-size:33px;line-height:1.15}.chapter-main>p:not(.overline){font-size:15px;line-height:1.95}.chapter-main>p.deck{font-size:19px;line-height:1.6}.article-sources a{font-size:10px;max-width:65%}.article-sources>a:first-child{max-width:30%}.sources li a{font-size:14px}.sources .section-deck{font-size:14px}.sources ol{margin-top:35px}.chapter-glyph{display:none}html[lang=ja] .hero h1{font-size:62px}html[dir=rtl] .hero-art{inset:425px -180px 20px -110px}html[dir=rtl] .hero-copy{margin:0}}@media(prefers-reduced-motion:reduce){.hero-art,html[dir=rtl] .hero-art,.reveal-in{animation:none!important}.hero-art{transform:none!important}html[dir=rtl] .hero-art{transform:scaleX(-1)!important}}
/* Passive motion: no settings or sliders are needed to watch the material. */
.lab-legend{padding:35px 0 35px 35px;max-width:430px;border-inline-start:1px solid #7d7d7d55}.lab-legend .legend{margin:25px 0 0;border:0;padding:0}.lab-legend .legend li{font-size:15px;padding:18px 0;border-bottom:1px solid var(--line);margin:0}.lab-legend .section-deck{font-size:14px;line-height:1.9;margin:30px 0}.auto-cutaway .outer{animation:outer-breathe 13s ease-in-out infinite}.auto-cutaway .inner{animation:inner-breathe 13s ease-in-out infinite}.auto-cutaway .water-drops{opacity:0;animation:rain 6s ease-in infinite;animation-delay:4s}.lab:not(.on-screen) .auto-cutaway .outer,.lab:not(.on-screen) .auto-cutaway .inner{animation-play-state:paused}.temperature-range{display:flex;align-items:center;justify-content:space-between;font:clamp(56px,6.8vw,110px)/1 Arial,sans-serif;letter-spacing:-.06em;gap:25px;padding:40px 0}.temperature-range>span{white-space:nowrap}.temperature-range small{font:16px monospace;vertical-align:top;letter-spacing:0;display:inline-block;margin-top:8px}.temperature-range>i{font:30px monospace;font-style:normal;color:#737373}.thermal-window{height:5px;background:#7c7c7c;position:relative;overflow:hidden}.thermal-window i{display:block;position:absolute;inset:0 auto 0 -30%;width:30%;background:#e8d5a6;animation:window-sweep 7s linear infinite}.family-notes{margin:0}.family-notes>div{padding:24px 0;border-bottom:1px solid var(--line)}.family-notes dt{font-size:20px;color:var(--paper);margin-bottom:12px}.family-notes dd{font-size:15px;color:var(--muted);line-height:1.85;margin:0;max-width:650px}@keyframes outer-breathe{0%,20%,90%,100%{transform:translate(0,0)}40%,65%{transform:translate(-30px,-27px)}}@keyframes inner-breathe{0%,20%,90%,100%{transform:translate(0,0)}40%,65%{transform:translate(38px,42px)}}@keyframes window-sweep{to{transform:translateX(450%)}}@media(max-width:650px){.lab-legend{max-width:none;padding:20px 0;border:0;width:100%}.lab-legend .legend li{font-size:14px}.temperature-range{font-size:62px;gap:10px}.temperature-range small{font-size:12px}.temperature-range>i{font-size:23px}.compare-display{display:block}.chemical-mark{width:90px;margin:35px auto 65px}.family-notes dt{font-size:19px}.family-notes dd{font-size:14px}}@media(prefers-reduced-motion:reduce){.auto-cutaway .outer,.auto-cutaway .inner,.auto-cutaway .water-drops,.thermal-window i{animation:none!important}}

/* Steel gear edition: a geometric wheel rather than the retired sculpture. */
:root{--ink:#121212;--paper:#eeeeee;--muted:#b0b0b0;--line:#3a3a3a;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-weight:300}
h1,h2,h3,.wordmark,.giant-type{font-weight:300}.overline{letter-spacing:.16em}.chapter-main h3 a:hover{color:var(--amber)}
.hero{background:#c9c9c9}.hero-copy{width:44%}.hero-art,html[dir=rtl] .hero-art{inset:105px -4% 130px 43%;animation:none;transform:none;display:grid;place-items:center;mask-image:none;background:none}
.hero-art .gear{display:block;width:100%;max-height:100%;filter:drop-shadow(0 28px 20px #0005);overflow:visible;transform:rotateX(12deg) rotateY(-15deg)}
.gear-wheel{transform-origin:310px 310px;animation:rotate 40s linear infinite}.hero:not(.on-screen) .gear-wheel{animation-play-state:paused}
html[dir=rtl] .hero-art{inset:105px 43% 130px -4%}.art-caption{top:auto;bottom:230px}.hero:after{background:linear-gradient(0deg,#12121277,transparent 25%)}
.full-article{max-width:880px;margin:auto;padding:155px 32px 64px;scroll-margin-top:100px}.full-article h1{font-size:clamp(36px,5.4vw,76px);letter-spacing:-.035em;line-height:1.1;margin:32px 0}.full-article>.overline{margin-top:45px}.full-article>p{font-size:18px;line-height:1.95;color:var(--muted)}.full-article>p.deck{font-size:24px;color:var(--paper);line-height:1.6}.article-page header{background:#121212ed;color:var(--paper);border-color:var(--line)}.article-page .languages a.current{color:var(--amber);border-color:var(--amber)}.article-pagination{max-width:1040px;margin:auto;padding:32px 32px 80px;display:flex;justify-content:space-between;gap:32px;border-top:1px solid var(--line)}.article-pagination a{flex:1;line-height:1.6}.article-pagination a:hover{color:var(--amber)}.article-pagination small{display:block;color:var(--muted);font-size:11px;margin-bottom:12px}.article-pagination a:last-child{text-align:end}
@media(min-width:651px) and (max-width:1000px){.hero-art,html[dir=rtl] .hero-art{inset:400px 8% 160px}.hero-copy{width:80%}.hero{min-height:1080px}.art-caption{bottom:270px}}
@media(max-width:650px){.hero-art,html[dir=rtl] .hero-art{inset:440px 1% 150px}.hero{min-height:1000px}.hero-copy{width:100%}.art-caption{top:auto;bottom:180px}.hero h1{font-size:clamp(52px,14vw,67px)}header{gap:8px}.header-right{gap:10px}.languages{gap:8px}.languages a{font-size:10px}.wordmark{font-size:18px}.full-article{padding:125px 6vw 40px}.full-article>p{font-size:16px}.full-article>p.deck{font-size:21px}.article-pagination{padding-inline:6vw;flex-direction:column;gap:24px}.article-pagination a:last-child{text-align:start}}
@media(prefers-reduced-motion:reduce){.gear-wheel{animation:none!important}}
/* Keep the wheel below the localized copy when the hero stacks. */
.hero-art .gear{height:100%;min-height:0}
@media(min-width:651px) and (max-width:1000px){.hero-art,html[dir=rtl] .hero-art{inset:510px 8% 160px}.hero{min-height:1120px}}
@media(max-width:650px){.hero-art,html[dir=rtl] .hero-art{inset:550px 1% 150px}.hero{min-height:1100px}}

/* Cast-metal edition: silver and warm cream descend into graphite. */
body{background:#121212}
.hero{background:linear-gradient(145deg,#eeece8 0%,#eee8df 58%,#d4d1cb 100%);color:#202020;max-height:none;min-height:900px}
header{background:#eceae5ed}.hero .hero-deck{color:#393939}.hero:after{background:linear-gradient(0deg,#b5b2ad33,transparent 28%)}
.hero .hero-copy{width:40%;max-width:570px}.hero h1{font-weight:300;letter-spacing:-.055em}.hero .cta{border:1px solid #3d3d3d;background:#202020;color:#f4eee5}
.hero .hero-art.cast-art,html[dir=rtl] .hero .hero-art.cast-art{inset:110px -4% 180px 40%;display:grid;place-items:center;perspective:1100px;overflow:visible;isolation:isolate;transform:none;animation:none;mask-image:none}
.cast-object{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;animation:cast-drift 16s ease-in-out infinite;transform-origin:50% 65%;will-change:transform}.hero .cast-art picture,.hero .cast-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.hero .cast-art img{animation:none}
.grease-sheen{position:absolute;inset:-30%;pointer-events:none;background:linear-gradient(115deg,transparent 42%,#f5be6222 47%,#ffffff44 50%,#f5be6222 53%,transparent 58%);mix-blend-mode:soft-light;animation:grease-sheen 11s ease-in-out infinite;transform:translateX(-55%)}
html[dir=rtl] .hero .hero-art.cast-art{inset:110px 40% 180px -4%}
.hero .hero-rail{color:#303030;border-color:#72727266}.hero .hero-bottom{color:#414141}.hero .giant-type{color:#ffffff77;mix-blend-mode:normal}.hero .art-caption{color:#343434}
.chapter-strip{background:#dfdcd6;color:#252525}.band{background:linear-gradient(#dfdcd6,#d0ccc5);color:#252525}
.lab{--paper:#242424;--muted:#454545;--line:#aaa59e;background:linear-gradient(#d0ccc5,#aaa7a1);color:var(--paper)}
.lab .section-heading .overline,.lab .lab-legend>.overline{color:#80501f}.lab .section-deck,.lab .legend b,.lab .diagram-label{color:#454545}.lab .text-link{color:#6b3b0d}.lab-legend{border-color:#77777755}.lab .lab-visual{background:radial-gradient(ellipse,#e7e2da66,transparent 65%)}
.gear-scene{--paper:#f4eee5;--muted:#f0ebe4;--line:#a0a0a0;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:7vw;background:linear-gradient(#aaa7a1,#686868);color:var(--paper);position:relative;overflow:hidden}
.gear-scene .overline,.gear-scene .text-link{color:#3a2007}.gear-scene h2{max-width:650px}.gear-scene .section-deck{max-width:440px;color:#242424}.supporting-gear{min-width:0;perspective:1000px}.supporting-gear .gear{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(12px 30px 20px #0005);transform:rotateX(10deg) rotateY(-12deg)}
.gear-scene:not(.on-screen) .gear-wheel{animation-play-state:paused}
.thermal{background:linear-gradient(#686868,#494949);color:#f4eee5;border-color:#88888844}.thermal .overline{color:#f6ce90}.thermal .section-deck{color:#e1ddd7}.thermal .temperature-range>i{color:#e1ddd7}.thermal .thermal-panel p{border-color:#979797;color:#eee8df}.thermal-window{background:#8e8982}
.compare{background:linear-gradient(#494949,#333333)}.timeline{background:linear-gradient(#333333,#242424)}.atlas{background:linear-gradient(#242424,#191919)}.atlas-tools{background:#242424f5}.sources{background:#191919}footer{background:#121212}
.motion-paused .gear-wheel,.motion-paused .cast-object,.motion-paused .grease-sheen,.hero:not(.on-screen) .cast-object,.hero:not(.on-screen) .grease-sheen{animation-play-state:paused}
@keyframes cast-drift{0%,100%{transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) rotateY(-3deg) rotateX(1deg) scale(1)}50%{transform:translate3d(calc(var(--art-x,0px) + 3px),calc(var(--art-y,0px) - 10px),0) rotateY(2deg) rotateX(-1deg) scale(1.025)}}
@keyframes grease-sheen{0%,15%{transform:translateX(-55%);opacity:0}35%{opacity:.65}65%{transform:translateX(55%);opacity:0}100%{transform:translateX(55%);opacity:0}}
@media(min-width:651px) and (max-width:1000px){.hero{min-height:1150px;padding-bottom:650px}.hero .hero-copy{width:80%;max-width:580px}.hero .hero-art.cast-art,html[dir=rtl] .hero .hero-art.cast-art{inset:480px 0 170px}.gear-scene{gap:4vw;grid-template-columns:1fr 1fr}.gear-scene h2{font-size:52px}}
@media(max-width:650px){.hero{min-height:1080px;padding-bottom:600px}.hero .hero-copy{width:100%;max-width:440px}.hero .hero-art.cast-art,html[dir=rtl] .hero .hero-art.cast-art{inset:490px -5% 140px}.hero .hero-rail{bottom:135px}.hero .art-caption{bottom:165px}.gear-scene{grid-template-columns:1fr;gap:48px}.gear-scene h2{font-size:43px}.supporting-gear{width:min(100%,480px);margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.hero .cast-object,.grease-sheen{animation:none!important;transform:none!important;will-change:auto}.supporting-gear .gear{transform:none}}
.gear-scene{color:#242424}.gear-scene .section-deck{color:#242424}
@media(prefers-reduced-motion:reduce){.hero .hero-art.cast-art,html[dir=rtl] .hero .hero-art.cast-art{transform:none!important}}

/* Separate drops leave the cast object's pixels and silhouette untouched. */
.grease-drops{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.grease-drop{fill:#d99b48;stroke:#f7ce8e;stroke-width:1;offset-path:path("M 1160 672 C 1158 715 1161 765 1164 810");offset-rotate:0deg;animation:grease-fall 8s ease-in infinite;opacity:0}
.grease-drop:nth-child(2){animation-delay:3.5s}
.hero:not(.on-screen) .grease-drop,.motion-paused .grease-drop{animation-play-state:paused}
@keyframes grease-fall{0%,25%{offset-distance:0%;opacity:0;transform:scale(.6,1)}35%{opacity:.85;transform:scale(.8,1.35)}75%{opacity:.75;transform:scale(.7,1.5)}90%,100%{offset-distance:100%;opacity:0;transform:scale(.65,1.6)}}
@media(prefers-reduced-motion:reduce){.grease-drop{animation:none!important;opacity:0}}

.material-study{margin:32px 0;max-width:440px}.material-study img{display:block;width:100%;height:auto}.material-study figcaption{font-size:11px;line-height:1.6;color:#242424;margin-top:12px}

/* Geometry is the primary hero; the original raster is a static failure/reduced-motion state. */
.hero .hero-art.webgl-art,html[dir=rtl] .hero .hero-art.webgl-art{inset:90px 1% 150px 42%;display:block;overflow:visible;mask-image:none;transform:none!important;animation:none!important;perspective:none}
html[dir=rtl] .hero .hero-art.webgl-art{inset:90px 42% 150px 1%}
#gear-webgl{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;z-index:1;pointer-events:none;touch-action:pan-y}
#gear-webgl.webgl-ready{opacity:1}.webgl-fallback{position:absolute;inset:0;display:block;animation:none!important;transform:none!important}.webgl-fallback img{width:100%;height:100%;object-fit:contain;animation:none!important;transform:none!important}
.desktop-nav{gap:20px;font-size:12px}.automotive{background:linear-gradient(#242424,#202020)}.automotive h2{max-width:950px}.automotive .section-deck{max-width:740px}.automotive-links{margin-top:40px;border-top:1px solid var(--line)}.automotive-links>a{display:flex;align-items:center;gap:28px;padding:28px 0;border-bottom:1px solid var(--line)}.automotive-links>a>span{font:12px monospace;color:var(--amber)}.automotive-links h3{font-size:clamp(21px,2.1vw,32px);margin:0 0 10px;font-weight:300}.automotive-links p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.automotive-links b{margin-inline-start:auto;font-weight:300;color:var(--amber)}.automotive-links a:hover h3{color:var(--amber)}
@media(min-width:651px) and (max-width:1000px){.hero .hero-art.webgl-art,html[dir=rtl] .hero .hero-art.webgl-art{inset:460px 10% 150px}.hero{min-height:1180px}}
@media(max-width:650px){.hero{min-height:1040px}.hero .hero-art.webgl-art,html[dir=rtl] .hero .hero-art.webgl-art{inset:460px 2% 130px}.hero .hero-copy{max-width:440px}.automotive-links>a{gap:16px;padding:24px 0}.automotive-links h3{font-size:23px}.automotive-links p{font-size:13px}}