:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#19333a;background:#f4f3ef}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}.hero{color:#f5f4ee;background:radial-gradient(circle at 83% 38%,#42605a 0,#1f4247 33%,#142b34 75%);min-height:350px}.hero.compact{min-height:275px}nav{max-width:1250px;margin:auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}nav a{text-decoration:none;font-size:14px}nav .brand{font-weight:800;font-size:17px;letter-spacing:-.04em}.hero-inner{max-width:1250px;margin:auto;padding:36px 28px 77px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#a5d9c4}.hero h1{font-size:clamp(38px,5vw,70px);line-height:1.04;letter-spacing:-.055em;margin:14px 0}.hero h1 em{font-style:normal;color:#b6dac6}.hero p{max-width:620px;font-size:16px;line-height:1.6;color:#d1dfdb;margin:0}.snapshot{display:inline-flex;align-items:center;gap:9px;margin-top:26px;font-size:12px;color:#e0efea}.live-dot{width:8px;height:8px;border-radius:50%;background:#70d7a6;box-shadow:0 0 0 4px #70d7a620}.divider{opacity:.5}main{max-width:1250px;margin:auto;padding:0 28px 70px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-43px;position:relative}.metrics div{background:#fff;border:1px solid #e4e6df;border-radius:14px;padding:19px 22px;box-shadow:0 9px 28px #18363a0a}.metrics b{display:block;font-size:30px;letter-spacing:-.05em;color:#183c3f}.metrics span{display:block;font-size:12px;color:#617273;margin-top:4px}.intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:48px 0 24px}.intro h2,.context h2,.archive h2{font-size:27px;letter-spacing:-.04em;margin:0 0 9px}.intro p{max-width:780px;margin:0;color:#637273;font-size:13px;line-height:1.6}.intro>a{white-space:nowrap;font-size:13px;font-weight:700;color:#0d685e}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:9px;background:#fff;border:1px solid #e1e7e0;border-radius:14px;padding:14px;margin-bottom:22px;position:sticky;top:0;z-index:4;box-shadow:0 8px 25px #1234320d}.filters label{display:flex;flex-direction:column;gap:5px;color:#687878;font-size:11px;font-weight:750}.filters input,.filters select{border:1px solid #d7dfd9;border-radius:8px;background:#fafbf9;color:#19383b;padding:9px 11px;min-width:113px;font-size:13px}.filters input{min-width:175px}.filters output{margin-left:auto;align-self:center;font-size:12px;font-weight:700;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.listing{background:#fff;border:1px solid #e2e8e1;border-radius:15px;overflow:hidden;box-shadow:0 4px 18px #183d3b0a}.listing[hidden]{display:none}.cover{border:0;padding:0;background:#e5e9e3;width:100%;height:230px;position:relative;display:block;text-align:left;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.cover:hover img{transform:scale(1.04)}.cover-count{position:absolute;bottom:12px;left:12px;border-radius:5px;padding:6px 9px;background:#18363be8;color:white;font-size:11px;font-weight:700}.no-image{height:100%;display:grid;place-items:center;color:#899994;font-size:13px}.listing-body{padding:18px}.listing-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.listing-top strong{color:#145148;font-size:20px;letter-spacing:-.04em}.listing-top span{font-size:11px;color:#71817b;text-align:right}.listing h2{font-size:17px;letter-spacing:-.025em;line-height:1.35;min-height:45px;margin:9px 0 12px}.badges{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 13px}.badges span{border-radius:5px;background:#eef2ed;color:#3e5b56;padding:5px 7px;font-size:11px;font-weight:650}.badges .fresh{background:#daf2dc;color:#286b42}.badges .caution{background:#fff1d8;color:#835d18}.dates{font-size:11px;color:#82908a;border-top:1px solid #eef0ec;padding-top:12px}.listing details{border-top:1px solid #eef0ec;margin-top:12px;padding-top:10px}.listing summary{font-size:12px;font-weight:700;color:#1c665a}.description{white-space:pre-wrap;font-size:12px;line-height:1.6;max-height:220px;overflow:auto;color:#536862}.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.actions a,.actions button{font-size:12px;font-weight:700;text-decoration:none}.actions a{color:#0d685e}.actions button{color:#fff;background:#1a5d55;border:0;border-radius:6px;padding:9px 10px}.empty{padding:45px;text-align:center;color:#677a74}.context{background:#e6ede7;border-radius:14px;padding:25px 28px;margin-top:45px;color:#415d56}.context p{font-size:12px;line-height:1.65;max-width:890px}footer{max-width:1250px;margin:auto;padding:25px 28px 40px;border-top:1px solid #dde4db;display:flex;justify-content:space-between;color:#77857d;font-size:12px}.archive{padding-top:45px}.archive-item{display:flex;justify-content:space-between;gap:18px;text-decoration:none;background:#fff;border:1px solid #e1e7e0;padding:20px;margin:10px 0;border-radius:12px;color:#1d4e48}.archive-item:hover{border-color:#3c8d7c}.archive-item span{font-size:12px}dialog{width:min(96vw,1100px);max-height:95vh;border:0;border-radius:14px;padding:0;background:#15252a;color:#fff;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#081c20dd}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;font-size:13px;font-weight:700}.dialog-head button{border:0;background:transparent;color:white;font-size:29px;line-height:1}.stage{height:min(68vh,700px);display:flex;align-items:center;justify-content:center;position:relative;background:#111d20}.stage img{max-width:100%;max-height:100%;object-fit:contain}.stage button{position:absolute;top:50%;transform:translateY(-50%);border:0;border-radius:50%;background:#fff9;color:#18363a;font-size:30px;width:42px;height:42px}.stage #prev-image{left:12px}.stage #next-image{right:12px}.gallery-meta{display:flex;justify-content:space-between;padding:8px 15px;font-size:11px;color:#cadbd5}.thumbs{display:flex;gap:5px;overflow:auto;padding:5px 12px 12px}.thumbs button{flex:none;width:67px;height:52px;padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;background:#2e4544}.thumbs button.active{border-color:#a3e2be}.thumbs img{width:100%;height:100%;object-fit:cover}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.hero{min-height:300px}.hero-inner{padding:25px 22px 65px}nav{padding:20px 22px}main{padding:0 16px 45px}.metrics{gap:8px;margin-top:-36px}.metrics div{padding:13px}.metrics b{font-size:25px}.metrics span{font-size:11px}.intro{display:block;margin-top:35px}.intro>a{display:inline-block;margin-top:12px}.filters{position:static}.filters label{flex:1 1 40%}.filters input,.filters select{min-width:0;width:100%}.filters output{width:100%}.grid{grid-template-columns:1fr}.cover{height:245px}.listing h2{min-height:0}.stage{height:60vh}.thumbs button{width:55px;height:45px}}