/* Media */
@font-face { font-family: 'Heavitas'; src: url('../uploads/HEAVITAS.TTF') format('truetype'); font-weight: 400; font-display: block; }
@layer qmbase{
:root {
    --ink: #0A0A0A;
    --paper: #FFFFFF;
    --bone: #F4F4F0;
    --yellow: #F8EC27;
    --grey: #8C8C86;
    --sans: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --display: 'Heavitas', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
body { margin: 0; font-family: var(--sans); background: #0A0A0A; }
a { color: #0A0A0A; text-decoration: none; }
a:hover { color: #6B6410; }
button { font-family: inherit; cursor: pointer; }
[data-qm-rail] { scrollbar-width: none; -ms-overflow-style: none; }
[data-qm-rail]::-webkit-scrollbar { display: none; }
[data-qm-tile] { transition: transform 0.28s cubic-bezier(0.2,0.8,0.3,1), box-shadow 0.28s ease; }
[data-qm-tile]:hover { transform: scale(1.07); box-shadow: 0 14px 40px rgba(0,0,0,0.6); z-index: 5; }
[data-qm-tile]:hover [data-qm-play] { opacity: 1; }
[data-qm-arrow] { opacity: 0; transition: opacity 0.2s ease; }
[data-qm-row]:hover [data-qm-arrow] { opacity: 1; }
@media (max-width: 860px) { [data-qm-arrow] { display: none !important; } }
}
.q72{position: relative;overflow: hidden;min-height: min(88svh, 760px);display: flex;align-items: flex-end}
.q73{position: absolute;inset: 0;z-index: 5;background: #000;display: flex;align-items: center;justify-content: center}
.q74{position: relative;width: 100%;max-width: 1180px;aspect-ratio: 16 / 9;max-height: 100%}
.q75{position: absolute;top: 16px;right: 16px;z-index: 6;display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;padding: 0;border: 0;border-radius: 50%;background: var(--yellow);font-size: 22px;line-height: 1;cursor: pointer;color: var(--ink)}
.q76{position: absolute;inset: 0;background: linear-gradient(180deg, rgba(10,10,10,0.15) 0%, rgba(10,10,10,0.2) 35%, rgba(10,10,10,0.85) 72%, rgba(10,10,10,0.98) 100%)}
.q77{position: absolute;left: 0;right: 0;bottom: 0;height: 180px;background: linear-gradient(180deg, rgba(10,10,10,0), var(--ink))}
.q78{position: relative;width: 100%;max-width: 1180px;margin: 0 auto;padding: 120px 24px 64px}
.q79{margin: 18px 0 0;max-width: 720px;font-family: var(--display);font-size: clamp(34px, 9vw, 76px);line-height: 0.96;font-weight: 400;text-transform: uppercase;color: var(--paper)}
.q7a{margin: 16px 0 0;max-width: 560px;font-size: clamp(16px, 4.4vw, 19px);line-height: 1.5;color: rgba(250,250,247,0.82)}
.q7b{margin-top: 30px;display: flex;flex-wrap: wrap;gap: 14px}
.q7c{display: inline-flex;align-items: center;gap: 11px;border: 0;border-radius: 999px;background: var(--yellow);padding: 16px 30px;font-size: 15px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--ink)}
.q7d{flex: 1;margin-top: -40px;position: relative;z-index: 2}
.q7e{padding: 0 0 90px}
.q7f{max-width: 1180px;margin: 0 auto;padding: 0 24px}
.q7g{margin: 0;font-family: var(--display);font-size: clamp(22px, 6vw, 28px);line-height: 1;font-weight: 400;text-transform: uppercase;color: var(--paper)}
.q7h{color: rgba(250,250,247,0.45)}
.q7i{margin-top: 14px;display: flex;flex-wrap: nowrap;gap: 6px}
.q7j{position: relative;aspect-ratio: 16 / 9;overflow: hidden}
.q7k{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;display: block}
.q7l{display: flex;align-items: center;justify-content: center;width: 54px;height: 54px;border-radius: 50%;background: var(--yellow)}
.q7m{padding: 13px 15px 16px}
.q7n{margin: 0;font-family: var(--display);font-size: 16px;line-height: 1.1;text-transform: uppercase;color: var(--paper)}
.q7o{margin: 7px 0 0;font-size: 13px;line-height: 1.4;color: rgba(250,250,247,0.45)}
.q7p{position: fixed;inset: 0;z-index: 400;background: rgba(6,6,4,0.94);display: flex;align-items: center;justify-content: center;padding: 24px}
.q7q{box-sizing: border-box;width: 100%;max-width: 1080px}
.q7r{display: flex;align-items: flex-start;justify-content: space-between;gap: 18px}
.q7s{margin: 0;font-family: var(--display);font-size: 26px;line-height: 1.05;text-transform: uppercase;color: var(--paper)}
.q7t{margin: 8px 0 0;font-size: 14px;letter-spacing: 0.06em;color: rgba(250,250,247,0.5)}
.q7u{display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;flex: none;padding: 0;border: 2px solid rgba(250,250,247,0.3);border-radius: 999px;background: transparent;font-size: 21px;line-height: 1;color: var(--paper)}
.q7w{margin-top: 16px;position: relative;aspect-ratio: 16 / 9;border-radius: 18px;overflow: hidden;background: #000}


/* Every media row lines up with the page edge and its title */
@layer qmbase {
  .q7e{padding-left: 0 !important;padding-right: 0 !important}
  .q7e .q7f{max-width: 1180px !important;margin-left: auto !important;margin-right: auto !important;padding-left: 24px !important;padding-right: 24px !important}
  .q7e [style*="scroll-padding-left"]{padding-left: max(24px, calc(50% - 566px)) !important;padding-right: max(24px, calc(50% - 566px)) !important}
  .q78{padding-left: 24px !important;padding-right: 24px !important}
  .q7e [style*="scroll-padding-left"] > *{margin-top: 0 !important}
  .q7e [style*="scroll-padding-left"] > button{display: flex !important;flex-direction: column !important;justify-content: flex-start !important;align-items: stretch !important}
  .q7e [style*="scroll-padding-left"] > * > :first-child{margin-top: 0 !important}
}

[data-qm-arrow][data-qm-single="1"]{display: none !important}
@media (max-width: 760px){[data-qm-rail][data-qm-single="1"]{justify-content: center !important;padding-left: 16px !important;padding-right: 16px !important}}