/* CEYLANA header logo - original transparent artwork */
.header-1.header-3 {
  --cl-w: 148px;
}
.header-1.header-3.sticky { --cl-w: 124px; }

.header-1.header-3 .header-main { align-items: center; }
.header-1.header-3 .logo {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 10px 0;
}
.header-1.header-3 .logo a.header-logo,
.header-1.header-3 .logo a.header-logo-2 {
  position: relative;
  display: block;
  width: var(--cl-w);
  height: calc(var(--cl-w) * .79);
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transition: transform .3s cubic-bezier(.2, .7, .2, 1), width .3s ease, height .3s ease;
}
.header-1.header-3 .logo a.header-logo img,
.header-1.header-3 .logo a.header-logo-2 img {
  display: block;
  /* the artwork has transparent margins; scale + offset crops them away */
  width: calc(var(--cl-w) * 1.3) !important;
  height: auto !important;
  max-width: none !important;
  margin-top: calc(var(--cl-w) * -.095);
  margin-left: calc(var(--cl-w) * -.15);
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain;
}
.header-1.header-3 .logo a.header-logo:hover,
.header-1.header-3 .logo a.header-logo-2:hover {
  transform: translateY(-2px) scale(1.04);
}
.header-1.header-3 .logo a:focus-visible {
  outline: 3px solid #f4ba56;
  outline-offset: 3px;
}

/* show only one logo link at a time */
.header-1.header-3:not(.cu-site-header):not(.sticky) .logo a.header-logo,
.header-1.header-3:not(.cu-site-header).sticky .logo a.header-logo-2,
.header-1.header-3.cu-site-header .logo a.header-logo-2 { display: none; }

/* mobile off-canvas logo */
.offcanvas__logo a img {
  width: auto;
  height: 96px;
  max-width: 240px;
  object-fit: contain;
}

@media (max-width: 1399px) {
  .header-1.header-3 { --cl-w: 132px; }
  .header-1.header-3.sticky { --cl-w: 116px; }
}
@media (max-width: 1199px) {
  .header-1.header-3 { --cl-w: 120px; }
  .header-1.header-3.sticky { --cl-w: 108px; }
}
@media (max-width: 767px) {
  .header-1.header-3 { --cl-w: 104px; }
  .header-1.header-3.sticky { --cl-w: 94px; }
  .header-1.header-3 .logo { padding: 8px 0; }
  .offcanvas__logo a img { height: 80px; }
}
@media (max-width: 380px) {
  .header-1.header-3 { --cl-w: 92px; }
  .header-1.header-3.sticky { --cl-w: 86px; }
}
@media (prefers-reduced-motion: reduce) {
  .header-1.header-3 .logo a { transition: none; }
}