@font-face {
  font-family: 'Handjet';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/fonts/handjet-cyrillic-ext-full-normal.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
  font-family: 'Handjet';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/fonts/handjet-cyrillic-full-normal.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Handjet';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/fonts/handjet-latin-ext-full-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Handjet';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/fonts/handjet-latin-full-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{font-family:Fixel;src:url('/fonts/FixelDisplay-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Fixel;src:url('/fonts/FixelDisplay-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Fixel;src:url('/fonts/FixelDisplay-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Fixel;src:url('/fonts/FixelDisplay-Black.woff2') format('woff2');font-style:normal;font-weight:900;font-display:swap}
:root{color-scheme:light;--bg:#FDFDF3;--ink:#181816;--panel:#F3F3E8;--panel2:#E8E8DB;--line:#CCCDBF;--muted:#5A5C52;--acid:#CDF545;--acid-ink:#181816;--error:#9B3135;--shadow:0 22px 70px #1b21131a;--font:Fixel,Arial,sans-serif;--pixel:"Handjet Variable",Fixel,sans-serif}
html[data-theme=dark]{color-scheme:dark;--bg:#181816;--ink:#F6F5EB;--panel:#252623;--panel2:#30312B;--line:#46483D;--muted:#B8BAA8;--acid:#CDF545;--acid-ink:#181816;--error:#FF9E9E;--shadow:0 24px 70px #0005}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration-color:var(--acid)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,dialog:focus-visible{outline:3px solid #8FAE21;outline-offset:4px}::selection{background:var(--acid);color:var(--acid-ink)}.wrap{width:min(100% - 64px,1536px);margin-inline:auto}.skip{position:absolute;top:-90px;left:24px;padding:12px;background:var(--acid);color:var(--acid-ink);z-index:100}.skip:focus{top:10px}.site-header{position:relative;z-index:8;border-bottom:1px solid var(--line)}.header-inner{min-height:84px;display:flex;justify-content:space-between;align-items:center;gap:24px}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.06em;font-size:21px}.logo-mark{display:inline-grid;place-items:center;width:40px;height:40px;font-family:var(--pixel);font-weight:900;font-variation-settings:"ELSH" 2,"ELGR" 1;font-size:27px;color:var(--acid-ink);background:var(--acid);letter-spacing:-.12em}.logo-label{font-size:10px;color:var(--muted);letter-spacing:.19em;font-weight:700;display:block;margin-top:-3px}.top-links{display:flex;align-items:center;gap:36px;margin-inline:auto}.nav-link{position:relative;font-size:14px;font-weight:700;padding:9px 0}.nav-link[aria-current=page]:after,.nav-link:hover:after{content:'';position:absolute;bottom:3px;left:0;right:0;height:4px;background:var(--acid)}.head-actions{display:flex;align-items:center;gap:10px}.capsule{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 11px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:12px;font-weight:700}.capsule:hover{background:var(--panel)}.capsule.switch-active{background:var(--ink);color:var(--bg)}.theme-btn{width:39px;padding:0;font-size:17px}.footer{border-top:1px solid var(--line);padding:30px 0 50px;margin-top:100px}.footer-inner{display:flex;align-items:start;justify-content:space-between;gap:24px}.footer small{font-size:12px;line-height:1.6;color:var(--muted)}.footer a{text-decoration:underline;text-decoration-color:var(--line)}.pixel{font-family:var(--pixel);font-weight:850;font-variation-settings:"ELSH" 2,"ELGR" 1;text-transform:uppercase;font-synthesis:none}.micro{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.muted{color:var(--muted)}.accent{color:var(--acid)}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:'';height:10px;width:10px;background:var(--acid);border-radius:50%}.display-xl{font-family:var(--pixel);font-weight:900;font-variation-settings:"ELSH" 2,"ELGR" 1;font-size:clamp(64px,12.2vw,210px);line-height:.90;letter-spacing:-.035em;font-weight:900;margin:0}.display-lg{font-family:var(--pixel);font-weight:900;font-variation-settings:"ELSH" 2,"ELGR" 1;font-size:clamp(54px,8vw,130px);line-height:.95;letter-spacing:-.03em;font-weight:900;margin:0}.display-md{font-family:var(--pixel);font-weight:900;font-variation-settings:"ELSH" 2,"ELGR" 1;font-size:clamp(42px,6vw,100px);line-height:.96;letter-spacing:-.025em;font-weight:900;margin:0}.intro-text{font-size:clamp(17px,2vw,26px);line-height:1.37;font-weight:500;letter-spacing:-.028em;max-width:760px}.rule{border:0;border-top:1px solid var(--line)}.arrow-link{display:inline-flex;gap:13px;align-items:center;font-size:13px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.arrow-link .symbol{background:var(--acid);color:var(--acid-ink);display:grid;place-items:center;width:42px;height:42px;font-size:26px;transition:transform .2s}.arrow-link:hover .symbol{transform:translate(3px,-3px)}.hero-home{padding:76px 0 0;overflow:hidden}.hero-line{display:flex;justify-content:space-between;align-items:start}.issue-id{writing-mode:vertical-rl;font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--muted);margin-top:17px}.hero-statement{margin-top:28px}.hero-statement .highlight-word{display:inline-block;background:var(--acid);color:var(--acid-ink);padding:.015em .09em .065em;transform:rotate(-1deg)}.hero-pixel{font-weight:900; font-variation-settings:"ELSH" 2,"ELGR" 1;font-size:clamp(34px,6.5vw,112px);line-height:.91;letter-spacing:-.055em;margin:10px 0 0;white-space:nowrap;color:var(--ink)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;padding:52px 0 76px}.hero-bottom .intro-text{margin:0}.hero-bottom-right{display:flex;justify-content:end}.catalog-strip{border-top:1px solid var(--line)}.section-marker{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);gap:15px}.project-card{display:grid;grid-template-columns:1.1fr .9fr;min-height:390px;background:var(--acid);color:var(--acid-ink);transition:filter .2s}.project-card:hover{filter:saturate(1.1)}.project-info{padding:clamp(24px,4.4vw,72px);display:flex;flex-direction:column;align-items:start;justify-content:space-between}.project-info h2{font-family:var(--pixel);font-weight:900;font-variation-settings:"ELSH" 2,"ELGR" 1;font-size:clamp(50px,7vw,112px);line-height:.88;letter-spacing:-.075em;font-weight:900;margin:25px 0}.project-info p{font-size:16px;max-width:410px;line-height:1.35;font-weight:500}.project-art{background:var(--ink);color:var(--bg);padding:30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.project-art .pixel{font-weight:850;font-size:clamp(20px,3vw,48px);line-height:1.08;color:var(--acid)}.project-art .artifact{font-family:var(--pixel);font-weight:900;font-variation-settings:"ELSH" 2,"ELGR" 1;font-size:clamp(82px,17vw,260px);line-height:.85;letter-spacing:-.12em;font-weight:900;transform:rotate(-9deg) translateX(4%)}.statement{padding:115px 0 50px}.statement p{max-width:1130px;font-size:clamp(28px,4.8vw,74px);font-weight:700;line-height:1.03;letter-spacing:-.055em;margin:25px 0}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:50px 0 100px}.mini-block{border-top:2px solid var(--ink);padding-top:20px}.mini-block strong{font-size:20px;display:block;margin-bottom:10px}.mini-block p{font-size:14px;line-height:1.6;color:var(--muted)}.index-intro{padding:85px 0 85px}.index-meta{display:flex;justify-content:space-between;margin:18px 0 42px;gap:20px}.index-intro .intro-text{margin-top:35px}.listing-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:95px 1fr 240px 30px;align-items:center;gap:28px;padding:28px 8px;transition:background .2s}.listing-card:hover{background:var(--panel)}.listing-card .number{font-family:var(--pixel);font-size:27px}.listing-card h2{margin:0 0 5px;font-size:clamp(24px,3vw,42px);line-height:1.06;letter-spacing:-.05em}.listing-card p{margin:0;color:var(--muted);font-size:14px}.listing-card .state{font-weight:800;font-size:13px}.listing-card .jump{font-size:30px}.index-bottom{padding:80px 0}.back-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:800;margin:31px 0 10px}.back-link:hover{text-decoration:underline}.leader-intro{padding:45px 0 38px}.leader-head{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:end;gap:24px}.leader-head h1{font-size:clamp(51px,7.3vw,122px);line-height:.88;letter-spacing:-.079em;margin:18px 0 0;font-weight:900}.leader-head .pixel-number{font-size:clamp(70px,9vw,150px);letter-spacing:-.11em;line-height:.76;color:var(--muted);text-align:right}.leader-desc{display:flex;justify-content:space-between;gap:28px;align-items:end;margin:28px 0 36px}.leader-desc p{max-width:690px;font-size:clamp(16px,1.6vw,20px);line-height:1.43;margin:0}.notice{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);font-size:11px;font-weight:800;padding:8px 12px;white-space:nowrap}.notice i{background:var(--acid);width:7px;height:7px;border-radius:50%}.summary-cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.summary-cell{padding:22px 24px 22px 0;border-right:1px solid var(--line)}.summary-cell:not(:first-child){padding-left:25px}.summary-cell:last-child{border-right:0}.summary-cell strong{display:block;font-size:clamp(29px,3.5vw,55px);font-weight:900;letter-spacing:-.08em;margin-top:8px;line-height:.94}.summary-cell small{display:block;font-size:11px;line-height:1.4;color:var(--muted);margin-top:8px}.control-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:58px 0 20px}.control-head h2{font-size:clamp(27px,3vw,46px);letter-spacing:-.06em;margin:6px 0 0}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.input{min-height:43px;border:1px solid var(--line);color:var(--ink);background:var(--bg);padding:9px 12px;font-size:13px;border-radius:0}.input.search{width:205px}.input option{color:var(--ink);background:var(--bg)}.toolbar label{font-size:11px;font-weight:800;display:grid;gap:4px}.toolbar .input{margin-top:4px}.compare-tray{position:sticky;bottom:14px;z-index:5;display:none;background:var(--ink);color:var(--bg);border:1px solid var(--line);padding:12px 17px;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow);margin:20px 0}.compare-tray.active{display:flex}.compare-tray button{background:var(--acid);color:var(--acid-ink);border:0;padding:12px 15px;font-weight:900;font-size:13px}.table-wrap{border-top:2px solid var(--ink);overflow:auto}.leader-table{border-collapse:collapse;width:100%;text-align:left}.leader-table th{padding:15px 11px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid var(--line);white-space:nowrap}.leader-table td{padding:21px 11px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}.leader-table tr:hover td{background:var(--panel)}.leader-table th:first-child,.leader-table td:first-child{padding-left:2px}.cell-rank{font-family:var(--font);font-weight:900;font-size:25px}.modelname{font-size:15px;font-weight:900;line-height:1.25}.modelprovider{font-size:11px;color:var(--muted);margin-top:5px}.value-large{font-weight:900;font-size:28px;letter-spacing:-.05em;white-space:nowrap;font-variant-numeric:tabular-nums}.value-large small{font-size:12px;color:var(--muted)}.metric{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.meter{height:3px;background:var(--panel2);width:72px;margin-top:8px}.meter>span{display:block;height:100%;background:var(--ink)}.score-row.is-top .cell-rank,.score-row.is-top .value-large{color:#799B00}html[data-theme=dark] .score-row.is-top .cell-rank,html[data-theme=dark] .score-row.is-top .value-large{color:var(--acid)}.tag{font-size:10px;padding:7px 9px;border:1px solid var(--line);font-weight:800;white-space:nowrap;display:inline-block}.tag.pending{color:var(--muted)}.tag.provisional{background:var(--acid);color:var(--acid-ink);border-color:var(--acid)}.view-btn{padding:9px 11px;background:transparent;color:var(--ink);border:1px solid var(--line);font-weight:900;font-size:12px}.view-btn:hover{background:var(--acid);color:var(--acid-ink);border-color:var(--acid)}.compare-check{accent-color:#A3C82D;width:18px;height:18px;vertical-align:middle}.mobile-rows{display:none}.mobile-card{border-top:1px solid var(--line);padding:20px 0}.mobile-card:first-child{border-top:2px solid var(--ink)}.mobile-meta{display:flex;justify-content:space-between;align-items:start;gap:12px}.mobile-rank{font-size:13px;font-weight:900}.mobile-score{font-size:41px;font-weight:900;letter-spacing:-.08em;line-height:1}.mobile-name{font-size:23px;line-height:1.1;letter-spacing:-.045em;font-weight:900;margin:9px 0 2px}.mobile-sub{font-size:12px;color:var(--muted)}.mobile-meter{height:6px;background:var(--panel2);margin:17px 0}.mobile-meter>span{height:100%;display:block;background:var(--acid)}.mobile-card-foot{display:flex;align-items:center;gap:12px;justify-content:space-between}.mobile-card-foot .tag{margin-right:auto}.methods{padding-top:74px;border-top:1px solid var(--line)}.methods h2{font-size:clamp(33px,4vw,64px);letter-spacing:-.065em;line-height:1;margin:14px 0 24px}.methods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:42px;margin-bottom:55px}.methods-grid h3{margin:0 0 10px;font-size:19px;letter-spacing:-.04em}.methods-grid p{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}.weights{display:grid;gap:10px}.weight-line{display:grid;grid-template-columns:1fr 60px;align-items:center;gap:12px;font-size:13px;font-weight:700}.weight-track{grid-column:1/3;height:6px;background:var(--panel2)}.weight-track span{height:100%;background:var(--acid);display:block}.disclosure{border-top:1px solid var(--line);padding:24px 0}.disclosure summary{font-size:15px;font-weight:900;cursor:pointer;list-style-position:outside;padding-left:4px}.disclosure p{font-size:13px;line-height:1.6;color:var(--muted);max-width:850px}.dialog{max-width:min(680px,calc(100vw - 22px));max-height:calc(100dvh - 30px);width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--ink);padding:0;box-shadow:0 50px 130px #0006}.dialog::backdrop{background:#1119;backdrop-filter:blur(5px)}.dialog-head{padding:23px 26px 17px;border-bottom:1px solid var(--line);display:flex;align-items:start;justify-content:space-between;gap:12px}.dialog-head h2{font-size:clamp(25px,4vw,42px);line-height:1.06;letter-spacing:-.06em;margin:8px 0}.dialog-close{background:var(--panel);border:1px solid var(--line);color:var(--ink);font-size:20px;width:36px;height:36px}.dialog-body{padding:25px 26px;overflow:auto;max-height:calc(100dvh - 180px)}.dialog-body p{font-size:14px;line-height:1.5}.breakdown{display:grid;grid-template-columns:1fr auto;gap:8px;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.breakdown strong{font-variant-numeric:tabular-nums}.source-pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font);line-height:1.55;font-size:13px;padding:18px;background:var(--panel);max-height:400px;overflow:auto}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:17px}.btn-acid{display:inline-block;border:0;background:var(--acid);color:var(--acid-ink);padding:12px 18px;font-size:13px;font-weight:900}.btn-secondary{display:inline-block;border:1px solid var(--line);background:transparent;color:var(--ink);padding:11px 17px;font-size:13px;font-weight:900}.compare-body{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.compare-body .compare-stat{padding:15px;background:var(--panel)}.compare-stat h3{margin:0 0 12px;font-size:18px;letter-spacing:-.03em}.compare-line{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0;gap:10px;font-size:12px}.compare-line strong{font-size:17px}.hidden{display:none!important}.noscript{border:1px solid var(--error);padding:20px;margin:20px 0}
@media(max-width:1100px){.leader-table .small-col{display:none}.leader-head{grid-template-columns:1fr 155px}.listing-card{grid-template-columns:60px 1fr 150px 30px}.hero-pixel{font-weight:900; font-variation-settings:"ELSH" 2,"ELGR" 1;font-size:5.9vw}}
@media(max-width:800px){.wrap{width:min(100% - 40px,760px)}.header-inner{min-height:70px}.top-links{gap:16px;margin:0}.nav-link{font-size:12px}.logo{font-size:17px}.logo-mark{width:33px;height:33px;font-size:22px}.head-actions{gap:5px}.capsule{min-height:34px;padding:5px 8px;font-size:11px}.hero-home{padding-top:54px}.hero-bottom{padding:40px 0 65px}.project-card{min-height:310px;grid-template-columns:1.1fr .9fr}.project-info{padding:28px}.project-art{padding:20px}.mini-grid{gap:20px}.leader-table{display:none}.mobile-rows{display:block}.leader-head{grid-template-columns:1fr 100px}.leader-head .pixel-number{font-size:65px}.leader-desc{align-items:start;flex-direction:column}.summary-cell{padding:15px 10px 15px 0}.summary-cell:not(:first-child){padding-left:10px}.control-head{display:block}.toolbar{margin-top:18px}.listing-card{grid-template-columns:50px 1fr 28px}.listing-card .state{display:none}}
@media(max-width:560px){.wrap{width:calc(100% - 32px)}.header-inner{min-height:67px;gap:8px}.logo-text{font-size:14px}.logo-label{font-size:8px}.top-links{gap:13px}.top-links .nav-link:nth-child(2){display:none}.head-actions{gap:3px}.capsule{font-size:11px;padding:4px 6px;border:0}.theme-btn{width:30px}.display-xl{font-family:var(--pixel);font-weight:900;font-variation-settings:"ELSH" 2,"ELGR" 1;font-size:clamp(56px,15.4vw,90px)}.hero-line .issue-id{display:none}.hero-pixel{font-weight:900; font-variation-settings:"ELSH" 2,"ELGR" 1;font-size:clamp(21px,6.7vw,38px);white-space:normal;line-height:1.05;letter-spacing:-.04em}.hero-home{padding-top:42px}.hero-bottom{grid-template-columns:1fr;gap:20px;padding:35px 0 50px}.hero-bottom-right{justify-content:start}.project-card{grid-template-columns:1fr}.project-info{min-height:325px}.project-info h2{font-family:var(--pixel);font-weight:900;font-variation-settings:"ELSH" 2,"ELGR" 1;font-size:clamp(50px,15vw,88px)}.project-art{height:215px}.project-art .artifact{font-family:var(--pixel);font-weight:900;font-variation-settings:"ELSH" 2,"ELGR" 1;font-size:180px;text-align:right}.project-art .pixel{font-weight:850;font-size:20px}.statement{padding:80px 0 25px}.mini-grid{grid-template-columns:1fr;gap:25px;margin:30px 0 60px}.mini-block{padding-top:13px}.footer{margin-top:80px}.footer-inner{flex-direction:column}.index-intro{padding:57px 0 45px}.index-meta{flex-wrap:wrap}.listing-card{gap:10px;padding:24px 0;grid-template-columns:30px 1fr 20px}.listing-card h2{font-size:26px}.listing-card .number{font-size:15px}.leader-intro{padding:25px 0 27px}.leader-head{grid-template-columns:1fr}.leader-head h1{font-size:clamp(44px,13vw,74px)}.leader-head .pixel-number{display:none}.leader-desc{margin:22px 0 24px}.summary-cells{grid-template-columns:repeat(2,1fr)}.summary-cell:nth-child(2){border-right:0}.summary-cell:nth-child(-n+2){border-bottom:1px solid var(--line)}.summary-cell:nth-child(3){padding-left:0}.summary-cell strong{font-size:39px}.control-head{margin-top:37px}.control-head h2{font-size:34px}.toolbar{display:grid;grid-template-columns:1fr 1fr}.toolbar label:first-child{grid-column:1/3}.toolbar .input.search{width:100%}.toolbar .input{width:100%}.methods{padding-top:55px}.methods-grid{grid-template-columns:1fr;gap:28px}.methods h2{font-size:40px}.dialog-body{padding:19px}.dialog-head{padding:18px 19px 14px}.compare-body{grid-template-columns:1fr}.compare-tray{position:sticky;bottom:4px;padding:10px}.compare-tray button{padding:10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* v0.1 mobile art-direction QA: prevent long display words from forcing wider layout. */
.project-info,.project-art{min-width:0}
@media(max-width:560px){
  .project-card{grid-template-columns:minmax(0,1fr)}
  .project-info h2{font-size:clamp(36px,10vw,54px);letter-spacing:-.06em;overflow-wrap:anywhere;max-width:100%}
  .project-info p{max-width:100%}
  .project-art .pixel{font-size:clamp(18px,5vw,26px)}
  .project-art .artifact{max-width:100%;font-size:clamp(90px,37vw,160px)}
}
@media(max-width:560px){
 .index-intro .display-lg{font-size:clamp(42px,11.5vw,64px);max-width:100%;overflow-wrap:anywhere}
 .listing-card{min-width:0;grid-template-columns:30px minmax(0,1fr) 18px}
 .listing-card>*{min-width:0}
}

/* Preview-only: font served by Google Fonts, while production bundles self-hosted Fontsource. */
:root{--pixel:Handjet,Fixel,sans-serif}


/* KRYVETS / LAB v0.1.1 — controlled +20% spacing pass for display lettering. */
:root{--accent-track:0.024em}
.pixel,.display-xl,.display-lg,.display-md,.hero-pixel,
.project-info h2,.project-art .artifact,.project-art .pixel,
.index-bottom .pixel,.listing-card .number,.leader-head .pixel-number {
  letter-spacing:var(--accent-track);
}
/* Premium editorial kinetic hero; no animation-driven content changes. */
.home-page .hero-line{animation:lab-rise .76s cubic-bezier(.2,.8,.2,1) .06s both}
.home-page .hero-statement h1{animation:lab-rise .95s cubic-bezier(.16,1,.3,1) .12s both}
.home-page .hero-pixel{animation:lab-rise .9s cubic-bezier(.16,1,.3,1) .34s both}
.home-page .hero-bottom{animation:lab-rise .8s cubic-bezier(.2,.8,.2,1) .49s both}
.home-page .highlight-word{transform-origin:bottom left;animation:lab-highlighter .95s cubic-bezier(.16,1,.3,1) .36s both}
@keyframes lab-rise{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes lab-highlighter{from{clip-path:inset(0 100% 0 0);transform:rotate(-1deg)}to{clip-path:inset(0 0 0 0);transform:rotate(-1deg)}}
[data-reveal].is-revealing{opacity:0;transform:translate3d(0,36px,0);transition:opacity .78s ease,transform .9s cubic-bezier(.16,1,.3,1)}
[data-reveal].is-inview{opacity:1;transform:translate3d(0,0,0)}
.home-page .mini-block:nth-child(2){transition-delay:100ms}
.home-page .mini-block:nth-child(3){transition-delay:200ms}
.home-page .project-art{position:relative}
.home-page .project-art:after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;
  background:linear-gradient(95deg,transparent 0 42%,#CDF54555 49%,transparent 55% 100%);
  background-size:260% 100%;animation:lab-scan 10s linear infinite;
}
@keyframes lab-scan{0%,15%{background-position:160% center}75%,100%{background-position:-160% center}}
.home-page .project-art .artifact{transition:transform .7s cubic-bezier(.16,1,.3,1)}
.home-page .project-card:hover .artifact,.home-page .project-card:focus-visible .artifact{transform:rotate(-3deg) translate(-2%,-3%) scale(1.04)}

/* Leaderboard directory /bd: Interbrand-inspired hover, original KRYVETS artwork. */
.listing-card--feature{
  position:relative;isolation:isolate;min-height:218px;overflow:hidden;align-items:center;
  padding:40px 30px;transition:color .42s,background-color .42s,border-color .42s;
}
.listing-card--feature:before{
 content:"";position:absolute;inset:0;background:var(--ink);z-index:-1;
 transform:scaleY(0);transform-origin:bottom;transition:transform .68s cubic-bezier(.16,1,.3,1);
}
.listing-card--feature:after{
 content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;
 background:var(--acid);transform:scaleX(0);transform-origin:left;
 transition:transform .7s cubic-bezier(.16,1,.3,1);pointer-events:none;
}
.listing-card--feature .number{position:relative;z-index:2}
.listing-card--feature>div{z-index:2;position:relative;min-width:0}
.listing-card--feature .state{z-index:2;position:relative}
.listing-card--feature .jump{z-index:3;position:relative;align-self:start;transition:transform .45s}
.listing-card--feature .listing-visual{
  position:absolute;right:clamp(55px,10vw,180px);bottom:0;width:min(33%,360px);
  height:100%;z-index:1;pointer-events:none;transform:translate3d(0,110%,0) rotate(6deg) scale(.88);
  transform-origin:bottom right;transition:transform .74s cubic-bezier(.16,1,.3,1);
  filter:drop-shadow(0 20px 35px #0006);
}
.listing-card--feature .listing-visual img{width:100%;height:100%;object-fit:cover;display:block}
.listing-card--feature:is(:hover,:focus-visible){color:#FDFDF3;background:#181816;border-color:#181816}
.listing-card--feature:is(:hover,:focus-visible):before{transform:scaleY(1)}
.listing-card--feature:is(:hover,:focus-visible):after{transform:scaleX(1)}
.listing-card--feature:is(:hover,:focus-visible) p{color:#CDD0BD}
.listing-card--feature:is(:hover,:focus-visible) .listing-visual{transform:translate3d(0,0,0) rotate(-2deg) scale(1)}
.listing-card--feature:is(:hover,:focus-visible) .jump{color:var(--acid);transform:translate(3px,-3px)}
.listing-card--feature:is(:hover,:focus-visible)>div:first-of-type{max-width:62%}
@media (max-width:900px){
 .listing-card--feature{min-height:196px;padding:26px 18px}
 .listing-card--feature .listing-visual{right:30px;width:35%;opacity:.8}
 .listing-card--feature:is(:hover,:focus-visible)>div:first-of-type{max-width:61%}
}
@media (max-width:650px){
 .listing-card--feature{min-height:202px;padding:20px 12px}
 .listing-card--feature .listing-visual{
   transform:translate3d(0,0,0) rotate(-2deg);width:38%;height:82%;right:7px;
   bottom:0;opacity:.62;filter:none;
 }
 .listing-card--feature>div:first-of-type{max-width:61%;z-index:2}
 .listing-card--feature h2{font-size:clamp(19px,5.7vw,26px)}
 .listing-card--feature p{font-size:11px}
 .listing-card--feature .jump{align-self:start}
 .listing-card--feature:before{transform:scaleY(1);background:var(--panel)}
 .listing-card--feature:is(:hover,:focus-visible):before{background:var(--ink)}
 .listing-card--feature .listing-visual img{object-position:55% center}
}

/* Brand accent title: lime on charcoal for legibility in light and dark modes. */
.leader-head h1.leader-title-accent{
 display:table;max-width:100%;width:max-content;
 font-family:var(--pixel);font-weight:900;font-variation-settings:"ELSH" 2,"ELGR" 1;
 font-size:clamp(55px,8.3vw,132px);line-height:.88;
 letter-spacing:var(--accent-track);text-transform:uppercase;
 color:var(--acid);background:#181816;padding:.12em .17em .16em;
 margin:18px 0 0;overflow-wrap:normal;
}
.leader-head h1.leader-title-accent span{display:block}
@media (max-width:800px){
 .leader-head h1.leader-title-accent{font-size:clamp(49px,9vw,90px)}
}
@media (max-width:560px){
 .leader-head h1.leader-title-accent{font-size:clamp(37px,11vw,63px);letter-spacing:.014em}
 .display-xl,.display-lg,.hero-pixel,.project-info h2{letter-spacing:.014em}
 .index-intro .display-lg{font-size:clamp(40px,10vw,64px)}
 .project-info h2{font-size:clamp(34px,9.6vw,50px)}
}
@media(prefers-reduced-motion:reduce){
 .home-page .hero-line,.home-page .hero-statement h1,.home-page .hero-pixel,
 .home-page .hero-bottom,.home-page .highlight-word{animation:none!important}
 [data-reveal].is-revealing{opacity:1;transform:none}
 .home-page .project-art:after{animation:none!important;opacity:0}
 .listing-card--feature .listing-visual,.listing-card--feature:before,
 .listing-card--feature:after{transition:none!important}
}


/* KRYVETS / LAB 0.1.2 — Athena supplied by the site owner.
   Display as an uncropped, layered art object in the homepage hero. */
.hero-home .hero-statement {
  position:relative;
  isolation:isolate;
  min-height:clamp(570px,49vw,755px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:48px 0;
}
.hero-home .hero-statement > h1,
.hero-home .hero-statement > .hero-pixel {
  position:relative;
  z-index:2;
}
.hero-home .hero-statement > h1 {
  text-shadow:0 2px 22px var(--bg);
}
.hero-home .hero-statement .hero-afina {
  position:absolute;
  z-index:1;
  right:0;
  top:50%;
  margin:0;
  width:min(53%,745px);
  aspect-ratio:1/1;
  transform:translateY(-48%);
  pointer-events:none;
  animation:lab-athena-appear 1.15s cubic-bezier(.16,1,.3,1) .3s both;
}
.hero-home .hero-afina img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 25px 23px rgba(14,18,8,.14));
  transition:transform 1s cubic-bezier(.16,1,.3,1);
}
.hero-home .hero-afina figcaption {
  position:absolute;
  right:4%;
  bottom:-7px;
  display:flex;
  flex-direction:column;
  gap:4px;
  font-size:10px;
  letter-spacing:.16em;
  font-weight:900;
  text-align:right;
  color:var(--muted);
}
.hero-home .hero-afina figcaption span {
  font-size:9px;
  letter-spacing:.12em;
  font-weight:500;
}
@keyframes lab-athena-appear{
  from{opacity:0;transform:translateY(-44%) translateX(32px) scale(.94)}
  to{opacity:1;transform:translateY(-48%) translateX(0) scale(1)}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .hero-home .hero-statement:hover .hero-afina img {
    transform:translate3d(0,-9px,0) rotate(-.75deg);
  }
}
@media (min-width:1101px) {
  .hero-home .hero-statement .hero-pixel{max-width:66%;white-space:nowrap}
}
@media (max-width:1100px) and (min-width:701px) {
  .hero-home .hero-statement{min-height:clamp(440px,54vw,590px)}
  .hero-home .hero-statement .hero-afina{width:54%;right:0}
  .hero-home .hero-statement > h1{font-size:clamp(68px,11.8vw,135px)}
}
@media (max-width:700px) {
  .hero-home .hero-statement{
    min-height:0;
    display:block;
    padding:0;
  }
  .hero-home .hero-statement .hero-afina {
    position:relative;
    top:auto;
    right:auto;
    width:min(100%,490px);
    margin:10px auto 0;
    transform:none;
    animation:lab-athena-mobile 1s cubic-bezier(.16,1,.3,1) .24s both;
  }
  .hero-home .hero-afina figcaption{
    bottom:-7px;
    right:3%;
    font-size:9px;
  }
  .hero-home .hero-afina figcaption span{font-size:8px}
  .hero-home .hero-statement > h1{text-shadow:none}
  .hero-home .hero-pixel{position:relative;z-index:2}
  @keyframes lab-athena-mobile{
    from{opacity:0;transform:translateY(20px) scale(.96)}
    to{opacity:1;transform:translateY(0) scale(1)}
  }
}
@media (max-width:560px){
  .hero-home .hero-afina{max-width:100%}
  .hero-home .hero-bottom{padding-top:19px}
}
@media (prefers-reduced-motion:reduce) {
  .hero-home .hero-statement .hero-afina{
    animation:none!important;
    opacity:1;
  }
  .hero-home .hero-afina img{transition:none!important}
}

/* Hero alignment: the vertical issue label must not consume document height. */
@media(min-width:701px){.hero-home .hero-line{position:relative;min-height:28px}.hero-home .issue-id{position:absolute;right:0;top:0;margin:0;z-index:3}.hero-home .hero-statement > h1{text-shadow:none}}
@media(max-width:900px){.hero-home .issue-id{display:none}}

@media(min-width:901px){.hero-home .issue-id{white-space:nowrap;inline-size:max-content;block-size:max-content}}

/* Light theme: no charcoal panel behind the leaderboard title. */
html:not([data-theme="dark"]) .leader-head h1.leader-title-accent{background:transparent;color:var(--ink);padding:0}