/* Первый экран по макету куратора 27.10.2026: тёмный фон, золотая иллюстрация, живой отсчёт до 02.11 23:59 МСК. */
.nav-dark{color:#f3efe6;z-index:30}
.nav-dark .brand-logo{display:block;line-height:0;margin-right:auto}
.nav-dark .brand-logo img{height:56px;width:auto}
.nav-dark>a:not(.brand),.nav-drop>a{font-size:15px;color:#f3efe6;text-decoration:none;padding:12px 0}
.nav-dark>a:not(.brand):hover,.nav-drop>a:hover{color:#ecd197}
.nav-drop{position:relative}
.nav-drop>a{display:inline-flex;align-items:center;gap:8px}
.nav-menu{position:absolute;top:100%;left:-18px;min-width:240px;padding:10px 0;background:#061325f2;border:1px solid #b38d4e66;border-radius:8px;box-shadow:0 18px 40px #0007;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s}
.nav-drop:hover .nav-menu,.nav-drop:focus-within .nav-menu{opacity:1;visibility:visible;transform:none}
.nav-menu a{display:block;padding:12px 18px;color:#f3efe6;text-decoration:none;font-size:14px}
.nav-menu a:hover{color:#ecd197;background:#ffffff0a}
.nav-dark .mini{background:transparent;border:1.5px solid #c9a35c;color:#ecd197;font:500 15px Inter;padding:15px 30px;border-radius:32px;min-height:52px}
.nav-dark .mini:hover{background:#c9a35c1f}

.hero.hero-dark{background:#000e1c;color:#f3efe6;min-height:max(860px,100vh);padding:125px 5% 50px;display:flex;align-items:center}
.hero-dark .hero-art{position:absolute;top:0;right:0;bottom:0;width:57%;z-index:-1}
.hero-dark .hero-art img{width:100%;height:100%;object-fit:cover;object-position:left center;display:block;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%),linear-gradient(180deg,transparent 0,#000 14%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 22%),linear-gradient(180deg,transparent 0,#000 14%);mask-composite:intersect}
.hero-dark .hero-copy{max-width:640px;position:relative}
.hero-dark .hero-event{font:400 15px/1.6 Inter;letter-spacing:.26em;text-transform:uppercase;color:#e9e5dc;margin:0 0 6px}
.hero-dark .hero-dates{font:400 clamp(24px,2.4vw,36px)/1.2 Inter;letter-spacing:.13em;text-transform:uppercase;color:#ecd197;margin:0 0 22px}
.hero-dark h1{font:normal clamp(92px,9vw,150px)/.8 Editorial;letter-spacing:-.02em;color:#fbf6ea;margin:0 0 16px -6px;-webkit-text-stroke:2px #fbf6ea;text-shadow:0 4px 30px #0008}
.hero-dark .hero-subtitle{font:normal clamp(48px,4.5vw,72px)/.92 Editorial;letter-spacing:-.01em;margin:0 0 26px;-webkit-text-stroke:1px #e6c88b;
  background:linear-gradient(180deg,#f7e2b3 0%,#e2bf7e 55%,#c89a52 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-dark .hero-offer{font-size:19px;line-height:1.55;letter-spacing:.02em;color:#ece8df;max-width:620px;margin:0 0 30px}
.hero-dark .hero-offer mark{background:linear-gradient(180deg,#f0d394,#d7b06b);color:#121212;font-weight:500;padding:1px 9px;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero-dark .hero-offer b{font-weight:500;color:#ecd197}
.btn.btn-gold{min-width:0;width:min(100%,520px);min-height:66px;justify-content:center;gap:22px;border-radius:40px;border:1px solid #f6e0a8;color:#16110a;font:normal 31px/1 Editorial;letter-spacing:-.01em;
  background:linear-gradient(90deg,#b5843a 0%,#e9c983 30%,#f7e3b2 52%,#d9b06a 78%,#a87a35 100%);box-shadow:0 10px 30px #c79a4c33,inset 0 1px 0 #fff6}
.btn.btn-gold span{font:28px Inter;line-height:1}
.hero-dark .countdown{margin-top:26px}
.hero-dark .countdown p{font-size:16px;letter-spacing:.02em;color:#d9d5cc;margin:0 0 14px;max-width:none}
.hero-dark .countdown>div{display:flex;align-items:center;gap:12px;background:none;padding:0;width:auto}
.hero-dark .countdown span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:118px;height:82px;border:1px solid #b38d4e99;border-radius:8px;background:#06142699;
  font:11px Inter;letter-spacing:.14em;text-transform:uppercase;color:#d9d5cc}
.hero-dark .countdown b{font:normal 46px/1 Editorial;color:#f8f0dc;margin:0 0 6px;font-variant-numeric:tabular-nums}
.hero-dark .countdown i{font:normal 28px Editorial;color:#ecd197;margin:0}
.hero-dark .countdown-end{color:#ecd197;font-size:15px}

@media(max-width:1100px) and (min-width:701px){
  .nav-dark{gap:22px}.nav-dark .brand-logo img{height:44px}.nav-dark>a:not(.brand),.nav-drop>a{font-size:13px}.nav-dark .mini{font-size:13px;padding:12px 18px}
  .hero.hero-dark{padding-top:140px;min-height:880px}
  .hero-dark .hero-art{width:62%;opacity:.75}
  .hero-dark .hero-copy{max-width:60%}
  .hero-dark h1{font-size:104px}
  .hero-dark .hero-offer{font-size:16px}
  .btn.btn-gold{font-size:26px}
  .hero-dark .countdown span{width:92px;height:72px}.hero-dark .countdown b{font-size:38px}
}
@media(max-width:700px){
  .nav-dark{height:76px;gap:12px}
  .nav-dark .brand-logo img{height:38px}
  .nav-dark .nav-drop,.nav-dark>a:not(.brand){display:none}
  .nav-dark .mini{font-size:11px;padding:10px 14px;min-height:44px}
  .hero.hero-dark{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:104px 7% 0}
  .hero-dark .hero-art{order:2}
  .hero-dark .hero-copy{max-width:none}
  .hero-dark .hero-event{font-size:12px;letter-spacing:.22em;margin-bottom:10px}
  .hero-dark .hero-dates{font-size:clamp(17px,5.2vw,24px);letter-spacing:.1em;margin-bottom:18px}
  .hero-dark h1{font-size:clamp(76px,24.5vw,118px);letter-spacing:-.03em;margin:0 0 12px -4px;-webkit-text-stroke:1.5px #fbf6ea}
  .hero-dark .hero-subtitle{font-size:clamp(36px,10.6vw,54px);margin-bottom:20px}
  .hero-dark .hero-offer{font-size:16px;margin-bottom:24px;max-width:none}
  .btn.btn-gold{width:100%;font-size:clamp(22px,6.6vw,29px);min-height:60px}
  .hero-dark .countdown{margin-top:26px}
  .hero-dark .countdown p{font-size:13px;max-width:none;color:#d9d5cc}
  .hero-dark .countdown>div{gap:5px;width:100%;background:none;padding:0}
  .hero-dark .countdown span{flex:1;width:auto;height:68px;font-size:9px;letter-spacing:.08em}
  .hero-dark .countdown b{font-size:32px}
  .hero-dark .countdown i{font-size:20px}
  .hero-dark .hero-art{position:relative;display:block;width:auto;margin:10px -7.6% 0;z-index:0}
  .hero-dark .hero-art img{height:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 88%,transparent);-webkit-mask-composite:source-over;mask-composite:add}
}
@media(prefers-reduced-motion:reduce){.nav-menu{transition:none}}
/* Стандартный подвал сайтов АНО (как на /zolotaya-piramida/), 27.10.2026. */
.foot-ano{background:linear-gradient(180deg,#F8F6F1,#F6EBD2);border-top:1px solid #d9d4c7;padding:56px 5% 40px;color:#5a667d}
.foot-ano .foot{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:30px;max-width:1280px;margin:0 auto}
.foot-ano .foot-brand img{width:200px;height:auto;display:block}
.foot-ano .foot-brand p{margin:12px 0 0;font:700 17px/1.3 Inter,sans-serif;color:#102552}
.foot-ano .foot-legal{display:flex;flex-direction:column;gap:6px;text-align:right;align-items:flex-end;font:14px/1.5 Inter,sans-serif}
.foot-ano .foot-legal a{color:#102552;text-decoration:none}
.foot-ano .foot-legal a:hover,.foot-ano .foot-legal a:focus-visible{text-decoration:underline}
.foot-ano .foot-legal .org{color:#102552;font-weight:700}
.foot-ano small{font-size:12px;margin-top:6px}
@media(max-width:700px){.foot-ano{padding:44px 6% 36px}.foot-ano .foot-legal{text-align:left;align-items:flex-start}.foot-ano .foot-legal a{display:inline-block;min-height:28px}}