/* Doktorinn Academy Library section: video, brand type, no decorative framing. */
body.storefront-home .da-video-hero,
body.storefront-home .da-library-video,
body.storefront-home .da-books {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.storefront-home .da-hero-links a::after {
  display: none !important;
  content: none !important;
}

body.storefront-home .da-studio .da-section-head h2,
body.storefront-home .da-studio .da-section-head > p {
  color: #000000 !important;
}

body.storefront-home .da-video-hero .da-hero-copy {
  position: static !important;
}

body.storefront-home .da-hero-quotes {
  position: absolute !important;
  z-index: 2 !important;
  top: clamp(2.8rem, 6.4vw, 6.6rem) !important;
  right: auto !important;
  left: clamp(2.4rem, 7.5vw, 9rem) !important;
  display: grid !important;
  align-items: start !important;
  justify-items: start !important;
  width: min(43vw, 38rem) !important;
  min-height: clamp(13rem, 22vw, 24rem) !important;
  text-align: left !important;
  pointer-events: none !important;
}

body.storefront-home .da-hero-quote {
  grid-area: 1 / 1 !important;
  margin: 0 !important;
  opacity: 0 !important;
  transform: translate3d(0, 0.35rem, 0) !important;
  transition: opacity 1800ms cubic-bezier(0.22, 1, 0.36, 1), transform 1800ms cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 1800ms !important;
  visibility: hidden !important;
}

body.storefront-home .da-hero-quote.is-active {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition-delay: 0s !important;
  visibility: visible !important;
}

body.storefront-home .da-hero-quote blockquote {
  max-width: 17ch !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.96) !important;
  font-family: var(--font-serif, "Cormorant Garamond", Georgia, serif) !important;
  font-size: clamp(2.45rem, 3.35vw, 4.75rem) !important;
  font-style: italic !important;
  font-weight: 500 !important;
  font-feature-settings: "liga" 1, "kern" 1 !important;
  letter-spacing: -0.025em !important;
  line-height: 0.95 !important;
  text-shadow: 0 1px 18px rgba(0, 0, 0, 0.34) !important;
  text-wrap: balance !important;
}

body.storefront-home .da-hero-quote figcaption {
  display: grid !important;
  gap: clamp(0.7rem, 0.9vw, 1rem) !important;
  margin-top: clamp(0.85rem, 1.25vw, 1.35rem) !important;
  color: rgba(255, 255, 255, 0.66) !important;
  font-family: var(--font-ui, var(--font-sans, "Instrument Sans", Inter, Arial, sans-serif)) !important;
  font-size: clamp(0.62rem, 0.68vw, 0.76rem) !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 16px rgba(0, 0, 0, 0.34) !important;
}

body.storefront-home .da-hero-quote figcaption::before {
  display: block !important;
  width: clamp(2rem, 3.2vw, 3.8rem) !important;
  height: 1px !important;
  background: #8A6A3E !important;
  content: "" !important;
}

body.storefront-home .da-hero-links {
  position: relative !important;
  z-index: 2 !important;
}

body.storefront-home .da-library-video {
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  min-height: clamp(620px, 82svh, 940px) !important;
  align-items: flex-start !important;
  padding: clamp(42px, 6vw, 86px) clamp(24px, 7vw, 122px) !important;
  overflow: hidden !important;
  border: 0 !important;
  background: #000000 !important;
  color: #FFFFFF !important;
}

body.storefront-home .da-library-video-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  filter: none !important;
  pointer-events: none !important;
}

body.storefront-home .da-library-video-scrim {
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: rgba(0, 0, 0, 0.28) !important;
  background-image: none !important;
}

body.storefront-home .da-library-copy {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: var(--homepage-max, 1500px) !important;
  margin: 0 auto !important;
}

body.storefront-home .da-library-copy h2 {
  max-width: 10ch !important;
  margin: 0 !important;
  color: #FFFFFF !important;
  font-family: var(--font-serif, "Cormorant Garamond", Georgia, serif) !important;
  font-size: clamp(72px, 11vw, 168px) !important;
  font-weight: 600 !important;
  line-height: 0.84 !important;
  letter-spacing: -0.035em !important;
}

body.storefront-home .da-library-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: clamp(22px, 4.2vw, 64px) !important;
  margin-top: clamp(34px, 7vw, 108px) !important;
}

body.storefront-home .da-library-links a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
  font-family: var(--font-sans, "Instrument Sans", Arial, sans-serif) !important;
  font-size: clamp(13px, 1.25vw, 18px) !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-shadow: 0 1px 18px rgba(0, 0, 0, 0.42) !important;
  text-transform: uppercase !important;
  transition: color 180ms ease, opacity 180ms ease !important;
}

body.storefront-home .da-library-links a:hover,
body.storefront-home .da-library-links a:focus-visible {
  color: #b58a51 !important;
  opacity: 1 !important;
  outline: 0 !important;
}

body.storefront-home #bookshelf {
  scroll-margin-top: clamp(120px, 14vw, 220px) !important;
}

@media (max-width: 760px) {
  body.storefront-home .da-library-video {
    min-height: clamp(460px, 74svh, 560px) !important;
    padding: 34px 20px !important;
  }

  body.storefront-home .da-hero-quotes {
    top: clamp(2rem, 8vw, 3.5rem) !important;
    right: auto !important;
    left: clamp(1.2rem, 5vw, 1.8rem) !important;
    justify-items: start !important;
    width: min(84vw, 28rem) !important;
    min-height: clamp(12rem, 56vw, 20rem) !important;
    text-align: left !important;
  }

  body.storefront-home .da-hero-quote blockquote {
    max-width: 15ch !important;
    font-size: clamp(2.05rem, 9vw, 3.35rem) !important;
    line-height: 1 !important;
  }

  body.storefront-home .da-hero-quote figcaption {
    font-size: 0.6rem !important;
    letter-spacing: 0.1em !important;
  }

  body.storefront-home .da-library-copy h2 {
    font-size: clamp(56px, 19vw, 92px) !important;
    line-height: 0.86 !important;
  }

  body.storefront-home .da-library-links {
    flex-direction: column !important;
    gap: 18px !important;
    margin-top: 42px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.storefront-home .da-hero-quote {
    transform: none !important;
    transition: opacity 700ms ease, visibility 0s linear 700ms !important;
  }

  body.storefront-home .da-hero-quote.is-active {
    transform: none !important;
  }
}