@font-face {
  font-family: 'Audionode Chillax';
  src: url('../assets/audionode/Chillax-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.an-library { --an-cream: #f2f2e0; --an-muted: #b5b5a8; --an-coral: #db4b4b; max-width: 1600px; margin: auto; padding: 0 32px; color: var(--an-cream); }
.an-library a { color: inherit; text-decoration: none; }
.an-library__masthead { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 28px 0; }
.an-library__brand { display: inline-flex; align-items: center; gap: 12px; font: 700 28px/1 'Audionode Chillax', sans-serif; letter-spacing: -1.2px; }
.an-library__brand img { width: 36px; height: 24px; object-fit: contain; }
.an-library__label { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--an-muted); }
.an-library__hero { position: relative; isolation: isolate; overflow: hidden; background: #18292a; border-radius: 12px; }
.an-library__hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.an-library__hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(6,12,12,.5),rgba(6,12,12,.68) 70%,rgba(6,12,12,.9)); }
.an-library__hero-copy { max-width: 820px; margin: auto; padding: 82px 32px 66px; text-align: center; }
.an-library__eyebrow { margin: 0 0 20px; font-size: 10px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--an-cream); }
.an-library h1, .an-library h2 { color: var(--an-cream); font-family: 'Audionode Chillax', sans-serif; font-weight: 700; letter-spacing: -.045em; }
.an-library h1 { margin: 0; font-size: clamp(44px,5.3vw,80px); line-height: 1.04; }
.an-library__lede { max-width: 590px; margin: 28px auto 0; font-size: 17px; line-height: 1.7; color: #deded1; }
.an-library__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.an-library a.an-library__button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; padding: 17px 23px; border: 1px solid transparent; border-radius: 999px; background: var(--an-coral); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; transition: background .18s ease; }
.an-library a.an-library__button:hover { background: #bc3939; }
.an-library a.an-library__button--secondary { border-color: #f2f2e040; background: #f2f2e016; color: var(--an-cream); }
.an-library a.an-library__button--secondary:hover { background: #f2f2e02b; }
.an-library a:focus-visible { outline: 2px solid #dbc54b; outline-offset: 5px; }
.an-library__destination { margin: 18px 0 0; font-size: 11px; color: #c1c1b4; }
.an-library__hero-foot { display: flex; justify-content: space-between; gap: 16px; padding: 21px 28px; border-top: 1px solid #f2f2e025; font-size: 10px; letter-spacing: .04em; color: #c1c1b4; }
.an-library__discovery { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px,4vw,64px); align-items: center; padding: 64px 0; }
.an-library__photo { position: relative; height: 100%; min-height: 440px; overflow: hidden; border-radius: 10px; background: #202626; }
.an-library__photo img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.an-library__photo::after { content: ''; position: absolute; inset: 40% 0 0; background: linear-gradient(transparent,#000b); }
.an-library__photo > span { position: absolute; z-index: 1; left: 28px; bottom: 28px; right: 28px; font: 700 24px/1.2 'Audionode Chillax', sans-serif; }
.an-library__discovery-copy > .an-library__eyebrow { color: #dbc54b; margin-bottom: 14px; }
.an-library h2 { margin: 0; font-size: clamp(30px,3vw,44px); line-height: 1.12; }
.an-library__discovery-copy > p:not(.an-library__eyebrow) { margin: 20px 0 28px; font-size: 14px; line-height: 1.7; color: var(--an-muted); }
.an-library__feature { display: flex; gap: 18px; padding: 18px 0; border-top: 1px solid #f2f2e020; }
.an-library__feature > span { color: #dbc54b; font-size: 10px; padding-top: 3px; }
.an-library__feature h3 { margin: 0 0 6px; color: var(--an-cream); font-size: 14px; font-weight: 600; }
.an-library__feature p { margin: 0; font-size: 12px; line-height: 1.6; color: var(--an-muted); }
.an-library a.an-library__text-link { display: inline-flex; gap: 24px; margin-top: 20px; color: var(--an-cream); font-size: 13px; border-bottom: 1px solid #db4b4b; padding-bottom: 7px; }
.an-library__signoff { display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid #f2f2e020; padding: 24px 0; color: var(--an-muted); font-size: 12px; }
.an-library__signoff a { color: var(--an-cream); }
@media (max-width: 760px) {
  .an-library { padding: 0 18px; }
  .an-library__masthead { padding: 24px 0; }
  .an-library__brand { font-size: 25px; }
  .an-library__label { display: none; }
  .an-library__hero-copy { padding: 64px 22px 44px; }
  .an-library h1 { font-size: clamp(36px,8vw,56px); }
  .an-library__lede { font-size: 15px; }
  .an-library__actions { flex-direction: column; align-items: center; }
  .an-library__button { width: 100%; max-width: 300px; }
  .an-library__hero-foot { justify-content: center; text-align: center; padding: 18px; }
  .an-library__hero-foot span:last-child { display: none; }
  .an-library__discovery { grid-template-columns: 1fr; padding: 40px 0; gap: 32px; }
  .an-library__photo { min-height: 320px; }
  .an-library__signoff { flex-direction: column; gap: 10px; }
}