/* A single white wordmark and lighter shopping actions. */
.brand-image { filter:brightness(0) invert(1); }
#site-header .nav-buy,
.glass-hero .hero-actions .button {
  background:transparent;
  color:var(--accent);
  box-shadow:none;
  transition:border-color .2s, box-shadow .2s;
}
#site-header .nav-buy { border-color:transparent; }
.glass-hero .hero-actions .button { border-color:#eaaa0059; }
#site-header .nav-buy .button-divider,
.glass-hero .hero-actions .button-divider { background:#eaaa0073; }
#site-header .nav-buy:hover,
#site-header .nav-buy:focus-visible,
.glass-hero .hero-actions .button:hover,
.glass-hero .hero-actions .button:focus-visible {
  color:var(--accent);
  background:transparent;
  border-color:var(--accent);
  box-shadow:0 4px 20px #eaaa001a;
}
#site-header .nav-buy > span:last-child,
.glass-hero .hero-actions .button > span:last-child,
.glass-hero .hero-actions .text-link > span { display:inline-block; transition:transform .2s; }
#site-header .nav-buy:hover > span:last-child,
#site-header .nav-buy:focus-visible > span:last-child,
.glass-hero .hero-actions .button:hover > span:last-child,
.glass-hero .hero-actions .button:focus-visible > span:last-child { transform:translate(3px,-3px); }
.glass-hero .hero-actions .text-link:hover > span,
.glass-hero .hero-actions .text-link:focus-visible > span { transform:translateY(3px); }

@media (min-width:601px) {
  .glass-hero .hero-copy { padding-top:36px; }
  .glass-hero .hero-actions { margin-top:calc(clamp(96px,9vw,140px) + 28px); align-items:center; }
}

/* Coordinates are mapped to the photograph, keeping the mark on its glass at every crop. */
.hero-screen-mark,
.hero-screen-label,
.hero-screen-divider {
  position:absolute;
  z-index:-3;
  pointer-events:none;
  visibility:hidden;
}
.hero-screen-mark {
  aspect-ratio:1032 / 1452;
  overflow:hidden;
  transform:translate(-50%,-50%) rotate(7deg) skewX(-6deg);
  opacity:.72;
  mix-blend-mode:screen;
}
.hero-screen-mark img {
  position:absolute;
  width:167.44%;
  max-width:none;
  height:auto;
  left:-33.7209%;
  top:-9.5041%;
  /* Use the supplied linework; screen blending removes its dark field.
     Cropping excludes the coordinates, and this notch excludes the separate trademark. */
  clip-path:polygon(0 0,100% 0,100% 83.912%,59.6065% 83.912%,59.6065% 100%,0 100%);
  filter:grayscale(1) brightness(1.5) contrast(2);
}
.hero-screen-label {
  color:#edf1f6;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:400;
  line-height:1;
  letter-spacing:0;
  white-space:nowrap;
  opacity:.72;
  transform:translate(-50%,-50%) rotate(7deg) skewX(-6deg);
}
.hero-screen-divider {
  width:1px;
  background:linear-gradient(transparent,#7aa2c43d 15%,#7aa2c43d 85%,transparent);
  transform:translate(-50%,-50%) rotate(7deg);
}
@media (prefers-reduced-motion:reduce) {
  #site-header .nav-buy,
  .glass-hero .hero-actions .button,
  #site-header .nav-buy > span:last-child,
  .glass-hero .hero-actions .button > span:last-child,
  .glass-hero .hero-actions .text-link > span { transition:none; }
  #site-header .nav-buy:hover > span:last-child,
  #site-header .nav-buy:focus-visible > span:last-child,
  .glass-hero .hero-actions .button:hover > span:last-child,
  .glass-hero .hero-actions .button:focus-visible > span:last-child,
  .glass-hero .hero-actions .text-link:hover > span,
  .glass-hero .hero-actions .text-link:focus-visible > span { transform:none; }
}