/* Two principal brands: DIAMANTE mezcal and ARISTA clothing. */
.dual-brand-hero{background:#151b1f;color:#f5f4ed}
.dual-brand-origin{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px var(--gutter);font-size:.8125rem;line-height:1.6;letter-spacing:.12em;border-bottom:1px solid #a8b5bd40;color:#e1e5e7}
.dual-brand-origin span{font-size:.75rem;letter-spacing:.08em;color:#b8c4cb}
.dual-brand-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.brand-panel{min-width:0;display:flex;flex-direction:column;background:#1c2328}
.brand-panel+.brand-panel{border-left:1px solid #b6c1c650;background:#252a2c}
.brand-panel-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#252a2d}
.brand-panel-image img{display:block;width:100%;height:100%;object-fit:contain}
.brand-panel-image:focus-visible{outline:3px solid #e4eef4;outline-offset:-6px}
.brand-panel-copy{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:30px clamp(24px,4.8vw,76px) 32px;border-top:1px solid #bdc7cb45}
.brand-panel-copy .eyebrow{font-size:.75rem;line-height:1.6;letter-spacing:.11em;color:#bdc8cf}
.brand-panel-copy h2{font:400 clamp(2.5rem,4.2vw,4rem)/1.15 var(--serif);letter-spacing:.055em;margin:10px 0 13px;color:#f6f5f0}
.brand-panel-copy>p:not(.eyebrow){font-size:1rem;line-height:1.7;max-width:40ch;color:#c8cfd1;margin:0 0 22px}
.brand-panel-copy .button{margin-top:auto;min-height:50px;min-width:210px;justify-content:space-between;padding:13px 18px;font-size:.9375rem;border-color:#d9e0e4;border-radius:3px;background:linear-gradient(125deg,#f6f8f8,#d4dfe6);color:#23333f;box-shadow:inset 0 1px #fff}
.brand-panel-copy .button:hover{background:#fff;color:#152b3c}
.brand-panel-meta{display:block;font-size:.8125rem;line-height:1.7;color:#bec9cf;margin-top:16px}
.brand-panel-meta strong{font-weight:500;color:#f2f3ed}
.dual-brand-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px var(--gutter);border-top:1px solid #aabac740;font-size:.75rem;line-height:1.7;color:#b7c3cb}
.dual-brand-foot a{display:inline-flex;align-items:center;gap:9px;font-size:.875rem;color:#dce7ed;text-decoration:underline;text-underline-offset:4px;padding:7px 0;flex-shrink:0}
.dual-brand-hero a:focus-visible{outline-color:#dcebf6}
.site-header nav .nav-complement{font-weight:400;color:#bac6cf}
.featured-grid.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.featured-grid .card-copy{padding:22px}
.featured-grid .catalog-card .card-copy h3{font-size:1.55rem}
.featured-grid .card-copy .card-topline{gap:6px;margin-bottom:13px}
.featured-grid .card-copy .card-topline>span{font-size:.75rem;letter-spacing:.04em}
.featured-grid .card-copy .card-summary{font-size:.9375rem}
.featured-grid .card-copy .card-price{font-size:1.8rem}
.featured-grid .card-buy .button{font-size:.875rem;padding:13px;gap:9px}
.arista-shop .apparel-navigation .catalog-filters button{min-width:0}
.accessory-filters{border-bottom:1px solid #c6cecf;padding:18px 0}
.accessory-filters p{font-size:.9375rem;line-height:1.6;color:#53646e;margin-bottom:10px}
.accessory-filters>div{display:flex;flex-wrap:wrap;gap:7px}
.accessory-filters button{min-height:44px;padding:10px 14px;border:1px solid #bdc6c8;border-radius:3px;background:transparent;color:#3e5665;font-size:.875rem}
.accessory-filters button[aria-pressed=true]{background:#2d414e;border-color:#2d414e;color:#fff}
@media(max-width:1200px){
 .featured-grid.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
 .featured-grid .catalog-card .card-copy h3{font-size:1.85rem}
 .brand-panel-copy{padding:27px 30px}.brand-panel-copy>p:not(.eyebrow){min-height:3.4em}
 .site-header nav{gap:18px}.site-header nav a{font-size:.875rem}
}
@media(max-width:800px){
 .dual-brand-origin{flex-direction:column;align-items:flex-start;gap:4px;padding:15px var(--gutter)}
 .brand-panel-copy{padding:24px}.brand-panel-copy h2{font-size:2.5rem}
 .brand-panel-copy .eyebrow{font-size:.75rem;letter-spacing:.05em}
 .brand-panel-copy .button{width:100%;min-width:0}
 .brand-panel-meta{font-size:.75rem}.dual-brand-foot{flex-direction:column;align-items:flex-start;gap:5px}
}
@media(max-width:640px){
 .dual-brand-panels{grid-template-columns:1fr}
 .brand-panel+.brand-panel{border-left:0;border-top:1px solid #b6c1c670}
 .brand-panel-image{aspect-ratio:16/9}.brand-panel-copy{padding:25px 24px 29px}
 .brand-panel-copy h2{font-size:3rem}.brand-panel-copy>p:not(.eyebrow){min-height:0;max-width:38ch}
 .brand-panel-copy .button{width:auto;min-width:220px}.brand-panel-meta{font-size:.8125rem}
 .dual-brand-origin span{font-size:.75rem;letter-spacing:.015em}.dual-brand-foot{padding:14px 24px}
 .featured-grid.catalog-grid{grid-template-columns:1fr}
 .arista-shop .apparel-navigation .catalog-filters button:last-child{grid-column:auto}
 .site-header nav a{font-size:1rem}
}