*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--red:#e51f2b;--deep:#9d0d16;--ink:#0c0e13;--soft:#f4f4f6;--muted:#6d7078}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.header{position:fixed;z-index:50;top:0;left:0;right:0;color:#fff;padding:18px 0;transition:.3s}.header.scrolled{background:rgba(10,11,15,.94);backdrop-filter:blur(15px);padding:10px 0}.nav{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.logo>span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#ff3542,#ba111b);font-size:23px;font-weight:900;box-shadow:0 10px 30px #e51f2b55}.logo b{font-size:15px;letter-spacing:.12em}.logo small{display:block;font-size:9px;opacity:.62;margin-top:3px}.nav nav{display:flex;align-items:center;gap:28px}.nav nav a{color:#fff;text-decoration:none;font-weight:700;font-size:14px}.pill{border:1px solid #ffffff55;padding:11px 18px;border-radius:99px}#menu{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{min-height:100vh;background:radial-gradient(circle at 76% 25%,#641019 0,transparent 32%),linear-gradient(125deg,#080a0f,#15171e 60%,#07080b);color:#fff;position:relative;overflow:hidden;padding:125px 0 85px;display:flex;align-items:center}.noise{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:54px 54px}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center;position:relative;z-index:2}.kicker,.head>span,.vol-copy>span{font-size:12px;letter-spacing:.22em;color:#ff7f87;font-weight:900}.hero h1{font-size:clamp(54px,7vw,92px);line-height:.96;letter-spacing:-.055em;margin:25px 0}.hero p{font-size:19px;line-height:1.7;color:#c9cbd1;max-width:670px}.actions{display:flex;gap:13px;margin-top:34px}.actions a{padding:15px 24px;border-radius:10px;text-decoration:none;font-weight:900}.primary{background:linear-gradient(135deg,#ff3542,#c5121d);color:#fff}.secondary{border:1px solid #ffffff38;color:#fff}.notice{font-size:11px;color:#858994;margin-top:30px;max-width:650px}.portrait{position:relative}.portrait-card{height:650px;border-radius:190px 190px 24px 24px;overflow:hidden;position:relative;border:1px solid #ffffff24;box-shadow:0 40px 100px #0008}.portrait-card img{width:100%;height:100%;object-fit:cover;object-position:52% center}.portrait-shade{position:absolute;inset:0;background:linear-gradient(transparent 50%,#090a0e 100%)}.portrait-label{position:absolute;left:35px;bottom:30px}.portrait-label small,.portrait-label strong{display:block}.portrait-label small{font-size:10px;letter-spacing:.22em;color:#ff9298}.portrait-label strong{font-size:32px;margin-top:5px}.ring{position:absolute;border:1px solid #ff526055;border-radius:50%;z-index:-1}.r1{width:470px;height:470px;right:-90px;top:15px}.r2{width:350px;height:350px;left:-75px;bottom:-30px}.mountains{position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(135deg,transparent 20%,#393b42 21% 28%,transparent 29%),linear-gradient(45deg,transparent 42%,#292b31 43% 58%,transparent 59%);opacity:.6}.numbers{border-bottom:1px solid #e4e5e8}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 0;text-align:center}.number-grid>div+div{border-left:1px solid #ddd}.number-grid strong{display:block;font-size:35px}.number-grid span{font-size:11px;letter-spacing:.17em;color:var(--muted)}.section{padding:105px 0}.head{max-width:900px;margin-bottom:50px}.head h2{font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-.045em;margin:18px 0}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.features article{padding:32px;border:1px solid #e3e4e7;border-radius:22px}.features b{color:var(--red)}.features h3{font-size:24px;margin-top:38px}.features p{color:var(--muted);line-height:1.65}.dark{background:#0c0e13;color:#fff}.head.light h2{color:#fff}.news{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{background:#151820;border:1px solid #ffffff12;border-radius:20px;padding:28px}.news-top{display:flex;justify-content:space-between;font-size:11px;color:#969aa4}.news-top span{color:#ff7079;font-weight:900}.news-card h3{font-size:25px;line-height:1.25}.news-card p{color:#aeb1ba;line-height:1.65}.news-card a{color:#fff;text-decoration:none;font-weight:800}.districts{background:#f3f4f6}.district-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.district{background:#fff;padding:24px;border-radius:14px;border:1px solid #e0e1e4;display:flex;justify-content:space-between;align-items:center}.district small{color:var(--red)}.volunteer{background:linear-gradient(125deg,#a50e18,#e31c28);color:#fff}.volunteer-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.vol-copy h2{font-size:clamp(44px,6vw,73px);line-height:1.02;letter-spacing:-.05em}.vol-copy p{color:#ffd8db;font-size:18px}.form{background:#fff;color:#111;padding:34px;border-radius:24px;box-shadow:0 35px 90px #4b000755}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-weight:800;font-size:13px;margin-bottom:14px}input,select,textarea{width:100%;padding:13px;margin-top:7px;border:1px solid #dfe0e4;border-radius:9px;font:inherit}.check{display:flex;gap:8px;font-weight:500;color:#666}.check input{width:auto}.form button{width:100%;border:0;background:#d71924;color:#fff;padding:15px;border-radius:10px;font-weight:900;font-size:15px}.ok,.err{padding:12px;border-radius:8px;margin-bottom:15px}.ok{background:#e8f7ed;color:#176a39}.err{background:#fff0f1;color:#971722}footer{background:#07080b;color:#fff;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:35px;align-items:center}.footer-grid p{font-size:12px;color:#838791}.footer-grid>div:last-child{display:flex;justify-content:flex-end;gap:16px}.footer-grid a{color:#fff;text-decoration:none;font-size:12px}.credit{border-top:1px solid #ffffff10;margin-top:30px;padding-top:20px;font-size:11px;color:#656a75}.reveal{opacity:0;transform:translateY(25px);transition:.75s}.reveal.show{opacity:1;transform:none}
@media(max-width:900px){#menu{display:block}.nav nav{display:none;position:absolute;top:75px;left:20px;right:20px;background:#101218;padding:20px;border-radius:15px;flex-direction:column}.nav nav.open{display:flex}.hero-grid,.volunteer-grid{grid-template-columns:1fr}.portrait{max-width:520px;margin:auto}.portrait-card{height:600px}.features,.district-grid{grid-template-columns:repeat(2,1fr)}.news{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{justify-content:flex-start}}@media(max-width:600px){.wrap{width:calc(100% - 28px)}.hero{padding-top:120px}.hero h1{font-size:48px}.portrait-card{height:500px;border-radius:120px 120px 20px 20px}.features,.district-grid,.row{grid-template-columns:1fr}.number-grid strong{font-size:27px}.section{padding:75px 0}.actions{flex-direction:column}.form{padding:22px}}
.hero{background-size:cover;background-position:center;} .portrait-card{border-radius:32px;height:720px}.portrait-card img{object-position:center top;filter:contrast(1.05) saturate(1.05)} .hero-copy{padding-top:20px}
/* 2026 hero revision */
.hero{min-height:100vh;padding:132px 0 72px;background:linear-gradient(112deg,#08090d 0%,#111218 44%,#700813 100%);isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,9,.98) 0%,rgba(5,6,9,.83) 40%,rgba(5,6,9,.15) 72%,rgba(104,3,14,.12) 100%);z-index:-1}
.hero-backdrop{position:absolute;left:-3%;right:34%;bottom:-22px;height:55%;background:url('../img/maras-siluet.svg') left bottom/contain no-repeat;opacity:.92;z-index:-1;filter:drop-shadow(0 -10px 40px rgba(229,31,43,.12))}
.hero-glow{position:absolute;width:620px;height:620px;right:-120px;top:4%;border-radius:50%;background:radial-gradient(circle,rgba(255,59,72,.35),rgba(178,8,23,.08) 45%,transparent 70%);filter:blur(6px);z-index:-1}
.hero-grid{grid-template-columns:1.04fr .96fr;gap:34px;min-height:700px}
.hero-copy{align-self:center;padding:30px 0 120px;max-width:690px}
.kicker{display:flex;align-items:center;gap:12px;color:#ff979e}.kicker span{display:block;width:48px;height:2px;background:#ed2431}
.hero h1{font-size:clamp(58px,6.5vw,96px);max-width:760px;margin:22px 0 24px;text-wrap:balance}
.hero p{max-width:640px;font-size:18px}
.city-sign{margin-top:58px;padding-left:17px;border-left:3px solid var(--red);display:flex;flex-direction:column;gap:5px}.city-sign strong{letter-spacing:.18em;font-size:13px}.city-sign span{font-size:11px;color:#989ca5;letter-spacing:.06em}
.portrait{height:720px;align-self:end;display:flex;align-items:flex-end;justify-content:center;position:relative}
.portrait-frame{height:100%;width:min(100%,610px);overflow:hidden;position:relative;clip-path:polygon(11% 0,100% 0,100% 100%,0 100%,0 11%);filter:drop-shadow(0 45px 75px rgba(0,0,0,.55))}
.portrait-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(7,8,11,.1) 70%,rgba(7,8,11,.72) 100%);pointer-events:none}
.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:contrast(1.04) saturate(1.02)}
.portrait-meta{position:absolute;left:4%;bottom:34px;z-index:2}.portrait-meta small,.portrait-meta strong{display:block}.portrait-meta small{letter-spacing:.2em;color:#ff9ca3;font-size:10px;font-weight:900}.portrait-meta strong{font-size:34px;margin-top:8px;letter-spacing:-.03em}.portrait-line{position:absolute;right:-20px;top:55px;width:190px;height:190px;border-top:1px solid rgba(255,255,255,.28);border-right:1px solid rgba(255,255,255,.28)}
.hero-scroll{position:absolute;left:30px;bottom:32px;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.24em;color:#777b84;transform:rotate(-90deg);transform-origin:left center}.hero-scroll span{width:38px;height:1px;background:#777b84}
@media(max-width:900px){.hero{padding-top:115px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:20px 0 10px}.hero-backdrop{right:0;height:35%;opacity:.42}.portrait{height:640px;max-width:600px;width:100%;margin:0 auto}.city-sign{margin-top:35px}.hero-scroll{display:none}}
@media(max-width:600px){.hero h1{font-size:49px}.hero p{font-size:16px}.portrait{height:530px}.portrait-frame{clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,0 8%)}.portrait-meta strong{font-size:28px}.portrait-line{display:none}.hero-backdrop{height:30%;bottom:0}.city-sign span{line-height:1.5}}