/* ==========================================
   Questoria Studios — Main Stylesheet
   ========================================== */

:root {
    --questoria-dark: #0A0A0A;
    --questoria-orange: #E10600;
    --questoria-green: #000000;
    --questoria-white: #FFFFFF;
    --font-head: 'Lilita One', cursive;
    --font-body: 'Fredoka', sans-serif;
}

::selection {
    background-color: var(--questoria-green);
    color: var(--questoria-white);
}

/* On green backgrounds, use dark selection for visibility */
.bg-green ::selection {
    background-color: var(--questoria-dark);
    color: var(--questoria-white);
}


/* --- RESET & BASE --- */

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: var(--font-body);
    background-color: var(--questoria-white);
    color: var(--questoria-dark);
    overflow-x: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
}



/* --- LANGUAGE SWITCHER (Footer) --- */

.lang-switcher {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 28px 0 20px;
}

.lang-btn {
    font-family: var(--font-body);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding: 10px 20px;
    border: 2px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.4);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    outline: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

.lang-icon {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    flex-shrink: 0;
}

.lang-btn:hover {
    color: var(--questoria-white);
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
}

.lang-btn.active {
    background: var(--questoria-green);
    color: var(--questoria-white);
    border-color: var(--questoria-green);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.lang-btn.active .lang-icon {
    box-shadow: 0 0 0 2px var(--questoria-white);
}

.lang-btn.active:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

/* --- CUSTOM SCROLLBAR --- */
::-webkit-scrollbar {
    width: 14px;
}

::-webkit-scrollbar-track {
    background: #2D241E;
    /* Deep dark brown */
}

::-webkit-scrollbar-thumb {
    background: var(--questoria-green);
    border: 1px solid var(--questoria-dark);
    border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--questoria-orange);
}


/* --- SCROLL REVEAL ANIMATIONS --- */

.reveal {
    opacity: 0;
    transform: translateY(60px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Staggered delays for grid children */
.reveal-stagger>.reveal:nth-child(1) {
    transition-delay: 0s;
}

.reveal-stagger>.reveal:nth-child(2) {
    transition-delay: 0.08s;
}

.reveal-stagger>.reveal:nth-child(3) {
    transition-delay: 0.16s;
}

.reveal-stagger>.reveal:nth-child(4) {
    transition-delay: 0.24s;
}

.reveal-stagger>.reveal:nth-child(5) {
    transition-delay: 0.32s;
}

.reveal-stagger>.reveal:nth-child(6) {
    transition-delay: 0.40s;
}

.reveal-stagger>.reveal:nth-child(7) {
    transition-delay: 0.48s;
}

.reveal-stagger>.reveal:nth-child(8) {
    transition-delay: 0.56s;
}

.reveal-stagger>.reveal:nth-child(9) {
    transition-delay: 0.64s;
}


/* ==========================================
   SPLASH / INTRO SCREEN
   ========================================== */

.splash-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--questoria-orange);
    z-index: 10000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    overflow: hidden;
}



.splash-logo-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    position: relative;
    z-index: 2;
}

.splash-logo {
    width: 132px;
    height: 132px;
    opacity: 0;
    transform: scale(0.3) rotate(-20deg);
    animation: splashLogoIn 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s forwards;
}

@keyframes splashLogoIn {
    to {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
}

.splash-text {
    font-family: var(--font-head);
    font-size: 3.5rem;
    color: var(--questoria-white);
    display: flex;
    gap: 3px;
    overflow: hidden;
}

.splash-text span {
    display: inline-block;
    opacity: 0;
    transform: translateY(100%);
    animation: splashLetterIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

.splash-text span:nth-child(1) {
    animation-delay: 0.8s;
}

.splash-text span:nth-child(2) {
    animation-delay: 0.88s;
}

.splash-text span:nth-child(3) {
    animation-delay: 0.96s;
}

.splash-text span:nth-child(4) {
    animation-delay: 1.12s;
}

.splash-text span:nth-child(5) {
    animation-delay: 1.20s;
}

.splash-text span:nth-child(6) {
    animation-delay: 1.28s;
}

.splash-text span:nth-child(7) {
    animation-delay: 1.36s;
}

.splash-text span:nth-child(8) {
    animation-delay: 1.44s;
}

.splash-text span:nth-child(9) {
    animation-delay: 1.52s;
}

.splash-text span:nth-child(10) {
    animation-delay: 1.60s;
}

@keyframes splashLetterIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.splash-spacer {
    margin-left: 12px;
}

.splash-tagline {
    font-family: var(--font-body);
    font-size: 1rem;
    color: var(--questoria-white);
    letter-spacing: 8px;
    text-transform: uppercase;
    opacity: 0;
    animation: splashTagFade 0.6s ease 1.8s forwards;
    position: relative;
    z-index: 2;
}

@keyframes splashTagFade {
    to {
        opacity: 1;
    }
}

.splash-loader {
    width: 200px;
    height: 3px;
    background-color: rgba(248, 244, 241, 0.25);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    opacity: 0;
    animation: splashTagFade 0.4s ease 2s forwards;
}

.splash-loader-bar {
    width: 0%;
    height: 100%;
    background: var(--questoria-white);
    border-radius: 10px;
    animation: splashLoad 1.5s cubic-bezier(0.4, 0, 0.2, 1) 2.2s forwards;
}

@keyframes splashLoad {
    to {
        width: 100%;
    }
}

/* splash exit */
.splash-screen.exit {
    animation: splashExit 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes splashExit {
    0% {
        clip-path: inset(0 0 0 0);
    }

    100% {
        clip-path: inset(0 0 100% 0);
    }
}

body.splash-active {
    overflow: hidden;
}

/* --- PAGE TRANSITION CURTAIN --- */
.page-transition {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--questoria-dark);
    z-index: 99999;
    pointer-events: none;
    transform: translateY(-100%);
    transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}

.page-transition.active {
    transform: translateY(0);
    pointer-events: all;
}





/* --- HEADER --- */

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1000;
    background-color: rgba(26, 21, 18, 0.3);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

header * {
    color: var(--questoria-white);
}


/* --- LOGO --- */

.logo {
    font-family: var(--font-head);
    font-size: 2.5rem;
    display: flex;
    align-items: center;
    gap: 2px;
}

.header-logo-img {
    width: 110px;
    height: 110px;
    margin-right: 12px;
    filter: brightness(1.2);
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.logo:hover .header-logo-img {
    transform: rotate(15deg) scale(1.15);
}

.logo span {
    display: inline-block;
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275), color .3s ease;
    will-change: transform;
}

.logo:hover span {
    color: var(--questoria-white);
}

.logo .spacer {
    margin-left: 10px;
}


/* --- MENU BUTTON (X ICON) --- */

.menu-btn {
    width: 40px;
    height: 40px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.x-line {
    position: absolute;
    width: 20px;
    height: 6px;
    background-color: var(--questoria-white);
    border-radius: 10px;
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), background-color .3s ease;
    will-change: transform;
}

.x-line:nth-child(1) {
    transform: translate(-8px, -8px) rotate(45deg);
}

.x-line:nth-child(2) {
    transform: translate(8px, -8px) rotate(-45deg);
}

.x-line:nth-child(3) {
    transform: translate(-8px, 8px) rotate(-45deg);
}

.x-line:nth-child(4) {
    transform: translate(8px, 8px) rotate(45deg);
}

.menu-btn:hover .x-line:nth-child(1) {
    transform: translate(-12px, -12px) rotate(45deg);
    background-color: var(--questoria-white);
}

.menu-btn:hover .x-line:nth-child(2) {
    transform: translate(12px, -12px) rotate(-45deg);
    background-color: var(--questoria-white);
}

.menu-btn:hover .x-line:nth-child(3) {
    transform: translate(-12px, 12px) rotate(-45deg);
    background-color: var(--questoria-white);
}

.menu-btn:hover .x-line:nth-child(4) {
    transform: translate(12px, 12px) rotate(45deg);
    background-color: var(--questoria-white);
}

.menu-btn.active .x-line:nth-child(1) {
    transform: translate(0, -10px) rotate(0deg);
}

.menu-btn.active .x-line:nth-child(2) {
    transform: translate(0, -10px) rotate(0deg);
}

.menu-btn.active .x-line:nth-child(3) {
    transform: translate(0, 10px) rotate(0deg);
}

.menu-btn.active .x-line:nth-child(4) {
    transform: translate(0, 10px) rotate(0deg);
}

.header-right {
    display: flex;
    align-items: center;
    gap: 32px;
}

.header-social {
    color: rgba(255, 255, 255, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.header-social svg {
    width: 32px;
    height: 32px;
}

.header-social:hover {
    color: var(--questoria-white);
    transform: scale(1.15) rotate(5deg);
}


/* --- FULLSCREEN NAV OVERLAY --- */

.nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--questoria-orange);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: circle(0% at 95% 5%);
    transition: clip-path .8s ease-in-out;
    will-change: clip-path;
}

.nav-overlay.active {
    clip-path: circle(150% at 95% 5%);
}

.nav-links {
    list-style: none;
}

.nav-links li {
    margin: 30px 0;
    text-align: center;
    overflow: hidden;
}

.nav-links a {
    font-family: var(--font-head);
    font-size: 6rem;
    color: var(--questoria-dark);
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    transform: translateY(100%);
    transition: transform .5s ease, color 0.15s ease-in-out, text-shadow 0.15s ease-in-out;
}

.nav-overlay.active .nav-links a {
    transform: translateY(0);
}

.nav-links a:hover {
    color: var(--questoria-white);
    text-shadow: 0 0 20px rgba(248, 244, 241, 0.6), 0 0 40px rgba(248, 244, 241, 0.3);
}


/* --- SECTIONS (COLOR BLOCKING) --- */

.section {
    padding: 150px 5%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    contain: layout style;
}

.bg-white {
    background-color: var(--questoria-white);
    color: var(--questoria-dark);
}

.asym-people {
    background-color: var(--questoria-dark);
    color: var(--questoria-white);
    margin-top: 40px;
    box-shadow: 0 20px 80px rgba(255, 126, 0, 0.15);
}

.asym-reach {
    background-color: var(--questoria-dark);
    color: var(--questoria-white);
    box-shadow: 0 20px 80px rgba(212, 255, 0, 0.15);
}

.bg-orange {
    background-color: var(--questoria-orange);
    color: var(--questoria-dark);
}

.bg-dark {
    background-color: var(--questoria-dark);
    color: var(--questoria-white);
}

.bg-green {
    background-color: var(--questoria-green);
    color: var(--questoria-white);
}

.section-header {
    font-family: var(--font-head);
    font-size: 5rem;
    text-transform: uppercase;
    margin-bottom: 50px;
    line-height: 1;
}

/* Services section header — title left, Discord CTA right */
.services-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    margin-bottom: 50px;
    flex-wrap: wrap;
}

.services-header .section-header {
    margin-bottom: 0;
}

.services-discord-cta {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--questoria-dark);
    padding: 16px 24px;
    border: 3px solid var(--questoria-dark);
    border-radius: 50px;
    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: 600;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
    white-space: nowrap;
}

.services-discord-cta:hover {
    background-color: #5865F2;
    color: #fff;
    border-color: #5865F2;
    transform: scale(1.04);
}

.services-discord-arrow {
    font-size: 1.2rem;
    transition: transform 0.3s ease;
}

.services-discord-cta:hover .services-discord-arrow {
    transform: translateX(4px);
}

.services-discord-icon {
    display: flex;
    align-items: center;
}


/* --- HERO SECTION --- */

.hero {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100vh;
}

.hero-scroll-indicator {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: var(--questoria-dark);
    opacity: 0.5;
    animation: bounce 2s infinite;
}

.hero-scroll-indicator span {
    font-family: var(--font-body);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 2px;
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0) translateX(-50%);
    }

    40% {
        transform: translateY(-10px) translateX(-50%);
    }

    60% {
        transform: translateY(-5px) translateX(-50%);
    }
}

.hero-watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: var(--font-head);
    font-size: 25vw;
    color: var(--questoria-dark);
    opacity: 0.03;
    /* Extremely faint watermark */
    white-space: nowrap;
    z-index: 0;
    pointer-events: none;
    user-select: none;
}

.hero-tag {
    background-color: var(--questoria-green);
    color: var(--questoria-white);
    padding: 12px 24px;
    font-weight: 700;
    border-radius: 30px;
    display: inline-block;
    margin-bottom: 30px;
    letter-spacing: 2px;
    line-height: 1.6;
}

.hero-tag s {
    text-decoration: line-through;
    text-decoration-color: red;
    opacity: 0.7;
    display: inline-block;
    transform: rotate(-2deg);
}

.hero-tag-note {
    font-size: 0.85rem;
    color: var(--questoria-dark);
    opacity: 0.4;
    letter-spacing: 0;
    font-style: italic;
    margin-bottom: 20px;
}

.massive-text {
    font-family: var(--font-head);
    font-size: 15vw;
    line-height: .8;
    text-transform: uppercase;
    color: var(--questoria-dark);
}

.massive-text span {
    color: var(--questoria-orange);
}


/* --- MARQUEE --- */

.marquee {
    background-color: var(--questoria-dark);
    color: var(--questoria-white);
    padding: 30px 0;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    position: relative;
}

.domain-highlight {
    color: var(--questoria-white);
    text-shadow: 0 0 20px var(--questoria-green);
    font-weight: 900;
    text-transform: lowercase;
    letter-spacing: -2px;
}

.marquee h3 {
    font-family: var(--font-head);
    font-size: 3rem;
    text-transform: uppercase;
    padding-right: 50px;
    animation: scrollText 20s linear infinite;
    will-change: transform;
    opacity: 0.85;
    z-index: 1;
    position: relative;
}

@keyframes scrollText {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.mq-cross {
    display: inline-block;
    font-size: 3.2rem;
    vertical-align: middle;
    margin: 0 20px;
    transform: translateY(-4px);
    opacity: 0.7;
    /* Slight transparency for the crosses */
    font-weight: 300;
    transform-origin: center center;
    will-change: transform;
}

@keyframes spinRandom {
    0% {
        transform: translateY(-4px) rotate(0deg);
    }

    15% {
        transform: translateY(-4px) rotate(90deg);
    }

    30% {
        transform: translateY(-4px) rotate(90deg);
    }

    45% {
        transform: translateY(-4px) rotate(180deg);
    }

    60% {
        transform: translateY(-4px) rotate(180deg);
    }

    75% {
        transform: translateY(-4px) rotate(270deg);
    }

    100% {
        transform: translateY(-4px) rotate(360deg);
    }
}

/* Vibrant Playful Palette & Randomized Staggered Spins */
.mq-c1 {
    color: var(--questoria-orange);
    animation: spinRandom 6s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
}

.mq-c2 {
    color: #FF007F;
    animation: spinRandom 8s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite reverse;
}

.mq-c3 {
    color: #00E5FF;
    animation: spinRandom 4.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
}

.mq-c4 {
    color: var(--questoria-white);
    animation: spinRandom 7s ease-in-out infinite;
}

.mq-c5 {
    color: #FFEA00;
    animation: spinRandom 5s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
}

.mq-c6 {
    color: #B200FF;
    animation: spinRandom 7.5s ease-in-out infinite;
}

/* --- Random Color Flashes for Marquee Text --- */
@keyframes textFlashOrange {

    0%,
    85%,
    100% {
        color: inherit;
        text-shadow: none;
    }

    90%,
    95% {
        color: var(--questoria-orange);
        text-shadow: 0 0 15px var(--questoria-orange);
    }
}

@keyframes textFlashGreen {

    0%,
    85%,
    100% {
        color: inherit;
        text-shadow: none;
    }

    90%,
    95% {
        color: var(--questoria-white);
        text-shadow: 0 0 15px rgba(255, 255, 255, 0.6);
    }
}

@keyframes textFlashPink {

    0%,
    85%,
    100% {
        color: inherit;
        text-shadow: none;
    }

    90%,
    95% {
        color: #FF007F;
        text-shadow: 0 0 15px #FF007F;
    }
}

.flash-1 {
    animation: textFlashOrange 6s infinite 0s;
}

.flash-2 {
    animation: textFlashGreen 6s infinite 1s;
}

.flash-3 {
    animation: textFlashPink 6s infinite 2s;
}

.flash-4 {
    animation: textFlashOrange 6s infinite 3s;
}

.flash-5 {
    animation: textFlashGreen 6s infinite 4s;
}

.flash-6 {
    animation: textFlashPink 6s infinite 5s;
}


/* --- MANIFESTO --- */

.manifesto-text {
    font-family: var(--font-head);
    font-size: 6vw;
    text-transform: uppercase;
    line-height: 1.1;
}

.manifesto-text span {
    color: var(--questoria-white);
    text-shadow: 4px 4px 0 var(--questoria-dark);
}


/* --- ASYMMETRIC BLOCKS --- */

.asym-section {
    background-color: var(--questoria-dark);
    padding: 100px 0;
    /* Full width edge-to-edge feel */
}

.asym-wrapper {
    display: flex;
    gap: 0;
    align-items: stretch;
    max-width: 1400px;
    margin: 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.1);
    /* Subtle grid line */
}

.asym-block {
    border-radius: 50px;
    padding: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: background-color 0.4s ease, transform 0.4s ease;
}

/* People block — orange/warm */
.asym-people {
    flex: 1;
    min-height: 520px;
    background: var(--questoria-orange);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 80px;
}

/* Reach block — light */
.asym-reach {
    flex: 1;
    min-height: 520px;
    background-color: var(--questoria-white);
    margin-top: 80px;
}

.asym-label {
    font-family: var(--font-body);
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
}

.asym-people .asym-label {
    color: var(--questoria-white);
    opacity: 0.8;
}

.asym-reach .asym-label {
    color: var(--questoria-orange);
}

.asym-title {
    font-family: var(--font-head);
    font-size: 5rem;
    line-height: 0.95;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: transform 0.1s ease-out;
}

.asym-people .asym-title {
    color: var(--questoria-white);
    text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.15);
    /* Adds that thick bold contrast feel from the mockup */
}

.asym-reach .asym-title {
    color: var(--questoria-dark);
    text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.1);
}

.asym-desc {
    font-family: 'Poppins', sans-serif;
    font-size: 1.15rem;
    line-height: 1.6;
    margin-bottom: 30px;
    max-width: 480px;
    font-weight: 500;
}

.asym-panel-wrap {
    background-color: var(--questoria-white);
    padding: 24px 30px;
    border-radius: 20px;
    box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.2);
    transform: rotate(-1deg);
    margin-bottom: 30px;
    transition: transform 0.1s ease-out;
}

.asym-people .asym-desc {
    color: var(--questoria-dark);
    font-weight: 600;
    margin-bottom: 0;
}

.asym-reach .asym-panel-wrap {
    transform: rotate(1deg);
    background-color: var(--questoria-dark);
    border: 4px solid var(--questoria-orange);
    box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.2);
    transition: transform 0.1s ease-out;
}

.asym-reach .asym-desc {
    color: var(--questoria-white);
    font-weight: 600;
    margin-bottom: 0;
}

/* Stat number */
.asym-stat {
    font-family: var(--font-head);
    font-size: 6rem;
    color: var(--questoria-white);
    margin-top: auto;
    display: flex;
    align-items: flex-end;
    gap: 12px;
    line-height: 0.8;
}

.highlight-green {
    color: #ffffff;
    text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.15);
}

.asym-stat-label {
    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: 600;
    color: rgba(248, 244, 241, 0.6);
    padding-bottom: 8px;
    letter-spacing: 1px;
}

/* Platform tags */
.asym-platforms {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: auto;
}

.asym-platform {
    font-family: var(--font-head);
    font-size: 1rem;
    color: var(--questoria-white);
    padding: 10px 24px;
    border-radius: 30px;
    letter-spacing: 1px;
    box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.9);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
    text-transform: uppercase;
    text-decoration: none;
}

.asym-platform:hover {
    transform: translate(2px, 2px) scale(1.05) rotate(-3deg);
    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.9);
}

/* Platform Brand Colors */
.plat-youtube {
    background-color: #FF0000;
}

.plat-tiktok {
    background-color: #000000;
    color: #00E5FF;
    text-shadow: 2px 0 #FF007F;
}

.plat-instagram {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.plat-discord {
    background-color: #5865F2;
}

.plat-ads {
    background-color: var(--questoria-green);
    color: var(--questoria-white);
}


/* --- MARKETPLACE (3D TILT CARDS) --- */

.bg-dark .section-header {
    color: var(--questoria-white);
}

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 50px;
}

.tilt-card {
    background-color: var(--questoria-white);
    border-radius: 30px;
    height: 450px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transform-style: preserve-3d;
    transform: perspective(1000px);
    transition: transform .1s ease;
    border: 4px solid var(--questoria-orange);
    position: relative;
    overflow: hidden;
    will-change: transform;
    contain: layout;
}

.tilt-card-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    border-radius: 26px;
    transition: transform 0.4s ease;
}

.tilt-card:hover .tilt-card-img {
    transform: scale(1.05);
}

.tilt-card h3,
.tilt-card p,
.tilt-card .badge {
    position: relative;
    z-index: 1;
}

.tilt-card h3 {
    font-family: var(--font-head);
    font-size: 3.5rem;
    color: var(--questoria-dark);
    transform: translateZ(50px);
}

.tilt-card p {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--questoria-orange);
    transform: translateZ(30px);
}

.tilt-card .badge {
    position: absolute;
    top: 30px;
    right: 30px;
    background: var(--questoria-green);
    color: var(--questoria-white);
    padding: 8px 14px;
    font-family: var(--font-head);
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 10px;
    transform: translateZ(20px);
}

/* HOT — turuncu zemin, alev glow animasyonu */
.tilt-card .badge.hot {
    background: var(--questoria-orange);
    color: var(--questoria-white);
    animation: hotPulse 1.8s ease-in-out infinite;
}

@keyframes hotPulse {

    0%,
    100% {
        box-shadow: 0 0 8px rgba(255, 90, 0, 0.5), 0 0 20px rgba(255, 90, 0, 0.2);
    }

    50% {
        box-shadow: 0 0 16px rgba(255, 90, 0, 0.9), 0 0 40px rgba(255, 90, 0, 0.4);
    }
}

/* SOON — koyu zemin + yeşil metin */
.tilt-card .badge.soon {
    background: var(--questoria-dark);
    color: var(--questoria-white);
    border: 2px solid var(--questoria-white);
}



/* --- SERVICES --- */

.service-list {
    list-style: none;
    position: relative;
    counter-reset: service;
}

.service-list li {
    font-family: var(--font-head);
    font-size: 4.5rem;
    text-transform: uppercase;
    border-bottom: 4px solid var(--questoria-dark);
    padding: 22px 0;
    transition: color .3s ease, padding-left .35s cubic-bezier(0.34, 1.56, 0.64, 1), letter-spacing .3s ease;
    position: relative;
    z-index: 2;
    overflow: hidden;
    counter-increment: service;
}

/* Big faint counter number — slides in from right on hover */
.service-list li::after {
    content: counter(service, decimal-leading-zero);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translateX(40px);
    font-family: var(--font-head);
    font-size: 9rem;
    color: var(--questoria-dark);
    opacity: 0;
    transition: opacity .35s ease, transform .35s ease;
    pointer-events: none;
    line-height: 1;
    z-index: -1;
}

/* Arrow indicator — slides in from left */
.service-list li::before {
    content: '→';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-30px);
    font-size: 2rem;
    color: var(--questoria-orange);
    opacity: 0;
    transition: opacity .3s ease, transform .35s cubic-bezier(0.34, 1.56, 0.64, 1);
    pointer-events: none;
}

.service-list li:hover {
    color: var(--questoria-orange);
    padding-left: 50px;
    letter-spacing: 2px;
}

.service-list li:hover::after {
    opacity: 0.07;
    transform: translateY(-50%) translateX(0);
}

.service-list li:hover::before {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}

/* Hide the old hover image box */
.hover-image {
    display: none;
}


/* --- ARTISTS --- */

.bg-green .section-header {
    color: var(--questoria-dark);
}

.artist-card {
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 20px;
    border-radius: 20px;
    background-color: transparent;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.artist-card:hover {
    box-shadow: none;
}

.glare {
    display: none;
}

.artist-card:hover .glare {
    opacity: 0;
}

.artist-avatar {
    width: 250px;
    height: 250px;
    background-color: var(--questoria-dark);
    border-radius: 50%;
    margin: 0 auto 15px;
    /* Reduced from 30px */
    border: 8px solid var(--questoria-white);
    transition: transform .4s ease, border-color .4s ease;
    will-change: transform;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.avatar-head {
    width: 100%;
    height: 100%;
    object-fit: cover;
    image-rendering: pixelated;
    transition: transform 0.4s ease;
}

.artist-card:hover .avatar-head {
    transform: scale(1.1);
}

.artist-card:hover .artist-avatar {
    transform: none;
    border-color: var(--questoria-white);
}

.artist-card h3 {
    font-family: var(--font-head);
    font-size: 3rem;
    margin-top: 0;
    margin-bottom: 0;
}

.artist-role {
    display: block;
    font-family: var(--font-body);
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    opacity: 0.4;
    margin-top: 2px;
}

/* --- TEAM BUTTON --- */

.team-btn-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
}

.team-btn-wrapper.left-align {
    justify-content: flex-start;
    margin-top: -10px;
}

.team-btn {
    display: inline-block;
    margin-top: 50px;
    padding: 18px 40px;
    font-family: var(--font-head);
    font-size: 1.4rem;
    color: var(--questoria-white);
    background-color: var(--questoria-dark);
    border: 4px solid var(--questoria-dark);
    border-radius: 50px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.team-btn:hover {
    background-color: var(--questoria-orange);
    border-color: var(--questoria-orange);
    color: var(--questoria-white);
    transform: scale(1.05);
}

.apply-btn {
    background-color: var(--questoria-green);
    border-color: var(--questoria-green);
    color: var(--questoria-white);
}

.apply-btn:hover {
    background-color: var(--questoria-white);
    border-color: var(--questoria-white);
    color: #000000;
    transform: scale(1.05);
}


/* --- CONTACT --- */

.contact-content {
    text-align: center;
}

.contact-email {
    font-family: var(--font-head);
    font-size: 10vw;
    color: var(--questoria-orange);
    text-decoration: none;
    display: inline-block;
    transition: transform .3s ease, color .3s ease, text-shadow .3s ease;
    will-change: transform;
}

.contact-email:hover {
    transform: scale(1.05) rotate(-3deg);
    color: var(--questoria-white);
    text-shadow: 10px 10px 0 var(--questoria-orange);
}


/* --- PARTNERS STRIP --- */

.partners-strip {
    text-align: center;
    margin-bottom: 80px;
}

.partners-label {
    font-family: var(--font-body);
    font-size: 0.85rem;
    font-weight: 700;
    color: rgba(248, 244, 241, 0.3);
    letter-spacing: 6px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 30px;
}

.partners-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
    flex-wrap: wrap;
}

.partner-logo {
    height: 120px;
    width: auto;
    opacity: 0.4;
    filter: grayscale(100%) brightness(1.5);
    transition: opacity 0.3s ease, filter 0.3s ease, transform 0.3s ease;
}

.partner-logo:hover {
    opacity: 1;
    filter: grayscale(0%) brightness(1);
    transform: scale(1.1);
}


/* ==========================================
   FOOTER
   ========================================== */

.site-footer {
    background-color: var(--questoria-dark);
    padding: 80px 5% 40px;
    border-top: 3px solid rgba(255, 90, 0, 0.2);
}

.footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.footer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    gap: 30px;
}

.footer-tagline h3 {
    font-family: var(--font-head);
    font-size: 2.5rem;
    color: var(--questoria-white);
    opacity: 0.9;
}

.footer-brand {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-logo {
    width: 110px;
    height: 110px;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.footer-brand:hover .footer-logo {
    transform: rotate(20deg) scale(1.1);
}

.footer-name {
    display: flex;
    align-items: center;
    font-family: var(--font-head);
    font-size: 1.8rem;
    color: var(--questoria-white);
    letter-spacing: 3px;
}

.footer-name span {
    display: inline-block;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.footer-name .spacer {
    margin-left: 10px;
}

#logo {
    display: flex;
    align-items: center;
    font-family: var(--font-head);
    font-size: 2.5rem;
    color: var(--questoria-white);
    letter-spacing: 2px;
}

#logo a {
    text-decoration: none;
    display: flex;
    align-items: center;
}

#logo span {
    display: inline-block;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.footer-socials {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
}

.social-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: rgba(248, 244, 241, 0.06);
    border: 2px solid rgba(248, 244, 241, 0.1);
    color: var(--questoria-white);
    text-decoration: none;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
        background 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        box-shadow 0.3s ease;
}

.social-btn svg {
    width: 22px;
    height: 22px;
}

.social-btn:hover {
    transform: translateY(-6px) scale(1.1);
    box-shadow: 0 8px 25px rgba(255, 90, 0, 0.25);
}

/* Individual social button hover colors */
#social-instagram:hover {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    border-color: #e6683c;
    color: #fff;
}

#social-x:hover {
    background: #000;
    border-color: #555;
    color: #fff;
}

#social-github:hover {
    background: #333;
    border-color: #6e5494;
    color: #fff;
}

#social-tiktok:hover {
    background: linear-gradient(135deg, #010101, #25F4EE);
    border-color: #FE2C55;
    color: #fff;
}

#social-youtube:hover {
    background: #FF0000;
    border-color: #FF0000;
    color: #fff;
}

#social-discord:hover {
    background: #5865F2;
    border-color: #5865F2;
    color: #fff;
}

.footer-divider {
    width: 100%;
    max-width: 500px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(248, 244, 241, 0.15), transparent);
}

.footer-copyright {
    font-size: 0.85rem;
    color: rgba(248, 244, 241, 0.35);
    text-align: center;
    letter-spacing: 1px;
}


/* --- RESPONSIVE --- */

@media (max-width: 768px) {
    .massive-text {
        font-size: 20vw;
    }

    .nav-links a {
        font-size: 3rem;
    }

    .section-header {
        font-size: 3rem;
        margin-bottom: 30px;
    }

    .service-list li {
        font-size: 2.5rem;
    }

    .grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .tilt-card {
        height: 350px;
    }

    .artist-avatar {
        width: 180px;
        height: 180px;
    }

    .contact-email {
        font-size: 8vw;
        word-break: break-all;
    }

    .contact-content .section-header {
        font-size: 2rem;
    }

    .manifesto-text {
        font-size: 8vw;
    }

    .asym-wrapper {
        flex-direction: column;
    }

    .asym-reach {
        margin-top: 0;
    }

    .asym-block {
        min-height: auto;
        padding: 40px;
    }

    .asym-title {
        font-size: 2.5rem;
    }

    .asym-stat {
        font-size: 3.5rem;
        margin-top: 30px;
    }

    .asym-section {
        padding: 60px 30px;
    }

    .hover-image {
        display: none;
    }

    /* Header mobile */
    header {
        padding: 15px 4%;
    }

    .header-right {
        gap: 14px;
    }

    .header-social svg {
        width: 22px;
        height: 22px;
    }

    .header-social img {
        width: 22px !important;
        height: 22px !important;
    }

    .logo {
        font-size: 1.8rem;
    }

    .menu-btn {
        width: 32px;
        height: 32px;
    }

    .x-line {
        width: 16px;
        height: 5px;
    }

    /* Footer mobile */
    .footer-socials {
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-top {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    .footer-tagline h3 {
        font-size: 1.4rem;
    }

    .services-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .services-discord-cta {
        font-size: 0.85rem;
        padding: 12px 18px;
    }



    .splash-text {
        font-size: 2.2rem;
    }

    .splash-logo {
        width: 70px;
        height: 70px;
    }

    .header-logo-img {
        width: 32px;
        height: 32px;
        margin-right: 8px;
    }

    .social-btn {
        width: 46px;
        height: 46px;
        border-radius: 14px;
    }

    .social-btn svg {
        width: 20px;
        height: 20px;
    }

    .footer-name {
        font-size: 1.4rem;
    }
}

@media (max-width: 480px) {
    .section {
        padding: 80px 4%;
    }

    .logo {
        font-size: 1.4rem;
    }

    .header-right {
        gap: 10px;
    }

    .header-social svg {
        width: 18px;
        height: 18px;
    }

    .header-social img {
        width: 18px !important;
        height: 18px !important;
    }

    .menu-btn {
        width: 28px;
        height: 28px;
    }

    .x-line {
        width: 14px;
        height: 4px;
    }

    .x-line:nth-child(1) {
        transform: translate(-6px, -6px) rotate(45deg);
    }

    .x-line:nth-child(2) {
        transform: translate(6px, -6px) rotate(-45deg);
    }

    .x-line:nth-child(3) {
        transform: translate(-6px, 6px) rotate(-45deg);
    }

    .x-line:nth-child(4) {
        transform: translate(6px, 6px) rotate(45deg);
    }

    .nav-links a {
        font-size: 2.2rem;
    }

    .service-list li {
        font-size: 2rem;
        padding: 20px 0;
    }

    .marquee h3 {
        font-size: 2rem;
    }

    .splash-text {
        font-size: 1.6rem;
    }

    .splash-tagline {
        font-size: 0.75rem;
        letter-spacing: 4px;
    }

    .contact-email {
        font-size: 6.5vw;
    }

    .contact-content .section-header {
        font-size: 1.5rem;
    }

    .section-header {
        font-size: 2.2rem;
    }

    .footer-socials {
        gap: 8px;
    }

    .social-btn {
        width: 40px;
        height: 40px;
    }

    .hero-tag {
        font-size: 0.75rem;
        padding: 10px 16px;
        letter-spacing: 1px;
    }
}


/* Questoria Store & Partners */
.questoria-store{background:#0a0a0a;color:#fff;padding-top:130px;padding-bottom:140px}.store-heading{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:50px}.store-kicker,.partner-heading>span{font:700 .75rem var(--font-body);letter-spacing:3px;color:#e10600}.store-heading h2,.partner-heading h2{font-family:var(--font-head);font-size:clamp(4rem,8vw,9rem);line-height:.78;margin:30px 0}.store-heading h2 em,.partner-heading h2 em{font-style:normal;color:#e10600}.store-heading>p,.partner-heading>p{font-size:1.1rem;line-height:1.7;color:#999;max-width:500px}.store-tabs{display:flex;gap:10px;margin:55px 0 30px}.store-tabs button{background:transparent;color:#777;border:2px solid #333;border-radius:30px;padding:10px 20px;font-family:var(--font-body);font-weight:700}.store-tabs button.active{background:#e10600;color:#fff;border-color:#e10600}.store-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 20px}.store-card{transition:transform .25s}.store-card:hover{transform:translateY(-8px)}.store-art{height:420px;position:relative;overflow:hidden;background:#1c1c1c}.store-art>span{position:absolute;top:22px;left:22px;font-weight:700}.store-art>b{position:absolute;right:-20px;bottom:-75px;font-family:var(--font-head);font-size:23rem;color:#2b2b2b}.store-art>small{position:absolute;bottom:20px;left:22px;letter-spacing:2px}.art-minecraft{background:#fff;color:#111}.art-minecraft>b{color:#e4e4e4}.art-red{background:#e10600}.art-red>b{color:#a50000}.art-white{background:#eee;color:#111}.store-info{border-top:2px solid #333;margin-top:18px;padding:18px 3px;position:relative}.store-info>span{font-size:.72rem;letter-spacing:2px;color:#777}.store-info h3{font-family:var(--font-head);font-size:2rem;margin:8px 0}.store-info p{color:#888;max-width:70%}.store-info a{position:absolute;right:3px;bottom:18px;font-weight:700;border-bottom:2px solid #e10600}.questoria-partners{padding:100px 0 30px}.partner-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:end}.partner-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:60px;border-top:1px solid #ffffff33;border-left:1px solid #ffffff33}.partner-grid article{min-height:180px;border-right:1px solid #ffffff33;border-bottom:1px solid #ffffff33;padding:28px;display:flex;align-items:center;gap:25px}.partner-grid img,.partner-grid strong{width:105px;height:105px;object-fit:cover;background:#fff;color:#e10600;display:grid;place-items:center;font-family:var(--font-head);font-size:2.5rem}.partner-grid article>div{display:flex;flex-direction:column;gap:8px}.partner-grid b{font-family:var(--font-head);font-size:1.5rem}.partner-grid span{font-size:.7rem;letter-spacing:2px;color:#888}.join-partner{background:#e10600}.join-partner strong{background:#0a0a0a;color:#fff}.join-partner a{font-size:.75rem;border-bottom:1px solid;padding-bottom:4px}@media(max-width:800px){.store-heading,.partner-heading,.store-grid,.partner-grid{grid-template-columns:1fr}.store-heading h2,.partner-heading h2{font-size:4.5rem}.store-art{height:320px}.store-tabs{overflow:auto}.store-info p{max-width:100%;padding-right:0}.store-info a{position:static;display:inline-block;margin-top:12px}.partner-grid article{min-height:150px}}
/* Questoria collectible card system */
.store-grid{gap:90px 35px;padding:35px 15px}.store-card{position:relative}.store-card:nth-child(even){transform:translateY(70px)}.store-card:nth-child(even):hover{transform:translateY(58px) rotate(1deg)}.store-card:nth-child(odd):hover{transform:translateY(-12px) rotate(-1deg)}.store-art{height:390px;border-radius:28px;border:3px solid #fff;box-shadow:0 24px 0 #000,0 30px 45px #0008;isolation:isolate;transition:.35s cubic-bezier(.2,.8,.2,1)}.store-art:before{content:"";position:absolute;inset:18px;border:1px solid currentColor;border-radius:18px;opacity:.3;z-index:2}.store-art:after{content:"QUESTORIA®  /  DIGITAL GOODS  /  2026";position:absolute;top:27px;right:30px;writing-mode:vertical-rl;font:700 .55rem var(--font-body);letter-spacing:2px;z-index:4}.store-art>span{width:48px;height:48px;border:2px solid;border-radius:50%;display:grid;place-items:center;z-index:4}.store-art>b{font-size:25rem;right:20px;bottom:-58px;line-height:.78;transform:rotate(-7deg);z-index:1}.store-art>small{z-index:4;background:#0a0a0a;color:#fff;padding:9px 13px;border-radius:20px}.art-fivem{background:#e10600;color:#fff}.art-fivem>b{color:#fff;opacity:.18}.art-minecraft{background:#fff;color:#0a0a0a;border-color:#e10600}.art-minecraft>b{color:#e10600;opacity:.13}.art-red{background:#0a0a0a;color:#fff;border-color:#e10600}.art-red>b{color:#e10600;opacity:.8}.art-white{background:repeating-linear-gradient(135deg,#fff 0,#fff 28px,#f1f1f1 28px,#f1f1f1 56px);color:#0a0a0a;border-color:#0a0a0a}.art-white>b{color:#e10600;opacity:.9}.store-info{margin-top:35px;border-top:0;background:#fff;color:#111;border-radius:18px;padding:22px 24px;box-shadow:8px 8px 0 #e10600}.store-info>span{color:#e10600;font-weight:700}.store-info p{color:#666}.store-info a{right:24px;bottom:22px}.partner-grid{border:0!important;gap:35px;padding:40px 10px 70px;grid-template-columns:repeat(2,1fr)}.partner-grid article{position:relative;min-height:240px;border:3px solid #fff!important;border-radius:26px;padding:34px;overflow:hidden;box-shadow:12px 12px 0 #e10600;transition:.35s cubic-bezier(.2,.8,.2,1);transform:rotate(-1.5deg)}.partner-grid article:nth-child(even){transform:rotate(1.5deg);box-shadow:-12px 12px 0 #fff;background:#e10600}.partner-grid article:hover{transform:rotate(0) translateY(-10px);box-shadow:0 24px 40px #0008}.partner-grid article:before{content:"AUTHORIZED PARTNER";position:absolute;right:25px;top:24px;font:700 .55rem var(--font-body);letter-spacing:2px;opacity:.5}.partner-grid article:after{content:"Q";position:absolute;right:-20px;bottom:-70px;font:400 15rem var(--font-head);opacity:.08}.partner-grid img,.partner-grid strong{position:relative;z-index:2;width:130px;height:130px;border-radius:22px;border:2px solid #fff;box-shadow:6px 6px 0 #000}.partner-grid article>div{position:relative;z-index:2}.partner-grid b{font-size:2rem}.partner-grid span{color:#bbb}.partner-grid .join-partner{background:#fff;color:#111;border-color:#e10600!important;box-shadow:12px 12px 0 #0a0a0a}.join-partner strong{background:#e10600}.join-partner a{color:#e10600;font-weight:700}.partner-heading h2 em{text-shadow:5px 5px 0 #fff}.store-heading h2 em{text-shadow:5px 5px 0 #fff}@media(max-width:800px){.store-grid,.partner-grid{grid-template-columns:1fr;gap:55px}.store-card:nth-child(even){transform:none}.store-card:nth-child(even):hover{transform:translateY(-8px)}.store-art{height:300px;border-radius:20px}.store-art>b{font-size:18rem}.store-info{box-shadow:6px 6px 0 #e10600}.partner-grid article,.partner-grid article:nth-child(even){transform:none;min-height:210px}.partner-grid img,.partner-grid strong{width:95px;height:95px}.partner-grid b{font-size:1.35rem}}
/* Store card info correction */
.store-info{min-height:185px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr;column-gap:25px;align-items:start;background:#fff;color:#0a0a0a;border:3px solid #0a0a0a;border-radius:22px;padding:24px 26px;box-shadow:10px 10px 0 #e10600;overflow:hidden}.store-info:after{content:"Q";position:absolute;right:110px;bottom:-48px;font-family:var(--font-head);font-size:9rem;color:#00000008;pointer-events:none}.store-info>span{grid-column:1;color:#e10600!important;font-weight:700;letter-spacing:2px}.store-info h3{grid-column:1;margin:8px 0 4px;font-size:2rem;line-height:1}.store-info p{grid-column:1;max-width:520px!important;margin:8px 0 0;color:#666!important;line-height:1.5}.store-info a{grid-column:2;grid-row:1/4;position:static!important;align-self:center;display:inline-flex;align-items:center;justify-content:center;min-width:165px;padding:14px 18px;background:#0a0a0a!important;color:#fff!important;border:2px solid #0a0a0a!important;border-radius:30px;text-decoration:none!important;font-family:var(--font-body);font-weight:700;letter-spacing:.5px;transition:.25s}.store-info a:hover{background:#e10600!important;border-color:#e10600!important;transform:translateY(-3px)}@media(max-width:800px){.store-info{display:block;min-height:0;padding:20px}.store-info a{display:inline-flex;margin-top:18px;min-width:0}.store-info:after{display:none}}
/* Questoria premium color rhythm */
:root{--questoria-dark:#121010;--questoria-surface:#1c1818;--questoria-line:#342d2d;--questoria-red:#e10600;--questoria-crystal:#ff3b30;--questoria-deep:#760000;--questoria-white:#f8f7f5}body{background:var(--questoria-dark)}.bg-dark,.questoria-store{background:var(--questoria-dark)!important}.bg-white{background:var(--questoria-white)!important}.bg-orange,.manifesto-section{background:var(--questoria-red)!important}.questoria-store{background-image:radial-gradient(circle at 15% 10%,#7600002c,transparent 24%),radial-gradient(circle at 90% 65%,#e1060018,transparent 28%)}.store-art{background-image:radial-gradient(circle at var(--mx,50%) var(--my,50%),#ff3b3055 0,transparent 28%);position:relative}.store-art:before{box-shadow:inset 0 0 35px #ff3b3018}.store-art .crystal-shine{position:absolute;inset:-40%;z-index:3;background:linear-gradient(110deg,transparent 38%,#ffffff65 49%,transparent 60%);transform:translateX(-60%) rotate(8deg);transition:transform .65s;pointer-events:none}.store-card:hover .crystal-shine{transform:translateX(60%) rotate(8deg)}.store-card{filter:drop-shadow(0 22px 28px #0007)}.store-card:hover .store-art{box-shadow:0 24px 0 #0a0a0a,0 32px 65px #e1060038}.service-list li,.service-item{border-color:var(--questoria-line)!important}.asym-section{background:var(--questoria-white)}.artists-section,#artists{background:var(--questoria-dark);color:#fff}.questoria-partners{width:100vw;margin-left:calc(50% - 50vw);padding:120px max(5%,calc((100vw - 1400px)/2));background:var(--questoria-white);color:#111}.partner-heading>p{color:#666}.partner-heading h2 em{color:var(--questoria-red);text-shadow:5px 5px 0 #111}.single-partner article{background:linear-gradient(135deg,#111 0 58%,#182600 58% 72%,#f2dc00 72%)!important;color:#fff!important;border-color:#d8ef00!important;box-shadow:14px 14px 0 #76a900!important}.single-partner article:before{color:#eaff00;opacity:.8}.single-partner article:after{content:"L";color:#eaff00}.single-partner article img{background:#050505;border-color:#eaff00;box-shadow:7px 7px 0 #76a900}.single-partner article span{color:#d8ef00}.single-partner article a{color:#fff;border-color:#eaff00}.contact-content{padding-top:100px}.contact-email{color:var(--questoria-crystal)!important}.cursor-glow{position:fixed;left:0;top:0;width:260px;height:260px;border-radius:50%;z-index:9998;pointer-events:none;background:radial-gradient(circle,#ff3b3026 0,#e1060012 35%,transparent 70%);transform:translate(-50%,-50%);mix-blend-mode:screen;opacity:0;transition:opacity .3s}.cursor-glow.active{opacity:1}.interactive:hover{--hover-red:var(--questoria-crystal)}::selection{background:var(--questoria-red);color:#fff}@media(max-width:800px){.cursor-glow{display:none}.questoria-partners{padding:90px 18px}.single-partner article{background:linear-gradient(145deg,#111 0 68%,#7ea900 68% 78%,#f2dc00 78%)!important}}@media(prefers-reduced-motion:reduce){.cursor-glow,.crystal-shine{display:none!important}}

.store-tabs button{cursor:pointer;transition:background-color .25s,color .25s,border-color .25s,transform .25s}.store-tabs button:hover{color:#fff;border-color:#e10600;transform:translateY(-2px)}.store-tabs button:focus-visible{outline:3px solid #fff;outline-offset:4px}.store-card{opacity:1;transition:opacity .28s ease,transform .28s ease}.store-card-hidden{display:none!important}

/* QUESTORIA HOME UPGRADE */
.questoria-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#e10600;color:#fff;padding:75px max(5%,calc((100vw - 1400px)/2));gap:1px}.questoria-stats article{padding:25px 30px;border-left:1px solid #ffffff55}.questoria-stats article:first-child{border:0}.questoria-stats strong{display:block;font-family:var(--font-head);font-size:clamp(4rem,7vw,7rem);line-height:.8}.questoria-stats span{display:block;margin-top:22px;font-size:.68rem;font-weight:800;letter-spacing:2px}
.questoria-testimonials{padding:120px max(5%,calc((100vw - 1400px)/2));background:#f8f7f5;color:#111}.testimonial-head>span{font-size:.72rem;font-weight:800;letter-spacing:3px;color:#e10600}.testimonial-head h2{font-family:var(--font-head);font-size:clamp(5rem,9vw,9rem);line-height:.78;margin:28px 0 65px}.testimonial-head em{font-style:normal;color:#e10600}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid #111}.testimonial-grid article{min-height:300px;padding:35px 30px;border-right:1px solid #bbb;transition:.3s}.testimonial-grid article:last-child{border:0}.testimonial-grid article:hover{background:#111;color:#fff;transform:translateY(-8px)}.testimonial-grid article>span{font-size:.65rem;font-weight:800;letter-spacing:2px;color:#e10600}.testimonial-grid h3{font-family:var(--font-head);font-size:2.2rem;margin:50px 0 18px}.testimonial-grid p{line-height:1.7;color:#777}.testimonial-grid article:hover p{color:#bbb}
.project-modal{position:fixed;inset:0;z-index:10000;background:#0a0a0af5;color:#fff;display:grid;grid-template-columns:1fr 1fr;padding:7vh 7vw;gap:65px;align-items:center;opacity:0;visibility:hidden;transform:scale(.98);transition:.35s}.project-modal.open{opacity:1;visibility:visible;transform:none}.project-modal-close{position:absolute;right:30px;top:25px;width:54px;height:54px;border:1px solid #ffffff55;background:none;color:#fff;font-size:2.2rem;cursor:pointer}.project-modal-visual{height:min(70vh,650px);background:#e10600;border:3px solid #fff;border-radius:30px;position:relative;overflow:hidden;box-shadow:18px 18px 0 #fff}.project-modal-visual span{position:absolute;top:30px;left:30px;border:2px solid;border-radius:50%;width:55px;height:55px;display:grid;place-items:center}.project-modal-visual b{position:absolute;right:-20px;bottom:-85px;font-family:var(--font-head);font-size:min(36vw,32rem);color:#ffffff26;line-height:.8}.project-modal-visual small{position:absolute;bottom:28px;left:30px;letter-spacing:2px}.project-modal-content>span{font-size:.7rem;letter-spacing:3px;color:#e10600;font-weight:800}.project-modal-content h2{font-family:var(--font-head);font-size:clamp(3.5rem,7vw,7rem);line-height:.85;margin:25px 0}.project-modal-content p{color:#aaa;line-height:1.75;max-width:600px}.project-modal-content ul{list-style:none;padding:0;margin:35px 0}.project-modal-content li{padding:13px 0;border-top:1px solid #333;color:#ddd}.project-modal-content li:before{content:"✦";color:#e10600;margin-right:14px}.project-modal-content a{display:inline-flex;padding:15px 22px;background:#e10600;border-radius:99px;font-weight:800}.modal-lock{overflow:hidden}.store-info a{cursor:pointer}
.quick-contact{position:fixed;right:22px;bottom:22px;z-index:9000;background:#e10600;color:#fff;border:2px solid #fff;border-radius:18px;padding:14px 18px;box-shadow:7px 7px 0 #0a0a0a;display:flex;flex-direction:column;gap:3px;transition:.25s}.quick-contact:hover{transform:translateY(-5px)}.quick-contact span{font-size:.56rem;letter-spacing:2px}.quick-contact b{font-size:.82rem}
@media(max-width:800px){.questoria-stats{grid-template-columns:repeat(2,1fr);padding:55px 18px}.questoria-stats article{border:0;border-bottom:1px solid #ffffff55;padding:24px 15px}.testimonial-grid{grid-template-columns:1fr}.testimonial-grid article{border-right:0;border-bottom:1px solid #bbb;min-height:240px}.project-modal{grid-template-columns:1fr;padding:75px 20px 30px;overflow:auto;gap:35px}.project-modal-visual{height:280px}.project-modal-content h2{font-size:3.5rem}.quick-contact{right:12px;bottom:12px}}

/* QUESTORIA SELECTED UPGRADES: 1 / 5 / 6 / 8 / 9 / 10 */
.questoria-intro{position:fixed;inset:0;z-index:20000;background:#0a0808;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;animation:intro-exit .42s 1.28s cubic-bezier(.77,0,.18,1) forwards}.intro-shards{position:relative;width:230px;height:230px;filter:drop-shadow(0 0 34px #e1060066)}.intro-shard{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.shard-1{clip-path:polygon(0 0,50% 0,42% 45%,0 54%);animation:shard-one .8s cubic-bezier(.2,.9,.2,1) both}.shard-2{clip-path:polygon(50% 0,100% 0,100% 52%,58% 44%);animation:shard-two .8s cubic-bezier(.2,.9,.2,1) both}.shard-3{clip-path:polygon(0 54%,42% 45%,50% 100%,0 100%);animation:shard-three .8s cubic-bezier(.2,.9,.2,1) both}.shard-4{clip-path:polygon(58% 44%,100% 52%,100% 100%,50% 100%);animation:shard-four .8s cubic-bezier(.2,.9,.2,1) both}.shard-5{clip-path:polygon(42% 0,58% 0,62% 55%,50% 100%,38% 55%);animation:shard-five .72s .08s cubic-bezier(.2,.9,.2,1) both}.intro-wordmark{margin-top:22px;text-align:center;animation:intro-word .45s .55s both}.intro-wordmark b{display:block;font-family:var(--font-head);font-size:1.65rem;letter-spacing:8px}.intro-wordmark span{display:block;margin-top:6px;font-size:.55rem;letter-spacing:4px;color:#e10600}.intro-progress{width:230px;height:2px;margin-top:25px;background:#ffffff18;overflow:hidden}.intro-progress i{display:block;width:100%;height:100%;background:#e10600;animation:intro-load 1.15s both}@keyframes shard-one{from{transform:translate(-90px,-70px) rotate(-16deg);opacity:0}}@keyframes shard-two{from{transform:translate(95px,-60px) rotate(18deg);opacity:0}}@keyframes shard-three{from{transform:translate(-85px,80px) rotate(14deg);opacity:0}}@keyframes shard-four{from{transform:translate(90px,75px) rotate(-15deg);opacity:0}}@keyframes shard-five{from{transform:translateY(-110px) scale(.7);opacity:0}}@keyframes intro-word{from{transform:translateY(15px);opacity:0}}@keyframes intro-load{from{transform:translateX(-100%)}}@keyframes intro-exit{to{transform:translateY(-105%);visibility:hidden}}
.project-status{position:absolute!important;right:22px!important;top:22px!important;left:auto!important;bottom:auto!important;width:auto!important;height:auto!important;z-index:5!important;padding:8px 13px!important;border:0!important;border-radius:99px!important;background:#0a0a0a!important;color:#fff!important;font:800 .6rem var(--font-body)!important;letter-spacing:1.3px!important;font-style:normal!important;box-shadow:0 6px 20px #0005}.status-ready{background:#fff!important;color:#111!important}.status-soon{background:#111!important;color:#fff!important}.status-custom{background:#fff!important;color:#e10600!important}.status-dev{background:#e10600!important;color:#fff!important}
.store-info{display:block!important;min-height:285px!important;padding:26px!important}.store-info:after{display:none!important}.store-info>span{display:block}.store-info h3{margin:9px 0!important}.store-info p{margin:9px 0 20px!important;max-width:100%!important}.store-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:18px 0 22px}.store-meta>span{padding:13px 8px;border-right:1px solid #ddd;display:flex;flex-direction:column;gap:5px}.store-meta>span:first-child{padding-left:0}.store-meta>span:last-child{border:0}.store-meta small{font-size:.55rem;letter-spacing:1.3px;color:#999}.store-meta b{font-size:.68rem}.store-info a{position:static!important;display:inline-flex!important;min-width:0!important;padding:12px 17px!important;font-size:.68rem!important}
.manager-showcase{grid-template-columns:repeat(2,minmax(280px,520px))!important;justify-content:center;gap:35px!important}.manager-card{position:relative;min-height:420px!important;border:3px solid #111!important;border-radius:28px!important;padding:42px 30px!important;overflow:hidden;box-shadow:12px 12px 0 #fff!important;transition:.35s!important}.manager-card:nth-child(2){background:#111!important;color:#fff!important;box-shadow:12px 12px 0 #fff!important}.manager-card:hover{transform:translateY(-10px) rotate(-1deg)!important;box-shadow:18px 24px 0 #fff!important}.manager-card:nth-child(2):hover{transform:translateY(-10px) rotate(1deg)!important}.manager-index{position:absolute;right:25px;top:22px;font-family:var(--font-head);font-size:2rem;color:#e10600}.manager-details{margin-top:24px;border-top:1px solid currentColor;padding-top:18px}.manager-details>b{font-size:.62rem;letter-spacing:2px;color:#e10600}.manager-details>div{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:13px}.manager-details span{font-size:.56rem;font-weight:800;border:1px solid currentColor;border-radius:99px;padding:6px 9px}
.limon-partnership{background:#f8f7f5!important}.limon-partner-card{margin-top:65px;min-height:480px;display:grid;grid-template-columns:.8fr 1.2fr;border:4px solid #111;border-radius:32px;overflow:hidden;box-shadow:16px 16px 0 #76a900}.limon-brand{position:relative;background:linear-gradient(145deg,#0c0c0c 0 62%,#6e9900 62% 74%,#f5db00 74%);display:grid;place-items:center;padding:45px}.limon-brand:after{content:"L";position:absolute;right:-15px;bottom:-75px;font-family:var(--font-head);font-size:18rem;color:#ffffff0d}.limon-brand img{width:min(85%,320px);height:auto;position:relative;z-index:2;filter:drop-shadow(0 18px 25px #0008)}.partner-number{position:absolute;left:28px;top:25px;color:#eaff00;font-size:.6rem;font-weight:800;letter-spacing:2px}.limon-copy{padding:65px;display:flex;flex-direction:column;justify-content:center;background:#fff}.limon-copy>span{font-size:.68rem;font-weight:800;letter-spacing:3px;color:#76a900}.limon-copy h3{font-family:var(--font-head);font-size:clamp(4rem,7vw,7rem);line-height:.8;margin:22px 0}.limon-copy p{color:#666;line-height:1.7;max-width:580px}.partner-capabilities{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.partner-capabilities span{font-size:.6rem;font-weight:800;border:1px solid #bbb;border-radius:99px;padding:7px 10px}.limon-copy a{width:max-content;margin-top:10px;padding:14px 19px;border-radius:99px;background:#111;color:#fff;font-size:.7rem;font-weight:800}.limon-copy a:hover{background:#76a900}
@media(max-width:800px){.intro-shards{width:170px;height:170px}.intro-progress{width:170px}.manager-showcase,.limon-partner-card{grid-template-columns:1fr!important}.manager-card{min-height:380px!important}.store-meta{grid-template-columns:1fr}.store-meta>span{border-right:0;border-bottom:1px solid #ddd;padding:10px 0}.limon-brand{min-height:340px}.limon-copy{padding:40px 25px}.limon-partner-card{margin:45px 0 20px}.project-status{right:14px!important;top:14px!important}}
@media(prefers-reduced-motion:reduce){.questoria-intro{animation:none;display:none}.intro-shard,.intro-wordmark,.intro-progress i{animation:none!important}}
.manager-card:nth-child(2) h3,.manager-card:nth-child(2) .artist-role{color:#fff!important}.manager-card:nth-child(2) .manager-details{border-color:#ffffff55}

/* QUESTORIA ORIGINAL COLOR SYSTEM */
:root{--q-ink:#0e0c11;--q-graphite:#19151c;--q-wine:#5b0b22;--q-plum:#32142f;--q-crimson:#d7193f;--q-crystal:#ff465f;--q-paper:#f4efe9;--q-muted:#938991;--questoria-red:var(--q-crimson)!important;--questoria-crystal:var(--q-crystal)!important;--questoria-dark:var(--q-ink)!important;--questoria-white:var(--q-paper)!important}
body{background:var(--q-ink)!important;color:var(--q-paper)}header{background:#0e0c11d9!important;border-bottom:1px solid #ff465f24!important}.page-transition{background:var(--q-crimson)!important}.questoria-intro{background:radial-gradient(circle at 50% 38%,#5b0b2266,transparent 34%),var(--q-ink)!important}.intro-progress i{background:linear-gradient(90deg,var(--q-wine),var(--q-crystal))!important}.intro-wordmark span{color:var(--q-crystal)!important}
.hero.bg-white{background:radial-gradient(circle at 77% 30%,#d7193f1c 0,transparent 24%),linear-gradient(135deg,var(--q-paper) 0 72%,#eadfe1 72%)!important;color:var(--q-ink)!important}.hero .massive-text:last-of-type,.hero .massive-text span{color:var(--q-crimson)!important}.hero-tag{background:var(--q-ink)!important}.marquee{background:var(--q-ink)!important;color:var(--q-paper)!important;border-color:#ffffff18!important}.marquee .domain-highlight{color:var(--q-crystal)!important}
.bg-orange,#manifesto{background:linear-gradient(135deg,var(--q-wine),var(--q-crimson) 66%,var(--q-crystal))!important;color:var(--q-paper)!important}.manifesto-text span{color:#ffd9df!important}.asym-section{background:var(--q-paper)!important}.asym-people{background:var(--q-ink)!important}.asym-reach{background:linear-gradient(145deg,var(--q-plum),var(--q-wine))!important}.highlight-green{color:var(--q-crystal)!important}
.questoria-store{background-color:var(--q-ink)!important;background-image:radial-gradient(circle at 12% 8%,#5b0b2255,transparent 25%),radial-gradient(circle at 88% 62%,#32142f88,transparent 30%)!important}.store-heading h2 em{color:var(--q-crystal)!important;text-shadow:5px 5px 0 var(--q-wine)!important}.store-tabs button.active{background:var(--q-crimson)!important;border-color:var(--q-crimson)!important}.store-art{border-color:var(--q-paper)!important}.art-fivem{background:linear-gradient(145deg,var(--q-wine),var(--q-crimson))!important}.art-minecraft{background:linear-gradient(145deg,var(--q-paper),#e8dce0)!important}.art-red{background:linear-gradient(145deg,var(--q-plum),var(--q-ink))!important}.art-white{background:repeating-linear-gradient(135deg,var(--q-paper) 0,var(--q-paper) 28px,#e8dde2 28px,#e8dde2 56px)!important}.store-info{background:var(--q-paper)!important;box-shadow:10px 10px 0 var(--q-wine)!important}.store-info>span{color:var(--q-crimson)!important}.store-info a{background:var(--q-ink)!important}.store-info a:hover{background:var(--q-crimson)!important}.project-status.status-custom,.project-status.status-dev{background:var(--q-crimson)!important;color:#fff!important}
.questoria-stats{background:linear-gradient(90deg,var(--q-plum),var(--q-wine),var(--q-crimson))!important}.questoria-stats strong{color:#fff}.bg-white,#services{background:var(--q-paper)!important}.services-discord-cta{background:var(--q-wine)!important;color:#fff!important}.service-list li:hover{color:var(--q-crimson)!important}
#artists.bg-orange{background:radial-gradient(circle at 80% 20%,#ff465f22,transparent 28%),linear-gradient(145deg,var(--q-wine),var(--q-plum))!important}.manager-card{background:var(--q-paper)!important;box-shadow:12px 12px 0 var(--q-crystal)!important}.manager-card:nth-child(2){background:var(--q-ink)!important;box-shadow:12px 12px 0 var(--q-crystal)!important}.manager-index,.manager-details>b{color:var(--q-crystal)!important}.team-btn{background:var(--q-paper)!important;color:var(--q-ink)!important}.team-btn:hover{background:var(--q-crystal)!important;color:#fff!important}
.questoria-testimonials{background:linear-gradient(180deg,var(--q-paper),#e9dfe2)!important}.testimonial-head>span,.testimonial-head em,.testimonial-grid article>span{color:var(--q-crimson)!important}.testimonial-grid article:hover{background:var(--q-plum)!important}.questoria-partners{background:var(--q-paper)!important}.partner-heading h2 em{color:var(--q-crimson)!important;text-shadow:5px 5px 0 #e6d9dd!important}.contact-content{background:radial-gradient(circle at 80% 50%,#5b0b2244,transparent 28%),var(--q-ink)!important}.contact-email{color:var(--q-crystal)!important}.quick-contact{background:linear-gradient(135deg,var(--q-wine),var(--q-crimson))!important;border-color:#ffc3cc!important}.project-modal{background:#0e0c11f8!important}.project-modal-visual{background:linear-gradient(145deg,var(--q-plum),var(--q-crimson))!important}.project-modal-content>span{color:var(--q-crystal)!important}.project-modal-content a{background:var(--q-crimson)!important}.site-footer{background:var(--q-ink)!important}
::selection{background:var(--q-crystal)!important;color:#fff}.cursor-glow{background:radial-gradient(circle,#ff465f25 0,#5b0b2215 38%,transparent 70%)!important}
/* EXPERIENCE BUSINESS CARDS */
.testimonial-head h2{margin-top:0!important}.testimonial-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:34px!important;border:0!important;perspective:1200px}.testimonial-grid article{position:relative;min-height:330px!important;padding:38px 34px!important;border:3px solid #0e0c11!important;border-radius:24px!important;background:#f4efe9!important;color:#0e0c11!important;box-shadow:12px 12px 0 #5b0b22!important;overflow:hidden;transform:rotate(-1deg);transition:.35s cubic-bezier(.2,.8,.2,1)!important}.testimonial-grid article:nth-child(2){background:#32142f!important;color:#fff!important;box-shadow:12px 12px 0 #ff465f!important;transform:translateY(26px) rotate(1deg)}.testimonial-grid article:nth-child(3){background:#d7193f!important;color:#fff!important;box-shadow:12px 12px 0 #0e0c11!important}.testimonial-grid article:before{content:"Q";position:absolute;right:-15px;bottom:-70px;font-family:var(--font-head);font-size:14rem;line-height:1;color:currentColor;opacity:.055}.testimonial-grid article:after{content:"QUESTORIA STUDIOS / 2026";position:absolute;right:25px;top:26px;writing-mode:vertical-rl;font-size:.5rem;font-weight:800;letter-spacing:2px;opacity:.25}.testimonial-grid article:hover,.testimonial-grid article:nth-child(2):hover{transform:translateY(-10px) rotate(0)!important;box-shadow:0 25px 55px #0e0c1140!important}.testimonial-grid article>span{display:inline-flex;padding:8px 12px;border:1px solid currentColor;border-radius:99px;position:relative;z-index:2}.testimonial-grid h3{font-size:2.45rem!important;margin:58px 0 18px!important;position:relative;z-index:2}.testimonial-grid p{font-size:.95rem;line-height:1.75!important;position:relative;z-index:2}.testimonial-grid article:nth-child(2) p,.testimonial-grid article:nth-child(3) p{color:#ffffffb5!important}
@media(max-width:800px){.testimonial-grid{grid-template-columns:1fr!important;gap:30px!important}.testimonial-grid article,.testimonial-grid article:nth-child(2){transform:none}.testimonial-grid article{min-height:290px!important}}
/* STORE WITHOUT GIANT HEADING */
.questoria-store{padding-top:80px!important}.questoria-store .store-tabs{margin-top:0!important;margin-bottom:42px!important}
@media(max-width:800px){.questoria-store{padding-top:55px!important}}

/* SINGLE BLACK SPLASH */
.splash-screen{background:#050505!important;background-image:radial-gradient(circle at 50% 42%,#5b0b2238 0,transparent 30%)!important}.splash-loader{background:#ffffff20!important}.splash-loader-bar{background:linear-gradient(90deg,#5b0b22,#d7193f,#ff465f)!important}.splash-tagline{color:#a89fa5!important}