/**
 * Глобальная база: reset, типографика документа и общие примитивы секций.
 * Всё локальное живёт в scoped-стилях компонентов (.astro) и CSS-модулях (острова).
 */
/**
 * Дизайн-токены под согласованный макет (mangee2.webstartpoint.ru).
 * Единственный источник величин: цвета, типографика, отступы, сетка, брейкпоинты.
 * В компонентах — только var(--...), без магических чисел.
 *
 * Визуал ещё будет меняться: правим значения здесь, разметку не трогаем.
 */
:root {
  /* — Палитра снята с макета один в один (sass/page/*.sass) — */
  --color-bg: #342c51; /* фон страницы */
  --color-bg-deep: #2a2342;
  --color-surface: #40344f;
  --color-text: #ffffff;
  --color-muted: #bfbfbf;
  --color-muted-2: #a8a8a8;
  --color-accent: #e6c790;
  --color-ink: #222222;

  /* Фоны разделов — у каждого свой, как в макете */
  --bg-about: #2d2a24; /* «О студии» — тёмно-коричневый */
  --bg-services: #e6dbce; /* «Услуги» — кремовый */
  --bg-equipment: #dddddd77; /* «Оборудование» — светлый с блюром (#ddd7 = alpha 0.467) */
  --bg-rental: #ffffff; /* «Прокат» — белый */
  --bg-contacts-from: #40344f; /* «Контакты» — градиент */
  --bg-contacts-to: #5e888a;

  /* Текст на светлых разделах */
  --color-ink-soft: #444444;
  --color-ink-label: #575757;
  --color-ink-tip: #adadad;
  --color-hover-lilac: #a499cc; /* подсветка пунктов «О студии» */

  /* Плашки внутри светлых разделов */
  --tile-light: rgb(255 255 255 / 0.27);
  --tile-dark: rgb(0 0 0 / 0.07);
  --glass-card: rgb(255 255 255 / 0.13);
  --glass-line: rgb(242 242 244 / 0.13);

  /* Стеклянная плашка меню из макета */
  --color-glass: rgba(130, 153, 195, 0.2);
  --color-line: rgba(255, 255, 255, 0.14);
  --color-scrim-rgb: 26 21 41;

  /* — Типографика — */
  --font-display: 'cinema', 'cinema-fallback', 'Bebas Neue', Impact, sans-serif;
  --font-body: 'Montserrat', 'montserrat-fallback', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  --weight-hairline: 100; /* тексты разделов в макете набраны им */
  --weight-regular: 400;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Плавная шкала: одно значение работает от мобилки до десктопа */
  --text-sm: clamp(0.8rem, 0.76rem + 0.2vw, 0.92rem);
  --text-base: clamp(0.95rem, 0.9rem + 0.25vw, 1.1rem);
  --text-lg: clamp(1.1rem, 1rem + 0.5vw, 1.4rem);
  --text-2xl: clamp(1.6rem, 1.2rem + 1.8vw, 2.8rem);
  /* Текст слайдов в герое. В макете это 3em × 1.4em при базе 15px ≈ 63px,
     поэтому шкала своя, крупнее обычного --text-xl. */

  --leading-tight: 1.05;
  --tracking-wide: 0.14em;

  /* — Отступы (8px-шаг) — */
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* Вертикальный ритм секций: на мобилке сжатый, на десктопе просторный */

  /* — Раскладка — */
  --container-max: 1440px;
  /* Ширина холста макета — от неё считаются все его em-размеры */
  --container-pad: clamp(var(--space-4), 5vw, var(--space-24));
  --header-height: clamp(3.5rem, 5vw, 4.5rem);
  /* Высота «рваного» края между разделами — 60px на холсте макета */
  --edge-height: 4rem;

  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-lg: 20px;

  --transition: 260ms cubic-bezier(0.22, 1, 0.36, 1);
}
/**
 * Брейкпоинты проекта. В CSS-переменных медиазапросы не работают, поэтому
 * значения продублированы здесь как справочник — в коде пишем их числами:
 *   мобилка   — до 640px
 *   планшет   — 641…1024px
 *   десктоп   — от 1025px
 *   широкий   — от 1440px
 */
:root {
}
/**
 * Шрифты макета, самохостинг из /public/font. Только woff2 и только те начертания,
 * которые реально используются, — иначе на страницу приезжает 14 МБ вместо 700 КБ.
 *
 * cinema (Cinematografica) — дисплейный: заголовки, меню, крупные акценты.
 * Montserrat — текстовый: абзацы, списки, подписи.
 * bebas и SAVredina — точечные акценты из макета.
 */
/* — Cinematografica — */
@font-face {
  font-family: 'cinema';
  src: url('/font/cinematografica/Cinematografica-Thin.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'cinema';
  src: url('/font/cinematografica/Cinematografica-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'cinema';
  src: url('/font/cinematografica/Cinematografica-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'cinema';
  src: url('/font/cinematografica/Cinematografica-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'cinema';
  src: url('/font/cinematografica/Cinematografica-Heavy.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* — Montserrat — */
/* Начертаний 100 и 200 в макете нет: там объявлены только 300…700, и вес 100
   подменяется на Light 300. Если добавить настоящий Thin, текст станет уже
   эталона и строки будут переноситься иначе. */
@font-face {
  font-family: 'Montserrat';
  src: url('/font/montserrat/Montserrat-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/font/montserrat/Montserrat-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/font/montserrat/Montserrat-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/font/montserrat/Montserrat-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/font/montserrat/Montserrat-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* — Акцентные начертания макета — */
@font-face {
  font-family: 'bebas';
  src: url('/font/bebas/bebas-neue-light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SAVredina';
  src: url('/font/savredina/SAVredina-ThinUltraCondensed.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
/**
 * Резервные начертания с подогнанными метриками: пока грузится фирменный шрифт,
 * текст рисуется системным той же высоты и ширины — строки не прыгают.
 * Это лечит скачок вёрстки (CLS) на первом экране.
 */
@font-face {
  font-family: 'cinema-fallback';
  src: local('Arial Narrow'), local('Liberation Sans Narrow'), local('Arial');
  size-adjust: 78%;
  ascent-override: 100%;
  descent-override: 22%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'montserrat-fallback';
  src: local('Segoe UI'), local('Roboto'), local('Helvetica Neue'), local('Arial');
  size-adjust: 100%;
  ascent-override: 92%;
  descent-override: 24%;
  line-gap-override: 0%;
}
/**
 * Иконочный шрифт из макета: символы 2 / 3 / 8 — ВКонтакте, Telegram, WhatsApp.
 * Файл взят из репозитория макета (font/social/social_icon.woff2).
 */
@font-face {
  font-family: social;
  src: url('/font/social/social_icon.woff2') format('woff2');
  font-style: normal;
  font-display: block;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
}
/**
 * Макет свёрстан фиксированным холстом 1920px при базе 15px, всё внутри в em.
 * Чтобы десктоп совпадал с ним один в один, масштабируем базовый кегль от ширины
 * экрана: на 1920 получаем ровно 15px и точное попадание, на экранах поменьше
 * пропорции сохраняются. Планшет и мобилка живут по своим правилам — там у
 * макета раскладки нет вовсе.
 */
html {
  font-size: 15px;
  scroll-behavior: smooth;
  /* Якорь не должен уезжать под шапку, которая появляется при скролле */
  scroll-padding-top: calc(var(--header-height) + var(--space-4));
  -webkit-text-size-adjust: 100%;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
body {
  min-height: 100dvh;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: var(--text-base);
  /* Не light: тонкий Montserrat в мелком кегле по тёмному фону не читается */
  font-weight: var(--weight-regular);
  /* В макете интерлиньяж нигде не задан — значит normal. С 1.65 все разделы
     становятся заметно выше эталона. */
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  /* Секции с декоративными краями вылезают за 100vw — горизонтального скролла быть не должно */
  overflow-x: hidden;
}
/* Ни balance, ни pretty: в макете переносы обычные, а эти режимы
   переставляют строки и ломают совпадение с эталоном. */
h1,
h2,
h3,
h4 {
  font-family: var(--font-display);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
}
img,
video,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}
/* Атрибут hidden должен работать и на медиа: правило выше перебивает
   браузерное [hidden] { display: none }, из-за чего скрытые иконки видны. */
[hidden] {
  display: none !important;
}
a {
  color: inherit;
  text-decoration: none;
  transition: color var(--transition);
}
a:hover {
  color: var(--color-accent);
}
:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
}
ul,
ol {
  list-style: none;
  padding: 0;
}
/* — Общие примитивы раскладки — */
/* Ширина контента с полями; одинакова во всех секциях */
.container {
  width: min(100% - 2 * var(--container-pad), var(--container-max));
  margin-inline: auto;
}
/* Скрыто визуально, но доступно скринридеру */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
/* На узких экранах шапка выше: логотип не помещался по высоте и упирался
   в края плашки. Токен, а не height, — от него же считается scroll-padding. */
@media (max-width: 900px) {
  :root {
    --header-height: 5.6rem;
  }
}
@media (min-width: 1025px) {
  html {
    /* 15 / 1920 = 0.78125vw */
    font-size: clamp(11px, 0.78125vw, 15px);
  }

  /* В макете body = 1em базы, то есть ровно 15px на 1920. Наш --text-base
     упирается в 1.1rem (16,5px) — он нужен мобилке и планшету, где текст
     просили крупнее, но на десктопе ломает наследование от эталона. */
  body {
    font-size: 1rem;
  }
}
.header[data-astro-cid-vwn3tmth] {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: 50;
  height: var(--header-height);
  display: flex;
  align-items: center;
  transform: translateY(-100%);
  opacity: 0;
  transition: transform var(--transition),
      opacity var(--transition);
}

.header--visible[data-astro-cid-vwn3tmth], .header--open[data-astro-cid-vwn3tmth] {
  transform: none;
  opacity: 1;
}

.header__inner[data-astro-cid-vwn3tmth] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  height: 100%;
  padding-inline: var(--space-4);
  border-radius: var(--radius-md);
  background: var(--color-glass);
  backdrop-filter: blur(.5em);
  -webkit-backdrop-filter: blur(.5em);
}

.header__brand[data-astro-cid-vwn3tmth] {
  flex: none;
}

.header__brand[data-astro-cid-vwn3tmth] img[data-astro-cid-vwn3tmth] {
  width: clamp(84px, 9vw, 120px);
  height: auto;
}

.header__list[data-astro-cid-vwn3tmth] {
  display: flex;
  align-items: center;
  gap: clamp(var(--space-2), 1.6vw, var(--space-8));
  margin: 0;
}

.header__link[data-astro-cid-vwn3tmth] {
  font-family: var(--font-display);
  font-weight: var(--weight-bold);
  font-size: var(--text-base);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  white-space: nowrap;
}

.header__burger[data-astro-cid-vwn3tmth] {
  display: none;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  position: relative;
}

.header__burger-line[data-astro-cid-vwn3tmth], .header__burger-line[data-astro-cid-vwn3tmth]:before, .header__burger-line[data-astro-cid-vwn3tmth]:after {
  position: absolute;
  left: 50%;
  width: 1.5rem;
  height: 2px;
  background: currentColor;
  transform: translateX(-50%);
  transition: transform var(--transition), opacity var(--transition);
}

.header__burger-line[data-astro-cid-vwn3tmth] {
  top: 50%;
  translate: 0 -50%;
}

.header__burger-line[data-astro-cid-vwn3tmth]:before, .header__burger-line[data-astro-cid-vwn3tmth]:after {
  content: "";
}

.header__burger-line[data-astro-cid-vwn3tmth]:before {
  top: -7px;
}

.header__burger-line[data-astro-cid-vwn3tmth]:after {
  top: 7px;
}

.header--open[data-astro-cid-vwn3tmth] .header__burger-line[data-astro-cid-vwn3tmth] {
  background: none;
}

.header--open[data-astro-cid-vwn3tmth] .header__burger-line[data-astro-cid-vwn3tmth]:before {
  top: 0;
  transform: translateX(-50%) rotate(45deg);
}

.header--open[data-astro-cid-vwn3tmth] .header__burger-line[data-astro-cid-vwn3tmth]:after {
  top: 0;
  transform: translateX(-50%) rotate(-45deg);
}

.mobile[data-astro-cid-vwn3tmth] {
  position: fixed;
  inset: 0;
  z-index: -1;
  display: grid;
  place-items: center;
  background: var(--color-bg-deep);
}

.mobile[data-astro-cid-vwn3tmth][hidden] {
  display: none;
}

.mobile__list[data-astro-cid-vwn3tmth] {
  display: grid;
  gap: var(--space-6);
  text-align: center;
  margin: 0;
}

.mobile__link[data-astro-cid-vwn3tmth] {
  font-family: var(--font-display);
  font-weight: var(--weight-bold);
  font-size: var(--text-2xl);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}

@media (width <= 1024px) {
  .header__list[data-astro-cid-vwn3tmth] {
    gap: var(--space-3);
  }

  .header__link[data-astro-cid-vwn3tmth] {
    font-family: var(--font-body);
    font-weight: var(--weight-semibold);
    font-size: .95em;
    letter-spacing: .04em;
  }
}

@media (width <= 900px) {
  .header__nav[data-astro-cid-vwn3tmth] {
    display: none;
  }

  .header__burger[data-astro-cid-vwn3tmth] {
    display: block;
  }

  .header__brand[data-astro-cid-vwn3tmth] img[data-astro-cid-vwn3tmth] {
    width: auto;
    height: 4rem;
  }

  .header__inner[data-astro-cid-vwn3tmth] {
    padding-inline: var(--space-6);
  }

  .header__burger[data-astro-cid-vwn3tmth] {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: -.4rem;
  }

  .header__burger-line[data-astro-cid-vwn3tmth], .header__burger-line[data-astro-cid-vwn3tmth]:before, .header__burger-line[data-astro-cid-vwn3tmth]:after {
    width: 1.8rem;
    height: 2.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .header[data-astro-cid-vwn3tmth] {
    transition: none;
  }
}

@media (width >= 1025px) {
  .header[data-astro-cid-vwn3tmth], .header--visible[data-astro-cid-vwn3tmth], .header--open[data-astro-cid-vwn3tmth] {
    display: none;
  }
}
.player[data-astro-cid-ncl4m33i] {
  position: fixed;
  z-index: 999;
  right: -700px;
  bottom: 30px;
  width: 600px;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 15px 0 15px 15px;
  background: #0009;
  backdrop-filter: blur(7.5px);
  -webkit-backdrop-filter: blur(7.5px);
  color: #a8a8a8;
  font-family: var(--font-body);
  font-weight: var(--weight-hairline);
  opacity: .1;
  transition: right .3s, opacity .3s;
}

.player--open[data-astro-cid-ncl4m33i] {
  right: 30px;
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .player[data-astro-cid-ncl4m33i] {
    transition: none;
  }
}

.player__panel[data-astro-cid-ncl4m33i] {
  position: absolute;
  z-index: 1;
  top: -16.5px;
  right: 0;
  height: 0;
  display: flex;
  padding: 9px 15px 7.5px;
  border-radius: 21px 21px 0 0;
  background: #0009;
  backdrop-filter: blur(7.5px);
  -webkit-backdrop-filter: blur(7.5px);
  color: #fff;
}

.player__icon[data-astro-cid-ncl4m33i] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-right: 15px;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  cursor: pointer;
}

.player__icon[data-astro-cid-ncl4m33i]:last-child {
  margin-right: 0;
}

.player__container[data-astro-cid-ncl4m33i] {
  position: relative;
  flex: none;
  height: 96px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.player__wav[data-astro-cid-ncl4m33i] {
  position: absolute;
  left: 17px;
  top: -15px;
  width: 576px;
  height: auto;
  opacity: .1;
  pointer-events: none;
}

.player__info[data-astro-cid-ncl4m33i] {
  position: relative;
  width: 500px;
  padding-left: 15px;
}

.player__info[data-astro-cid-ncl4m33i] p[data-astro-cid-ncl4m33i] {
  margin: 0;
}

.player__label[data-astro-cid-ncl4m33i] {
  font-size: 13.5px;
  font-weight: var(--weight-hairline);
}

.player__band[data-astro-cid-ncl4m33i] {
  font-size: 16.5px;
  font-weight: var(--weight-bold);
}

.player__song[data-astro-cid-ncl4m33i] {
  font-size: 15px;
  font-weight: var(--weight-hairline);
}

.player__controls[data-astro-cid-ncl4m33i] {
  position: relative;
  right: 150px;
  top: 3.75px;
  display: flex;
  width: 100px;
}

.player__time[data-astro-cid-ncl4m33i] {
  position: relative;
  flex: none;
  top: 7.5px;
  padding: 4.5px;
  font-size: 15px;
  white-space: nowrap;
}

.player__control[data-astro-cid-ncl4m33i] {
  flex: none;
  width: 41px;
  height: 45px;
  padding: 4.5px;
  border: 0;
  background: none;
  color: inherit;
  cursor: pointer;
  transition: color .5s;
}

.player__icon[data-astro-cid-ncl4m33i]:hover, .player__control[data-astro-cid-ncl4m33i]:hover {
  color: #fff;
}

.player__line[data-astro-cid-ncl4m33i] {
  --прогресс: 0%;
  position: relative;
  top: -11.25px;
  width: 580px;
  height: 4.5px;
  margin: 0 0 0 10px;
  padding: 0;
  border-radius: 0;
  background: linear-gradient(to right, gray 0 var(--прогресс), #bfbfbf var(--прогресс) 100%);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.player__line[data-astro-cid-ncl4m33i]::-webkit-slider-thumb {
  width: 12px;
  height: 12px;
  background: none;
  appearance: none;
  -webkit-appearance: none;
}

.player__line[data-astro-cid-ncl4m33i]::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border: 0;
  background: none;
}

.player__line[data-astro-cid-ncl4m33i]:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
}

.playlist[data-astro-cid-ncl4m33i] {
  position: absolute;
  right: 0;
  bottom: 100%;
  max-height: 240px;
  width: 260px;
  margin: 0;
  padding: 6px;
  overflow-y: auto;
  border-radius: 15px 15px 0 0;
  background: #000000d1;
  backdrop-filter: blur(7.5px);
  -webkit-backdrop-filter: blur(7.5px);
  list-style: none;
}

.playlist li {
  margin: 0;
}

.playlist__item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 40px;
  padding: 8px 12px;
  border: 0;
  border-radius: 10px;
  background: none;
  color: #d5d5d5;
  font: inherit;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
  transition: background .2s, color .2s;
}

.playlist__item:before {
  content: "";
  flex: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  opacity: .35;
}

.playlist__item span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.playlist__item:hover {
  background: #ffffff12;
  color: #fff;
}

.playlist__item[aria-current="true"] {
  background: #ffffff1a;
  color: #fff;
}

.playlist__item[aria-current="true"]:before {
  background: var(--color-accent);
  opacity: 1;
}

@media (width <= 660px) {
  .player[data-astro-cid-ncl4m33i] {
    right: -100vw;
    bottom: 0;
    width: 100%;
    height: auto;
    background: #191322;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-radius: 16px 0 0;
  }

  .player--open[data-astro-cid-ncl4m33i] {
    right: 0;
  }

  .player__panel[data-astro-cid-ncl4m33i] {
    z-index: 2;
    top: auto;
    bottom: 100%;
    right: 0;
    height: auto;
    padding: 10px 20px 0;
    border-radius: 16px 0 0;
    background: #191322;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .player__panel[data-astro-cid-ncl4m33i]:before {
    content: "";
    position: absolute;
    left: -16px;
    bottom: 0;
    width: 16px;
    height: 16px;
    background: radial-gradient(circle at 0 0, #0000 16px, #191322 16px);
  }

  .player__container[data-astro-cid-ncl4m33i] {
    height: auto;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    padding: 5px 16px 18px;
  }

  .player__wav[data-astro-cid-ncl4m33i] {
    display: none;
  }

  .player__info[data-astro-cid-ncl4m33i] {
    flex: 1;
    width: auto;
    min-width: 0;
    padding-left: 0;
  }

  .player__label[data-astro-cid-ncl4m33i], .player__band[data-astro-cid-ncl4m33i], .player__song[data-astro-cid-ncl4m33i] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .player__controls[data-astro-cid-ncl4m33i] {
    position: static;
    flex: none;
    width: auto;
    margin-left: auto;
    align-items: center;
    gap: 4px;
  }

  .player__time[data-astro-cid-ncl4m33i] {
    top: 0;
    padding-right: 8px;
  }

  .player__line[data-astro-cid-ncl4m33i] {
    top: 0;
    width: calc(100% - 24px);
    margin: 0 12px 12px;
  }

  .playlist[data-astro-cid-ncl4m33i] {
    width: 100%;
    bottom: 100%;
    border-radius: 16px 0 0;
    background: #191322;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: 0 -12px 24px #00000059;
  }

  .player[data-astro-cid-ncl4m33i]:has(.playlist:not([hidden])) {
    border-top-left-radius: 0;
  }
}
.skip-link[data-astro-cid-tq46r5sz] {
  position: absolute;
  left: var(--space-4);
  top: -4rem;
  z-index: 60;
  padding: var(--space-2) var(--space-4);
  background: var(--color-accent);
  color: var(--color-ink);
  border-radius: var(--radius-sm);
  transition: top var(--transition);
}

.skip-link[data-astro-cid-tq46r5sz]:focus {
  top: var(--space-4);
}
.hero[data-astro-cid-yodha2z4] {
  position: relative;
  aspect-ratio: 16 / 7.328;
  min-height: 40em;
  overflow: hidden;
}

.hero__media[data-astro-cid-yodha2z4] {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.hero__video[data-astro-cid-yodha2z4] {
  position: fixed;
  z-index: -1;
  height: 100%;
  max-height: 1080px;
  aspect-ratio: 16 / 7.328;
  object-fit: cover;
  object-position: center center;
  will-change: transform;
  animation: linear both hero-video-parallax;
  animation-timeline: scroll(root);
  animation-range: 0 800px;
}

@keyframes hero-video-parallax {
  0% {
    transform: translateY(0);
  }

  99% {
    transform: translateY(-440px);
  }
}

.hero__stage[data-astro-cid-yodha2z4] {
  position: relative;
  z-index: 1;
  height: 100%;
}

.hero__logo[data-astro-cid-yodha2z4] {
  position: absolute;
  top: 7rem;
  left: 17rem;
  width: 28rem;
  height: 24rem;
  object-fit: cover;
  animation: 1s .3s both hero-logo;
}

@keyframes hero-logo {
  from {
    opacity: 0;
    transform: translateY(-3em);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.hero__nav[data-astro-cid-yodha2z4] {
  position: absolute;
  top: 30rem;
  left: 6rem;
  height: 4rem;
  border-radius: 1rem;
  background: var(--color-glass);
  backdrop-filter: blur(.5em);
  -webkit-backdrop-filter: blur(.5em);
}

.hero__nav[data-astro-cid-yodha2z4] ul[data-astro-cid-yodha2z4] {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0;
}

.hero__nav[data-astro-cid-yodha2z4] a[data-astro-cid-yodha2z4] {
  display: block;
  padding-inline: 1em;
  font-family: var(--font-display);
  font-weight: var(--weight-bold);
  font-size: 2rem;
  color: var(--color-text);
  text-transform: uppercase;
  white-space: nowrap;
}

.hero__nav[data-astro-cid-yodha2z4] a[data-astro-cid-yodha2z4]:hover {
  color: var(--color-accent);
}

.hero__slider[data-astro-cid-yodha2z4] {
  position: absolute;
  top: 13em;
  left: -6em;
  width: 80%;
  display: block;
  text-align: center;
  font-family: var(--font-display);
  font-weight: var(--weight-hairline);
  font-size: 3rem;
}

.hero__slide[data-astro-cid-yodha2z4] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 0;
  font-size: 1.4em;
  line-height: .9;
  opacity: 0;
  animation: 18s ease-in-out infinite hero-slide;
  animation-delay: calc(var(--slide-index) * 6s);
}

.hero__slide[data-astro-cid-yodha2z4] p[data-astro-cid-yodha2z4] {
  margin: 0;
  opacity: 0;
  transform: translateY(1.5em);
  animation: 18s ease-out infinite hero-line;
  animation-delay: calc(var(--slide-index) * 6s - 3s + var(--line-index) * .3s);
}

@keyframes hero-slide {
  0%, 45% {
    opacity: 1;
  }

  50%, 95% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes hero-line {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  8%, 45% {
    opacity: 1;
    transform: translateY(0);
  }

  50%, 100% {
    opacity: 0;
    transform: translateY(0);
  }
}

@media (width <= 1024px) {
  .hero[data-astro-cid-yodha2z4] {
    aspect-ratio: auto;
    min-height: 100svh;
    display: grid;
    align-content: center;
    gap: 3em;
    padding: 6em var(--container-pad) 5em;
  }

  .hero__stage[data-astro-cid-yodha2z4] {
    display: grid;
    justify-items: center;
    gap: 3em;
    height: auto;
  }

  .hero__logo[data-astro-cid-yodha2z4], .hero__nav[data-astro-cid-yodha2z4], .hero__slider[data-astro-cid-yodha2z4] {
    position: static;
    translate: none;
  }

  .hero__logo[data-astro-cid-yodha2z4] {
    width: min(60%, 24em);
    height: auto;
    object-fit: contain;
  }

  .hero__video[data-astro-cid-yodha2z4] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    aspect-ratio: auto;
    animation: none;
  }

  .hero__nav[data-astro-cid-yodha2z4] {
    display: none;
  }

  .hero__slider[data-astro-cid-yodha2z4] {
    width: 100%;
    font-size: 1.6em;
    font-weight: var(--weight-regular);
    text-shadow: 0 .04em .15em #000000d9, 0 .08em .6em #0009;
  }

  .hero__slide[data-astro-cid-yodha2z4] {
    position: relative;
    grid-area: 1 / 1;
    height: auto;
  }

  .hero__slider[data-astro-cid-yodha2z4] {
    display: grid;
    align-items: center;
    min-height: 8em;
  }
}

@media (width <= 640px) {
  .hero[data-astro-cid-yodha2z4] {
    min-height: 92svh;
  }

  .hero__slider[data-astro-cid-yodha2z4] {
    font-size: 1.25em;
    font-weight: var(--weight-regular);
  }

  .hero__slide[data-astro-cid-yodha2z4] {
    font-size: 1.5em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero__logo[data-astro-cid-yodha2z4], .hero__slide[data-astro-cid-yodha2z4], .hero__slide[data-astro-cid-yodha2z4] {
    opacity: 0;
  }

  .hero__slide[data-astro-cid-yodha2z4]:first-child {
    opacity: 1;
  }
}
.edge[data-astro-cid-tj3xebj6] {
  position: absolute;
  left: 0;
  z-index: 10;
  width: 100%;
  height: var(--edge-height);
  background-image: var(--edge-src);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}

.edge--top[data-astro-cid-tj3xebj6] {
  top: calc(-1 * var(--edge-height) + 1px);
}

.edge--top-inset[data-astro-cid-tj3xebj6] {
  top: 0;
}

.edge--bottom[data-astro-cid-tj3xebj6] {
  bottom: 0;
  transform: scaleY(-1);
}
.about[data-astro-cid-5gtlsymu] {
  position: relative;
  background: var(--bg-about);
  font-family: var(--font-body);
  font-weight: var(--weight-hairline);
  line-height: normal;
}

.scrolldown[data-astro-cid-5gtlsymu] {
  position: absolute;
  top: 14px;
  left: 50%;
  translate: -50%;
  z-index: 2;
  display: grid;
  justify-items: center;
  gap: 0;
  opacity: .5;
  animation: linear forwards scrolldown-hide;
  animation-timeline: scroll();
  animation-range: 0 150px;
}

@keyframes scrolldown-hide {
  to {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
  }
}

.scrolldown__mouse[data-astro-cid-5gtlsymu] {
  width: 64px;
  height: 64px;
  background: url("/img/icons/icon_mouse.svg") center / contain no-repeat;
}

.scrolldown__arrow[data-astro-cid-5gtlsymu] {
  position: relative;
  width: 40px;
  height: 40px;
  background: url("/img/icons/icon_arrowdown.svg") center / contain no-repeat;
  animation: 1s infinite alternate scrolldown-arrow;
}

@keyframes scrolldown-arrow {
  0% {
    top: -1em;
  }

  100% {
    top: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .scrolldown__arrow[data-astro-cid-5gtlsymu] {
    animation: none;
  }
}

.about__inner[data-astro-cid-5gtlsymu] {
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding: 5rem 20px 10rem 0;
}

.about__scheme[data-astro-cid-5gtlsymu] {
  position: absolute;
  left: 1.53rem;
  top: 10.4rem;
  width: 67.13rem;
}

.about__scheme[data-astro-cid-5gtlsymu] img[data-astro-cid-5gtlsymu] {
  width: 100%;
  height: auto;
}

.about__text[data-astro-cid-5gtlsymu] {
  position: relative;
  right: 10em;
  width: 48rem;
  font-size: 1.2rem;
}

.about__title[data-astro-cid-5gtlsymu] {
  position: relative;
  left: -12rem;
  top: -3rem;
  width: 48rem;
  margin-block: 6rem;
  font-family: var(--font-display);
  font-weight: var(--weight-hairline);
  font-size: 6rem;
  line-height: normal;
  white-space: nowrap;
  color: var(--color-text);
}

.about__lead[data-astro-cid-5gtlsymu] {
  margin-top: -4.8rem;
  width: 48rem;
  font-size: 1.2rem;
  font-weight: var(--weight-hairline);
  line-height: normal;
  color: var(--color-text);
}

.zones[data-astro-cid-5gtlsymu] {
  display: block;
  margin-block: 1.2rem;
  padding-left: 2.67rem;
}

.zone[data-astro-cid-5gtlsymu] {
  padding: 1.2rem;
  transition: color var(--transition);
}

.zone[data-astro-cid-5gtlsymu]:hover {
  color: var(--color-hover-lilac);
  cursor: pointer;
}

.zone__title[data-astro-cid-5gtlsymu] {
  font-family: var(--font-body);
  font-size: 1.2rem;
  font-weight: var(--weight-bold);
  line-height: normal;
  color: inherit;
}

.zone__text[data-astro-cid-5gtlsymu] {
  font-size: 1.2rem;
  font-weight: var(--weight-regular);
  line-height: normal;
  color: inherit;
}

.gallery[data-astro-cid-5gtlsymu] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 10rem;
}

.gallery__title[data-astro-cid-5gtlsymu] {
  box-sizing: content-box;
  position: absolute;
  top: -1.6rem;
  width: 70%;
  padding: 4rem;
  font-family: var(--font-display);
  font-weight: var(--weight-hairline);
  font-size: 8rem;
  line-height: normal;
  text-transform: uppercase;
  color: var(--color-text);
}

.gallery__photos[data-astro-cid-5gtlsymu] {
  display: flex;
  align-items: center;
  margin: 0;
  padding-top: 10rem;
}

.gallery__photos[data-astro-cid-5gtlsymu] img[data-astro-cid-5gtlsymu] {
  box-sizing: content-box;
  width: 640px;
  height: auto;
  padding: 1rem;
  border-radius: 2rem;
  opacity: .8;
  zoom: .75;
  transition: opacity var(--transition),
      transform var(--transition);
}

.gallery__photos[data-astro-cid-5gtlsymu] img[data-astro-cid-5gtlsymu]:hover {
  opacity: 1;
  transform: scale(1.05);
}

@media (width <= 1024px) {
  .scrolldown[data-astro-cid-5gtlsymu] {
    top: auto;
    bottom: 100%;
    margin-bottom: 1.5rem;
  }

  .about__inner[data-astro-cid-5gtlsymu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 3em;
    padding: 4em var(--container-pad) 5em;
  }

  .about__scheme[data-astro-cid-5gtlsymu] {
    position: static;
    width: 100%;
    margin: 0;
  }

  .about__text[data-astro-cid-5gtlsymu] {
    position: static;
    width: auto;
    font-size: 1.1em;
  }

  .about__title[data-astro-cid-5gtlsymu] {
    position: static;
    width: auto;
    margin-block: 0 .6em;
    font-weight: var(--weight-regular);
    font-size: 2.6em;
    line-height: 1.05;
    white-space: normal;
  }

  .about__lead[data-astro-cid-5gtlsymu] {
    width: auto;
    margin-top: 0;
    font-size: 1em;
  }

  .zones[data-astro-cid-5gtlsymu] {
    padding-left: 0;
  }

  .zone[data-astro-cid-5gtlsymu] {
    padding: .8em 0;
  }

  .zone__title[data-astro-cid-5gtlsymu], .zone__text[data-astro-cid-5gtlsymu] {
    font-size: 1em;
  }

  .gallery[data-astro-cid-5gtlsymu] {
    padding: 0 var(--container-pad) 5em;
  }

  .gallery__title[data-astro-cid-5gtlsymu] {
    box-sizing: border-box;
    position: static;
    width: 100%;
    padding: 0 0 .4em;
    font-weight: var(--weight-regular);
    font-size: 3.5em;
    line-height: 1.05;
  }

  .gallery__photos[data-astro-cid-5gtlsymu] {
    gap: 1em;
    padding-top: 0;
  }

  .gallery__photos[data-astro-cid-5gtlsymu] img[data-astro-cid-5gtlsymu] {
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    zoom: 1;
  }

  .gallery__photos[data-astro-cid-5gtlsymu] li[data-astro-cid-5gtlsymu] {
    min-width: 0;
  }
}

@media (width <= 640px) {
  .about__title[data-astro-cid-5gtlsymu] {
    font-size: 2em;
  }

  .gallery__title[data-astro-cid-5gtlsymu] {
    font-size: 2.5em;
  }

  .gallery__photos[data-astro-cid-5gtlsymu] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 78%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    margin-inline: calc(-1 * var(--container-pad));
    padding-inline: var(--container-pad);
    scrollbar-width: none;
  }

  .gallery__photos[data-astro-cid-5gtlsymu]::-webkit-scrollbar {
    display: none;
  }

  .gallery__photos[data-astro-cid-5gtlsymu] li[data-astro-cid-5gtlsymu] {
    scroll-snap-align: start;
  }

  .gallery__photos[data-astro-cid-5gtlsymu] img[data-astro-cid-5gtlsymu] {
    border-radius: 1em;
  }
}
.works[data-astro-cid-geuyln5f] {
  position: relative;
  background: none;
  padding: 0 0 10rem;
  font-family: var(--font-body);
  font-weight: var(--weight-hairline);
}

.works__inner[data-astro-cid-geuyln5f] {
  display: block;
  width: 100%;
  padding-top: 4rem;
}

.works__title[data-astro-cid-geuyln5f] {
  position: relative;
  top: .8em;
  left: 2.35em;
  width: 4.3em;
  margin: 0 0 6rem;
  font-family: var(--font-display);
  font-weight: var(--weight-hairline);
  font-size: 8rem;
  line-height: .1;
  text-align: center;
  text-transform: uppercase;
  color: var(--color-text);
}

.works__list[data-astro-cid-geuyln5f] {
  box-sizing: content-box;
  position: relative;
  left: 15rem;
  width: 50rem;
  margin-top: 10rem;
  padding: 3rem;
  border-radius: 1rem;
  background: var(--glass-card);
  backdrop-filter: blur(2.5em);
  -webkit-backdrop-filter: blur(2.5em);
  color: var(--color-bg);
}

.release[data-astro-cid-geuyln5f] {
  margin: 1rem;
  padding: .5rem;
  border: 1px solid var(--glass-line);
  border-radius: 1rem;
  transition: background var(--transition);
}

.release[data-astro-cid-geuyln5f]:has(.release__button:hover:not(:disabled)) {
  background: #f3f3f321;
}

.release__button[data-astro-cid-geuyln5f] {
  width: 100%;
  display: grid;
  grid-template-columns: 3.87rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--color-text);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background var(--transition);
}

.release__button[data-astro-cid-geuyln5f]:disabled {
  cursor: default;
  opacity: .55;
}

.release__wave[data-astro-cid-geuyln5f] {
  width: 3.67rem;
  height: 4rem;
  margin: .1rem;
  border-radius: 1rem;
  background: silver url("/img/wav.gif") center / 120% no-repeat;
  opacity: .75;
}

.release__name[data-astro-cid-geuyln5f] {
  padding-left: 1rem;
  font-size: 1rem;
  font-weight: var(--weight-semibold);
}

.release__meta[data-astro-cid-geuyln5f] {
  display: flex;
  font-size: 1rem;
  font-weight: var(--weight-semibold);
  white-space: nowrap;
}

.release__meta[data-astro-cid-geuyln5f] span[data-astro-cid-geuyln5f] {
  padding-left: 1rem;
}

.release__meta[data-astro-cid-geuyln5f] span[data-astro-cid-geuyln5f]:last-child {
  padding-right: 2rem;
}

@media (width <= 1024px) {
  .works[data-astro-cid-geuyln5f] {
    background: var(--color-bg);
    padding: 4em 0 5em;
  }

  .works__inner[data-astro-cid-geuyln5f] {
    width: min(100% - 2 * var(--container-pad), 56rem);
    margin-inline: auto;
    padding-top: 0;
  }

  .works__list[data-astro-cid-geuyln5f] {
    box-sizing: border-box;
    position: static;
    width: 100%;
  }

  .works__title[data-astro-cid-geuyln5f] {
    position: static;
    width: auto;
    font-weight: var(--weight-regular);
    font-size: 3.5em;
    line-height: 1.05;
  }

  .works__list[data-astro-cid-geuyln5f] {
    margin-top: 2rem;
    padding: 1.5em;
  }
}

@media (width <= 640px) {
  .works[data-astro-cid-geuyln5f] {
    padding: 3em 0 5em;
  }

  .works__title[data-astro-cid-geuyln5f] {
    font-size: 2.5em;
  }

  .works__list[data-astro-cid-geuyln5f] {
    padding: 1em;
  }

  .release__button[data-astro-cid-geuyln5f] {
    grid-template-columns: 3em minmax(0, 1fr);
    gap: 1em;
  }

  .release__wave[data-astro-cid-geuyln5f] {
    width: 3em;
    height: 3em;
  }

  .release__meta[data-astro-cid-geuyln5f] {
    grid-column: 1 / -1;
    gap: 1em;
    font-size: .85em;
  }
}

.release-modal[data-astro-cid-geuyln5f] {
  margin: auto;
  width: min(100% - 2 * var(--space-4), 60rem);
  max-height: 90svh;
  padding: clamp(var(--space-4), 3vw, var(--space-12));
  border: 1px solid var(--color-line);
  border-radius: var(--radius-lg);
  background: var(--color-bg);
  color: var(--color-text);
  overflow: auto;
}

.release-modal[data-astro-cid-geuyln5f]::backdrop {
  background: rgb(var(--color-scrim-rgb) / .8);
  backdrop-filter: blur(.3em);
}

.release-modal__close[data-astro-cid-geuyln5f] {
  position: sticky;
  top: 0;
  margin-left: auto;
  display: block;
  padding: var(--space-2);
  background: none;
  border: 0;
  color: var(--color-muted);
  font-size: var(--text-lg);
  cursor: pointer;
}

.release-modal__close[data-astro-cid-geuyln5f]:hover {
  color: var(--color-text);
}

.release-modal__body[data-astro-cid-geuyln5f] {
  display: grid;
  grid-template-columns: minmax(0, 20rem) minmax(0, 1fr);
  gap: clamp(var(--space-6), 3vw, var(--space-12));
  align-items: start;
}

.release-modal__cover[data-astro-cid-geuyln5f] {
  width: 100%;
  height: auto;
  border-radius: var(--radius-md);
}

.release-modal__info[data-astro-cid-geuyln5f] {
  display: grid;
  gap: var(--space-2);
}

.release-modal__artist[data-astro-cid-geuyln5f] {
  color: var(--color-accent);
  font-weight: var(--weight-semibold);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.release-modal__album[data-astro-cid-geuyln5f] {
  font-family: var(--font-body);
  font-size: var(--text-2xl);
  font-weight: var(--weight-bold);
}

.release-modal__meta[data-astro-cid-geuyln5f] {
  color: var(--color-muted);
  font-size: var(--text-sm);
}

.release-modal__label[data-astro-cid-geuyln5f] {
  margin-top: var(--space-4);
  color: var(--color-muted-2);
  font-size: var(--text-sm);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}

.release-modal__tracks[data-astro-cid-geuyln5f] {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  counter-reset: track;
}

.release-modal__track[data-astro-cid-geuyln5f] {
  width: 100%;
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3);
  background: none;
  border: 0;
  border-radius: var(--radius-sm);
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background var(--transition);
}

.release-modal__track[data-astro-cid-geuyln5f]:hover {
  background: var(--color-surface);
}

.release-modal__num[data-astro-cid-geuyln5f] {
  color: var(--color-muted-2);
  font-variant-numeric: tabular-nums;
}

.release-modal__play[data-astro-cid-geuyln5f] {
  color: var(--color-accent);
  font-size: var(--text-sm);
  opacity: 0;
  transition: opacity var(--transition);
}

.release-modal__track[data-astro-cid-geuyln5f]:hover .release-modal__play[data-astro-cid-geuyln5f], .release-modal__track[data-astro-cid-geuyln5f]:focus-visible .release-modal__play[data-astro-cid-geuyln5f] {
  opacity: 1;
}

@media (width <= 768px) {
  .release-modal__body[data-astro-cid-geuyln5f] {
    grid-template-columns: minmax(0, 1fr);
  }

  .release-modal__cover[data-astro-cid-geuyln5f] {
    max-width: 16rem;
  }
}
.services[data-astro-cid-j2lavqje] {
  position: relative;
  font-family: var(--font-body);
  font-weight: var(--weight-hairline);
}

.services__content[data-astro-cid-j2lavqje] {
  display: flow-root;
  position: relative;
  z-index: 10;
  background: var(--bg-services);
  color: var(--color-ink-soft);
  padding-bottom: 6rem;
}

.services__title[data-astro-cid-j2lavqje] {
  position: relative;
  left: .35em;
  margin: .5em 2em 0;
  font-family: var(--font-display);
  font-weight: var(--weight-hairline);
  font-size: 8rem;
  line-height: normal;
  text-transform: uppercase;
}

.services__title[data-astro-cid-j2lavqje]:after {
  content: "";
  position: absolute;
  left: -.35em;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--color-ink);
}

.services__container[data-astro-cid-j2lavqje] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 94.67rem;
  margin-inline: auto;
}

.services__column[data-astro-cid-j2lavqje] {
  display: block;
  margin: 0;
}

.services__padding[data-astro-cid-j2lavqje] {
  display: block;
  height: 0;
  margin-top: 140px;
}

.service[data-astro-cid-j2lavqje] {
  display: block;
  margin: 4rem 2rem;
  padding: .5rem 1.5rem 1.5rem;
  border-radius: 1rem;
  background: var(--tile-light);
}

.service[data-astro-cid-j2lavqje]:nth-child(2n) {
  background: var(--tile-dark);
}

.service__head[data-astro-cid-j2lavqje] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  font-weight: 800;
  text-transform: uppercase;
}

.service__name[data-astro-cid-j2lavqje] {
  margin-block: 1.17rem;
  color: var(--color-ink-label);
  font-size: 1.17rem;
  font-weight: var(--weight-bold);
}

.service__price[data-astro-cid-j2lavqje] {
  display: block;
  text-align: right;
  white-space: nowrap;
  font-weight: 800;
  text-transform: lowercase;
  font-size: 1rem;
}

.service__tip[data-astro-cid-j2lavqje] {
  display: block;
  color: var(--color-ink-tip);
  font-weight: 200;
  font-size: 1rem;
  line-height: .9;
}

.service__text[data-astro-cid-j2lavqje] {
  margin-top: 0;
  line-height: normal;
  font-size: 1rem;
  font-weight: var(--weight-hairline);
}

@media (width <= 1024px) {
  .services__padding[data-astro-cid-j2lavqje] {
    display: none;
  }

  .services__title[data-astro-cid-j2lavqje] {
    margin-inline: var(--container-pad);
    font-weight: var(--weight-regular);
    font-size: 3.5em;
    line-height: 1.05;
  }

  .services__container[data-astro-cid-j2lavqje] {
    grid-template-columns: minmax(0, 1fr);
  }

  .service[data-astro-cid-j2lavqje] {
    margin: 1em var(--container-pad);
  }
}

@media (width <= 640px) {
  .services__title[data-astro-cid-j2lavqje] {
    font-size: 2.5em;
  }

  .service__head[data-astro-cid-j2lavqje] {
    flex-wrap: wrap;
    gap: .2em;
    margin-bottom: .7em;
  }

  .service__price[data-astro-cid-j2lavqje] {
    white-space: normal;
    text-align: left;
  }

  .service__tip[data-astro-cid-j2lavqje] {
    line-height: 1.2;
  }
}
.gear[data-astro-cid-i7xus2gb] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 94.67rem;
  margin-inline: auto;
}

.gear__column[data-astro-cid-i7xus2gb] {
  display: block;
  margin: 0;
  padding: 0;
}

.gear__spacer[data-astro-cid-i7xus2gb] {
  display: block;
  height: 0;
  margin: 0;
}

.gear__group[data-astro-cid-i7xus2gb] {
  display: block;
  margin: 4rem 2rem;
  padding: .5rem 1.5rem 1.5rem;
  border-radius: 1rem;
}

.gear--light[data-astro-cid-i7xus2gb] .gear__group[data-astro-cid-i7xus2gb] {
  background: var(--tile-light);
}

.gear--light[data-astro-cid-i7xus2gb] .gear__group[data-astro-cid-i7xus2gb]:nth-child(2n) {
  background: var(--tile-dark);
}

.gear__title[data-astro-cid-i7xus2gb] {
  margin-block: 1.17rem;
  font-family: var(--font-body);
  font-size: 1.17rem;
  font-weight: var(--weight-bold);
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--color-accent);
}

.gear--light[data-astro-cid-i7xus2gb] .gear__title[data-astro-cid-i7xus2gb] {
  color: var(--color-ink-label);
}

.gear__body[data-astro-cid-i7xus2gb] {
  padding-block: 1rem;
}

.gear__items[data-astro-cid-i7xus2gb] {
  margin: 0;
  list-style: outside;
  padding-left: 2.67rem;
  color: var(--color-muted);
  font-size: 1rem;
  font-weight: var(--weight-hairline);
  line-height: normal;
}

.gear--light[data-astro-cid-i7xus2gb] .gear__items[data-astro-cid-i7xus2gb] {
  color: var(--color-ink-soft);
}

@media (width <= 1024px) {
  .gear[data-astro-cid-i7xus2gb] {
    grid-template-columns: minmax(0, 1fr);
  }

  .gear__spacer[data-astro-cid-i7xus2gb] {
    display: none;
  }

  .gear__group[data-astro-cid-i7xus2gb] {
    margin: 1.5rem var(--container-pad);
  }
}
.equipment[data-astro-cid-27kmhkmx] {
  position: relative;
  font-family: var(--font-body);
  font-weight: var(--weight-hairline);
}

.equipment__content[data-astro-cid-27kmhkmx] {
  display: flow-root;
  position: relative;
  padding: 4rem 0;
  background: var(--bg-equipment);
  backdrop-filter: blur(2.5em);
  -webkit-backdrop-filter: blur(2.5em);
  color: var(--color-ink-soft);
}

.equipment__title[data-astro-cid-27kmhkmx] {
  position: relative;
  margin: .4em 2em 0;
  font-family: var(--font-display);
  font-weight: var(--weight-hairline);
  font-size: 8rem;
  line-height: normal;
  text-transform: uppercase;
}

.equipment__title[data-astro-cid-27kmhkmx]:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--color-ink);
}

.equipment__inner[data-astro-cid-27kmhkmx] {
  max-width: 94.67rem;
  margin-inline: auto;
}

.equipment__subtitle[data-astro-cid-27kmhkmx] {
  margin: 0;
  font-family: var(--font-display);
  font-weight: var(--weight-regular);
  font-size: 4rem;
  text-align: center;
  text-transform: uppercase;
}

@media (width <= 1024px) {
  .equipment__title[data-astro-cid-27kmhkmx] {
    margin-inline: var(--container-pad);
    font-weight: var(--weight-regular);
    font-size: 3.5em;
    line-height: 1.05;
  }

  .equipment__inner[data-astro-cid-27kmhkmx] {
    padding-inline: var(--container-pad);
  }

  .equipment__subtitle[data-astro-cid-27kmhkmx] {
    font-weight: var(--weight-regular);
    font-size: 2.2em;
    line-height: 1.1;
  }
}

@media (width <= 640px) {
  .equipment__title[data-astro-cid-27kmhkmx] {
    font-size: 2.5em;
  }
}
.rental[data-astro-cid-hhlh3rwn] {
  position: relative;
  font-family: var(--font-body);
  font-weight: var(--weight-hairline);
}

.rental__content[data-astro-cid-hhlh3rwn] {
  display: flow-root;
  position: relative;
  z-index: 10;
  padding-bottom: 6rem;
  background: var(--bg-rental);
  color: var(--color-ink-soft);
}

.rental__title[data-astro-cid-hhlh3rwn] {
  position: relative;
  left: .35em;
  margin: .5em 2em 0;
  font-family: var(--font-display);
  font-weight: var(--weight-hairline);
  font-size: 8rem;
  line-height: normal;
  text-transform: uppercase;
}

.rental__title[data-astro-cid-hhlh3rwn]:after {
  content: "";
  position: absolute;
  left: -.35em;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--color-ink);
}

.rental__sketch[data-astro-cid-hhlh3rwn] {
  display: flex;
  justify-content: center;
}

.rental__sketch[data-astro-cid-hhlh3rwn] img[data-astro-cid-hhlh3rwn] {
  width: auto;
  max-width: 100%;
  height: auto;
}

.rental__cards[data-astro-cid-hhlh3rwn] {
  display: none;
}

.rental__subtitle[data-astro-cid-hhlh3rwn] {
  margin: 0;
  font-family: var(--font-display);
  font-weight: var(--weight-regular);
  font-size: 4rem;
  text-align: center;
  text-transform: uppercase;
}

.rental__inner[data-astro-cid-hhlh3rwn] {
  max-width: 94.67rem;
  margin-inline: auto;
}

@media (width <= 1024px) {
  .rental__title[data-astro-cid-hhlh3rwn] {
    margin-inline: var(--container-pad);
    font-weight: var(--weight-regular);
    font-size: 3.5em;
    line-height: 1.05;
  }

  .rental__inner[data-astro-cid-hhlh3rwn] {
    padding-inline: var(--container-pad);
  }

  .rental__sketch[data-astro-cid-hhlh3rwn] {
    display: none;
  }

  .rental__cards[data-astro-cid-hhlh3rwn] {
    display: block;
    padding-inline: var(--container-pad);
  }

  .rental__items[data-astro-cid-hhlh3rwn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13em, 1fr));
    gap: 2em 1.5em;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
  }

  .rent__photo[data-astro-cid-hhlh3rwn] {
    width: 100%;
    height: 11em;
    object-fit: contain;
  }

  .rent[data-astro-cid-hhlh3rwn] p[data-astro-cid-hhlh3rwn] {
    margin: 0;
  }

  .rent__title[data-astro-cid-hhlh3rwn] {
    margin-top: .6em;
    font-weight: var(--weight-bold);
    font-size: 1em;
    color: var(--color-ink-label);
  }

  .rent__price[data-astro-cid-hhlh3rwn] {
    margin-top: .3em;
    font-size: 1em;
    color: var(--color-ink-soft);
  }

  .rent__note[data-astro-cid-hhlh3rwn] {
    font-size: .9em;
    color: var(--color-ink-tip);
  }

  .rental__drums[data-astro-cid-hhlh3rwn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));
    gap: 1.5em;
    margin: 2.5em 0 0;
    padding: 0;
    list-style: none;
  }

  .rental__drums[data-astro-cid-hhlh3rwn] img[data-astro-cid-hhlh3rwn] {
    width: 100%;
    height: auto;
  }

  .rental__subtitle[data-astro-cid-hhlh3rwn] {
    font-weight: var(--weight-regular);
    font-size: 2.2em;
    line-height: 1.1;
  }
}

@media (width <= 640px) {
  .rental__title[data-astro-cid-hhlh3rwn] {
    font-size: 2.5em;
  }
}
.contacts[data-astro-cid-7tpwetoa] {
  position: relative;
  background: linear-gradient(to bottom, var(--bg-contacts-from), var(--bg-contacts-to));
  font-family: var(--font-body);
  font-weight: var(--weight-hairline);
}

.contacts__inner[data-astro-cid-7tpwetoa] {
  display: flow-root;
  width: 100%;
}

.footer[data-astro-cid-7tpwetoa] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5rem;
}

.footer[data-astro-cid-7tpwetoa] > [data-astro-cid-7tpwetoa] {
  width: 28rem;
}

.footer__brand[data-astro-cid-7tpwetoa] {
  box-sizing: content-box;
  padding-right: 2rem;
}

.footer__brand[data-astro-cid-7tpwetoa] img[data-astro-cid-7tpwetoa] {
  width: 28rem;
  height: 24rem;
  object-fit: cover;
}

.footer__col[data-astro-cid-7tpwetoa] p[data-astro-cid-7tpwetoa] {
  margin-block: 1em;
}

.footer__col--address[data-astro-cid-7tpwetoa] > .block[data-astro-cid-7tpwetoa] {
  margin-left: 2rem;
}

.block[data-astro-cid-7tpwetoa] p[data-astro-cid-7tpwetoa] {
  font-size: 1rem;
  font-weight: var(--weight-bold);
}

.block[data-astro-cid-7tpwetoa] .text-big[data-astro-cid-7tpwetoa] {
  font-size: 1.5rem;
  font-weight: var(--weight-regular);
}

.footer__col[data-astro-cid-7tpwetoa] .block[data-astro-cid-7tpwetoa] .text-big[data-astro-cid-7tpwetoa].text-big--address {
  text-transform: uppercase;
}

.block--label[data-astro-cid-7tpwetoa] {
  font-size: 1rem;
  font-weight: var(--weight-bold);
}

.maps[data-astro-cid-7tpwetoa] {
  display: flex;
  margin: 0;
  padding: 0;
}

.maps__link[data-astro-cid-7tpwetoa] img[data-astro-cid-7tpwetoa] {
  display: inline;
  width: 64px;
  height: auto;
  margin: 1rem 0 0 2rem;
  opacity: .85;
  transition: opacity var(--transition);
}

.maps__link[data-astro-cid-7tpwetoa]:hover img[data-astro-cid-7tpwetoa] {
  opacity: 1;
}

.messengers[data-astro-cid-7tpwetoa] {
  display: flex;
  margin: 0;
  padding: 0;
  font-family: social;
  font-size: 60px;
}

.messengers[data-astro-cid-7tpwetoa] li[data-astro-cid-7tpwetoa] {
  box-sizing: content-box;
  padding: .1em;
  height: .5em;
  line-height: .3;
  opacity: .7;
  cursor: pointer;
  transition: opacity var(--transition);
}

.messengers[data-astro-cid-7tpwetoa] li[data-astro-cid-7tpwetoa]:hover {
  opacity: 1;
}

.contacts__copyright[data-astro-cid-7tpwetoa] {
  width: auto;
  margin-bottom: 5rem;
  padding: 1rem;
  font-size: 1rem;
  text-align: center;
}

@media (width <= 1024px) {
  .footer[data-astro-cid-7tpwetoa] {
    flex-wrap: wrap;
    gap: 2rem;
    margin: 3rem var(--container-pad);
  }

  .footer[data-astro-cid-7tpwetoa] > [data-astro-cid-7tpwetoa] {
    width: auto;
  }

  .footer__brand[data-astro-cid-7tpwetoa] {
    box-sizing: border-box;
    padding-right: 0;
  }

  .footer__brand[data-astro-cid-7tpwetoa] img[data-astro-cid-7tpwetoa] {
    width: auto;
    max-width: 18rem;
    height: auto;
  }

  .footer__col--address[data-astro-cid-7tpwetoa] > .block[data-astro-cid-7tpwetoa] {
    margin-left: 0;
  }

  .footer__col[data-astro-cid-7tpwetoa] p[data-astro-cid-7tpwetoa] {
    margin-block: .5em;
  }

  .maps[data-astro-cid-7tpwetoa] {
    flex-wrap: wrap;
  }

  .maps__link[data-astro-cid-7tpwetoa] img[data-astro-cid-7tpwetoa] {
    margin-left: 0;
    margin-right: 1rem;
  }
}