.drp-collections {
  --collections-cream: #f7f4ef;
  --collections-warm: #ede9e1;
  --collections-ink: #1c1c1c;
  --collections-gold: #c9a96e;
  --collections-deep-gold: #a8782a;
  --collections-border: rgba(201, 169, 110, .22);
  color: var(--collections-ink);
  background: var(--collections-cream);
  overflow: clip;
}

.drp-collections *, .drp-collections *::before, .drp-collections *::after { box-sizing: border-box; }
.drp-collections h1, .drp-collections h2, .drp-collections p { margin: 0; }
.collections-kicker { font: 500 11px/1.2 'Jost', sans-serif; letter-spacing: .27em; text-transform: uppercase; color: var(--collections-deep-gold); }

.collections-hero { position: relative; min-height: 520px; display: grid; place-items: center; overflow: hidden; border-bottom: .5px solid var(--collections-border); }
.collections-hero__media, .collections-hero__overlay { position: absolute; inset: 0; }
.collections-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; display: block; transform: scale(1.03); transition: transform 6s ease; }
.collections-hero__media img.is-loaded { transform: scale(1); }
.collections-hero__overlay { background: linear-gradient(160deg, rgba(247,244,239,.88), rgba(247,244,239,.78) 50%, rgba(247,244,239,.72)); }
.collections-hero__frame { position: absolute; inset: 28px; border: .5px solid rgba(201,169,110,.28); pointer-events: none; }
.collections-hero__content { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; padding: 100px 24px 80px; text-align: center; }
.collections-ornament { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.collections-ornament span { width: 48px; height: 1px; background: var(--collections-deep-gold); }
.collections-ornament i { width: 6px; height: 6px; background: var(--collections-deep-gold); transform: rotate(45deg); }
.collections-hero h1 { margin: 18px 0 24px; font: 400 clamp(40px, 3.8vw, 62px)/1.08 'Cormorant Garamond', serif; }
.collections-hero h1 em, .collections-intro h2 em, .collections-brand h2 em, .collections-video h2 em { font-style: italic; color: var(--collections-deep-gold); font-weight: 500; }
.collections-hero__divider { width: 44px; height: 1px; margin: 0 auto 20px; background: var(--collections-deep-gold); }
.collections-hero__content > p:not(.collections-kicker) { max-width: 420px; font: 400 12.5px/1.85 'Jost', sans-serif; }
.collections-scroll { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-top: 40px; color: var(--collections-deep-gold); font: 500 10px/1 'Jost', sans-serif; letter-spacing: .2em; text-transform: uppercase; text-decoration: none; }
.collections-scroll span { width: 1px; height: 32px; background: linear-gradient(to bottom, var(--collections-gold), transparent); }

.collections-intro { padding: 72px 80px 64px; border-bottom: .5px solid var(--collections-border); text-align: center; }
.collections-intro .collections-kicker { margin-bottom: 18px; }
.collections-intro h2 { margin-bottom: 20px; font: 400 clamp(26px, 2.6vw, 38px)/1.15 'Cormorant Garamond', serif; }
.collections-intro__body { max-width: 620px; margin: 0 auto 56px !important; font: 400 13px/1.9 'Jost', sans-serif; }
.collections-stats { display: flex; justify-content: center; align-items: stretch; max-width: 640px; margin: 0 auto; }
.collections-stats > div { position: relative; flex: 1; padding: 0 32px; }
.collections-stats > div + div::before { position: absolute; top: 10%; bottom: 10%; left: 0; width: .5px; background: rgba(201,169,110,.35); content: ''; }
.collections-stats strong { display: block; margin-bottom: 8px; font: 300 34px/1 'Cormorant Garamond', serif; }
.collections-stats span { display: block; color: #8a7f74; font: 400 9px/1.6 'Jost', sans-serif; letter-spacing: .18em; text-transform: uppercase; }

.collections-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; padding: 0 5px; background: var(--collections-cream); }
.collections-card { position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; background: var(--collections-warm); border: .5px solid var(--collections-border); color: var(--collections-cream); cursor: pointer; text-decoration: none; }
.collections-card > img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
.collections-card__shade { position: absolute; inset: 0; background: linear-gradient(to top, rgba(12,11,9,.75), rgba(12,11,9,.1) 55%, transparent); transition: background .4s ease; }
.collections-card__body { position: absolute; bottom: 0; right: 0; left: 0; display: block; padding: 28px 24px; }
.collections-card__tag, .collections-card__description, .collections-card__cta { display: block; }
.collections-card__tag { margin-bottom: 8px; color: var(--collections-gold); font: 500 8px/1.2 'Jost', sans-serif; letter-spacing: .22em; text-transform: uppercase; }
.collections-card strong { display: block; margin-bottom: 10px; font: 400 24px/1.2 'Cormorant Garamond', serif; }
.collections-card__description { color: rgba(247,244,239,.72); font: 400 11px/1.6 'Jost', sans-serif; }
.collections-card__cta { margin-top: 14px; color: var(--collections-gold); font: 500 9px/1.2 'Jost', sans-serif; letter-spacing: .16em; text-transform: uppercase; opacity: 0; transform: translateY(6px); transition: opacity .3s ease, transform .3s ease; }
.collections-card__cta b { font-size: 14px; font-weight: 400; }
.collections-card:hover > img, .collections-card:focus-visible > img { transform: scale(1.04); }
.collections-card:hover .collections-card__shade, .collections-card:focus-visible .collections-card__shade { background: linear-gradient(to top, rgba(12,11,9,.85), rgba(12,11,9,.2) 60%, transparent); }
.collections-card:hover .collections-card__cta, .collections-card:focus-visible .collections-card__cta { opacity: 1; transform: translateY(0); }
.collections-card:focus-visible { outline: 2px solid var(--collections-gold); outline-offset: -2px; }

.collections-brand { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 48px 80px; border-top: .5px solid var(--collections-border); border-bottom: .5px solid var(--collections-border); background: var(--collections-warm); }
.collections-brand__copy { max-width: 480px; }
.collections-brand .collections-kicker { margin-bottom: 12px; }
.collections-brand h2 { margin-bottom: 12px; font: 400 32px/1.2 'Cormorant Garamond', serif; }
.collections-brand__copy > p:last-child { font: 400 13px/1.75 'Jost', sans-serif; }
.collections-awards { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; gap: 12px; justify-content: flex-end; }
.collections-award { display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 10px; min-width: 94px; min-height: 142px; padding: 14px 10px; border: .5px solid rgba(201,169,110,.25); text-align: center; }
.collections-award > span { display: flex; align-items: center; justify-content: center; height: 62px; }
.collections-award img { max-width: 76px; max-height: 60px; width: auto; height: auto; object-fit: contain; filter: grayscale(1) contrast(.9); }
.collections-award p { color: var(--collections-ink); font: 500 8px/1.4 'Jost', sans-serif; letter-spacing: .11em; text-transform: uppercase; }

.collections-video { padding: 80px 52px; background: #0c0b09; text-align: center; }
.collections-video > div { max-width: 1100px; margin: 0 auto; }
.collections-video .collections-kicker { margin-bottom: 16px; }
.collections-video h2 { margin-bottom: 40px; color: var(--collections-cream); font: 300 clamp(28px, 3.5vw, 46px)/1.15 'Cormorant Garamond', serif; }
.collections-video__wrap { position: relative; overflow: hidden; width: 100%; aspect-ratio: 16 / 9; background: #111; }
.collections-video__wrap video { width: 100%; height: 100%; object-fit: cover; display: block; }
.collections-video__control { position: absolute; right: 24px; bottom: 20px; display: inline-flex; align-items: center; gap: 8px; padding: 12px 16px; border: 1px solid rgba(247,244,239,.5); background: rgba(12,11,9,.45); color: #fff; cursor: pointer; font: 500 9px/1 'Jost', sans-serif; letter-spacing: .16em; text-transform: uppercase; transition: background .25s ease, border-color .25s ease; }
.collections-video__control:hover, .collections-video__control:focus-visible { border-color: var(--collections-gold); background: rgba(201,169,110,.18); outline: none; }
.collections-video__control > span { color: var(--collections-gold); }

@media (max-width: 1180px) {
  .collections-brand { align-items: flex-start; flex-direction: column; }
  .collections-awards { justify-content: flex-start; }
}

@media (max-width: 768px) {
  .collections-hero { min-height: 55vw; min-height: 420px; }
  .collections-hero__content { padding: 72px 20px 48px; }
  .collections-hero__frame { inset: 16px; }
  .collections-intro { padding: 52px 20px 46px; }
  .collections-intro__body { margin-bottom: 36px !important; }
  .collections-stats > div { padding: 0 16px; }
  .collections-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; padding: 0 4px; }
  .collections-card__body { padding: 22px 18px; }
  .collections-card strong { font-size: 22px; }
  .collections-card__cta { opacity: 1; transform: none; }
  .collections-brand { gap: 28px; padding: 36px 20px; }
  .collections-awards { width: 100%; gap: 8px; }
  .collections-award { flex: 1 1 calc(33.333% - 6px); min-width: 0; }
  .collections-video { padding: 52px 20px; }
  .collections-video h2 { margin-bottom: 28px; }
}

@media (max-width: 480px) {
  .collections-hero { min-height: 400px; }
  .collections-hero h1 { font-size: 40px; }
  .collections-hero__content > p:not(.collections-kicker) { font-size: 12px; }
  .collections-stats { gap: 0; }
  .collections-stats > div { padding: 0 8px; }
  .collections-stats strong { font-size: 29px; }
  .collections-stats span { font-size: 7px; letter-spacing: .14em; }
  .collections-grid { gap: 3px; padding: 0 3px; }
  .collections-card__body { padding: 18px 14px; }
  .collections-card strong { font-size: 20px; margin-bottom: 6px; }
  .collections-card__description { font-size: 10px; line-height: 1.45; }
  .collections-card__cta { margin-top: 10px; }
  .collections-award { flex-basis: calc(50% - 4px); min-height: 128px; }
  .collections-video__control { right: 12px; bottom: 12px; padding: 10px 12px; }
}
