.header .logo{
  justify-self:start;
  position:relative;
  display:block;
  width:130px!important;
  max-width:130px;
  line-height:0;
}
.header .logo img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  transition:opacity .55s var(--ease),visibility .55s var(--ease);
}
.header .logo-light{opacity:1;visibility:visible}
.header .logo-dark{position:absolute;inset:0;opacity:0;visibility:hidden}
.header.scrolled .logo-light{opacity:0;visibility:hidden}
.header.scrolled .logo-dark{opacity:1;visibility:visible}
@media(max-width:760px){.header .logo{width:118px!important;max-width:118px}
}
.setoda-reservation{
  background:#eee9dd!important;
}

.skip-link{position:fixed;z-index:1000;left:16px;top:12px;padding:10px 14px;background:#fffdf8;color:#482d12;border:1px solid rgba(72,45,18,.28);transform:translateY(-160%);transition:transform .2s ease}
.skip-link:focus{transform:translateY(0)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.news,.setoda-intro,.feature-section,.stay-support,.setoda-about,.gallery,.setoda-reservation{content-visibility:auto;contain-intrinsic-size:900px}


.news-more:hover,.news-more:focus-visible,
.setoda-text-link:hover,.setoda-text-link:focus-visible{color:var(--lemon)!important}
.international-header-link .nav-icon svg{stroke-width:1.35}


.header-link{
  position:relative;
  isolation:isolate;
  transition:transform .72s var(--ease),opacity .72s var(--ease),color .72s var(--ease);
}
.header-link::after{
  content:"";
  position:absolute;
  left:9px;
  right:9px;
  bottom:5px;
  height:1px;
  background:currentColor;
  opacity:.72;
  transform:scaleX(0);
  transform-origin:right center;
  transition:transform .82s var(--ease),opacity .72s var(--ease);
  pointer-events:none;
}
.header-link > span:last-child{
  display:inline-block;
  transition:transform .72s var(--ease),opacity .72s var(--ease);
}
.header-link .nav-icon{
  transition:transform .72s var(--ease),opacity .72s var(--ease);
}
@media(hover:hover){.header-link:hover,
  .header-link:focus-visible{transform:translateY(-1px)}
.header-link:hover::after,
  .header-link:focus-visible::after{transform:scaleX(1);transform-origin:left center;opacity:1}
.header-link:hover > span:last-child,
  .header-link:focus-visible > span:last-child{transform:translateX(2px)}
.header-link:hover .nav-icon,
  .header-link:focus-visible .nav-icon{transform:translateY(-1px) scale(1.035)}
.menu-panel nav > a .menu-label,
  .menu-utility-links a > span{
    display:inline-block;
    transition:transform .78s var(--ease),color .78s var(--ease),opacity .78s var(--ease);
  }
.menu-panel nav > a i,
  .menu-utility-links a small{
    transition:transform .78s var(--ease),color .78s var(--ease),opacity .78s var(--ease);
  }
.menu-panel nav > a:hover .menu-label,
  .menu-panel nav > a:focus-visible .menu-label,
  .menu-utility-links a:hover > span,
  .menu-utility-links a:focus-visible > span{transform:translateX(6px);color:var(--lemon)}
.menu-panel nav > a:hover i,
  .menu-panel nav > a:focus-visible i{transform:translateX(5px)}
.menu-utility-links a:hover small,
  .menu-utility-links a:focus-visible small{transform:translateX(3px);opacity:1}
}
@media(prefers-reduced-motion:reduce){.header-link,
  .header-link::after,
  .header-link > span:last-child,
  .header-link .nav-icon,
  .menu-panel nav > a .menu-label,
  .menu-panel nav > a i,
  .menu-utility-links a > span,
  .menu-utility-links a small{transition:none!important}
}