/* ================================================================
   자주 수정하는 디자인 설정
   ================================================================ */
:root {
  --bg: #050505;
  --bg-soft: #0b0b0b;
  --text: #f4f4f1;
  --muted: #979793;
  --line: #30302d;
  --accent: #c8ff28;

  --page-pad: clamp(22px, 4.7vw, 76px);
  --header-height: 88px;
  --section-space: clamp(100px, 12vw, 190px);
  --max-width: 1600px;

  --hero-title: clamp(48px, 6.45vw, 118px);
  --section-title: clamp(42px, 5.2vw, 86px);
  --xr-title: clamp(38px, 4.6vw, 76px);

  --poster-columns: 6;
  --poster-ratio: 2 / 3;
  --xr-main-ratio: 16 / 8.4;
  --xr-gallery-ratio: 16 / 9;

  --image-radius: 0px;
  --transition: 420ms cubic-bezier(.2,.75,.25,1);
}