:root{
  --pine:#14231b; --pine2:#1d3326; --moss:#3f6148; --mist:#eef1ea; --paper:#f7f8f3;
  --ink:#1a241d; --soft:#56655b; --amber:#c98a1b; --line:#d3dacd; --card:#ffffff;
  --serif:"Alegreya",Georgia,"Times New Roman",serif; --sans:"Alegreya Sans","Segoe UI",system-ui,sans-serif;
  box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#101a14; --mist:#16231b; --ink:#e7ece2; --soft:#9fb0a3; --line:#2a3b30; --card:#192a20; --amber:#e3a840; --moss:#7fa688; color-scheme:dark;}}
:root[data-theme="dark"]{--paper:#101a14; --mist:#16231b; --ink:#e7ece2; --soft:#9fb0a3; --line:#2a3b30; --card:#192a20; --amber:#e3a840; --moss:#7fa688; color-scheme:dark;}
*,*::before,*::after{box-sizing:inherit}
html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:19px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px}
.skip:focus{left:12px;z-index:9;background:var(--card);color:var(--ink);padding:8px 12px}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
h1,h2,h3{font-family:var(--serif);line-height:1.12;margin:0}

.hero{background:linear-gradient(#0f1c15 0%,#1d3326 70%,#2b4a35 100%);color:#e9eee4;position:relative;overflow:hidden}
.hero svg.forest{position:absolute;left:0;bottom:0;width:100%;height:58%;display:block}
.glow{transform-origin:center;animation:flick 5s ease-in-out infinite}
@keyframes flick{0%,100%{opacity:.85}45%{opacity:1}60%{opacity:.7}80%{opacity:.95}}
@media (prefers-reduced-motion:reduce){.glow{animation:none}html{scroll-behavior:auto}}
.bar{background:#14231b;color:#e9eee4}
nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;position:relative;z-index:2;flex-wrap:wrap}
.logo{font:800 26px var(--serif);text-decoration:none;letter-spacing:.01em}
nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-weight:500}
nav a{text-decoration:none;opacity:.85}nav a:hover,nav a[aria-current="page"]{opacity:1;text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:6px}
.hero-body{position:relative;z-index:2;padding:70px 0 230px;max-width:640px}
.hero h1{font-size:clamp(42px,8vw,78px);font-weight:800;letter-spacing:-.01em}
.hero p{font-size:21px;margin:22px 0 0;color:#c9d5c8;max-width:34em}

main{position:relative;z-index:3}
section{padding:56px 0 8px}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.sec-h h2{font-size:clamp(28px,4vw,38px);font-weight:700}
.sec-h p{margin:0;color:var(--soft)}

.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips button{font:500 17px var(--sans);padding:7px 16px;border-radius:999px;border:1.5px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}
.chips button[aria-pressed="true"]{background:var(--pine2);border-color:var(--pine2);color:#eef3ea}
:root[data-theme="dark"] .chips button[aria-pressed="true"]{background:var(--moss);color:#0e1711;border-color:var(--moss)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .chips button[aria-pressed="true"]{background:var(--moss);color:#0e1711;border-color:var(--moss)}}

.feature{display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:stretch;margin-top:26px}
a.art{background:#1d3326;border-radius:3px 60px 3px 3px;min-height:300px;position:relative;overflow:hidden;color:#fff;display:flex;align-items:flex-end;padding:22px;text-decoration:none}
.art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.art span{font:800 clamp(30px,5vw,48px)/1 var(--serif);position:relative;z-index:1;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.art::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,14,10,.78),rgba(8,14,10,.08) 58%)}
a.art:hover span{text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:6px}
.feature h3{font-size:clamp(28px,3.6vw,40px);font-weight:700;margin:10px 0 12px}
.feature h3 a{text-decoration:none}
.feature h3 a:hover{text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:4px}
.feature p{margin:0 0 14px;font-size:20px}
.tag{font:700 15px var(--sans);color:var(--moss);letter-spacing:.02em}
.meta{color:var(--soft);font-size:16px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}
.cones{display:inline-flex;gap:3px;vertical-align:middle}
.cones svg{width:20px;height:26px;fill:var(--amber)}
.cones svg.off{fill:var(--line)}.cones svg.half{opacity:.5}
.more{display:inline-block;margin-top:8px;font-weight:700;color:var(--moss)}

.list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 46px;border-top:2px solid var(--ink)}
.item{padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:92px 1fr;gap:16px}
.item .sw{width:92px;height:92px;border-radius:50% 4px 50% 4px;overflow:hidden;background:#1d3326;display:block}
.item .sw img{width:100%;height:100%;object-fit:cover;display:block}
.item h3{font-size:24px;font-weight:700;margin:2px 0 6px}
.item h3 a{text-decoration:none}.item h3 a:hover{text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:4px}
.item p{margin:0 0 8px;color:var(--soft);font-size:18px}
.empty{padding:30px 0;color:var(--soft)}

.scale{background:var(--mist);border-radius:4px;padding:34px;display:grid;grid-template-columns:1fr 1.3fr;gap:34px;margin-top:64px}
.scale h2{font-size:32px}
.scale dl{margin:0;display:grid;gap:10px}
.scale dt{display:flex;align-items:center;gap:12px;font-weight:700}
.scale dd{margin:0 0 4px;color:var(--soft)}

.news{margin:64px 0 0;background:var(--pine);color:#e6ece1;padding:48px 0}
.news .wrap{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.news h2{font-size:34px}.news p{margin:10px 0 0;color:#b9c8bb}
.row{display:flex;gap:10px;flex-wrap:wrap}
.row input{flex:1 1 220px;font:19px var(--sans);padding:12px 14px;border-radius:3px;border:1.5px solid #3b5543;background:#0e1912;color:#eef3ea}
.row button,.btn{font:700 18px var(--sans);padding:12px 22px;border:0;border-radius:3px;background:var(--amber);color:#1b1305;cursor:pointer}
#nmsg,.status{min-height:1.6em;margin-top:10px;color:#e3a840}
.page .status{color:var(--moss)}

footer{background:#0d1711;color:#98aa9c;padding:34px 0 40px;font-size:16px}
footer .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
footer a{color:#c4d1c6}

.crumbs{color:var(--soft);font-size:16px;margin:28px 0 10px}
.crumbs a{color:var(--moss);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.article{padding-bottom:48px}
.article h1{font-size:clamp(34px,5vw,54px);font-weight:800;max-width:18em;margin:8px 0 14px}
.herofig{margin:22px 0 28px}
.herofig img{width:100%;max-height:520px;object-fit:cover;border-radius:3px 48px 3px 3px;display:block;background:#1d3326}
.herofig figcaption{color:var(--soft);font-size:15px;margin-top:8px}
.prose{max-width:68ch;font-size:20px}
.prose p{margin:0 0 1em}
.prose h2{font-size:30px;margin:1.45em 0 .45em}
.prose ul{margin:0 0 1em;padding-left:1.2em}
.prose li{margin:.35em 0}
.prose blockquote{margin:1.3em 0;padding:0 0 0 18px;border-left:3px solid var(--amber);font-family:var(--serif);font-size:26px;line-height:1.35}
.verdict{background:var(--mist);padding:22px 24px;border-radius:4px;margin:1.6em 0}
.verdict h2{margin-top:0}
.related{margin-top:18px;padding-top:8px}
.relgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.rel a{display:block;text-decoration:none}
.rel img{width:100%;height:180px;object-fit:cover;border-radius:3px 28px 3px 3px;background:#1d3326;display:block}
.rel h3{font-size:22px;margin:12px 0 0}
.rel a:hover h3{text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:4px}
.lead{font-size:22px;max-width:40em}
.page{padding-bottom:64px}
.page h1{font-size:clamp(36px,5vw,56px);font-weight:800;margin:28px 0 12px}
.stack{display:grid;gap:12px;max-width:480px;margin-top:8px}
.stack input,.stack textarea{font:19px var(--sans);padding:12px 14px;border-radius:3px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);width:100%}
.stack textarea{min-height:140px;resize:vertical}
.people{display:grid;grid-template-columns:1fr 1fr;gap:22px 32px;margin-top:12px}
.people article{padding-top:8px;border-top:1px solid var(--line)}
.people h3{font-size:24px;margin:12px 0 6px}
.note{color:var(--soft)}

@media (max-width:820px){
  .feature,.scale,.news .wrap,.relgrid,.people{grid-template-columns:1fr}
  .list{grid-template-columns:1fr}
  .hero-body{padding:40px 0 190px}
  nav ul{gap:14px;font-size:17px}
  .item{grid-template-columns:74px 1fr}
  .item .sw{width:74px;height:74px}
}