.closing { background: #04bacb; }
.closing__background { opacity: 1; }
.closing__background img { animation: sky-drift 22s ease-in-out infinite alternate; }
.closing__portrait { position: absolute; z-index: -1; right: -11vw; top: 23dvh; width: min(108dvh, 90vw); aspect-ratio: 1; pointer-events: none; transform: translateY(calc(var(--closing-entry) * 16dvh)); }
.closing__portrait img { width: 100%; height: 100%; object-fit: contain; display: block; animation: portrait-float 8s ease-in-out infinite; }
.closing__brand { filter: brightness(0) invert(1); opacity: 1; }
.closing__top { color: #fff; }
.closing__top span { border-color: #ffffff70; }
.closing__body { width: min(68vw, 800px); padding: 25px; background: #fff9eeed; border: 1px solid #fff9; border-radius: 15px; gap: 23px; justify-content: center; align-self: center; }
.closing__booking, .closing__resources { gap: 28px; grid-template-columns: 1.2fr 1fr; }
.closing__title { font-size: clamp(31px, 3.2vw, 46px); }
.closing__title span { color: #007d80; }
.closing__eyebrow { color: #007d80; margin-bottom: 12px; }
.closing__intro { font-size: 12px; margin-top: 12px; }
.closing__action { max-width: 290px; }
.closing__hire { background: #006d72; border-color: #006d72; min-height: 50px; font-size: 14px; }
.closing__hire:hover { background: #00595e; }
.closing__contacts { margin-top: 14px; }
.closing__contacts a:first-child { font-size: 14px; }
.closing__contacts a { font-size: 11px; }
.closing__resources { padding-top: 18px; }
.closing__links { padding-left: 0; }
.closing__socials { gap: 5px 10px; }
.closing__socials a { font-size: 11px; gap: 8px; }
.closing__legal { border: 0; padding: 10px 12px; border-radius: 8px; background: #004e5b80; }
.closing__legal p, .closing__legal a { color: #fff; }
.closing__legal a { border-color: #ffffff80; }
.closing .closing__motion { background: #005b6480; }
.motion-paused .closing *, .closing:not(.is-current) * { animation-play-state: paused; }
body[data-active-section="2"] .section-nav span { background: #f49b28; }
body[data-active-section="3"] .section-nav span { background: #008f91; }
body[data-active-section="4"] .section-nav span { background: #efb77f; }
body[data-active-section="5"] .section-nav span { background: #006b69; }
body[data-active-section="6"] .section-nav span { background: #fff; }
@media (max-width: 1000px) and (orientation: portrait) {
  .closing__body { width: 100%; padding: 0; background: none; border: 0; border-radius: 0; gap: 20px; }
  .closing__portrait { top: max(58px, 12dvh); right: -33vw; width: min(120vw, 65dvh); }
  .closing__booking { width: 60%; max-width: 235px; padding: 15px 12px; border: 1px solid #fff9; border-radius: 12px; background: #fff9eef2; }
  .closing__eyebrow, .closing__intro { display: none; }
  .closing__title { font-size: clamp(24px, 6.8vw, 31px); line-height: 1.14; }
  .closing__action { margin-top: 15px; }
  .closing__hire { min-height: 46px; font-size: 12px; gap: 8px; padding: 9px 12px; }
  .closing__hire span { font-size: 21px; }
  .closing__contacts { margin-top: 12px; gap: 4px; }
  .closing__contacts a:first-child { font-size: 12px; }
  .closing__contacts a { max-width: 100%; font-size: 10.5px; overflow-wrap: anywhere; }
  .closing__resources { padding: 17px; gap: 19px; border: 1px solid #fff9; border-radius: 12px; background: #fff9eef5; }
  .kit-download { min-height: 102px; padding: 10px; }
  .kit-download__preview { width: 36px; height: 36px; margin-bottom: 8px; }
  .closing__legal { background: #005b645e; border: 0; border-radius: 7px; padding: 8px 10px; }
}
@media (max-width: 1000px) and (orientation: portrait) and (max-height: 700px) {
  .closing__body { gap: 15px; }
  .closing__portrait { right: -31vw; width: 115vw; top: 62px; }
  .closing__booking { padding: 12px 10px; }
  .closing__title { font-size: 24px; }
  .closing__contacts a { font-size: 10.5px; }
  .closing__resources { padding: 13px 14px; gap: 13px; }
  .kit-download { min-height: 62px; padding: 10px; }
  .kit-download__preview { display: none; }
  .kit-download__label strong { font-size: 12px; }
  .kit-download__label small { font-size: 10px; }
}
@media (orientation: landscape) and (max-height: 620px) {
  .closing__body { width: min(72vw, 950px); padding: 14px 18px; gap: 13px; }
  .closing__booking, .closing__resources { gap: 20px; }
  .closing__title { font-size: 26px; }
  .closing__eyebrow { display: none; }
  .closing__hire { min-height: 44px; font-size: 12px; padding: 8px 12px; }
  .closing__contacts { margin-top: 8px; gap: 2px; }
  .closing__contacts a:first-child { font-size: 11px; }
  .closing__contacts a { font-size: 9px; }
  .closing__resources { padding-top: 12px; }
  .closing__socials a { font-size: 10px; }
  .closing__portrait { width: 95dvh; right: -8vw; top: 22dvh; }
}