.quyonchi-collage-hero.svelte-g0izcj{--hero-bg-from:#fff6e6;--hero-bg-to:#f3ecff;--hero-blob:#9b66ec24;--hero-muted:#4a4f57;--hero-link:#6a3fc2;--hero-tile-ring:#fff;--hero-tile-shadow:0 14px 30px #341d5e29;--row-height:128px;--tile-gap:16px;background:linear-gradient(135deg, var(--hero-bg-from) 0%, var(--hero-bg-to) 100%);padding-block:56px 64px;position:relative;overflow:hidden}[data-theme=dark] .quyonchi-collage-hero.svelte-g0izcj{--hero-bg-from:var(--quyonchi-surface-raised,#1b1e23);--hero-bg-to:var(--quyonchi-surface-tint,#1f2229);--hero-blob:#9b66ec2e;--hero-muted:var(--quyonchi-text-muted,#a3a7af);--hero-link:#c3a6f5;--hero-tile-ring:var(--quyonchi-surface-elevated,#272b32);--hero-tile-shadow:0 14px 30px #00000073}.quyonchi-collage-hero.svelte-g0izcj:before,.quyonchi-collage-hero.svelte-g0izcj:after{content:"";background:var(--hero-blob);pointer-events:none;border-radius:50%;position:absolute}.quyonchi-collage-hero.svelte-g0izcj:before{width:420px;height:420px;top:-160px;right:-120px}.quyonchi-collage-hero.svelte-g0izcj:after{width:220px;height:220px;bottom:-110px;left:-60px}.quyonchi-collage-hero.svelte-g0izcj .container:where(.svelte-g0izcj){z-index:1;position:relative}.quyonchi-collage-hero__grid.svelte-g0izcj{align-items:center;gap:32px;display:grid}@media (width>=992px){.quyonchi-collage-hero__grid.svelte-g0izcj{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px}}.quyonchi-collage-hero__crumbs.svelte-g0izcj{color:var(--hero-muted);flex-wrap:wrap;gap:4px 0;margin:0 0 14px;padding:0;font-size:14px;line-height:1.5;list-style:none;display:flex}.quyonchi-collage-hero__crumbs.svelte-g0izcj li:where(.svelte-g0izcj)+li:where(.svelte-g0izcj):before{content:"/";opacity:.6;margin:0 8px}.quyonchi-collage-hero__crumbs.svelte-g0izcj a:where(.svelte-g0izcj){color:var(--hero-link);font-weight:500;text-decoration:none}.quyonchi-collage-hero__crumbs.svelte-g0izcj a:where(.svelte-g0izcj):hover,.quyonchi-collage-hero__crumbs.svelte-g0izcj a:where(.svelte-g0izcj):focus-visible{text-decoration:underline}.quyonchi-collage-hero__title.svelte-g0izcj{font-family:var(--heading-font,"Nunito", sans-serif);letter-spacing:.5px;color:var(--primary-color,#000);margin:0 0 18px;padding-bottom:18px;font-size:clamp(34px,4.6vw,54px);font-weight:800;line-height:1.1;position:relative}.quyonchi-collage-hero__title.svelte-g0izcj:after{content:"";background:var(--main-color,#9b66ec);border-radius:999px;width:64px;height:5px;position:absolute;bottom:0;left:0}.quyonchi-collage-hero__intro.svelte-g0izcj{max-width:540px;color:var(--hero-muted);margin:0;font-size:17px;line-height:1.7}.quyonchi-collage-hero__mosaic.svelte-g0izcj{justify-content:center;gap:var(--tile-gap);flex-wrap:wrap;padding:6px;display:flex}.quyonchi-collage-hero__tile.svelte-g0izcj{flex:var(--tile-ratio) 1 calc(var(--tile-ratio) * var(--row-height));max-width:calc(var(--tile-ratio) * var(--row-height) * 2);aspect-ratio:var(--tile-ratio);background:var(--hero-tile-ring);box-shadow:0 0 0 5px var(--hero-tile-ring), var(--hero-tile-shadow);border-radius:18px;margin:0;transition:transform .3s;overflow:hidden}.quyonchi-collage-hero__tile.svelte-g0izcj:only-child{max-width:min(100%, calc(var(--tile-ratio) * 440px));flex-basis:100%}.quyonchi-collage-hero__tile.svelte-g0izcj img:where(.svelte-g0izcj){object-fit:contain;width:100%;height:100%;display:block}@media (width>=992px){.quyonchi-collage-hero__tile.svelte-g0izcj:nth-child(3n+2){transform:translateY(12px)}.quyonchi-collage-hero__mosaic.svelte-g0izcj{padding-bottom:18px}}@media (prefers-reduced-motion:no-preference){.quyonchi-collage-hero__tile.svelte-g0izcj:hover{transform:translateY(-4px)}}@media (width<=575.98px){.quyonchi-collage-hero.svelte-g0izcj{--row-height:104px;--tile-gap:12px;padding-block:36px 40px}.quyonchi-collage-hero__tile.svelte-g0izcj:nth-child(n+5){display:none}}