.brand-logo{width:66px;height:70px;object-fit:contain;display:block}

.showcase-section{
  padding:112px 0 34px;
  overflow:hidden;
  background:transparent;
}

.showcase-heading{
  width:min(760px,calc(100% - 40px));
  margin:0 auto 30px;
  text-align:center;
}

.showcase-heading p{
  margin:0 0 11px;
  color:#777;
  font-size:.63rem;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
}

.showcase-heading h1{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.2rem,4.6vw,4.2rem);
  font-weight:400;
  line-height:.98;
  letter-spacing:-.055em;
}

.showcase-heading .showcase-description{
  max-width:560px;
  margin:18px auto 0;
  color:#666;
  font-size:clamp(.9rem,1.4vw,1rem);
  font-weight:400;
  line-height:1.6;
  letter-spacing:0;
  text-transform:none;
}

.store-row{
  width:100%;
  overflow:hidden;
  padding:9px 0;
  pointer-events:none;
  contain:layout paint;
}

.store-track{
  width:max-content;
  display:flex;
  gap:16px;
  padding-left:16px;
  will-change:transform;
}

.row-left .store-track{animation:stores-left 50s linear infinite}
.row-right .store-track{animation:stores-right 54s linear infinite}

.store-card{
  position:relative;
  width:min(510px,78vw);
  aspect-ratio:3 / 2;
  flex:0 0 auto;
  overflow:hidden;
  border:1px solid rgba(20,20,20,.12);
  border-radius:5px;
  background:#dfddd7;
  box-shadow:0 12px 34px rgba(12,12,13,.1);
  isolation:isolate;
}

.store-card>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
}

.integrated-card{background:#f2f1ed}
.integrated-card>img{object-position:center}

.store-nav{
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  width:100%;
  height:42px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  padding:0 17px;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.35);
  font-size:.47rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.store-nav.dark{color:#131313;border-color:rgba(20,20,20,.18)}
.store-nav b{font-family:Georgia,"Times New Roman",serif;font-size:.86rem;letter-spacing:.05em}
.store-nav i{justify-self:end;font-style:normal}

.store-copy{
  position:absolute;
  z-index:2;
  top:75px;
  left:28px;
  color:#fff;
}

.store-copy.right{right:28px;left:auto;text-align:right}
.store-copy.dark{color:#111}
.store-copy small{display:block;margin-bottom:9px;font-size:.48rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}
.store-copy strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:2.12rem;font-weight:400;line-height:.86;letter-spacing:-.055em}
.store-copy em{display:inline-block;margin-top:18px;padding-bottom:3px;border-bottom:1px solid currentColor;font-size:.47rem;font-style:normal;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.store-index{position:absolute;z-index:2;bottom:14px;left:17px;color:#fff;font-size:.45rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.store-index.dark{color:#111}

.fashion-card:after,.kitchen-card:after{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(30,20,15,.55),transparent 58%);
  content:"";
}
.kitchen-card:after{background:linear-gradient(270deg,rgba(255,248,237,.62),transparent 62%)}
.bags-card:after{position:absolute;inset:0;z-index:1;background:linear-gradient(270deg,rgba(45,0,6,.5),transparent 62%);content:""}
.shoes-card:after{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,25,97,.68),transparent 61%);content:""}
.beauty-card:after{position:absolute;inset:0;z-index:1;background:linear-gradient(270deg,rgba(220,227,206,.7),transparent 62%);content:""}

@keyframes stores-left{to{transform:translate3d(calc(-50% - 8px),0,0)}}
@keyframes stores-right{from{transform:translate3d(calc(-50% - 8px),0,0)}to{transform:translate3d(0,0,0)}}

.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.category-grid label{position:relative;cursor:pointer}
.category-grid input{position:absolute;opacity:0;pointer-events:none}
.category-grid label>span{height:92px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid transparent;border-radius:22px 8px 22px 8px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.category-grid b{font-size:1.02rem;letter-spacing:-.02em}
.category-grid label:hover>span{transform:translateY(-2px);box-shadow:0 10px 22px rgba(20,20,20,.1)}
.category-grid input:focus-visible+span{outline:3px solid rgba(17,17,17,.2);outline-offset:3px}
.other-category{grid-column:1/-1}
.other-category span{height:58px!important;border-radius:12px!important}
.other-field{display:block;margin-top:14px}
.other-field>span{display:block;margin-bottom:7px;font-size:.75rem;font-weight:750}
.other-field input{width:100%;height:48px;padding:0 14px;border:1px solid #dcdce1;border-radius:14px;background:#fafafd;outline:none}
.other-field input:focus{border-color:#111;box-shadow:0 0 0 4px rgba(17,17,17,.08)}

@media(max-width:800px){
  .showcase-section{padding-top:92px}
  .showcase-heading{margin-bottom:20px}
  .showcase-heading h1{font-size:2.5rem}
  .store-track{gap:11px;padding-left:11px}
  .store-card{width:82vw;border-radius:4px}
  .store-nav{height:34px;padding:0 12px;font-size:.38rem}
  .store-nav b{font-size:.7rem}
  .store-copy{top:58px;left:18px}
  .store-copy.right{right:18px;left:auto}
  .store-copy small{font-size:.38rem}
  .store-copy strong{font-size:1.55rem}
  .store-copy em{margin-top:12px;font-size:.37rem}
  .store-index{bottom:10px;left:12px;font-size:.36rem}
  .category-grid{grid-template-columns:repeat(2,1fr)}
  .category-grid label>span{height:80px}
}

@media(prefers-reduced-motion:reduce){
  .store-track{animation:none!important;transform:none!important}
}