﻿:root{color-scheme:dark;--bg:#121416;--surface:#1b1d1f;--text:#f5f5f3;--muted:#a9aaab;--line:#3a3b3c;--red:#d53b35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #f7a19a;outline-offset:5px}.wrap{width:min(1380px,calc(100% - 112px));margin:auto}.skip{position:absolute;top:-80px;left:20px;background:white;color:black;z-index:10;padding:12px}.skip:focus{top:12px}.header{background:#101112;border-bottom:1px solid #2c2c2c}.bar{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-weight:950;letter-spacing:-.075em;font-size:29px;white-space:nowrap}.brand span{color:#fff}.brand i{display:inline-block;width:7px;height:7px;background:var(--red);margin-left:4px}.bar nav{display:flex;gap:39px;align-items:center;height:100%}.bar nav a{font-size:14px;color:#ccc;height:100%;display:flex;align-items:center;position:relative;transition:color .2s}.bar nav a:hover,.bar nav a[aria-current]{color:#fff}.bar nav a[aria-current]:after{content:'';height:3px;background:var(--red);position:absolute;bottom:0;left:0;right:0}.menu{display:none;background:none;border:0;color:var(--text);cursor:pointer}.hero{height:min(690px,calc(100vh - 86px));min-height:560px;position:relative;display:flex;align-items:flex-end;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,9,.82),rgba(7,8,9,.18) 78%),linear-gradient(0deg,rgba(7,8,9,.62),transparent 65%)}.hero-content{position:relative;padding-bottom:90px}.hero-overline,.section-number,.label,.article-note{font-size:11px;letter-spacing:.15em;font-weight:700;text-transform:uppercase}.hero-overline{color:#ddd;margin:0 0 25px}.hero h1,.page-intro h1,.article-head h1{font-size:clamp(52px,6.6vw,100px);letter-spacing:-.065em;line-height:.98;margin:0;font-weight:800}.hero h1 span,.red{color:var(--red)}.hero-content>p:not(.hero-overline){font-size:18px;color:#e0e0e0;max-width:480px;line-height:1.6;margin:22px 0 30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--red);padding:18px 22px;font-size:13px;font-weight:700;transition:background .2s}.button:hover{background:#b52c27}.button span{font-size:17px}.hero-credit{position:absolute;bottom:20px;right:56px;font-size:11px;color:#ddd}.hero-credit a{text-decoration:underline}.section{padding:108px 0}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:36px}.section-number{display:block;color:var(--red);margin-bottom:16px}.section h2,.closing h2,.prose h2{font-size:clamp(32px,3.7vw,54px);letter-spacing:-.05em;line-height:1.06;margin:0}.grid{display:grid;gap:30px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr);gap:65px 34px}.card-img{display:block;overflow:hidden;background:#252729;aspect-ratio:1.48}.card-img img,.tech-feature img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.card-img:hover img{transform:scale(1.035)}.label{color:var(--red);margin:24px 0 12px}.label span{color:#8d8d8d}.card h3,.tech-feature h3{font-size:clamp(21px,2vw,28px);letter-spacing:-.035em;line-height:1.1;margin:0;max-width:400px}.card h3 a:hover,.textlink:hover,.list-item:hover h3{color:#f26e66}.card p,.tech-feature p{font-size:15px;line-height:1.6;color:var(--muted);max-width:420px;margin:13px 0 18px}.textlink{font-size:13px;font-weight:700;color:#f36e67;display:inline-block}.section-alt{background:#1b1d1f}.split{display:grid;grid-template-columns:1.35fr .8fr;gap:10%}.list-item{display:grid;grid-template-columns:46px 1fr 25px;gap:10px;align-items:start;padding:25px 0;border-bottom:1px solid var(--line)}.list-item:first-child{padding-top:0}.list-item>span{font-size:12px;color:#858585}.list-item small{color:var(--red);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.list-item h3{margin:9px 0 0;font-size:22px;letter-spacing:-.03em}.list-item b{font-size:18px;color:#aaa}.tech-feature{border-left:1px solid var(--line);padding-left:40px}.tech-feature h2{margin-bottom:27px}.tech-feature img{height:auto;aspect-ratio:1.65;margin-bottom:23px}.closing{padding:110px 0 120px}.closing>p{font-size:11px;letter-spacing:.15em;font-weight:700;color:var(--red);margin:0 0 20px}.closing h2{font-size:clamp(40px,5vw,74px);margin-bottom:35px}.outline{border:1px solid #777;background:transparent}.footer{border-top:1px solid var(--line);background:#0c0d0e}.foot{padding:52px 0 30px;display:grid;grid-template-columns:1fr auto;gap:30px}.foot p{font-size:13px;color:var(--muted)}.footlinks{display:flex;flex-wrap:wrap;gap:25px;font-size:13px}.footlinks a:hover{color:#f36e67}.footnote{grid-column:1/-1;margin-top:40px;border-top:1px solid #303132;padding-top:22px}.page-intro{padding-top:100px;padding-bottom:75px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(56px,8vw,110px)}.page-intro>p{max-width:650px;color:#c7c7c7;font-size:19px;line-height:1.6;margin:22px 0 0}.page-intro .intro-note{font-size:13px;color:var(--muted);margin-top:16px}.category{padding-top:45px}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:50px}.prose{max-width:720px}.prose h2{font-size:31px;margin:0 0 22px}.prose h2:not(:first-child){margin-top:55px}.prose p{font-size:17px;line-height:1.82;color:#c9c9c9;margin:0 0 22px}.article-head{padding-top:62px;padding-bottom:44px}.back{display:inline-block;font-size:13px;color:#bbb;margin-bottom:45px}.back:hover{color:white}.article-head .label{margin:0 0 18px}.article-head h1{max-width:1020px;font-size:clamp(48px,6.8vw,88px)}.lead{max-width:760px;font-size:21px;line-height:1.55;color:#c7c7c7;margin:25px 0 0}.article-image{margin-top:0;margin-bottom:0}.article-image img{width:100%;height:min(60vw,650px);object-fit:cover;display:block}.article-image figcaption{font-size:12px;color:var(--muted);padding-top:12px}.article-image a{text-decoration:underline}.article-body{max-width:720px;width:calc(100% - 48px);margin:80px auto}.article-note{color:var(--red);margin-bottom:35px}.article-end{border-top:1px solid var(--line);padding:35px 0 90px}.credits{padding-left:20px;line-height:1.8;color:#ccc}.credits li{margin-bottom:16px}.credits a{text-decoration:underline;overflow-wrap:anywhere}.credits a:hover{color:#f36e67}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.bar{height:70px}.brand{font-size:24px}.menu{display:block;font-size:13px;font-weight:700}.menu span{font-size:19px;margin-left:8px}.bar nav{display:none;position:absolute;z-index:5;top:70px;left:0;right:0;height:auto;background:#101112;padding:20px;flex-direction:column;gap:0;align-items:stretch;border-bottom:1px solid var(--line)}.bar nav.open{display:flex}.bar nav a{height:auto;padding:16px 0;font-size:17px}.bar nav a[aria-current]:after{right:auto;width:45px}.hero{height:660px;min-height:0;max-height:calc(100svh - 70px)}.hero>img{object-position:30% center}.hero-shade{background:linear-gradient(0deg,rgba(7,8,9,.91),rgba(7,8,9,.05) 100%)}.hero-content{padding-bottom:65px}.hero h1{font-size:clamp(50px,12vw,75px)}.hero-content>p:not(.hero-overline){font-size:15px}.hero-overline{font-size:10px}.hero-credit{right:20px;font-size:10px}.section{padding:70px 0}.three,.two,.split,.about-grid{grid-template-columns:1fr}.grid{gap:45px}.section-head{margin-bottom:28px}.card-img{aspect-ratio:1.6}.card h3{font-size:25px}.split{gap:70px}.tech-feature{padding:0;border:0}.closing{padding:75px 0 85px}.foot{grid-template-columns:1fr}.footlinks{display:grid;grid-template-columns:1fr 1fr;gap:18px}.footnote{grid-column:auto;margin-top:15px}.page-intro{padding-top:70px;padding-bottom:55px}.page-intro h1{font-size:clamp(45px,11vw,72px)}.page-intro>p{font-size:17px}.category{padding-top:35px}.about-grid{gap:20px}.article-head{padding-top:40px}.back{margin-bottom:32px}.article-head h1{font-size:clamp(42px,11vw,70px)}.lead{font-size:18px}.article-image img{height:65vw}.article-body{margin:55px auto}.prose p{font-size:16px}.prose h2{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
