.inspiration {
  position:relative;
  --story-gutter: max(var(--gutter), calc((100% - 1680px) / 2 + var(--gutter)));
  max-width: 1800px;
  margin-inline: auto;
  padding-block: 60px 36px;
  border-bottom: 1px solid var(--line);
  scroll-margin-top: calc(var(--store-header-height) + 20px);
}
.inspiration-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}
.inspiration-heading h2 {font-family:var(--font-latin);font-size:clamp(26px,2.2vw,36px);font-weight:400;letter-spacing:.045em;line-height:1.15}
.inspiration-heading p {margin-top:12px;color:var(--muted);font-size:14px;line-height:1.7}
.inspiration-stage {position:relative}
.inspiration-controls {position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding-inline:max(16px,calc(var(--story-gutter) - 28px));pointer-events:none}
.inspiration-controls button {width:56px;height:56px;display:grid;place-items:center;flex-shrink:0;border:1px solid #e7e2df;border-radius:50%;background:#fff;box-shadow:0 3px 16px #0003;pointer-events:auto;transition:color .2s,border-color .2s}
.inspiration-controls button:disabled {opacity:0;pointer-events:none}
.inspiration-controls svg {width:24px;height:24px}
.inspiration-rail {
  position:relative;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:clamp(236px,22.5vw,340px);
  gap:20px;
  align-items:start;
  list-style:none;
  margin:0;
  padding:6px var(--story-gutter) 24px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:var(--story-gutter);
  scrollbar-width:thin;
  scrollbar-color:var(--red) #f1eeed;
}
/* Keep native dragging, while removing the heavy platform scrollbar chrome. */
@supports selector(::-webkit-scrollbar) {
  .inspiration-rail {scrollbar-width:auto;scrollbar-color:auto}
  .inspiration-rail::-webkit-scrollbar {height:3px}
  .inspiration-rail::-webkit-scrollbar-track {background:#f1eeed;border-radius:999px;margin-inline:var(--story-gutter)}
  .inspiration-rail::-webkit-scrollbar-thumb {background:var(--red);border-radius:999px}
  .inspiration-rail::-webkit-scrollbar-thumb:hover {background:#7f1e2a}
  .inspiration-rail::-webkit-scrollbar-button {display:none;width:0;height:0}
  .inspiration-rail::-webkit-scrollbar-corner {background:transparent}
}
.inspiration-rail li {min-width:0;scroll-snap-align:start}
.inspiration-rail li:nth-child(even) {margin-top:36px}
.inspiration-rail.is-dragging {scroll-snap-type:none;scroll-behavior:auto}
.inspiration-rail.is-dragging,.inspiration-rail.is-dragging .inspiration-card {cursor:grabbing;user-select:none}
.inspiration-rail.is-dragging .inspiration-card img {transform:none}
.inspiration-card {position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:2 / 3;padding:0;overflow:hidden;text-align:left;background:var(--ink);color:#fff;border-radius:8px}
.inspiration-card img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.inspiration-card::after {content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.16) 24%,rgba(0,0,0,.84));z-index:1;pointer-events:none}
.inspiration-caption {position:absolute;bottom:23px;left:24px;right:24px;display:grid;gap:8px;z-index:2}
.inspiration-brand {font-family:var(--font-latin);font-size:12px;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;color:#f2e2de}
.inspiration-car {font-size:clamp(18px,1.4vw,22px);font-weight:600;line-height:1.5}
.inspiration-series {font-size:12px;line-height:1.5;color:#e1ddda;overflow-wrap:anywhere}
.inspiration-link {width:fit-content;margin-top:7px;padding-bottom:3px;border-bottom:1px solid #ffffff80;font-size:12px;line-height:1.7;color:#fff}
.inspiration-hint {margin-top:14px;font-size:12px;color:var(--muted);line-height:1.6}
.inspiration-mouse-hint {display:none}
@media (hover:hover) and (pointer:fine) {
  .inspiration-card {cursor:grab;user-select:none;-webkit-user-drag:none}
  .inspiration-card img {-webkit-user-drag:none}
  .inspiration-mouse-hint {display:inline}
  .inspiration-touch-hint {display:none}
}
@media (hover:hover) {
  .inspiration-card:hover img {transform:scale(1.035)}
  .inspiration-controls button:not(:disabled):hover {border-color:var(--red);color:var(--red)}
}
@media (max-width:760px) {
  .inspiration {padding-block:36px 25px}
  .inspiration-heading {gap:12px;align-items:center;margin-bottom:22px;padding-right:calc(var(--gutter) + 92px)}
  .inspiration-heading h2 {max-width:210px;font-size:25px;line-height:1.15}
  .inspiration-heading p {font-size:12px;margin-top:10px}
  .inspiration-stage {position:static}
  .inspiration-controls {inset:54px var(--gutter) auto auto;gap:7px;padding:0}
  .inspiration-controls button {width:40px;height:40px;box-shadow:none}
  .inspiration-controls button:disabled {opacity:.28}
  .inspiration-controls svg {width:18px;height:18px}
  .inspiration-rail {grid-auto-columns:min(76vw,300px);gap:14px;padding-bottom:20px}
  .inspiration-rail li:nth-child(even) {margin-top:24px}
  .inspiration-caption {left:20px;bottom:21px;right:20px;gap:6px}
  .inspiration-car {font-size:18px}
  .inspiration-hint {font-size:11px;margin-top:12px}
}
@media (max-width:360px) {
  .inspiration-heading h2 {font-size:22px;letter-spacing:.025em}
}
@media (prefers-reduced-motion:reduce) {
  .inspiration-card img,.inspiration-controls button {transition:none}
}