.collection-banner.collection-banner{--banner-accent:#d94806;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);min-height:310px;align-items:stretch;margin:18px 0 26px;border:1px solid #e9e5de;border-radius:24px;overflow:hidden;background:#fbfaf7;color:#24251f;isolation:isolate}
.collection-banner .collection-banner-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:38px 42px;min-width:0;position:relative;z-index:1}
.collection-banner .collection-banner-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;font-size:10px;font-weight:800;line-height:1.5;letter-spacing:1.5px;color:#7b5140}
.collection-banner .collection-banner-eyebrow>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid #f1d9c9;border-radius:9px;background:#fff3e8;color:var(--banner-accent)}
.collection-banner .collection-banner-eyebrow svg{width:17px;height:17px;stroke-width:1.5}
.collection-banner .collection-banner-copy h1{margin:0;font-size:clamp(34px,3.9vw,56px);font-weight:800;letter-spacing:-2.1px;line-height:1.09;color:inherit;overflow-wrap:anywhere;text-wrap:balance}
.collection-banner .collection-banner-description{max-width:46ch;margin:18px 0 0;font-size:14px;line-height:1.75;color:#696961;overflow-wrap:anywhere}
.collection-banner .collection-banner-description p{margin:0;font:inherit;color:inherit}
.collection-banner .collection-banner-description p+p{margin-top:8px}
.collection-banner .collection-banner-description a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.collection-banner .collection-banner-description table{max-width:100%}
.collection-banner .collection-banner-visual{position:relative;min-height:310px;display:grid;place-items:center;min-width:0;background:linear-gradient(135deg,#f9f1e8,#f4e2d0);overflow:hidden;padding:26px}
.collection-banner .collection-banner-visual::before{content:"";position:absolute;width:230px;height:230px;left:-130px;top:-85px;border:1px solid #dfc9b6;border-radius:50%;opacity:.65;pointer-events:none}
.collection-banner .collection-banner-orbit{position:absolute;right:-90px;top:50%;width:380px;height:380px;transform:translateY(-50%);border:1px solid #ddc5af;border-radius:50%;opacity:.7;pointer-events:none}
.collection-banner .collection-banner-orbit::after{content:"";position:absolute;inset:28px;border:1px solid #ddc5af;border-radius:50%}
.collection-banner .collection-banner-visual img{display:block;position:relative;z-index:1;max-width:100%;width:100%;height:270px;object-fit:contain;object-position:center;filter:none;mix-blend-mode:normal}
.collection-banner .collection-banner-visual--cover:not(.is-illustration){padding:0}
.collection-banner .collection-banner-visual--cover:not(.is-illustration) img{position:absolute;inset:0;height:100%;object-fit:cover}
.collection-banner .collection-banner-visual.is-illustration{padding:6px 14px}
.collection-banner .collection-banner-visual.is-illustration img{height:310px}
.collection-banner .collection-banner-brand{margin-top:20px;display:inline-flex;align-items:center}
.collection-banner .collection-banner-brand img{max-width:82px;max-height:32px;object-fit:contain;filter:none}
.collection-banner.collection-banner--soft{background:#fff4e9;border-color:#efddcc}
.collection-banner--soft .collection-banner-visual{background:transparent}
.collection-banner.collection-banner--dark{background:#252722;border-color:#252722;color:#fff}
.collection-banner--dark .collection-banner-eyebrow{color:#f4c1a4}
.collection-banner--dark .collection-banner-description{color:#d8d9d2}
.collection-banner--dark .collection-banner-visual{background:linear-gradient(135deg,#373a32,#272a24)}
.collection-banner--dark .collection-banner-orbit,.collection-banner--dark .collection-banner-orbit::after{border-color:#6d7063;opacity:.55}
.collection-banner--dark .collection-banner-eyebrow>span{background:#4b3427;border-color:#75472d;color:#ffab70}
.cn-local .catalog-page.cn-empty-category{padding-bottom:70px}
.cn-local .catalog-page.cn-empty-category .cn-empty{margin-top:20px}
@media(max-width:900px){.collection-banner .collection-banner-copy{padding:30px}.collection-banner .collection-banner-copy h1{font-size:39px;letter-spacing:-1.5px}.collection-banner .collection-banner-visual{min-height:280px;padding:20px}.collection-banner .collection-banner-visual img{height:240px}.collection-banner .collection-banner-visual.is-illustration img{height:280px}}
@media(max-width:700px){.collection-banner.collection-banner{grid-template-columns:1fr;min-height:0;margin-top:14px;border-radius:18px}.collection-banner .collection-banner-copy{padding:26px 24px 24px}.collection-banner .collection-banner-eyebrow{margin-bottom:16px;font-size:9px;letter-spacing:1.15px}.collection-banner .collection-banner-copy h1{font-size:37px;letter-spacing:-1.4px}.collection-banner .collection-banner-description{font-size:13px;line-height:1.7;margin-top:14px;max-width:none}.collection-banner .collection-banner-visual{min-height:210px;height:210px;padding:14px}.collection-banner .collection-banner-visual img,.collection-banner .collection-banner-visual.is-illustration img{height:210px;max-height:100%}.collection-banner .collection-banner-orbit{width:280px;height:280px;right:-45px}.collection-banner .collection-banner-brand{margin-top:16px}}
@media(prefers-reduced-motion:no-preference){.collection-banner .collection-banner-visual img{animation:collection-banner-reveal .55s ease-out both}@keyframes collection-banner-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
