.curated-section{max-width:1360px;margin:0 auto;font-family:Archivo}
.section-header{margin-bottom:32px}
.section-title{font-family:"Playfair Display",serif !important;font-size:30px;font-weight:400;color:#232426;margin-bottom:4px;line-height:110%}
.section-subtitle{font-size:20px;color:#696f75;font-weight:400;line-height:132%}
.collections-layout{display:flex;gap:27px;align-items:stretch;position:relative}
.brand-sidebar{display:flex;flex-direction:column;min-width:130px;flex-shrink:0;gap:12px}
.brand-item{padding:17px 16px;font-size:18px;color:#8c8e90;font-weight:600;cursor:pointer;border:1.5px solid transparent;border-radius:12px;background:0;text-align:left;white-space:nowrap;transition:color .25s,border-color .25s;margin-bottom:2px;line-height:101%;min-width:204px;font-family:Archivo !important}
.brand-item.active{color:#2e2f32;font-weight:600;box-shadow:0 2px 3px 0 #C4C4C41A;border:1px solid #e6e7eb;box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.06)}
.brand-pills{display:none;gap:8px;overflow-x:auto;padding-bottom:14px;scrollbar-width:none}
.brand-pills::-webkit-scrollbar{display:none}
.brand-pill{padding:8px 20px;font-size:16px;color:#74798a;cursor:pointer;border:1.5px solid #e6e6e8;border-radius:100px;background:#fff;white-space:nowrap;transition:all .25s;flex-shrink:0;font-weight:500;line-height:126%}
.brand-pill:hover{border-color:#999;color:#1a1a1a}
.brand-pill.active{color:#000;font-weight:700;background:#e6e6e8}
.showcase-wrapper{flex:1;position:relative;min-width:0;min-height:453px;max-height:453px}
.panels-container{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16 / 7.2;background:#eee;width:100%;height:100%}
.brand-panel{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .6s ease;z-index:1}
.brand-panel.active{opacity:1;pointer-events:auto;z-index:2}
.carousel-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
.carousel-slide.active{opacity:1}
.carousel-slide img{width:100%;height:100%;object-fit:cover;display:block}
.collection-card{position:absolute;bottom:52px;right:75px;width:190px;background:rgba(100,100,110,0.32);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:12px;padding:20px 12px;border:1px solid #eeeeef;color:#fff;box-shadow:0 8px 40px rgba(0,0,0,0.18);z-index:4;overflow:hidden;min-height:349px;text-align:center;display:flex;flex-direction:column;align-items:center}
.card-brand-svg{width:100%;display:block;max-width:140px;padding:0;max-height:204px;object-fit:contain;margin-bottom:15px}
.card-description{font-size:13px;line-height:17px;margin-bottom:16px;padding:0;font-weight:400;text-align:center;color:#fff}
.card-cta{display:inline-flex;gap:8px;font-size:14px;font-weight:500;color:#fff;text-decoration:none;cursor:pointer;transition:gap .3s;padding:0;line-height:150%;position:absolute;bottom:12px;width:100%;left:50%;transform:translateX(-50%);align-items:center;justify-content:center}
.card-cta:hover{gap:12px}
.card-cta-circle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;transition:background .3s}
.card-cta:hover .card-cta-circle{background:rgba(255,255,255,0.15)}
.card-cta-circle svg{width:20px;height:20px}
@media(max-width:768px){.curated-section{padding:0 16px 80px}
.section-header{text-align:center;margin-bottom:18px}
.section-title{color:#232426;font-size:22px;font-weight:500;line-height:110%}
.section-subtitle{font-size:16px;line-height:132%;font-weight:400}
.brand-sidebar{display:none}
.brand-pills{display:flex}
.collections-layout{flex-direction:column}
.panels-container{aspect-ratio:3 / 4.2;border-radius:10px}
.collection-card{width:180px;bottom:10px;right:10px;min-height:148px;padding-bottom:32px}
.card-description{font-size:12px;line-height:15px}
.card-brand-svg{max-height:148px;margin-bottom:8px}
.card-cta{padding:0}
}