/* r10.css v1, 25 Sep 2026 (round 10): the shop hero + form from Nandita's mockup, the custom-projects photo strip */
.r10-shop .r10-shop__vis{ grid-column:2; grid-row:2; min-width:0; position:relative; }
@media (max-width:900px){ .r10-shop .r10-shop__vis{ grid-column:1; grid-row:3; margin-top:clamp(var(--s6),5vw,var(--s7)); } }
.r10-slider{ position:relative; }
.r10-slider__track{ list-style:none; margin:0; padding:0; display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; border-radius:28px; background:#FFF3F7; }
.r10-slider__track::-webkit-scrollbar{ display:none; }
.r10-slider__slide{ flex:0 0 100%; scroll-snap-align:start; height:clamp(260px,26vw,390px); display:grid; place-items:center; }
.r10-slider__slide img{ width:100%; height:100%; max-height:100%; object-fit:contain; display:block; }
.r10-slider__slide:nth-child(n+2) img{ object-fit:cover; }
.r10-slider__dots{ display:flex; justify-content:center; gap:.5rem; margin-top:.8rem; }
.r10-slider__dots button{ width:10px; height:10px; border-radius:50%; border:0; padding:0; background:#F2C9D8; cursor:pointer; }
.r10-slider__dots button[aria-selected="true"]{ background:#FF6FAE; }
.r10-shop__note{ position:absolute; right:-2%; bottom:16%; background:#FFD8E7; --tilt:-6deg; font-size:1.35rem; z-index:2; }
.r10-shop__list{ margin:1.2rem 0 0; }
.r10-shop__list dt{ font-family:var(--display); font-weight:600; font-size:1.25rem; margin-top:.9rem; padding-top:.9rem; border-top:1px solid var(--line); }
.r10-shop__list dd{ margin:.3rem 0 0; color:var(--ink-2); font-size:.95rem; line-height:1.5; }
.r10-form label:not(.sr){ display:block; font-weight:700; font-size:.85rem; margin-bottom:.3rem; }
.r10-form__row{ display:grid; grid-template-columns:1fr 1fr; gap:.8rem; }
@media (max-width:560px){ .r10-form__row{ grid-template-columns:1fr; } .r10-shop__note{ right:2%; bottom:auto; top:-12px; } }
/* the strip: her finished sneakers and denim slide by; pauses on hover; a plain scroll row under reduced motion */
.r10-strip{ overflow:hidden; padding:clamp(.6rem,1.5vw,1.2rem) 0 clamp(1rem,2vw,1.6rem);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.r10-strip__track{ list-style:none; margin:0; padding:0 clamp(.3rem,.7vw,.5rem); display:flex; gap:clamp(.6rem,1.4vw,1rem); width:max-content; animation:r10-slide 52s linear infinite; }
.r10-strip:hover .r10-strip__track{ animation-play-state:paused; }
.r10-strip__track li{ flex:0 0 auto; width:clamp(150px,17vw,230px); aspect-ratio:2 / 3; border-radius:16px; overflow:hidden; background:#fff; padding:6px; box-shadow:0 8px 24px rgba(30,20,24,.08); transform:rotate(var(--r,0deg)); }
.r10-strip__track li:nth-child(odd){ --r:-1.5deg; } .r10-strip__track li:nth-child(even){ --r:1.5deg; }
.r10-strip__track img{ width:100%; height:100%; object-fit:cover; border-radius:11px; display:block; }
@keyframes r10-slide{ to{ transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce){ .r10-strip{ overflow-x:auto; } .r10-strip__track{ animation:none; } }
