/* Resources */
@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; }
}
.q7x{max-width: 1280px;margin: 0 auto;padding: 52px 40px 30px}
.q7z{margin: 18px 0 0;font-family: var(--display);font-weight: 400;font-size: clamp(40px, 6vw, 58px);line-height: 0.98;text-transform: uppercase;color: var(--paper)}
.q80{margin: 16px 0 0;max-width: 700px;font-size: 19px;line-height: 1.5;color: rgba(250,250,247,0.78)}
.q81{background: var(--ink);flex: 1}
.q82{max-width: 1280px;margin: 0 auto;padding: 20px 40px 90px;display: flex;flex-direction: column;gap: 44px}
.q87{display: flex;flex-direction: column;border-radius: 20px;background: #161613;border: 1px solid rgba(250,250,247,0.12);padding: 22px 22px 20px;color: var(--paper);transition: transform 0.22s ease, border-color 0.22s ease}
.q89{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;border-radius: 50%;background: var(--yellow);font-family: var(--display);font-weight: 400;font-size: 12px;line-height: 1;color: var(--ink)}
.q8a{margin: 0;font-size: 11px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: rgba(250,250,247,0.55)}
.q8b{margin: 16px 0 0;font-family: var(--display);font-weight: 400;font-size: 21px;line-height: 1.05;text-transform: uppercase}
.q8c{margin: 9px 0 0;font-size: 14px;line-height: 1.45;color: rgba(250,250,247,0.65)}
.q8d{margin-top: auto;padding-top: 16px;font-size: 12px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--yellow)}
.q8e{display: flex;flex-direction: column;border-radius: 20px;background: #161613;border: 1px solid rgba(250,250,247,0.12);border-top: 6px solid var(--yellow);padding: 22px 22px 20px;color: var(--paper)}
.q8f{margin: 0;font-family: var(--display);font-weight: 400;font-size: 21px;line-height: 1.05;text-transform: uppercase}
.q8g{margin: 9px 0 20px;font-size: 14px;line-height: 1.45;color: rgba(250,250,247,0.65)}
.q8h{display: flex;flex-direction: column;border-radius: 20px;background: #161613;border: 1px solid rgba(250,250,247,0.12);border-top: 6px solid #8B3FE8;padding: 22px 22px 20px;color: var(--paper)}
.q8i{display: flex;flex-direction: column;border-radius: 20px;background: #161613;border: 1px solid rgba(250,250,247,0.12);border-top: 6px solid #FAFAF7;padding: 22px 22px 20px;color: var(--paper)}
.q8j{margin-top: 16px;display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 16px}
.q8k{display: flex;flex-direction: column;border-radius: 20px;overflow: hidden;background: #161613;border: 1px solid rgba(250,250,247,0.12);color: var(--paper);transition: transform 0.22s ease, border-color 0.22s ease}
.q8l{position: relative;height: 120px;overflow: hidden;background: #0A0A0A}
.q8m{position: absolute;inset: 0;background-image: url('images/DSCF3892.jpg');background-size: cover;background-position: 50% 50%;filter: grayscale(1) contrast(1.06)}
.q8n{position: absolute;inset: 0;background: linear-gradient(to bottom, rgba(10,10,10,0) 35%, #161613 100%)}
.q8o{padding: 2px 22px 20px;display: flex;flex-direction: column;flex: 1}
.q8p{margin: 0;font-family: var(--display);font-weight: 400;font-size: 20px;line-height: 1.05;text-transform: uppercase}
.q8q{position: absolute;inset: 0;background-image: url('images/IMG_7302.jpg');background-size: cover;background-position: 50% 45%;filter: grayscale(1) contrast(1.06)}
.q8r{position: absolute;inset: 0;background-image: url('images/IMG_7287.jpg');background-size: cover;background-position: 75% 35%;filter: grayscale(1) contrast(1.06)}
.q8s{display: flex;flex-direction: column;border-radius: 20px;background: #161613;border: 1px solid rgba(250,250,247,0.12);padding: 20px 22px;color: var(--paper);transition: transform 0.22s ease, border-color 0.22s ease}
.q8t{margin: 10px 0 0;font-family: var(--display);font-weight: 400;font-size: 21px;line-height: 1.05;text-transform: uppercase}
.q8u{margin-top: 16px;font-size: 12px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--yellow)}
