@font-face{font-family:Instrument;src:url('assets/instrument-serif-italic.ttf') format('truetype');font-style:italic;font-display:swap}@font-face{font-family:Instrument;src:url('assets/instrument-serif.ttf') format('truetype');font-display:swap}@font-face{font-family:Inter;src:url('assets/inter.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#090a0b;color:#f2eee6;font-family:Inter,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #c4d3bd;outline-offset:5px}header{height:100px;max-width:1440px;margin:auto;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #303235}.brand{font-size:20px;letter-spacing:4px;display:flex;align-items:center;gap:10px}.brand img{width:32px;height:32px}.brand span{font-size:10px;align-self:flex-start;letter-spacing:0}nav{display:flex;align-items:center;gap:36px;font-size:12px}.nav-action{border:1px solid #646666;padding:13px 20px}main{max-width:1440px;margin:auto}.hero{display:grid;grid-template-columns:45% 55%;padding:52px 4% 26px;min-height:555px;align-items:center}.eyebrow,.tag{font-family:Inter,Arial,sans-serif;font-size:10px;letter-spacing:1.8px;font-weight:500}.eyebrow{color:#b5bbb9;margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Instrument,Georgia,serif;font-weight:400;letter-spacing:-2px}h1{font-size:clamp(62px,6.7vw,100px);line-height:.98;margin-bottom:24px}em{font-style:italic;color:#a7afa9}h2{font-size:50px;line-height:1.05;margin-bottom:20px}h3{font-size:21px;font-weight:400;line-height:1.3}.lede{font-size:16px;color:#b5b8b6;line-height:1.6}.hero-links{display:flex;align-items:center;gap:22px;margin-top:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;padding:15px 20px;border:1px solid #575b5b;background:none;font-size:12px;transition:.2s}.button:hover{border-color:#f2eee6;background:#25292a}.button.light{background:#e9e7df;border-color:#e9e7df;color:#171918}.button.light:hover{background:#c6d0c1}.text-button{background:none;border:0;padding:0;color:#b8bdb9;font-size:11px}.hero-note{font-size:10px;color:#979e9a;margin-top:30px;display:flex;align-items:center;gap:8px}.dot{width:5px;height:5px;border-radius:50%;background:#bdcbb8}.instrument{position:relative;background:radial-gradient(ellipse at center,#23272a55,transparent 65%)}.instrument-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:#a7aeae}.instrument svg{width:100%;display:block}.atlas-point text{font-size:11px;letter-spacing:1.5px;fill:#d5d9d6}.atlas-point path{stroke:#848c89;fill:none}.atlas-tabs{display:flex;justify-content:center;gap:18px;margin-top:-22px;position:relative}.atlas-tabs button{background:none;border:0;border-bottom:1px solid transparent;padding:10px 0;color:#939b98;font-size:10px}.atlas-tabs button.selected{color:#e7ece5;border-bottom-color:#c4d3bd}.instrument>p{text-align:center;color:#a5ada8;font-size:11px;min-height:30px;margin:14px 0 0}.lab,.arena,.method,.film{padding:50px 4%;border-top:1px solid #303437}.section-top{display:flex;justify-content:space-between}.tag{font-size:9px;color:#a8b5a6}.lab-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.lab-heading h2{font-size:43px}.lab-heading p{font-size:13px;color:#a9b0ac;line-height:1.6}.workspace{display:grid;grid-template-columns:32% 68%;border:1px solid #3a3e40}.controls{padding:26px;border-right:1px solid #3a3e40;background:#111416}.control-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;margin-bottom:28px}label{display:flex;justify-content:space-between;font-size:12px;margin:24px 0 15px}output{color:#d0dac9}input[type=range]{accent-color:#becab8;width:100%;height:3px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#a3aaa6;margin-top:10px}select,textarea{color:#e6e8e1;background:#191d1f;border:1px solid #525958;border-radius:0;width:100%;padding:12px;font-size:12px}.small{font-size:10px;color:#a8b0ab;line-height:1.7;margin:14px 0}.controls .button{width:100%;margin-top:10px}.results{padding:26px 30px;min-width:0}.scenario-bar{display:flex;border-bottom:1px solid #353b3d;gap:26px}.scenario-bar button{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 14px;font-size:12px;color:#a8ada9}.scenario-bar button.active{color:#edf1e8;border-color:#c8d4c1}.result-intro{display:flex;justify-content:space-between;color:#aeb8ae;font-size:9px;margin:20px 0}.result-intro span:last-child{font-size:8px;color:#a6aca9}.main-result{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px}.main-result .eyebrow{display:block;font-size:9px;margin-bottom:8px}.main-result strong{font-size:77px;font-weight:400;letter-spacing:-4px;font-variant-numeric:tabular-nums}.main-result strong span{font-size:28px;letter-spacing:0}.gauge{height:66px;background:repeating-linear-gradient(90deg,#343c3a 0,#343c3a 3px,transparent 3px,transparent 8px);position:relative}.gauge>div{background:repeating-linear-gradient(90deg,#c9d4c3 0,#c9d4c3 3px,transparent 3px,transparent 8px);height:100%;width:15%;transition:width .3s}.main-result>p{grid-column:1/-1;font-size:11px;color:#c3cfbc;margin:0 0 24px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #353a3c;padding:22px 0;gap:20px}.metrics span,.metrics small{display:block;font-size:9px;color:#a9b0aa}.metrics strong{display:block;font-size:25px;letter-spacing:-1px;font-weight:400;margin:10px 0;font-variant-numeric:tabular-nums}.result-footer{display:flex;justify-content:space-between;font-size:10px;color:#a4aca6;border-top:1px solid #353a3c;padding-top:18px}.comparison{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.comparison h3{font-size:15px;margin-bottom:8px}.comparison p,.comparison>div:last-child{font-size:11px;color:#a6aea8}.comparison p{margin:0}.arena{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:75px;padding-bottom:75px;background:#101315}.section-desc{max-width:360px;color:#b5bbb4;line-height:1.8;font-size:14px}.arena-status{display:flex;flex-direction:column;gap:10px;margin-top:45px;font-size:10px;color:#a9b5a5}.arena-status span:first-child{letter-spacing:2px}.challenge{border-top:1px solid #6c766b;padding-top:25px}.challenge h3{font-family:Instrument,Georgia,serif;font-size:31px;margin-top:20px}.challenge>p{font-size:12px;color:#bac6b3}.challenge-actions{display:flex;gap:10px;margin-top:18px}.challenge-actions .button{flex:1}.method{padding-top:75px;padding-bottom:65px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin:45px 0}.method-grid article>span{color:#bbc6b5;font-family:Instrument,serif;font-size:28px}.method-grid h3{font-size:18px;margin:20px 0 12px}.method p{color:#aab2ac;font-size:12px;line-height:1.9}details{border-top:1px solid #353c38;padding:20px 0}summary{cursor:pointer;font-size:13px;list-style:none;display:flex;justify-content:space-between}details p{max-width:850px;margin:22px 0 0}.film{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding-bottom:70px}.film h2{font-size:39px}.film p{color:#a8b2aa;line-height:1.8}.film video{width:100%;border:1px solid #3a423c}.film .text-button{display:inline-block;margin-top:12px}footer{padding:40px 4%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #343b35;font-size:11px;color:#b0b7af}footer .brand{color:#eeeae1;font-size:17px}dialog{background:#151b18;color:#edece4;border:1px solid #626d60;padding:45px;max-width:500px;width:90%}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog p{color:#b6c0b1;font-size:14px;line-height:1.7}.dialog-close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:28px}dialog h2{font-size:70px}.intro{position:fixed;inset:0;z-index:100;background:#080a0b;display:flex;align-items:center;justify-content:center;overflow:hidden}.intro.hidden{display:none}.intro-sigil{position:absolute;width:500px;height:500px;animation:resolve 10s forwards}.intro-sigil i{position:absolute;border:2px solid #b4bdb5;border-radius:50%;inset:50px 140px;transform:rotate(30deg);box-shadow:0 0 22px #a2b29a22;animation:orbit 6s ease-in-out forwards}.intro-sigil i:nth-child(2){transform:rotate(-55deg);animation-delay:.4s}.intro-sigil i:nth-child(3){transform:rotate(90deg);animation-delay:.8s}.intro-sigil span{position:absolute;top:70px;left:180px;width:12px;height:12px;background:#eef6e7;border-radius:50%;box-shadow:0 0 35px #fff;animation:pulse 8s forwards}.intro-copy{z-index:1;text-align:center;margin-top:360px;animation:copy 10s forwards}.intro-copy span{font-size:10px;letter-spacing:3px;color:#b7c2b2}.intro-copy h1{font-size:56px;margin-top:24px}#skip{position:absolute;top:35px;right:4%;padding:12px 18px;background:none;border:1px solid #687063;font-size:12px}.intro-progress{position:absolute;height:2px;background:#bac9b1;bottom:0;left:0;animation:progress 10s linear forwards}.noscript{padding:20px;background:#293025}@keyframes progress{from{width:0}to{width:100%}}@keyframes orbit{0%{opacity:.1;scale:.45}40%{opacity:1}75%{scale:1.15}100%{scale:1;transform:rotate(0deg)}}@keyframes resolve{0%{transform:translateY(-100px)}55%{transform:translateY(-100px) rotate(40deg)}80%,100%{transform:translateY(-90px) scale(.7)}}@keyframes pulse{0%{opacity:0}25%{opacity:1}65%{transform:translate(125px,150px)}100%{opacity:0}}@keyframes copy{0%,12%{opacity:0}25%,100%{opacity:1}}@media(min-width:1500px){.hero{min-height:610px}}@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;padding-top:40px}h1{font-size:65px}.hero-links{align-items:flex-start;flex-direction:column;gap:15px}.instrument-top span:last-child{display:none}.workspace{grid-template-columns:36% 64%}.controls,.results{padding:20px}.result-intro{flex-direction:column;gap:10px}.scenario-bar{gap:15px}.main-result strong{font-size:62px}.metrics{gap:10px}.metrics strong{font-size:21px}.arena{gap:5%}.challenge-actions{flex-direction:column}.lab-heading h2{font-size:38px}}@media(max-width:640px){header{height:76px;padding:0 6%}.brand{font-size:16px;letter-spacing:2px}.brand img{width:27px}nav a:not(:last-child){display:none}nav{gap:0}.nav-action{padding:10px 12px;font-size:10px}.hero{display:flex;flex-direction:column;padding:36px 6% 25px;align-items:stretch}.hero h1{font-size:68px}.eyebrow{font-size:8px}.hero-links{flex-direction:row;align-items:center;gap:20px}.hero .button{padding:14px;font-size:11px}.hero-note{margin:20px 0 26px}.instrument-top{font-size:8px}.instrument svg{margin-top:-14px}.instrument>p{font-size:10px;line-height:1.6}.lab,.arena,.method,.film{padding:35px 6%}.section-top{display:block}.tag{font-size:8px;display:block;margin:-10px 0 25px}.lab-heading{display:block}.lab-heading h2,h2{font-size:42px}.lab-heading p{font-size:12px}.workspace{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid #3a3e40}.results{padding:22px 18px}.scenario-bar{justify-content:space-between;gap:10px}.scenario-bar button{font-size:11px}.result-intro{flex-direction:row;font-size:8px}.result-intro span:last-child{font-size:7px;max-width:92px}.main-result strong{font-size:72px}.metrics strong{font-size:22px}.metrics span,.metrics small{font-size:8px;line-height:1.5}.result-footer{font-size:8px;gap:10px}.comparison{align-items:flex-start;flex-direction:column;gap:20px}.arena{grid-template-columns:1fr;gap:30px}.arena-status{margin-top:24px}.challenge-actions{flex-direction:row}.challenge-actions .button{font-size:10px;gap:10px;padding:13px}.method-grid{grid-template-columns:1fr;gap:22px;margin-top:30px}.method-grid article{border-top:1px solid #343b35;padding-top:20px}.method-grid h3{margin-top:10px}.film{grid-template-columns:1fr;gap:30px}.film h2{font-size:37px}footer{flex-wrap:wrap;gap:25px;padding:32px 6%}footer span{font-size:10px}.intro-sigil{width:380px;height:380px}.intro-sigil i{inset:30px 100px}.intro-copy{margin-top:260px}.intro-copy h1{font-size:44px}.intro-copy span{font-size:8px;letter-spacing:2px}dialog{padding:30px}dialog h2{font-size:55px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.intro{display:none}}
@media(min-width:901px){.hero{min-height:490px;padding-top:30px;padding-bottom:22px}.instrument svg{max-height:390px}.lab{padding-top:32px}.lab-heading h2{font-size:37px}.lab-heading{margin-bottom:18px}.section-top .eyebrow{margin-bottom:20px}}