.coti-home .hero2 .h2bg img.hero-slide.hero-desert-default{object-position:50% 50%}
.coti-home .regions-offices-link a{
 display:inline-flex;
 align-items:center;
 min-height:44px;
 color:#fff;
 font-weight:600;
 text-decoration:underline;
 text-underline-offset:4px;
}
.coti-home .regions-offices-link a:hover{color:#fff;text-decoration-thickness:2px}
.coti-home .regions-offices-link a:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:1080px){
 /* Keep a stable horizontal frame throughout the carousel instead of a tall crop.
    The navigation and controls have their own reserved space, outside the photo. */
 .coti-home .hero2 .h2bg{
  height:calc(var(--coti-header-height) + clamp(220px,62.5vw,480px) + 64px);
  min-height:0;
  background:#10233e;
 }
 .coti-home .hero2 .h2bg img.hero-slide{
  inset:var(--coti-header-height) 0 64px;
  height:calc(100% - var(--coti-header-height) - 64px);
  object-fit:cover;
  object-position:50% 50%;
 }
 .coti-home .hero2 .h2bg img.hero-slide.hero-desert-default{object-position:55% 50%}
 .coti-home .hero2 .h2bg img.hero-slide:first-child{object-position:55% 50%}
 .coti-home .hero2 .hero-controls{bottom:5px;background:transparent;border-color:rgba(255,255,255,.24)}
 .coti-home .hero2 .ca-seal{top:calc(var(--coti-header-height) + 12px);width:48px}
 .coti-home .hero2:has(.hero-desert-default.active) .ca-seal{left:12px;right:auto}
}
@media(max-width:600px){
 .coti-home .hero2 .h2bg{height:calc(var(--coti-header-height) + clamp(220px,75vw,420px) + 64px)}
}