/* Retail campaign-card hierarchy inspired by Douglas's brand highlights. */
.brand-spotlight{margin-block:42px 40px}
.brand-spotlight .spotlight-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.brand-spotlight .spotlight-heading h2{margin:0 0 9px}
.brand-spotlight .spotlight-heading p{margin:0;color:#59675f;font-size:14px;line-height:1.6}
.brand-spotlight .spotlight-all{display:inline-flex;align-items:center;gap:16px;flex-shrink:0;font-size:13px;border-bottom:1px solid #9bad9f;padding-bottom:8px}
.brand-spotlight svg{width:18px;height:18px;flex-shrink:0}
.brand-spotlight .spotlight-rail{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.brand-spotlight .spotlight-rail::-webkit-scrollbar{display:none}
.brand-spotlight .spotlight-card{min-width:0;display:flex;flex-direction:column;scroll-snap-align:start;background:#f0f5f0;color:#173a30}
.brand-spotlight .spotlight-media{position:relative;aspect-ratio:1;overflow:hidden;background:#ecece8}
.brand-spotlight .spotlight-photo-link{display:block;width:100%;height:100%;position:relative}
.brand-spotlight .spotlight-photo-link img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.22,1,.36,1)}
.brand-spotlight .spotlight-photo-link:hover img{transform:scale(1.025)}
.brand-spotlight .spotlight-brand{position:absolute;left:16px;top:16px;max-width:calc(100% - 32px);background:#fff;color:#152b23;padding:9px 14px;font-size:12px;font-weight:650;letter-spacing:.055em;line-height:1.5}
.brand-spotlight .spotlight-credit{position:absolute;bottom:7px;right:7px;display:inline-block;max-width:calc(100% - 14px);padding:3px 6px;color:#25342d;background:#fffffff0;font-size:10px;line-height:1.6;text-decoration:none}
.brand-spotlight .spotlight-credit:hover{text-decoration:underline}
.brand-spotlight .spotlight-copy{padding:25px 24px 23px;display:flex;flex-direction:column;flex:1;align-items:flex-start}
#main[data-page-family] .brand-spotlight .spotlight-copy h3{color:#173a30;font-size:var(--type-card);margin:0 0 12px;line-height:1.35}
.brand-spotlight .spotlight-copy p{color:#4a5b51;font-size:13px;line-height:1.65;margin:0 0 25px}
.brand-spotlight .spotlight-copy>a{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;font-size:12px;font-weight:650;color:#173a30;margin-top:auto;padding-top:13px;border-top:1px solid #bdccc2;min-height:42px}
.brand-spotlight .spotlight-controls{display:none;align-items:center;justify-content:center;gap:20px;margin-top:12px}
.brand-spotlight.has-overflow .spotlight-controls{display:flex}
.brand-spotlight .spotlight-controls button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;border:0;background:transparent;border-radius:0;color:#173a30;padding:0;box-shadow:none;cursor:pointer}
.brand-spotlight .spotlight-controls button:disabled{opacity:.28;cursor:default}
.brand-spotlight .spotlight-dots{display:flex;align-items:center;gap:1px}
.brand-spotlight .spotlight-dots button{width:32px}
.brand-spotlight .spotlight-dots span{width:6px;height:6px;border-radius:50%;background:#c6d1ca;transition:background .25s,width .25s}
.brand-spotlight .spotlight-dots [aria-pressed=true] span{background:#173a30;width:20px;border-radius:3px}
.brand-spotlight a:focus-visible,.brand-spotlight button:focus-visible,.brand-spotlight .spotlight-rail:focus-visible{outline:2px solid #ee927c;outline-offset:-3px}
@media(max-width:1000px){.brand-spotlight .spotlight-rail{grid-auto-columns:calc((100% - 16px)/2.15)}}
@media(max-width:600px){
 .brand-spotlight{margin-block:30px 32px}
 .brand-spotlight .spotlight-heading{display:block;margin-bottom:20px}
 .brand-spotlight .spotlight-heading p{font-size:13px;max-width:34ch}
 .brand-spotlight .spotlight-all{font-size:12px;margin-top:15px;padding-bottom:7px}
 .brand-spotlight .spotlight-rail{grid-auto-columns:86%;gap:12px;scroll-padding-right:14%}
 .brand-spotlight .spotlight-copy{padding:22px 21px}
 .brand-spotlight .spotlight-copy p{font-size:13px;margin-bottom:20px}
 .brand-spotlight .spotlight-brand{top:13px;left:13px;font-size:11px;padding:8px 11px}
}
@media(prefers-reduced-motion:reduce){.brand-spotlight *{transition:none!important;scroll-behavior:auto!important}.brand-spotlight .spotlight-photo-link:hover img{transform:none}}
.store-reduced-motion .brand-spotlight *{transition:none!important;scroll-behavior:auto!important}
.store-reduced-motion .brand-spotlight .spotlight-photo-link:hover img{transform:none}

.brand-spotlight .spotlight-dots button[hidden]{display:none}