@font-face{font-family:Lilita;src:url('fonts/LilitaOne-Regular.ttf');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}:root{--bg:#0c0c0b;--text:#f4f4f1;--muted:#a7a4b0;--line:#ffffff25;--orange:#ff8116;--selected:#ff8116}body{margin:0;background:var(--bg);color:var(--text);font-family:Rubik,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button{border:0}svg{width:18px;height:18px;flex-shrink:0}.wrap{max-width:1340px;padding-inline:48px;margin-inline:auto}.skip{position:fixed;top:-90px;background:white;color:black;z-index:100;padding:10px}.skip:focus{top:0}.labbar{min-height:55px;background:#19191d;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 24px;font-size:12px;border-bottom:1px solid var(--line);position:relative;z-index:10}.labbar>span{white-space:nowrap;color:#bbb}.labbar b{font-weight:400;direction:ltr;display:inline-block;margin-inline:5px}.labbar nav{display:flex;gap:5px}.labbar a{padding:7px 10px;color:#b9b6bf;border-radius:4px;white-space:nowrap}.labbar a[aria-current]{background:#f4f4f1;color:#171519}.labbar button{background:none;border-bottom:1px solid #777;padding:3px;font-size:12px;white-space:nowrap}.masthead{height:98px;display:flex;align-items:center;justify-content:space-between;position:absolute;top:55px;inset-inline:0;z-index:3}.logo{font-family:Lilita,Rubik,sans-serif;font-size:43px;line-height:1;letter-spacing:-2px;direction:ltr;display:inline-block}.logo span{color:var(--orange)}.logo .dot{color:#ff4d94}.masthead>a:last-child{font-size:14px}.edition{font-size:12px;letter-spacing:3px;color:#c1bccd;direction:ltr}.hero{position:relative;isolation:isolate;min-height:630px;overflow:hidden;background:radial-gradient(ellipse at 60% 25%,#373656,#140e26 50%,#0c0c0b)}#fibers,.hero-shade{position:absolute;inset:0;z-index:-2}#fibers canvas{width:100%;height:100%;display:block}.hero-shade{z-index:-1;background:linear-gradient(0deg,#0c0c0b 0%,transparent 50%),linear-gradient(270deg,#0c0c0b80,transparent 70%)}.hero-content{padding-top:167px;padding-bottom:70px;position:relative}.eyebrow{font-size:13px;letter-spacing:1px;color:var(--orange);display:block}.status-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-inline-end:9px}.hero h1{font-size:clamp(58px,7.3vw,108px);letter-spacing:-5px;line-height:1.03;margin:26px 0 22px;font-weight:800;max-width:760px}.hero h1 span{color:#c4c0ed}.hero p{font-size:19px;line-height:1.65;color:#d1cdd9;margin:0 0 25px}.hero-link{font-size:14px;display:inline-flex;align-items:center;gap:38px;border-bottom:1px solid #ae99af;padding-bottom:8px}.hero-link span{font-size:22px}.hero-index{position:absolute;left:48px;bottom:70px;display:flex;align-items:center;gap:18px;color:#d8d4e2}.hero-index>span:first-child{font-size:104px;font-weight:400;letter-spacing:-6px;line-height:1}.hero-index>span:last-child{font-size:13px;line-height:1.6;border-right:1px solid #ffffff55;padding-right:18px}.hero-foot{display:flex;justify-content:space-between;padding-block:18px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:2px;color:#9f9aa8}.hero-foot b{font-weight:400;margin-inline-start:22px}.library{padding-top:66px;padding-bottom:85px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:32px}.section-top h2{font-size:38px;letter-spacing:-1px;line-height:1.3;margin:10px 0 0}.section-top p{font-size:15px;max-width:345px;margin:0;color:var(--muted)}#categories{display:flex;border-block:1px solid var(--line);margin-bottom:25px}#categories button{position:relative;display:flex;align-items:center;gap:13px;background:transparent;padding:23px 18px;color:#aaa6b1;flex:1;transition:color .3s,background .3s;isolation:isolate}#categories button::after{content:'';position:absolute;inset-inline:0;bottom:-1px;height:2px;background:var(--cat-color);transform:scaleX(0);transition:transform .35s}#categories button:hover,#categories button[aria-pressed=true]{color:var(--text);background:#ffffff05}#categories button[aria-pressed=true]::after{transform:scaleX(1)}.cat-number{font-size:11px;align-self:start;color:var(--cat-color)}.cat-name{font-size:16px;font-weight:500;white-space:nowrap}.cat-count{font-size:11px;margin-right:auto}.cat-arrow{display:none}.tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px;gap:20px}.search{display:flex;align-items:center;gap:12px;width:350px;border-bottom:1px solid var(--line);padding:8px 0}.search>span{font-size:30px;line-height:1;color:#aaa}.search input{border:0;background:transparent;color:#fff;width:100%;min-width:0;font-size:14px;padding:7px 0}.search input::placeholder{color:#b0aab7}#result-count{color:var(--muted);font-size:13px}.articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 28px}.post{min-width:0;animation:enter .5s both;animation-delay:calc(min(var(--order),8)*35ms)}@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.post-link{display:block;height:100%}.cover{position:relative;aspect-ratio:1.6;overflow:hidden;background:#edeae7;border-radius:3px;isolation:isolate}.cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.65,.3,1)}.cover.is-diagram{background:#f2f0eb}.cover.is-diagram img{object-fit:contain;padding:18px}.post:hover .cover img{transform:scale(1.045)}.open-arrow{position:absolute;left:13px;top:13px;width:34px;height:34px;background:#0c0c0bd9;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:20px;transform:translate(0,0);transition:transform .3s}.post:hover .open-arrow{transform:rotate(-45deg)}.cover-label{position:absolute;bottom:13px;right:13px;background:#111118e8;color:#f6f4f1;padding:3px 9px;font-size:11px}.post-body{padding-top:19px}.post-meta{display:flex;gap:15px;justify-content:space-between;font-size:12px;color:var(--muted)}.post-meta>span:first-child{color:var(--cat-color)}.post h3{font-size:24px;line-height:1.38;letter-spacing:-.55px;margin:12px 0;font-weight:500}.post p{font-size:15px;line-height:1.65;color:var(--muted);margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;align-items:center}.badges{display:flex;gap:12px}.badges span{display:flex;align-items:center;gap:5px;font-size:12px;color:#c9c4ce}.ordinal{font-size:12px;color:#77727e;font-variant-numeric:tabular-nums}.more{display:flex;justify-content:space-between;align-items:center;margin:50px auto 0;width:260px;padding:13px 20px;background:transparent;border:1px solid var(--line);font-size:14px}.more:hover{border-color:var(--orange)}[hidden]{display:none!important}#empty{padding:60px 20px;text-align:center;color:#bbb}.format-guide{border-top:1px solid var(--line);padding-top:45px;padding-bottom:50px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.format-guide h2{font-size:26px;font-weight:500;margin:8px 0}.format-guide p{font-size:14px;color:var(--muted);max-width:480px}#format-legend{display:flex;flex-wrap:wrap;align-content:center;gap:12px}#format-legend span{display:flex;gap:8px;align-items:center;border:1px solid var(--line);padding:10px 15px;border-radius:5px;font-size:14px}footer{border-top:1px solid var(--line);padding-block:40px;display:flex;align-items:center;gap:25px}footer p{font-size:13px;color:#aaa}footer small{font-size:12px;color:#888;margin-right:auto;max-width:310px}
/* 01 / Editorial: one lead story, two accompanying columns. */
[data-variant="1"] .featured{grid-column:span 2;grid-row:span 2}[data-variant="1"] .featured .cover{aspect-ratio:1.28}[data-variant="1"] .featured h3{font-size:36px;max-width:640px}[data-variant="1"] .post:nth-child(2) .cover,[data-variant="1"] .post:nth-child(3) .cover{aspect-ratio:2.1}[data-variant="1"] .post:nth-child(2) p,[data-variant="1"] .post:nth-child(3) p{display:none}
/* 02 / Atlas: category architecture and offset landscape panels. */
[data-variant="2"]{--bg:#0e1015}[data-variant="2"] .hero-shade{background:linear-gradient(0deg,#0e1015,transparent 65%)}[data-variant="2"] #categories{gap:12px;border:0;padding-bottom:12px}[data-variant="2"] #categories button{min-height:135px;border:1px solid var(--line);border-radius:65px 65px 4px 4px;flex-direction:column;justify-content:center;padding:18px 9px;gap:5px;overflow:hidden;transition:transform .4s,background .4s}[data-variant="2"] #categories button:hover{transform:translateY(-7px);background:color-mix(in srgb,var(--cat-color) 14%,transparent)}[data-variant="2"] #categories button[aria-pressed=true]{background:color-mix(in srgb,var(--cat-color) 20%,transparent);border-color:var(--cat-color)}[data-variant="2"] .cat-count{margin:0}[data-variant="2"] .cat-number{align-self:center}[data-variant="2"] .articles{grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 42px}[data-variant="2"] .post:nth-child(even){padding-top:75px}[data-variant="2"] .cover{border-radius:100px 4px 4px 4px;aspect-ratio:1.65}[data-variant="2"] .post h3{font-size:29px}[data-variant="2"] .post:nth-child(4n+2) .cover{border-radius:4px 4px 100px 4px}
/* 03 / Workbench: a persistent topic rail and compact material cards. */
[data-variant="3"] .library{display:grid;grid-template-columns:215px minmax(0,1fr);column-gap:38px}[data-variant="3"] .section-top{grid-column:1/-1}[data-variant="3"] #categories{grid-column:1;grid-row:2/5;display:flex;flex-direction:column;border:0;align-self:start;position:sticky;top:25px}[data-variant="3"] #categories button{flex:none;padding:20px 14px;border-bottom:1px solid var(--line)}[data-variant="3"] #categories button[aria-pressed=true]{background:#202029;border-right:3px solid var(--selected)}[data-variant="3"] .tools,[data-variant="3"] .articles,[data-variant="3"] #empty,[data-variant="3"] .more{grid-column:2}[data-variant="3"] .articles{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}[data-variant="3"] .post{background:#17171c;border:1px solid var(--line);border-radius:7px;padding:13px;position:relative;transition:border-color .3s}[data-variant="3"] .post:hover{border-color:var(--cat-color)}[data-variant="3"] .post::before{content:'';position:absolute;top:-7px;right:13px;width:48px;height:7px;background:var(--cat-color);border-radius:4px 4px 0 0}[data-variant="3"] .post h3{font-size:23px}[data-variant="3"] .post-body{padding:16px 8px 7px}[data-variant="3"] .cover{aspect-ratio:1.9}
/* 04 / Issue: dark masthead, pale editorial reading surface. */
[data-variant="4"] .library{max-width:none;padding:60px max(48px,calc((100vw - 1244px)/2)) 85px;background:#f4f3ef;color:#211f23;--line:#211f232b;--muted:#66616b}[data-variant="4"] #categories{border-block:2px solid #211f23}[data-variant="4"] #categories button{color:#66616b}[data-variant="4"] #categories button[aria-pressed=true]{color:#211f23;background:#00000004}[data-variant="4"] .search input{color:#211f23}[data-variant="4"] .search input::placeholder{color:#66616b}[data-variant="4"] .articles{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}[data-variant="4"] .featured{grid-column:1/-1;border-block:1px solid #211f2330;padding-block:25px}[data-variant="4"] .featured .post-link{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}[data-variant="4"] .featured .cover{aspect-ratio:1.6}[data-variant="4"] .featured h3{font-size:40px;font-weight:600}[data-variant="4"] .featured p{font-size:17px;-webkit-line-clamp:4}[data-variant="4"] .cover{border-radius:0}[data-variant="4"] .badges span{color:#5e5962}[data-variant="4"] .post-meta>span:first-child{color:#a34212}[data-variant="4"] .more{color:#211f23}[data-variant="4"] .section-top h2{font-weight:800;font-size:45px}
/* 05 / Visual index: large, readable rows and photographic windows. */
[data-variant="5"] #categories{border:0;gap:8px;flex-wrap:wrap}[data-variant="5"] #categories button{flex:initial;border:1px solid var(--line);border-radius:50px;padding:12px 20px;gap:12px}[data-variant="5"] #categories button[aria-pressed=true]{background:#f4f4f1;color:#111}[data-variant="5"] #categories button::after{display:none}[data-variant="5"] .cat-number{display:none}[data-variant="5"] .cat-count{margin:0}[data-variant="5"] .articles{display:block}[data-variant="5"] .post{border-top:1px solid var(--line);padding:26px 0;position:relative;transition:background .3s,padding .3s}[data-variant="5"] .post:hover{background:#ffffff04;padding-inline:16px}[data-variant="5"] .post-link{display:grid;grid-template-columns:270px 1fr;gap:40px;align-items:center}[data-variant="5"] .cover{aspect-ratio:1.65;border-radius:2px}[data-variant="5"] .post h3{font-size:32px;max-width:760px}[data-variant="5"] .post-body{padding:0}[data-variant="5"] .post p{-webkit-line-clamp:2;max-width:770px}[data-variant="5"] .post-bottom{border:0;padding:0}[data-variant="5"] .ordinal{position:absolute;left:0;top:20px;font-size:48px;color:#ffffff18}[data-variant="5"] .post-meta{justify-content:start;gap:25px}[data-variant="5"] .cover-label{display:none}
@media(min-width:1550px){.hero{min-height:700px}.hero-content{padding-top:190px}}
@media(max-width:1050px){.wrap{padding-inline:28px}.labbar{flex-wrap:wrap;justify-content:center;gap:4px}.labbar>span{display:none}.labbar nav{overflow-x:auto;max-width:100%}.labbar a{font-size:12px}.masthead{top:90px}.hero-index{left:28px}.cat-name{font-size:14px}#categories button{padding-inline:9px;gap:7px}.post h3{font-size:22px}.hero h1{letter-spacing:-3px}.edition{display:none}[data-variant="3"] .library{grid-template-columns:180px 1fr;gap:25px}[data-variant="4"] .library{padding-inline:28px}}
@media(max-width:720px){.wrap{padding-inline:20px}.labbar{padding:8px 10px}.labbar nav{justify-content:start;width:100%;padding-bottom:3px}.labbar a{font-size:12px;padding:6px}.labbar a b{display:block;font-size:11px}.labbar button{font-size:11px}.masthead{height:70px;top:100px}.logo{font-size:35px}.hero{min-height:620px}.hero-content{padding-top:155px;padding-bottom:110px}.hero h1{font-size:64px;letter-spacing:-3px}.hero p{font-size:17px}.hero-index{left:20px;bottom:18px}.hero-index>span:first-child{font-size:52px;letter-spacing:-2px}.hero-index>span:last-child{font-size:11px}.hero-foot{font-size:10px;letter-spacing:0}.hero-foot b{margin-inline-start:8px}.library{padding-top:40px}.section-top{display:block;margin-bottom:23px}.section-top h2{font-size:31px}.section-top p{margin-top:15px;font-size:14px}#categories{overflow-x:auto;justify-content:start}#categories button{flex:0 0 auto;padding:18px 14px}.cat-number{display:none}.cat-count{margin:0}.tools{align-items:start;flex-direction:column;gap:12px}.search{width:100%}.articles{grid-template-columns:1fr;gap:34px}.post h3{font-size:25px}.post p{font-size:15px}.featured{grid-column:auto!important;grid-row:auto!important}[data-variant="1"] .featured .cover{aspect-ratio:1.6}[data-variant="1"] .featured h3{font-size:29px}[data-variant="2"] #categories{gap:8px}[data-variant="2"] #categories button{min-width:118px;min-height:110px}[data-variant="2"] .articles{grid-template-columns:1fr;gap:36px}[data-variant="2"] .post:nth-child(even){padding-top:0}[data-variant="2"] .cover{border-radius:50px 4px 4px 4px}[data-variant="3"] .library{display:block}[data-variant="3"] #categories{position:static;flex-direction:row;overflow:auto}[data-variant="3"] #categories button{white-space:nowrap}[data-variant="3"] .articles{grid-template-columns:1fr}[data-variant="4"] .library{padding-inline:20px}[data-variant="4"] .articles{grid-template-columns:1fr}[data-variant="4"] .featured .post-link{display:block}[data-variant="4"] .featured h3{font-size:30px}[data-variant="4"] .section-top h2{font-size:33px}[data-variant="5"] #categories button{padding:9px 13px}[data-variant="5"] .post-link{grid-template-columns:95px 1fr;gap:16px}[data-variant="5"] .cover{aspect-ratio:1;height:95px}[data-variant="5"] .post h3{font-size:20px;line-height:1.45}[data-variant="5"] .post p,[data-variant="5"] .ordinal,[data-variant="5"] .post-meta>span:last-child{display:none}[data-variant="5"] .open-arrow{width:23px;height:23px;font-size:15px;top:5px;left:5px}[data-variant="5"] .badges{gap:8px}[data-variant="5"] .badges span{font-size:11px}.format-guide{grid-template-columns:1fr;gap:15px;padding-top:35px}.format-guide h2{font-size:24px}footer{flex-wrap:wrap;gap:15px}footer small{margin:0;max-width:none;width:100%}.cover.is-diagram img{padding:8px}}
.paused *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.post:hover .cover img{transform:none}#categories button:hover{transform:none!important}}