/* Final staging polish: page-title scale, linked-image sheen, floating controls. */

/* Keep the homepage's art-directed hero type intact while standardizing page titles. */
@media (min-width: 850px) {
  body:not(.home) #main h1,
  body:not(.home) main h1 {
    font-size: 56px !important;
    line-height: 1.04 !important;
  }
}

@media (max-width: 849px) {
  body:not(.home) #main h1,
  body:not(.home) main h1 {
    font-size: clamp(40px, 12vw, 48px) !important;
    line-height: 1.04 !important;
  }
}

/* Apply a restrained sheen only to images that navigate to another page. */
.cc-linked-image-sheen {
  position: relative;
  display: block;
  overflow: hidden;
  isolation: isolate;
}

.cc-linked-image-sheen > img,
.cc-linked-image-sheen > picture,
.cc-linked-image-sheen > picture > img {
  display: block;
  width: 100%;
}

.cc-linked-image-sheen::after {
  position: absolute;
  inset: -35% auto -35% -65%;
  z-index: 2;
  width: 42%;
  content: "";
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(
    105deg,
    transparent 0%,
    rgba(255, 255, 255, 0.04) 28%,
    rgba(255, 255, 255, 0.52) 50%,
    rgba(211, 177, 128, 0.2) 64%,
    transparent 100%
  );
  transform: translate3d(-180%, 0, 0) skewX(-16deg);
  transition: transform 720ms cubic-bezier(0.2, 0.72, 0.2, 1), opacity 180ms ease;
}

a.cc-has-linked-image-sheen:hover .cc-linked-image-sheen::after,
a.cc-has-linked-image-sheen:focus-visible .cc-linked-image-sheen::after,
a.cc-has-linked-image-sheen:focus-within .cc-linked-image-sheen::after {
  opacity: 1;
  transform: translate3d(560%, 0, 0) skewX(-16deg);
}

/* Keep the CookieYes and accessibility launchers level and equally sized. */
@media (min-width: 850px) {
  :root {
    --cc-floating-launcher-size: 76px;
    --cc-floating-launcher-bottom: 60px;
  }

  .cky-btn-revisit-wrapper,
  #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle,
  #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle > a,
  #userwayAccessibilityIcon,
  .uwy .uai,
  .uwy.userway_p1 .uai,
  .accessibility-widget .accessibility-toggle,
  #accessibility-widget .accessibility-toggle,
  #wp_access_helper_container .aicon_link,
  .wahout,
  .a11y-toolbar .a11y-toolbar-toggle,
  .cc-accessibility-toggle,
  .cc-a11y-toggle,
  [data-cc-a11y-toggle] {
    width: var(--cc-floating-launcher-size) !important;
    height: var(--cc-floating-launcher-size) !important;
    min-width: var(--cc-floating-launcher-size) !important;
    min-height: var(--cc-floating-launcher-size) !important;
    box-sizing: border-box !important;
  }

  .cky-btn-revisit-wrapper,
  #pojo-a11y-toolbar,
  #userwayAccessibilityIcon,
  .uwy,
  .accessibility-widget,
  #accessibility-widget,
  #wp_access_helper_container,
  .a11y-toolbar,
  .cc-accessibility-widget {
    top: auto !important;
    bottom: var(--cc-floating-launcher-bottom) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc-linked-image-sheen::after {
    display: none;
    transition: none;
  }
}

