.hero{padding:clamp(72px, 9vw, 124px) var(--gutter) clamp(60px, 7vw, 100px);background:radial-gradient(1100px 620px at 15% -10%,#7aa47147,#0000 60%),radial-gradient(900px 520px at 95% 0,#13241a8c,#0000 60%),linear-gradient(#081109 0%,#0a140e 60%,#0c1810 100%);position:relative;overflow:hidden}.hero--compact{padding-block:clamp(56px,6.5vw,92px) clamp(48px,5.5vw,76px)}.hero:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:80px 80px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;mask-image:radial-gradient(70% 80%,#000,#0000 80%)}.hero__inner{max-width:var(--maxw);margin:0 auto;position:relative}.hero__eyebrow{color:var(--accent-hi);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-size:.66rem;font-weight:600;display:inline-flex}.hero__eyebrow:before{content:"";background:currentColor;width:18px;height:1px}.hero h1{color:#fff;max-width:30ch;font-family:var(--display);letter-spacing:-.022em;margin:18px 0 20px;font-size:clamp(40px,5.5vw,96px);font-weight:800;line-height:.95}.hero--compact h1{font-size:clamp(40px,5.5vw,96px)}.hero h1 em{color:var(--accent-hi);font-style:normal}@supports (background-clip:text){.hero h1 em{color:#0000;background-image:linear-gradient(135deg,#d2e9c6 0%,#9ac08f 42%,#6f9a66 100%);background-clip:text}}.hero__lead{color:#ffffffc7;max-width:60ch;margin:0;font-size:clamp(.95rem,1.1vw,1.06rem);line-height:1.6}.filter{top:var(--header-h);z-index:40;border-bottom:1px solid var(--rule);backdrop-filter:blur(14px);background:#fffffff0;position:sticky}.filter__inner{max-width:var(--maxw);padding:16px var(--gutter);align-items:center;gap:10px;margin:0 auto;display:flex}.filter__label{color:var(--ink-3);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;flex:none;margin-right:4px;font-size:.66rem;font-weight:500}.filter__chips{scrollbar-width:none;gap:8px;min-width:0;display:flex;overflow-x:auto}.filter__chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--rule-hard);color:var(--ink-2);background:var(--bg);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);border-radius:999px;flex:none;padding:8px 15px;font-size:.66rem;font-weight:500}.chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.chip.is-active{border-color:var(--accent);color:#fff;background:var(--accent)}.chip.is-active:hover{border-color:var(--accent-lo);color:#fff;background:var(--accent-lo)}.search{border:1px solid var(--rule-hard);height:38px;color:var(--ink-4);background:var(--bg);transition:border-color var(--t-fast) var(--ease);border-radius:999px;flex:0 0 250px;align-items:center;gap:8px;margin-left:auto;padding:0 14px;display:flex}.search:focus-within{border-color:var(--accent)}.search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:.88rem}.search input::placeholder{color:var(--ink-3)}.listing{padding:clamp(40px, 5vw, 60px) var(--gutter) clamp(64px, 8vw, 90px);background:var(--bg)}.listing__inner{max-width:var(--maxw);margin:0 auto}.grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.card,.feature{border:1px solid var(--rule-hard);color:inherit;background:var(--bg);transition:transform var(--t-base) var(--ease), border-color var(--t-fast) var(--ease), box-shadow .45s var(--ease);border-radius:18px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0a140e08}.card:hover,.feature:hover{border-color:var(--brand);transform:translateY(-4px);box-shadow:0 26px 54px -26px #4c754557,0 10px 26px -16px #0a140e33}.card__img,.feature__img{aspect-ratio:16/9;border-bottom:1px solid var(--rule);background:var(--bg-3);overflow:hidden}.card__img img,.feature__img img{object-fit:cover;width:100%;height:100%;transition:transform var(--t-slow) var(--ease)}.card:hover .card__img img,.feature:hover .feature__img img{transform:scale(1.05)}.card__img--empty,.feature__img--empty{background:radial-gradient(420px 220px at 50% 0%, #7aa4711f, transparent 70%), var(--bg-3);place-items:center;display:grid}.card__img--empty .material-symbols-rounded,.feature__img--empty .material-symbols-rounded{color:#7aa47180;font-variation-settings:"FILL" 0, "wght" 200, "GRAD" 0, "opsz" 48;font-size:64px}.card__body,.feature__body{flex-direction:column;flex:1;gap:11px;padding:22px 22px 24px;display:flex}.card__meta{flex-wrap:wrap;align-items:center;gap:9px;display:inline-flex}.card__meta>span:not(.category-label){color:var(--ink-3);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.655rem}.card h3{color:var(--deep);font-family:var(--display);letter-spacing:-.02em;transition:color var(--t-fast) var(--ease);margin:0;font-size:1.25rem;font-weight:800;line-height:1.2}.card:hover h3,.feature:hover h2{color:var(--accent-lo)}.card__excerpt,.feature__body p{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.card__foot{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.card__author{color:var(--ink-3);font-size:.76rem}.card__author span{margin:0 5px}.card__read{color:var(--accent);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;transition:color var(--t-fast) var(--ease);flex:none;font-size:.655rem;font-weight:600}.card:hover .card__read,.feature:hover .card__read{color:var(--accent-lo)}.feature{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);margin-bottom:26px;display:grid}.feature__img{aspect-ratio:auto;border-right:1px solid var(--rule);border-bottom:0;min-height:340px}.feature__body{justify-content:center;gap:14px;padding:clamp(28px,3.4vw,48px)}.feature__body h2{color:var(--deep);font-family:var(--display);letter-spacing:-.028em;transition:color var(--t-fast) var(--ease);margin:0;font-size:clamp(1.5rem,2.5vw,2.15rem);font-weight:800;line-height:1.12}.feature__body p{-webkit-line-clamp:3;font-size:.95rem}@media (width<=1080px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=880px){.feature{grid-template-columns:1fr}.feature__img{aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--rule);min-height:0}.filter__inner{flex-wrap:wrap}.search{flex:100%;margin-left:0}}@media (width<=620px){.grid{grid-template-columns:1fr;gap:20px}}