/* Karak Cruiser — original full logo, with transparent surroundings.
   Scoped overrides only: the rest of the UK site and its animations are unchanged. */
:root { --header-height:176px; }
html { scroll-padding-top:calc(var(--header-height) + 14px); }
.site-header .header-inner { height:var(--header-height); }
.site-header .brand {
  flex:0 0 auto;
  align-self:stretch;
  min-width:166px;
  max-width:none;
  padding:8px 0;
  overflow:visible;
  background:transparent;
}
.site-header .nav-logo {
  display:block;
  width:auto;
  height:168px;
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:center;
  transform:none;
  clip-path:none;
  background:transparent;
  filter:none;
}
.site-footer .footer-brand {
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  padding:0;
  min-height:210px;
  overflow:visible;
}
.site-footer .footer-brand img {
  display:block;
  width:100%;
  height:auto;
  max-width:230px;
  max-height:none;
  object-fit:contain;
  object-position:center;
  background:transparent;
  mix-blend-mode:normal;
  filter:none;
}
.mobile-menu-foot img {
  width:auto;
  height:168px;
  max-width:100%;
  object-fit:contain;
  background:transparent;
  filter:none;
}
@media (max-width:960px) and (min-width:761px) {
  .site-header .desktop-nav { gap:18px; padding-inline:6px; }
  .site-header .header-actions { gap:10px; }
  .site-header .motion-toggle { min-width:42px; justify-content:center; }
  .site-header .motion-toggle>span { display:none; }
}
@media (max-width:760px) {
  :root { --header-height:156px; }
  .site-header .brand { min-width:146px; }
  .site-header .header-inner { gap:12px; }
  .site-header .nav-logo { height:140px; }
  .site-footer .footer-brand { min-height:200px; }
}
@media (max-width:440px) {
  :root { --header-height:148px; }
  .site-header .nav-logo { height:132px; }
  .site-header .motion-toggle { min-width:44px; width:44px; padding:8px; justify-content:center; }
  .site-header .motion-toggle>span { display:none; }
  .site-header .header-actions { gap:10px; }
}
@media (max-width:420px) {
  .site-footer .footer-brand { width:208px; justify-self:center; }
}