:root{color:#111a46;background:#f5f6fb;font-family:DM Sans,sans-serif;font-synthesis:none;--ink: #111a46;--blue: #243bcb;--red: #ee5b45;--paper: #f5f6fb;--line: #cdd1e1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}body,button,input{font:inherit}a{color:inherit}img{display:block;max-width:100%}svg{fill:none;height:1rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:1rem}.site-shell{overflow:hidden}.navigation,footer{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:1440px;padding:1.4rem clamp(1.25rem,4vw,4rem)}.navigation{border-bottom:1px solid var(--line)}.wordmark{align-items:center;display:flex;font-weight:600;gap:.7rem;text-decoration:none}.wordmark span{align-items:center;background:var(--ink);border-radius:50%;color:#fff;display:inline-flex;font-family:Newsreader,serif;height:2.2rem;justify-content:center;letter-spacing:-.06em;width:2.2rem}.navigation nav{display:flex;gap:clamp(1rem,3vw,2.5rem)}.navigation nav a{font-size:.9rem;text-decoration:none}.navigation nav a:hover{text-decoration:underline;text-underline-offset:.35rem}.source-link,.text-link{align-items:center;display:inline-flex;font-weight:600;gap:.6rem;justify-self:end;text-decoration:none}.source-link:hover svg,.text-link:hover svg{transform:translate(.25rem)}.source-link svg,.text-link svg{transition:transform .2s ease}.hero{display:grid;gap:clamp(3rem,7vw,7rem);grid-template-columns:.8fr 1.2fr;margin:0 auto;max-width:1440px;min-height:760px;padding:clamp(5rem,9vw,9rem) clamp(1.25rem,4vw,4rem)}.hero-copy{align-self:center;max-width:620px;position:relative;z-index:2}.kicker{color:var(--blue);font-size:.78rem;font-weight:600;letter-spacing:.16em;margin:0 0 1.4rem;text-transform:uppercase}h1,h2,h3{font-family:Newsreader,serif;font-weight:400;letter-spacing:-.04em;line-height:.98}h1{font-size:clamp(4rem,7.4vw,7.8rem);margin:0 0 2rem}.lede{color:#525a7a;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.65;margin:0 0 2rem;max-width:50ch}.text-link{border-bottom:1px solid var(--ink);justify-self:start;padding-bottom:.35rem;width:fit-content}.hero-art{min-height:610px;position:relative}.hero-image{margin:0;overflow:hidden;position:absolute}.hero-image img{height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1);width:100%}.hero-image:hover img{transform:scale(1.025)}.hero-image figcaption{align-items:center;background:#fff;bottom:0;display:flex;font-size:.78rem;font-weight:600;gap:.55rem;left:0;letter-spacing:.08em;padding:.7rem 1rem;position:absolute;text-transform:uppercase}.hero-image figcaption span{color:var(--red)}.hero-image--content{height:72%;left:0;top:5%;width:69%;z-index:1}.hero-image--style{border:8px solid var(--paper);height:31%;right:0;top:0;width:36%;z-index:3}.hero-image--result{border:10px solid var(--paper);bottom:0;height:48%;right:3%;width:54%;z-index:2}.orbit-label{animation:drift 10s ease-in-out infinite alternate;bottom:5%;color:var(--red);font-size:.7rem;font-weight:600;left:-2%;letter-spacing:.18em;position:absolute;transform:rotate(-90deg);transform-origin:left bottom}.comparison-section{background:#fff;display:grid;gap:clamp(2.5rem,7vw,7rem);grid-template-columns:.7fr 1.3fr;padding:clamp(5rem,10vw,10rem) max(clamp(1.25rem,4vw,4rem),calc((100vw - 1312px)/2))}.section-heading h2{font-size:clamp(3rem,5.6vw,6rem);margin:0 0 1.5rem}.section-heading>p:last-child{color:#5b627d;line-height:1.7;max-width:42ch}.comparison-frame{align-self:center}.comparison-image{aspect-ratio:4 / 3;background:#111;overflow:hidden;position:relative}.comparison-image>img,.comparison-source img{height:100%;object-fit:cover;width:100%}.comparison-source{height:100%;left:0;overflow:hidden;position:absolute;top:0}.comparison-source img{max-width:none;width:calc(100vw - min(32vw,420px) - clamp(2.5rem,7vw,7rem) - 8rem)}.comparison-line{background:#fff;height:100%;position:absolute;top:0;width:2px}.comparison-line span{align-items:center;background:#fff;border-radius:50%;display:flex;font-weight:600;height:2.8rem;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.8rem}.image-label{background:#111a46e8;color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.12em;padding:.55rem .75rem;position:absolute;text-transform:uppercase;top:1rem}.image-label--left{left:1rem}.image-label--right{right:1rem}.range-control{align-items:center;display:grid;font-size:.8rem;font-weight:600;gap:1rem;grid-template-columns:auto 1fr auto;margin-top:1.4rem}.range-control input{accent-color:var(--red);cursor:ew-resize;width:100%}.range-control output{color:#68708e;font-variant-numeric:tabular-nums}.method-section{background:var(--ink);color:#fff;padding:clamp(5rem,10vw,10rem) max(clamp(1.25rem,4vw,4rem),calc((100vw - 1312px)/2))}.section-heading--light{max-width:800px}.section-heading--light .kicker{color:#8ca0ff}.method-grid{border-bottom:1px solid #ffffff30;border-top:1px solid #ffffff30;display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(3rem,6vw,6rem)}.method-grid article{min-height:300px;padding:2rem clamp(1rem,3vw,3rem) 2rem 0}.method-grid article+article{border-left:1px solid #ffffff30;padding-left:clamp(1rem,3vw,3rem)}.method-grid article>span{color:#8ca0ff;font-size:.78rem;letter-spacing:.14em}.method-grid h3{font-size:clamp(2rem,3vw,3rem);margin:5rem 0 1rem}.method-grid p{color:#c2c8df;line-height:1.7;margin:0}.method-note{color:#8f97b7;font-size:.8rem;margin:1.5rem 0 0}.engineering-section{display:grid;gap:clamp(3rem,10vw,10rem);grid-template-columns:1fr .75fr;margin:0 auto;max-width:1440px;padding:clamp(5rem,10vw,10rem) clamp(1.25rem,4vw,4rem)}.engineering-copy h2{font-size:clamp(3rem,5.8vw,6.2rem);margin:0 0 2rem;max-width:10ch}.engineering-copy>p:not(.kicker){color:#5b627d;font-size:1.05rem;line-height:1.75;max-width:60ch}.engineering-copy ul{border-top:1px solid var(--line);list-style:none;margin:3rem 0 0;padding:0}.engineering-copy li{border-bottom:1px solid var(--line);display:flex;gap:1.5rem;padding:1.1rem 0}.engineering-copy li span{color:var(--red);font-size:.78rem}.architecture-card{align-self:center;background:var(--red);padding:clamp(1.5rem,4vw,3rem);transform:rotate(1.5deg)}.architecture-card>p{font-size:.75rem;font-weight:600;letter-spacing:.16em;margin:0 0 2rem;text-transform:uppercase}.architecture-card div{background:#fff;border:1px solid var(--ink);display:flex;flex-direction:column;padding:1rem 1.25rem;transform:rotate(-1.5deg)}.architecture-card small{color:#626985;margin-top:.25rem}.architecture-card i{display:block;font-style:normal;padding:.6rem;text-align:center}.boundary-note{align-items:center;background:var(--blue);color:#fff;display:grid;gap:2rem;grid-template-columns:.6fr 1.5fr .5fr;padding:3rem max(clamp(1.25rem,4vw,4rem),calc((100vw - 1312px)/2))}.boundary-note>span{font-family:Newsreader,serif;font-size:1.5rem}.boundary-note p{color:#dce0ff;line-height:1.65}.boundary-note a{align-items:center;display:flex;gap:.6rem;justify-self:end}footer{border-top:1px solid var(--line);font-size:.8rem;padding-bottom:3rem;padding-top:3rem}footer p:nth-child(2){justify-self:center}footer p:last-child{justify-self:end}@keyframes drift{0%{translate:0 0}to{translate:0 -18px}}@media(max-width:900px){.navigation{grid-template-columns:1fr auto}.navigation nav{display:none}.hero{grid-template-columns:1fr;padding-top:5rem}.hero-art{min-height:620px}.comparison-section,.engineering-section{grid-template-columns:1fr}.comparison-source img{width:calc(100vw - 2.5rem)}.boundary-note{grid-template-columns:1fr}.boundary-note a{justify-self:start}}@media(max-width:640px){.source-link{font-size:0}.source-link:before{content:"Code";font-size:.9rem}.hero{min-height:auto}.hero-art{min-height:460px}.hero-image--content{height:67%;width:78%}.hero-image--style{height:29%;width:42%}.hero-image--result{height:46%;width:63%}.method-grid{grid-template-columns:1fr}.method-grid article{min-height:auto;padding:2rem 0}.method-grid article+article{border-left:0;border-top:1px solid #ffffff30;padding-left:0}.method-grid h3{margin-top:2rem}.range-control{grid-template-columns:1fr auto}.range-control input{grid-column:1 / -1;grid-row:2}footer{gap:1.2rem;grid-template-columns:1fr}footer p,footer p:nth-child(2),footer p:last-child{justify-self:start;margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}