@import url('/products.css?rev=20260928-product-type-a');
.collection-hero {position:relative; isolation:isolate; min-height:max(48rem,100svh); padding:clamp(12rem,21vh,16rem) var(--page-pad) 7rem; display:flex; align-items:flex-start; overflow:hidden; background:#17130d;}
.collection-hero-art,.collection-hero-art img,.collection-hero-shade {position:absolute; z-index:-3; inset:0; width:100%; height:100%;}
.collection-hero-art img {object-fit:cover; object-position:center center;}
.collection-hero-shade {z-index:-2; background:linear-gradient(90deg,rgba(16,13,9,.79) 0%,rgba(18,14,10,.62) 32%,rgba(17,14,10,.18) 78%,rgba(17,14,10,.3)),linear-gradient(0deg,rgba(15,12,9,.65),transparent 58%,rgba(16,13,9,.17));}
.collection-hero-copy {position:relative; width:min(660px,53vw); padding:.35rem 0 .5rem clamp(1.2rem,2vw,1.7rem); text-shadow:0 2px 14px #100d0bc9;}
.collection-hero-copy::before {content:"";position:absolute;left:0;top:.3rem;width:1px;height:var(--hero-line-height);background:#e4bd63;}
.collection-title {max-width:11ch;margin:0;color:#fff4dd;font-size:clamp(3.2rem,7vw,6.2rem);font-weight:400;line-height:.98;letter-spacing:.035em;text-transform:uppercase;text-wrap:balance;}
.collection-lead {max-width:36rem;margin:0;color:#f0e2c9;font-size:clamp(1.08rem,1.8vw,1.42rem);line-height:1.6;}
.collection-hero-copy .hero-cta {margin-top:1.7rem;}
.collection-catalog {padding:clamp(5rem,9vw,8rem) 0;background:linear-gradient(120deg,#201a11,#2e2417 55%,#21190f);}
.collection-catalog .section-title {max-width:760px;}
.catalog-intro {margin-top:.8rem;}
.catalog-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:clamp(2rem,4vw,3.2rem);align-items:stretch;}
.catalog-card {min-width:0;display:flex;flex-direction:column;border:1px solid rgba(228,189,99,.38);background:linear-gradient(160deg,#312617,#1b1711 68%);box-shadow:0 1rem 2rem rgba(0,0,0,.2);}
.catalog-art {position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#201a11;}
.catalog-art::after {content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,rgba(18,14,10,.76),transparent);}
.catalog-art img {width:100%;height:100%;display:block;object-fit:cover;object-position:72% center;transition:transform .5s ease;}
.catalog-card:hover .catalog-art img {transform:scale(1.035);}
.catalog-card-copy {flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:1.25rem 1.2rem 1.4rem;}
.catalog-status {min-height:1.25rem;margin:0 0 .55rem;color:#f0cc79;font:600 .63rem/1.4 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;}
.catalog-variety {min-height:2.7rem;margin:0 0 .4rem;color:#e9d6b2;font-size:.86rem;line-height:1.45;letter-spacing:.06em;text-transform:uppercase;}
.catalog-card h3 {margin:.1rem 0 .65rem;color:#fff4dd;font-size:1.5rem;line-height:1.2;font-weight:400;letter-spacing:.1em;}
.catalog-teaser {min-height:4.8rem;margin:0;color:#e7d8bc;font-size:.95rem;line-height:1.6;}
.catalog-link {min-height:3.2rem;margin-top:auto;padding-top:1rem;display:flex;align-items:flex-end;gap:.45rem;color:#ffe2a0;font-size:.68rem;line-height:1.45;letter-spacing:.06em;text-transform:uppercase;}
.catalog-link:hover,.catalog-link:focus-visible {color:#fff3d0;}
.collection-footer-cta {padding:4rem 0;background:linear-gradient(130deg,#302517,#20190f);}
.cta-layout {display:flex;align-items:center;justify-content:space-between;gap:2rem;}
.cta-layout .section-title {max-width:720px;}
@media(max-width:1199px) and (min-width:761px) { .collection-hero {min-height:47rem;padding-top:12rem;} .collection-hero-copy {width:min(600px,58vw);} .catalog-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;} .catalog-card {display:grid;grid-template-columns:.9fr 1.1fr;min-height:17rem;} .catalog-art {height:100%;min-height:17rem;aspect-ratio:auto;} .catalog-card-copy {padding:1.15rem;} }
@media(max-width:760px) { .collection-hero {display:flex;flex-direction:column;min-height:0;padding:0 0 3.5rem;align-items:stretch;} .collection-hero-art {position:relative;z-index:-3;inset:auto;width:100%;height:auto;display:block;aspect-ratio:2/1;margin-top:0;} .collection-hero-art img {position:relative;inset:auto;width:100%;height:100%;object-fit:cover;object-position:center;display:block;} .collection-hero-shade {background:linear-gradient(0deg,#17130d 0%,rgba(23,19,13,.12) 42%,rgba(16,13,9,.12));} .collection-hero-copy {width:auto;max-width:none;margin:-1.7rem var(--page-pad) 0;padding-left:1rem;} .collection-hero-copy::before {height:var(--hero-line-height);min-height:0;} .collection-title {max-width:12ch;font-size:clamp(2.55rem,11vw,4rem);} .collection-lead {font-size:1rem;line-height:1.6;} .collection-hero-copy .hero-cta {margin-top:1.2rem;} .collection-catalog {padding:4.5rem 0;} .catalog-grid {grid-template-columns:1fr;gap:1rem;margin-top:1.75rem;} .catalog-card {display:grid;grid-template-columns:38% 1fr;min-height:14.5rem;} .catalog-art {height:100%;min-height:14.5rem;aspect-ratio:auto;} .catalog-card-copy {padding:.9rem .8rem 1rem;} .catalog-status {font-size:.55rem;letter-spacing:.1em;} .catalog-variety {min-height:2rem;font-size:.67rem;line-height:1.3;} .catalog-card h3 {font-size:1.15rem;margin:.1rem 0 .45rem;} .catalog-teaser {min-height:4.2rem;font-size:.83rem;line-height:1.5;} .catalog-link {min-height:3rem;font-size:.57rem;letter-spacing:.035em;} .cta-layout {align-items:flex-start;flex-direction:column;} }
@media(min-width:761px) and (max-width:1199px) and (orientation:portrait) { .collection-hero {min-height:0;padding:0 0 5rem;display:flex;flex-direction:column;align-items:stretch;} .collection-hero-art {position:relative;z-index:-3;inset:auto;width:100%;height:auto;display:block;aspect-ratio:2/1;} .collection-hero-art img {position:relative;height:100%;object-fit:cover;} .collection-hero-shade {background:linear-gradient(0deg,#17130d 0%,rgba(23,19,13,.1) 55%);} .collection-hero-copy {width:auto;margin:-2.2rem var(--page-pad) 0;} .collection-hero-copy::before {min-height:0;} }
@media(prefers-reduced-motion:reduce){.catalog-art img{transition:none}.catalog-card:hover .catalog-art img{transform:none}}
/* Language-neutral content slots keep every route and card on the same grid. */
.collection-title { min-height: 2.25em; }
.collection-lead { min-height: 3.25em; }
.collection-catalog .section-title { min-height: 2.25em; }
.collection-catalog .catalog-intro { min-height: 4.2em; }
.collection-footer-cta .section-title { min-height: 2.25em; }
@media(max-width:900px) {
  .collection-title { min-height: 3em; }
  .collection-lead { min-height: 5.4em; }
  .collection-catalog .section-title { min-height: 2.5em; }
  .collection-catalog .catalog-intro { min-height: 5.5em; }
  .collection-footer-cta .section-title { min-height: 3.2em; }
}
.collection-lead { min-height:5.2em; }
.collection-footer-cta .section-title { min-height:3.35em; }
@media(max-width:900px) { .collection-title { min-height:3.4em; } .collection-lead { min-height:8.2em; } .collection-catalog .catalog-intro { min-height:7em; } .collection-footer-cta .section-title { min-height:4.7em; } }
@media(max-width:760px) { .collection-title { font-size:clamp(2rem,8vw,3rem); letter-spacing:.015em; } }


@media (max-width: 900px) {
  .collection-footer-cta .section-title { min-height: 6em; }
}


@media (max-width: 760px) {
  .collection-catalog { min-height: 95rem; }
  .collection-footer-cta { min-height: 33rem; }
}
@media (max-width: 430px) {
  .collection-hero { min-height: 38rem; }
}
@media (min-width: 761px) and (max-width: 900px) {
  .collection-catalog { min-height: 73rem; }
  .collection-footer-cta { min-height: 33rem; }
}
@media (min-width: 901px) {
  .collection-footer-cta { min-height: 33rem; }
}


@media (max-width: 760px) {
  .catalog-card { min-height: 18rem; }
  .catalog-art { min-height: 18rem; }
}
@media (min-width: 761px) and (max-width: 900px) {
  .catalog-card { min-height: 22rem; }
  .catalog-art { min-height: 22rem; }
}

.collection-footer-cta .cta-copy { flex: 1; max-width: 760px; }
.collection-footer-cta .cta-copy .section-title { min-height: 0; margin-bottom: 1rem; }
.collection-footer-cta .cta-copy .section-body { min-height: 0; max-width: 45rem; }

/* Compact collection titles without changing the artwork or its crop. */
.collection-title { font-size: clamp(2.85rem, 6.3vw, 5.55rem); }
.collection-footer-cta .cta-copy { max-width: 900px; }
.collection-footer-cta .cta-copy .section-title { max-width: 100%; font-size: clamp(2rem, 3.5vw, 3.1rem); line-height: 1.08; }
@media (max-width: 760px) {
  .collection-title { font-size: clamp(2.2rem, 8.7vw, 3.3rem); }
  .collection-footer-cta .cta-copy .section-title { font-size: clamp(1.65rem, 6.2vw, 2.1rem); }
}