.ot-header .ot-container{width:min(1280px,calc(100% - 48px));gap:28px}
.ot-brand{flex:0 0 190px;white-space:nowrap;line-height:1.35}
.ot-nav{flex:1 1 auto;min-width:0}
.ot-nav ul{justify-content:flex-end;flex-wrap:nowrap;gap:clamp(11px,1.15vw,20px)}
.ot-nav li{flex:0 0 auto}
.ot-nav a{display:block;white-space:nowrap;font-size:12px;letter-spacing:0}
.ot-mobile-nav{display:none;position:relative;flex:0 0 auto}
@media(max-width:1120px){
  .ot-header .ot-container{width:min(100% - 38px,1040px)}
  .ot-nav{display:none}
  .ot-mobile-nav{display:block}
  .ot-mobile-nav summary{list-style:none;cursor:pointer;border:1px solid rgba(255,255,255,.65);color:#fff;font-size:12px;letter-spacing:.14em}
  .ot-mobile-nav summary::-webkit-details-marker{display:none}
  .ot-mobile-nav nav{position:absolute;top:58px;right:0;width:min(340px,calc(100vw - 38px));padding:14px 22px 18px;background:#6b7863;border:1px solid rgba(255,255,255,.28);box-shadow:0 18px 40px rgba(30,40,31,.25)}
  .ot-mobile-nav ul{margin:0;padding:0;list-style:none}
  .ot-mobile-nav li+li{border-top:1px solid rgba(255,255,255,.18)}
  .ot-mobile-nav a{color:#fff;white-space:normal}
}
@media(max-width:520px){
  .ot-header .ot-container{width:calc(100% - 28px);gap:12px}
  .ot-brand{flex-basis:auto;font-size:18px;letter-spacing:.08em}
  .ot-brand small{font-size:8px;letter-spacing:.17em}
}