/* Original six-chapter design, with genuinely black surfaces. */
:root{--black:#000;--black-2:#000;--black-3:#030303;--line:rgba(224,184,113,.25)}
html,body,.preloader{background:#000}
.site-header,.site-header.is-scrolled,.mobile-menu{background:rgba(0,0,0,.96)}
.hero,.intro,.services,.urgent,.approach,.contact{background:#000}
.hero__texture{display:none}
.hero::after{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.95) 36%,rgba(0,0,0,.55) 70%,rgba(0,0,0,.24) 100%)}
.hero__image img{filter:none}
.services::before{display:none}
.urgent__visual{background:#000}
.urgent__visual::after{background:linear-gradient(90deg,transparent 56%,#000 100%)}
.urgent__content{background:#000}
.approach{background:#000}
.contact__glow{display:none}
.footer{background:#000}
@media(max-width:650px){
  .hero::after{background:linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.2) 28%,rgba(0,0,0,.82) 59%,#000 100%)}
  .urgent__visual::after{background:linear-gradient(0deg,#000,transparent 35%)}
}

/* Keep the entire national emblem inside the first viewport. */
.hero__image{
  width:min(40vw,680px);
  height:min(72svh,680px);
  top:53%;right:3vw;left:auto;
  transform:translateY(-50%);
  animation:hero-mark-contained 1.35s .25s cubic-bezier(.2,.8,.2,1) both;
}
.hero__image img{display:block;width:100%;height:100%;object-fit:contain}
.hero h1{max-width:min(53vw,780px);font-size:clamp(4rem,6vw,6rem)}
@keyframes hero-mark-contained{
  from{opacity:0;transform:translateY(-46%) scale(.94)}
  to{opacity:.76;transform:translateY(-50%) scale(1)}
}
@media(max-width:900px){
  .hero__image{width:min(46vw,500px);height:min(65svh,500px);top:50%}
  .hero h1{max-width:56vw;font-size:clamp(3.5rem,7vw,5rem)}
}
@media(max-width:650px){
  .hero__image{
    width:min(78vw,340px);height:min(36svh,340px);
    top:30svh;left:50%;right:auto;
    transform:translate(-50%,-50%);
    animation:hero-mark-contained-mobile 1.35s .25s cubic-bezier(.2,.8,.2,1) both;
  }
  .hero h1{max-width:none;font-size:clamp(2.65rem,10.65vw,4rem)}
  @keyframes hero-mark-contained-mobile{
    from{opacity:0;transform:translate(-50%,-46%) scale(.94)}
    to{opacity:.8;transform:translate(-50%,-50%) scale(1)}
  }
}
@media(max-width:390px){.hero h1{font-size:clamp(2.4rem,10.45vw,2.8rem)}}

@media(max-width:650px) and (max-height:700px){.hero__image{height:30svh;top:27svh}}