.collectionHero{position:relative;margin:22px 0;background:#ecebe2;border-radius:20px;overflow:hidden;color:#282b22;container-type:inline-size}
.collectionHero[hidden]{display:none}
.collectionCopy{position:absolute;inset:0 auto 0 0;width:45%;padding:clamp(18px,2.6cqw,36px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(12px,1.8cqw,24px)}
.collectionEyebrow{font-size:clamp(9px,1cqw,12px);letter-spacing:.2em;font-weight:700;color:#5b6550;margin:0}
.collectionCopy h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(30px,4.2cqw,59px);letter-spacing:-.055em;line-height:1.07;margin:0}
.collectionIntro{font-size:clamp(12px,1.3cqw,16px);line-height:1.65;color:#626757;margin:0;max-width:390px}
.collectionActions{display:flex;gap:clamp(10px,1.6cqw,20px);align-items:center;flex-wrap:wrap}
.collectionPrimary{background:#424e37;color:white;border-radius:7px;padding:clamp(10px,1.2cqw,16px) clamp(12px,1.5cqw,20px);font-size:clamp(11px,1.1cqw,14px);font-weight:700;display:flex;gap:20px;align-items:center}
.collectionSecondary{font-size:clamp(10px,1cqw,13px);border-bottom:1px solid #a3aa96;padding:9px 0}
.collectionStats{border-top:1px solid #cdd0c1;padding-top:clamp(10px,1.4cqw,20px);display:flex;align-items:baseline;gap:18px;width:100%;color:#626757;font-size:clamp(10px,.95cqw,12px)}
.collectionStats b{font-family:Georgia,serif;font-size:clamp(22px,2.5cqw,32px);font-weight:400;color:#37402f;margin-right:5px}
.collectionSignature{margin-left:auto;font-style:italic;white-space:nowrap}
/* The active image's intrinsic height determines the frame: no fixed-height slot or padding. */
.collectionMedia{position:relative;width:55%;margin-left:45%;min-width:0;line-height:0;background:#ecebe2;isolation:isolate}
.collectionSlide{position:absolute;top:0;left:0;width:100%;height:auto;object-fit:contain;opacity:0;visibility:hidden;display:block;margin:0;padding:0;border:0}
.collectionSlide.isActive{position:relative;opacity:1;visibility:visible;animation:collectionReveal .65s ease}
.collectionCaption{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;margin:0;padding:16px 20px;background:#fff;font-size:13px;line-height:1.4;z-index:1}
.collectionControls{position:absolute;right:12px;top:12px;display:flex;gap:4px;align-items:center;background:rgba(255,255,255,.93);padding:3px 8px;border-radius:24px;z-index:2;line-height:1.3}
.collectionControls button{cursor:pointer;border:0;background:transparent;color:#36432d;min-width:34px;height:34px;padding:4px;font-size:21px}
.collectionCounter{font-size:12px;font-variant-numeric:tabular-nums;min-width:56px;text-align:center}
.collectionHero a:focus-visible,.collectionHero button:focus-visible{outline:3px solid #7e925f;outline-offset:-3px}
#catalogStart{scroll-margin-top:20px}
@keyframes collectionReveal{from{opacity:.65}to{opacity:1}}
@media(max-width:800px){.collectionCopy{position:relative;inset:auto;width:100%;padding:26px;gap:18px}.collectionCopy h2{font-size:42px}.collectionEyebrow{font-size:11px}.collectionIntro{font-size:14px;max-width:530px}.collectionPrimary{font-size:13px;padding:14px 18px}.collectionSecondary{font-size:12px}.collectionMedia{width:100%;margin:0}.collectionStats{font-size:11px}.collectionStats b{font-size:28px}}
@media(max-width:400px){.collectionCopy{padding:22px}.collectionCopy h2{font-size:38px}.collectionSignature{display:none}.collectionCaption{font-size:12px;padding:14px}.collectionControls{right:8px;top:8px}}
@media(prefers-reduced-motion:reduce){.collectionSlide.isActive{animation:none}}

.collectionStats b svg{display:inline-block;vertical-align:baseline;overflow:visible}