:root{--bg:#f4f1ea;--bg2:#e6e1d3;--fg:#17241d;--muted:#6a7268;--line:rgba(23,36,29,.14);--card:#fbf9f4;
--accent:#e0632a;--accent-fg:#fff;--sale:#d2401f;--ok:#2f7a4c;--deep:#17241d;
--font-head:"Oswald",Impact,sans-serif;--font-body:"Rubik",system-ui,sans-serif;--head-weight:600;--head-case:uppercase;--head-track:.01em;--head-lh:1;
--radius:10px;--btn-radius:8px;--img-radius:8px;--card-ratio:1/1;--img-bg:#e9e5da;--ftr-bg:#17241d;--ftr-fg:#e9e5da}
.topbar{background:var(--deep);color:#e9e5da}
.logo{font-size:28px;letter-spacing:.04em}
.logo svg{color:var(--accent);width:34px;height:34px}
.hdr{background:color-mix(in srgb,var(--bg) 94%,transparent)}
.btn{text-transform:uppercase;font-weight:500;letter-spacing:.06em;font-size:14px}
.hero-full h1{font-size:clamp(46px,8vw,124px);max-width:11ch}
.hero-full .btn.ghost{border-color:rgba(255,255,255,.6)}
.hero-full::after{background:linear-gradient(90deg,rgba(10,20,15,.65),rgba(10,20,15,.1) 70%),linear-gradient(180deg,transparent 60%,rgba(10,20,15,.5))}
.hero-full .hc{padding-bottom:clamp(50px,9vw,120px)}
.sh h2{font-size:clamp(32px,4.6vw,60px)}
.pc{background:var(--card);border-radius:var(--radius);padding:10px;border:1px solid var(--line)}
.pc .meta{padding:12px 4px 4px}
.pc .nm{font-weight:500}
.pc .pr{font-size:18px;font-family:var(--font-head);font-weight:500}
.tag.d{background:var(--deep);color:#fff}
.ct::after{background:linear-gradient(transparent 35%,rgba(10,20,15,.75))}
.ctiles.c5{grid-template-columns:repeat(5,1fr)}
.ctiles.c5 .ct{aspect-ratio:3/4.4}
@media (max-width:900px){.ctiles.c5{grid-template-columns:1fr 1fr}}
.marq{background:var(--accent);color:#fff;border:0}
.forecast{background:var(--deep);color:#e9e5da;border-radius:var(--radius);padding:clamp(24px,4vw,50px);display:grid;grid-template-columns:1fr 2fr;gap:40px}
@media (max-width:900px){.forecast{grid-template-columns:1fr}}
.forecast h2{font-size:clamp(30px,4vw,52px);color:#fff}
.days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
@media (max-width:700px){.days{grid-template-columns:repeat(4,1fr)}}
.day{background:rgba(255,255,255,.06);border-radius:8px;padding:14px 10px;text-align:center;font-size:13px}
.day b{display:block;font-family:var(--font-head);font-size:18px;letter-spacing:.04em;color:#fff}
.day .bite{display:flex;justify-content:center;gap:2px;margin:10px 0 6px}
.day .bite i{width:7px;height:16px;border-radius:2px;background:rgba(255,255,255,.18)}
.day .bite i.on{background:var(--accent)}
.day.top{background:rgba(224,99,42,.18);outline:1px solid var(--accent)}
.fsel{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.fsel button{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.25);font-size:14px}
.fsel button.on{background:var(--accent);border-color:var(--accent);color:#fff}
.reports{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:900px){.reports{grid-template-columns:1fr}}
.rep{border-radius:var(--radius);overflow:hidden;background:var(--card);border:1px solid var(--line)}
.rep img{width:100%;aspect-ratio:16/10;object-fit:cover}
.rep div{padding:18px}
.rep h3{font-size:22px;margin:6px 0 8px}
.rep p{font-size:14.5px;color:var(--muted);margin:0}
.rep .loc{font-size:12.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:600}