/* s-studies.css: slider extras (home.css holds the static layout) */
.home-slider { background: var(--slide-bg, #cc3b17); touch-action: pan-y; transition: color .3s linear; border-radius: 0; }
.home-slide { -webkit-user-drag: none; user-select: none; border-radius: 0; }
.home-slide.is-leaving { visibility: visible; }
.home-slide img { -webkit-user-drag: none; pointer-events: none; }
.home-slider.is-dragging .home-slide { cursor: grabbing; }
.home-slider__bar { background: color-mix(in srgb, var(--fg) 35%, transparent); }
.home-slider__fill { background: var(--fg); will-change: transform; }
.home-slider__mid { display: inline-flex; align-items: center; gap: 6px; }
.home-slider__prev, .home-slider__next, .home-slider__toggle {
  color: inherit; text-transform: uppercase; border-radius: 0;
  min-height: 44px; min-width: 44px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center;
}
.home-slider__prev { margin-left: -10px; }
.home-slider__next { margin-right: -10px; }
.home-slider__nav { bottom: 0; height: 56px; }
.home-slider__bar { bottom: 62px; }
.home-slide__year, .home-slide__brand, .home-slide__title { top: calc(var(--nav-h, 56px) + 16px); }
.home-slide__stat { top: auto; bottom: calc(44% + var(--cover) / 2 + 8px); width: var(--cover); }
.home-slider__prev:focus-visible, .home-slider__next:focus-visible, .home-slider__toggle:focus-visible,
.home-slide:focus-visible { outline: 2px solid currentColor; outline-offset: -3px; }
.home-slide__sleeve { border-radius: 0; box-shadow: none; }
/* the record always peeks out of its sleeve; hover or focus slides it further (spin is driven by js/s-studies.js physics) */
.home-slide__disc {
  transform: none;
  translate: 32% 0; /* individual translate is applied INSIDE rotate, so the disc spins about its own centre */
  transition: translate 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  transform-origin: 50% 50%;
  background:
    conic-gradient(from 20deg, rgba(255,255,255,0) 0 8%, rgba(255,255,255,0.16) 12%, rgba(255,255,255,0) 18% 58%, rgba(255,255,255,0.12) 64%, rgba(255,255,255,0) 70%),
    repeating-radial-gradient(circle at 50% 50%, #111 0 3px, #181818 3px 4px);
  will-change: rotate, translate;
}
@media (hover: hover) and (min-width: 768px) {
  html body .home-slide:hover .home-slide__disc, html body .home-slide:focus-visible .home-slide__disc { transform: none; translate: 46% 0; }
}
.home-studies__mail { display: inline-flex; align-items: center; min-height: 44px; }

@media (min-width: 1024px) {
  .home-studies__text { padding-top: calc(var(--nav-h, 56px) + 24px); }
  .home-studies, .home-slider { min-height: 100vh; min-height: 100dvh; }
}

/* Under 1024px: stacked, text above a fixed-height slider */
@media (max-width: 1023px) {
  .home-studies { display: block; min-height: 0; }
  .home-studies__text { padding: calc(var(--nav-h, 56px) + 24px) var(--rg) 32px; }
  .home-studies__title { font-size: clamp(44px, 11vw, 84px); }
  .home-studies__sub { max-width: 40ch; font-size: 16px; line-height: 1.3; }
  .home-studies__talk { margin-top: 24px; }
  .home-slider { min-height: 520px; height: clamp(520px, 70vh, 760px); height: clamp(520px, 70dvh, 760px); }
  .home-slide { --cover: min(46vw, 320px); }
  .home-slide__year, .home-slide__brand, .home-slide__title { top: 24px; }
  .home-slide__title { width: 50%; margin-left: -25%; }
}
@media (max-width: 480px) {
  .home-slide { --cover: min(62vw, 250px); }
  .home-slider__nav { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .home-slider { transition: none; }
  .home-slider__bar, .home-slider__toggle { display: none; }
}

/* tablet + phone: the slider fills the screen (--m-vh set by s-work.js) */
@media (max-width: 1023px) {
  .home-slider { height: var(--m-vh, 100svh); min-height: 560px; }
  .home-slide__year, .home-slide__brand, .home-slide__title { top: calc(var(--nav-h, 56px) + 16px); }
}