/* РБУ ГАРАНТ — «Живое 3D-фото: ночная Москва» (.nd). Palette/fonts from site.css tokens. */
.nd{--nd-line:rgba(255,255,255,.2);--nd-mute:#9ba4ab;position:relative;margin-top:28px;background:#0b0e10;color:#fff;isolation:isolate}
.nd-scene{position:relative;height:clamp(620px,100vh,1100px);height:clamp(620px,100svh,1100px);min-height:55vw;overflow:hidden;background:#0b0e10}
.nd-poster,.nd-poster img,.nd-gl,.nd-shade{position:absolute;inset:0;width:100%;height:100%;display:block}
.nd-poster img{object-fit:cover;object-position:var(--nd-op,50% 100%);transform:scale(var(--nd-os,1.045));transform-origin:var(--nd-og,50% 45%)}
.nd-gl{opacity:0;transition:opacity .9s ease}
.nd.is-live .nd-gl{opacity:1}
.nd-shade{pointer-events:none;background:linear-gradient(180deg,rgba(8,10,12,.86) 0,rgba(8,10,12,.5) 20%,rgba(8,10,12,0) 40%),linear-gradient(0deg,rgba(8,10,12,.92) 0,rgba(8,10,12,.62) 17%,rgba(8,10,12,0) 40%),linear-gradient(90deg,rgba(8,10,12,.5) 0,rgba(8,10,12,0) 40%)}
/* GOST sheet corner marks */
.nd-mark{position:absolute;width:22px;height:22px;border:0 solid var(--red);pointer-events:none;z-index:2}
.nd-mark.m1{top:18px;left:18px;border-width:2px 0 0 2px}.nd-mark.m2{top:18px;right:18px;border-width:2px 2px 0 0}
.nd-mark.m3{bottom:18px;left:18px;border-width:0 0 2px 2px}.nd-mark.m4{bottom:18px;right:18px;border-width:0 2px 2px 0}
.nd-top{position:absolute;top:0;left:0;right:0;margin-inline:auto;padding-top:clamp(40px,6vh,64px);z-index:3;display:flex;justify-content:space-between;align-items:flex-start;gap:32px}
.nd-kicker{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:700 12px/1.4 var(--font);letter-spacing:.12em;text-transform:uppercase;color:#c6cdd2}
.nd-kicker:before{content:"";width:34px;height:2px;background:var(--red)}
.nd-title{font:500 clamp(40px,4.45vw,72px)/.98 var(--display);letter-spacing:-.005em;margin:0;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.45)}
.nd-title span,.nd-title em{display:block;font-style:normal}
.nd-title em{color:#ff2a31}
.nd-hud{display:flex;align-items:center;gap:8px;flex:none;padding-top:2px}
.nd-tag,.nd-toggle{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:5px 11px;border:1px solid rgba(255,255,255,.34);background:rgba(10,13,15,.55);color:#e6eaed;font:700 11px/1 var(--font);letter-spacing:.1em;text-transform:uppercase}
.nd-toggle{cursor:pointer;min-height:30px}
.nd-toggle i{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px rgba(215,25,32,.25)}
.nd.is-paused .nd-toggle i{background:#8d979e;box-shadow:none}
.nd-toggle:hover{border-color:#fff}
.nd-foot{position:absolute;left:0;right:0;bottom:clamp(36px,5.5vh,56px);margin-inline:auto;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"lead block" "cta block";align-items:end;column-gap:40px}
.nd-lead{grid-area:lead;max-width:34em;margin:0 0 20px;color:#d3d9dd;font-size:16px;line-height:1.6}
.nd-cta{grid-area:cta;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.nd-cta .nd-ghost{color:#fff;border-color:rgba(255,255,255,.5);background:rgba(10,13,15,.35)}
.nd-cta .nd-ghost:hover{background:#fff;color:var(--ink)}
.nd-block{grid-area:block;width:min(660px,52vw);background:rgba(10,13,15,.8);border:1px solid rgba(255,255,255,.3);border-top:3px solid var(--red)}
.nd-cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}
.nd-cell{padding:13px 15px 13px;border-right:1px solid var(--nd-line);min-width:0}
.nd-cell:last-child{border-right:0}
.nd-cell dt{font:700 10.5px/1.3 var(--font);letter-spacing:.09em;text-transform:uppercase;color:var(--nd-mute)}
.nd-cell dd{margin:7px 0 0;font:500 clamp(26px,2.3vw,34px)/1 var(--display);white-space:nowrap}
.nd-cell dd small{font-size:.48em;color:#c8cfd4;margin-left:3px;font-family:var(--font);font-weight:600}
.nd-cell p{margin:7px 0 0;font-size:11.5px;line-height:1.35;color:#97a1a8}
.nd-stamp{display:flex;margin:0;border-top:1px solid var(--nd-line);font:700 10.5px/1.2 var(--font);letter-spacing:.09em;text-transform:uppercase;color:#aab3b9}
.nd-stamp span{padding:9px 15px;border-right:1px solid var(--nd-line)}
.nd-stamp span:nth-child(2){flex:1}
.nd-stamp span:last-child{border-right:0}
.nd-stamp b{color:#fff;font-weight:700}
.nd-note{margin:14px 0 0;font-size:12.5px;line-height:1.5;color:#a3acb2;grid-column:1/-1}
.nd-note:empty{display:none}
/* entrance (only when JS is ready and motion allowed) */
.nd-io .nd-title span,.nd-io .nd-title em{transition:transform .9s cubic-bezier(.2,.7,.1,1),opacity .9s}
.nd-io:not(.is-in) .nd-title span,.nd-io:not(.is-in) .nd-title em{transform:translateY(22px);opacity:0}
.nd-io .nd-title em{transition-delay:.12s}
.nd-io .nd-block{transition:clip-path 1.1s cubic-bezier(.3,.7,.1,1) .25s}
.nd-io:not(.is-in) .nd-block{clip-path:inset(0 0 0 100%)}
@media (max-width:1100px){.nd-block{width:min(560px,56vw)}.nd-cell p{display:none}}
@media (max-width:900px){.nd-foot{grid-template-columns:1fr;grid-template-areas:"block" "lead" "cta"}.nd-block{width:auto}.nd-lead{margin:18px 0 16px}}
@media (max-width:900px),(hover:none) and (max-width:1024px){
  .nd-scene{height:clamp(560px,88svh,780px);min-height:0}
  .nd-shade{background:linear-gradient(180deg,rgba(8,10,12,.88) 0,rgba(8,10,12,.55) 22%,rgba(8,10,12,0) 44%),linear-gradient(0deg,rgba(11,14,16,1) 0,rgba(11,14,16,.6) 12%,rgba(8,10,12,0) 30%)}
  .nd-poster img{object-position:var(--nd-op,40% 50%);transform:scale(var(--nd-os,1.06));transform-origin:var(--nd-og,40% 62%)}
  .nd-foot{position:relative;bottom:auto;margin-top:-64px;padding-bottom:40px;grid-template-columns:1fr;grid-template-areas:"block" "lead" "cta"}
  .nd-block{width:auto}
  .nd-cells{grid-template-columns:1fr 1fr}
  .nd-cell:nth-child(2){border-right:0}
  .nd-cell:nth-child(-n+2){border-bottom:1px solid var(--nd-line)}
  .nd-cell p{display:block}
}
@media (max-width:760px){
  .nd{margin-top:20px}
  .nd-top{flex-direction:column;gap:14px;padding-top:30px}
  .nd-hud{order:-1}
  .nd-kicker{margin-bottom:12px;font-size:11px}
  .nd-title{font-size:clamp(36px,10.4vw,46px);line-height:1}
  .nd-mark{width:16px;height:16px}.nd-mark.m1,.nd-mark.m2{top:12px}.nd-mark.m1,.nd-mark.m3{left:12px}.nd-mark.m2,.nd-mark.m4{right:12px}.nd-mark.m3,.nd-mark.m4{display:none}
  .nd-cell{padding:12px 13px}
  .nd-cell dd{font-size:28px}
  .nd-stamp{flex-wrap:wrap}.nd-stamp span{padding:8px 12px}
  .nd-cta{flex-direction:column;align-items:stretch}
  .nd-lead{font-size:15px}
}
/* the band as the very first screen (variant) */
.nd--first{margin-top:0}
.nd--first .nd-scene{height:clamp(600px,calc(100svh - 170px),900px)}
@media (max-width:760px){.nd--first .nd-scene{height:clamp(520px,calc(100svh - 120px),720px)}}
@media (prefers-reduced-motion:reduce){.nd-gl{display:none}}