/* Homepage closing invitation: blue-hour logistics scene, live text and controls. */
.contact-section{
  --contact-shade-direction:90deg;
  display:grid;
  align-items:center;
  min-height:clamp(390px,24vw,490px);
  padding-block:80px;
  border:0;
  color:#fff;
  text-align:start;
  background-color:#0c2032;
  background-image:linear-gradient(var(--contact-shade-direction),rgba(5,19,33,.88) 0%,rgba(5,19,33,.65) 43%,rgba(5,19,33,.48) 100%),linear-gradient(0deg,rgba(5,15,25,.3),transparent 65%),url("assets/home-contact-port.webp");
  background-size:cover;
  background-position:center 60%;
  background-repeat:no-repeat;
}
.contact-section .contact-grid{grid-template-columns:1.35fr 1fr;gap:clamp(40px,6vw,110px)}
.contact-section .contact-grid [data-i18n="ctaLabel"]{display:flex;align-items:center;gap:16px;color:#ff8065;font-size:14px;font-weight:500;line-height:1.6;letter-spacing:.04em;margin:0 0 22px}
.contact-section [data-i18n="ctaLabel"]::after{content:"";width:42px;height:1px;background:currentColor;flex:none}
.contact-section .contact-grid h2{color:#fff;font-size:clamp(36px,3.1vw,60px);line-height:1.35;letter-spacing:0;font-weight:500;text-shadow:0 2px 18px #06121e44}
.contact-section .contact-grid>div:last-child>p{color:#f2f5f8;font-size:17px;line-height:1.9;max-width:38ch;text-shadow:0 1px 10px #06121eaa}
.contact-section .contact-grid .button{background:var(--red,#dc2d1b);color:#fff;min-height:52px;font-size:15px;padding-inline:27px;margin-top:28px;border:1px solid transparent;transition:background .18s,border-color .18s}
.contact-section .contact-grid .button:hover{background:#bc2415;color:#fff}
.contact-section .contact-grid .button:focus-visible{outline:2px solid #fff;outline-offset:5px}
html[dir="rtl"] .contact-section{--contact-shade-direction:270deg}
@media(max-width:1100px){
  .contact-section{min-height:380px;padding-block:64px}
  .contact-section .contact-grid{gap:35px}
  .contact-section .contact-grid h2{font-size:36px}
  .contact-section .contact-grid>div:last-child>p{font-size:15px}
}
@media(max-width:740px){
  .contact-section{min-height:430px;padding-block:58px;background-position:68% center;background-image:linear-gradient(90deg,rgba(5,19,33,.87),rgba(5,19,33,.7)),url("assets/home-contact-port.webp")}
  .contact-section .contact-grid{display:block}
  .contact-section .contact-grid [data-i18n="ctaLabel"]{font-size:12px;margin-bottom:18px}
  .contact-section .contact-grid h2{font-size:32px;line-height:1.4}
  .contact-section .contact-grid>div:last-child>p{font-size:14px;max-width:34ch;margin-top:24px}
  .contact-section .contact-grid .button{min-height:48px;font-size:14px;margin-top:24px;padding-inline:22px}
}