.brand-spotlight{--bs-bg: #fdfbf4;--bs-accent: #0d5c5c;--bs-accent-muted: #c5d9d9;--bs-body: #2f3a3a;--bs-rule: rgba(0, 0, 0, .22);--bs-fade-duration: .5s;--bs-fade-ease: cubic-bezier(.4, 0, .2, 1);background-color:var(--bs-bg);color:var(--bs-body)}.brand-spotlight__inner{max-width:var(--page-width);margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}@media screen and (min-width:750px){.brand-spotlight__inner{padding-left:3rem;padding-right:3rem}}.brand-spotlight__grid{display:grid;grid-template-columns:1fr;gap:clamp(2rem,5vw,3.5rem);align-items:center}@media screen and (min-width:990px){.brand-spotlight__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(1.5rem,2.5vw,2.25rem)}.brand-spotlight__grid--media-right .brand-spotlight__media-col{order:2}.brand-spotlight__grid--media-right .brand-spotlight__content-col{order:1}}.brand-spotlight__media-col,.brand-spotlight__content-col{min-width:0}.brand-spotlight__media-stack,.brand-spotlight__content-stack{display:grid}.brand-spotlight__media-stack>.brand-spotlight__panel--media,.brand-spotlight__content-stack>.brand-spotlight__panel--content{grid-area:1 / 1;min-width:0;transition:opacity var(--bs-fade-duration) var(--bs-fade-ease),visibility var(--bs-fade-duration) var(--bs-fade-ease)}.brand-spotlight__media-stack>.brand-spotlight__panel--media:not(.is-active),.brand-spotlight__content-stack>.brand-spotlight__panel--content:not(.is-active){opacity:0;visibility:hidden;pointer-events:none;z-index:0}.brand-spotlight__media-stack>.brand-spotlight__panel--media.is-active,.brand-spotlight__content-stack>.brand-spotlight__panel--content.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}@media(prefers-reduced-motion:reduce){.brand-spotlight__media-stack>.brand-spotlight__panel--media,.brand-spotlight__content-stack>.brand-spotlight__panel--content{transition-duration:.01ms}}.brand-spotlight__brand{margin:0 0 .35rem;text-align:center;color:var(--bs-accent);font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:600;line-height:1.1;text-transform:uppercase;letter-spacing:.06em}.brand-spotlight__brand--serif{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:calc(var(--font-heading-scale) * .04rem)}.brand-spotlight__brand--sans{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:700}.brand-spotlight__tagline{margin:0 auto 1.5rem;max-width:22rem;text-align:center;color:var(--bs-accent);font-size:clamp(.7rem,1.2vw,.8rem);font-weight:500;line-height:1.35;letter-spacing:.12em;text-transform:uppercase}.brand-spotlight__figure{max-width:20rem;margin:0 auto;line-height:0}.brand-spotlight__figure img{width:100%;height:auto;display:block;object-fit:contain}.brand-spotlight__figure .placeholder-svg{width:100%;height:auto;background:rgba(var(--color-foreground),.04)}.brand-spotlight__nav{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;margin-bottom:1.75rem;color:var(--bs-accent);font-size:.95rem;font-weight:500;letter-spacing:.02em}.brand-spotlight__nav-btn{-webkit-appearance:none;appearance:none;background:transparent;border:none;padding:.25rem .4rem;margin:0;cursor:pointer;color:inherit;font-size:1.15rem;line-height:1;border-radius:.2rem;transition:color .25s ease,transform .35s cubic-bezier(.34,1.3,.64,1),opacity .2s ease}.brand-spotlight__nav-btn:disabled{opacity:.35;cursor:default}.brand-spotlight__nav-btn:focus-visible{outline:.15rem solid var(--bs-accent);outline-offset:.15rem}@media(hover:hover)and (pointer:fine){.brand-spotlight__nav-btn:not(:disabled):hover{transform:scale(1.15);color:var(--bs-accent);opacity:.85}}.brand-spotlight__counter{min-width:3.5ch;text-align:center;font-variant-numeric:tabular-nums}.brand-spotlight__highlight{border-left:2px solid var(--bs-rule);padding-left:1.15rem;margin:0 0 1.35rem;text-align:left}.brand-spotlight__highlight-line{margin:0;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.35;font-weight:600;color:var(--bs-body)}.brand-spotlight__highlight-line+.brand-spotlight__highlight-line{margin-top:.35rem}.brand-spotlight__highlight-line--muted{font-weight:500;opacity:.92;font-size:.98em}.brand-spotlight__model-list{border-left:2px solid var(--bs-rule);padding-left:1.15rem;margin:0 0 1.35rem;text-align:left}.brand-spotlight__model-list.rte ul,.brand-spotlight__model-list.rte ol{list-style:none;padding:0;margin:0}.brand-spotlight__model-list.rte li{margin:0;padding:0;font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.45}.brand-spotlight__model-list.rte li+li{margin-top:.5rem}.brand-spotlight__model-list.rte p{margin:0}.brand-spotlight__model-list.rte p+p{margin-top:.5rem}.brand-spotlight__body{margin:0;text-align:left;font-size:clamp(.9rem,1.5vw,1rem);line-height:1.65;max-width:36rem}.brand-spotlight__body.rte>p:first-child{margin-top:0}.brand-spotlight__body.rte>p:last-child{margin-bottom:0}.brand-spotlight__bars{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.65rem;margin-top:2rem;padding:0 .5rem}.brand-spotlight__bar{-webkit-appearance:none;appearance:none;border:none;margin:0;padding:.85rem 0rem;min-width:3rem;min-height:2.75rem;box-sizing:border-box;cursor:pointer;flex-shrink:0;background:transparent;border-radius:.35rem;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:transform .4s cubic-bezier(.34,1.3,.64,1),filter .3s ease;-webkit-tap-highlight-color:transparent}.brand-spotlight__bar:after{content:"";display:block;width:2rem;height:.28rem;border-radius:999px;background:var(--bs-accent-muted);transition:width .25s ease,background .25s ease,box-shadow .4s ease;pointer-events:none}.brand-spotlight__bar.is-active:after{width:3.25rem;background:var(--bs-accent)}.brand-spotlight__bar:focus-visible{outline:.2rem solid var(--bs-accent);outline-offset:.15rem}@media(hover:hover)and (pointer:fine){.brand-spotlight__bar:not(.is-active):hover:after{box-shadow:0 0 0 .12rem #0000000f,0 .25rem .75rem #0000002e}.brand-spotlight__bar.is-active:hover{filter:brightness(1.06)}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.brand-spotlight__bar:not(.is-active):hover{transform:scale(1.18)}.brand-spotlight__bar.is-active:hover{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.brand-spotlight__bar:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-brand-spotlight.css.map */