/* Home */
@font-face { font-family: 'Heavitas'; src: url('../uploads/HEAVITAS.TTF') format('truetype'); font-weight: 400; font-display: block; }
@keyframes qm-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@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;
  }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--sans); background: #0A0A0A; }
a { color: #0A0A0A; text-decoration: none; }
a:hover { color: #6B6410; }
}
.q0{background: var(--ink);font-family: var(--sans)}
.q2{position: relative;height: 62svh;min-height: 380px;max-height: 640px}
.q3{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: 60% 20%;display: block;filter: grayscale(1) contrast(1.1) brightness(0.85)}
.q4{position: absolute;inset: 0;background: linear-gradient(to bottom, rgba(10,10,10,0.25) 0%, rgba(10,10,10,0) 30%, rgba(10,10,10,0.55) 65%, #0A0A0A 100%)}
.q5{position: absolute;left: 0;right: 0;bottom: 0;max-width: 1180px;margin: 0 auto;padding: 0 24px 6px}
.q7{margin: 14px 0 0;font-family: var(--display);font-weight: 400;text-transform: uppercase;font-size: clamp(30px, 9.2vw, 92px);line-height: 0.92;color: var(--paper)}
.q9{max-width: 1180px;margin: 0 auto;padding: 22px 24px 56px;display: flex;flex-wrap: wrap;align-items: center;gap: 32px 48px}
.qb{height: 8px;width: 120px;border-radius: 4px;background: var(--yellow)}
.qc{color: var(--paper)}
.qd{flex: 1 1 440px;min-width: 0}
.qe{position: relative;width: 100%;aspect-ratio: 16 / 9;border-radius: 22px;overflow: hidden;background: #000}
.qg{background: var(--ink);padding: 0 16px 56px}
.qh{max-width: 1180px;margin: 0 auto;border-radius: 28px;background: var(--yellow);padding: 40px 20px 36px;text-align: center}
.qi{margin: 14px 0 0;font-size: clamp(15px, 4vw, 20px);font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--ink)}
.qk{max-width: 1180px;margin: 0 auto;padding: 8px 24px 64px}
.ql{color: var(--paper)}
.qn{position: relative;box-sizing: border-box;flex: 1 0 min(90%, 250px);scroll-snap-align: start;border-radius: 22px;background: #161613;border: 1px solid rgba(250,250,247,0.1);padding: 24px 22px 26px}
.qo{display: flex;align-items: center;justify-content: space-between}
.qp{display: flex;align-items: center;justify-content: center;width: 52px;height: 52px;border-radius: 50%;background: var(--yellow);font-family: var(--display);font-weight: 400;text-transform: uppercase;font-size: 22px;line-height: 1;color: var(--ink)}
.qq{font-size: 26px;line-height: 1;color: var(--yellow)}
.qr{margin: 22px 0 0;font-family: var(--display);font-weight: 400;text-transform: uppercase;font-size: clamp(28px, 7.5vw, 34px);line-height: 1;color: var(--paper)}
.qs{color: rgba(250,250,247,0.75)}
.qu{max-width: 1180px;margin: 0 auto;padding: 64px 24px}
.qx{max-width: 1180px;margin: 0 auto;padding: 56px 24px 72px}
.qy{color: var(--ink)}
.qz{color: var(--ink);margin-top: 22px}
.q10{margin-top: 44px;display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px}
.q11{width: 100%;height: 190px;object-fit: cover;display: block;border-radius: 18px;filter: grayscale(1) contrast(1.06)}
.q12{margin: 20px 0 0;font-family: var(--display);font-size: 24px;line-height: 1.05;text-transform: uppercase;color: var(--ink)}
.q13{color: #35352F}
.q14{width: 100%;height: 190px;object-fit: cover;object-position: 62% 60%;display: block;border-radius: 18px;filter: grayscale(1) contrast(1.06)}
.q15{background: var(--ink);padding: 64px 16px 64px}
.q16{max-width: 1180px;margin: 0 auto;border-radius: 28px;background: #161613;border: 1px solid rgba(250,250,247,0.12);padding: 38px 24px}
.q17{color: var(--paper)}
.q18{margin: 18px 0 0;max-width: 700px;font-size: 17px;line-height: 1.55;color: rgba(250,250,247,0.82);text-wrap: pretty}
.q19{display: inline-flex;align-items: center;margin-top: 26px;border-radius: 999px;background: var(--yellow);padding: 16px 26px;font-size: 14px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--ink)}
.q1a{position: absolute;inset: -20% -18%;margin: 0;font-family: var(--display);font-size: 46px;line-height: 1.14;text-align: justify;text-transform: uppercase;color: rgba(10,10,10,0.07);pointer-events: none;word-spacing: 0.02em;transform: rotate(-4deg)}
.q1b{position: relative;max-width: 1100px;margin: 0 auto;padding: 88px 40px;text-align: center}
.q1c{margin: 0;font-size: 13px;font-weight: 700;letter-spacing: 0.22em;text-transform: uppercase;color: rgba(10,10,10,0.55)}
.q1d{margin: 28px 0 0;font-family: var(--display);font-size: 34px;line-height: 1.24;font-weight: 400;text-transform: uppercase;color: var(--ink);text-wrap: pretty}
.q1e{margin: 26px 0 0;font-family: var(--display);font-size: 22px;line-height: 1;text-transform: uppercase;color: var(--ink)}
.q1g{max-width: 1180px;margin: 0 auto;border-radius: 28px;background: var(--paper);padding: 28px 24px;display: flex;flex-wrap: wrap;gap: 24px 40px;align-items: center}
.q1h{flex: 1 1 260px;min-width: 0}
.q1i{margin: 0;font-size: 13px;font-weight: 700;letter-spacing: 0.16em;text-transform: uppercase;color: #6A6A62}
.q1j{color: var(--ink);margin-top: 8px}
.q1k{margin: 16px 0 8px;font-size: 12px;font-weight: 700;letter-spacing: 0.16em;text-transform: uppercase;color: #6A6A62}
.q1l{margin-top: 16px;display: flex;gap: 8px}
.q1m{flex: 2 1 420px;min-width: 0}
.q1o{border-radius: 18px;background: #F2F2EE;padding: 16px 18px;display: flex;flex-wrap: wrap;align-items: center;gap: 10px 16px}
.q1p{display: inline-flex;align-items: center;justify-content: center;min-width: 108px;height: 32px;padding: 0 14px;box-sizing: border-box;border-radius: 999px;background: #0A0A0A;font-family: var(--display);font-weight: 400;text-transform: uppercase;font-size: 14px;line-height: 1;color: #F8EC27}
.q1q{margin: 0;font-family: var(--display);font-weight: 400;text-transform: uppercase;font-size: 22px;line-height: 1.05;color: var(--ink)}
.q1r{display: inline-flex;align-items: center;justify-content: center;min-width: 108px;height: 32px;padding: 0 14px;box-sizing: border-box;border-radius: 999px;background: #F8EC27;font-family: var(--display);font-weight: 400;text-transform: uppercase;font-size: 14px;line-height: 1;color: #0A0A0A}
.q1s{margin: 0;font-size: 19px;line-height: 1.4;font-weight: 700;color: var(--ink)}
.q1t{display: inline-flex;align-items: center;justify-content: center;min-width: 108px;height: 32px;padding: 0 14px;box-sizing: border-box;border-radius: 999px;background: #8B3FE8;font-family: var(--display);font-weight: 400;text-transform: uppercase;font-size: 14px;line-height: 1;color: #FFFFFF}
.q1u{margin: 0;font-size: 17px;line-height: 1.5;color: #6A6A62}