:root{--impar-night:#0a0e17;--impar-night-raised:#111823;--impar-surface:#151d28;--impar-spectral:#83e9a6;--impar-spectral-strong:#a1f4bb;--impar-spectral-soft:color-mix(in srgb, var(--impar-spectral) 16%, transparent);--impar-amber:#f5c451;--impar-mystic:#7567ff;--impar-prestige:#d6a84b;--impar-line:color-mix(in srgb, var(--impar-spectral) 18%, transparent)}.dark{--color-background:var(--impar-night);--color-surface:var(--impar-night-raised);--color-card:var(--impar-surface);--color-gold:var(--impar-prestige);--color-gold-strong:var(--impar-spectral);--color-gold-soft:color-mix(in srgb, var(--impar-spectral) 13%, transparent);--primary:var(--impar-spectral);--primary-foreground:#07120c;--ring:var(--impar-spectral);--accent:color-mix(in srgb, var(--impar-spectral) 14%, var(--impar-night-raised));--accent-foreground:var(--foreground)}::selection{background:color-mix(in srgb, var(--impar-spectral) 34%, transparent);color:#fff}.impar-shell{isolation:isolate;position:relative}.impar-shell:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--impar-spectral) 13%, transparent), transparent 31rem), radial-gradient(circle at 88% 4%, color-mix(in srgb, var(--impar-mystic) 12%, transparent), transparent 29rem), linear-gradient(180deg, color-mix(in srgb, var(--impar-night-raised) 74%, transparent), transparent 36rem);position:absolute;inset:0}.impar-grid{position:relative}.impar-grid:after{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(var(--impar-line) 1px, transparent 1px), linear-gradient(90deg, var(--impar-line) 1px, transparent 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.impar-kicker{color:var(--impar-spectral);letter-spacing:.16em;text-transform:uppercase;font-size:.7rem;font-weight:800}.impar-accent{color:var(--impar-spectral)}.impar-accent-amber{color:var(--impar-amber)}.impar-card{border:1px solid color-mix(in srgb, var(--impar-spectral) 13%, var(--color-border));background:linear-gradient(145deg, color-mix(in srgb, var(--impar-spectral) 4%, transparent), transparent 55%), var(--color-surface);box-shadow:0 18px 54px #0000002e}.impar-card-interactive{transition:border-color .18s,transform .18s,background-color .18s}.impar-card-interactive:hover{border-color:color-mix(in srgb, var(--impar-spectral) 42%, var(--color-border));transform:translateY(-2px)}.brand-button{background-color:var(--impar-spectral);color:#07120c}.brand-button:hover{background-color:var(--impar-spectral-strong)}.brand-button-secondary:hover{background-color:color-mix(in srgb, var(--impar-spectral) 13%, var(--impar-night-raised))}.impar-sigil{place-items:center;display:grid;position:relative;overflow:hidden}.impar-sigil:before,.impar-sigil:after{content:"";border:1px solid color-mix(in srgb, var(--impar-spectral) 30%, transparent);position:absolute;inset:18%;transform:rotate(45deg)}.impar-sigil:after{border-color:color-mix(in srgb, var(--impar-amber) 32%, transparent);inset:31%;transform:rotate(0)}.impar-noctis-halo{background:radial-gradient(circle at 82% 82%, color-mix(in srgb, var(--impar-spectral) 12%, transparent), transparent 43%), linear-gradient(145deg, transparent 53%, color-mix(in srgb, var(--impar-spectral) 4%, transparent))}img[src*=noctis-idle\.webp]{visibility:hidden!important;opacity:0!important;display:none!important}.noctis-mark{isolation:isolate}.noctis-mark__work{object-fit:contain;width:100%;height:100%}@supports selector(:has(*)){:where(div,span):has(>img[src*=noctis-idle\.webp]){overflow:visible}:where(div,span):has(>img[src*=noctis-idle\.webp]):after{content:"";z-index:10;filter:drop-shadow(0 18px 34px #0000006b);background-image:url(/assets/noctis/noctis-impar-web-hd.webp);background-position:bottom;background-repeat:no-repeat;background-size:contain;width:13.5rem;height:17.25rem;display:block;position:absolute;bottom:-1rem;right:-.4rem}button[aria-label$=Noctis]:has(.noctis-mark){background:color-mix(in srgb, var(--impar-night-raised) 94%, black);border-color:color-mix(in srgb, var(--impar-spectral) 42%, transparent);width:4.25rem;height:4.25rem;box-shadow:0 15px 36px #00000061}button[aria-label$=Noctis]:has(.noctis-mark) .noctis-mark{width:100%;height:100%}button[aria-label$=Noctis]:has(>svg){background:var(--impar-spectral);border-color:var(--impar-spectral)}button[aria-label$=Noctis]:has(>svg)>svg{color:var(--impar-night)!important}}button[aria-label$=Noctis]{bottom:max(1rem, env(safe-area-inset-bottom));right:max(1rem, env(safe-area-inset-right))}button[aria-label$=Noctis]+section{bottom:calc(max(1rem, env(safe-area-inset-bottom)) + 5.25rem);max-height:calc(100dvh - 7.25rem)}.impar-destination-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (width>=768px){.impar-destination-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=639px){button[aria-label$=Noctis]+section{border-radius:1.35rem;width:calc(100dvw - 1rem);right:.5rem}@supports selector(:has(*)){:where(div,span):has(>img[src*=noctis-idle\.webp]):after{width:min(10rem,100%);height:12.8rem;margin-inline:auto;position:relative;bottom:auto;right:auto}button[aria-label$=Noctis]:has(.noctis-mark){width:3.85rem;height:3.85rem}button[aria-label$=Noctis]:has(.noctis-mark) .noctis-mark{width:100%;height:100%}}}@media (prefers-reduced-motion:reduce){.impar-card-interactive{transition:none}.impar-card-interactive:hover{transform:none}}body{background-color:var(--color-background);background-image:radial-gradient(circle at 8% 14%,#ecf6ff94 0 1px,#0000 1.8px),radial-gradient(circle at 17% 73%,#83e9a675 0 1px,#0000 1.8px),radial-gradient(circle at 25% 31%,#ffffff6b 0 .8px,#0000 1.7px),radial-gradient(circle at 37% 12%,#ecf6ff66 0 .8px,#0000 1.7px),radial-gradient(circle at 46% 62%,#83e9a666 0 1px,#0000 1.8px),radial-gradient(circle at 53% 23%,#ffffff70 0 .8px,#0000 1.7px),radial-gradient(circle at 64% 82%,#ecf6ff75 0 1px,#0000 1.8px),radial-gradient(circle at 72% 38%,#83e9a657 0 .8px,#0000 1.7px),radial-gradient(circle at 82% 16%,#ffffff7a 0 1px,#0000 1.8px),radial-gradient(circle at 92% 58%,#ecf6ff61 0 .8px,#0000 1.7px),radial-gradient(circle at 11% 91%,#ffffff61 0 .8px,#0000 1.7px),radial-gradient(circle at 34% 89%,#83e9a657 0 .8px,#0000 1.7px),radial-gradient(circle at 88% 90%,#fff6 0 .8px,#0000 1.7px);background-position:0 0;background-repeat:repeat;background-size:100vw 100vh;background-attachment:fixed;animation:88s linear infinite alternate impar-body-star-drift}@keyframes impar-body-star-drift{0%{background-position:0 0}to{background-position:42px -56px}}@media (prefers-reduced-motion:reduce){body{animation:none}}.impar-starry-sky{z-index:0;pointer-events:none;opacity:.34;background-color:#0000;background-image:radial-gradient(circle at 8% 14%,#ecf6ff9e 0 1px,#0000 1.8px),radial-gradient(circle at 17% 73%,#83e9a680 0 1px,#0000 1.8px),radial-gradient(circle at 25% 31%,#ffffff7a 0 .8px,#0000 1.7px),radial-gradient(circle at 37% 12%,#ecf6ff70 0 .8px,#0000 1.7px),radial-gradient(circle at 46% 62%,#83e9a673 0 1px,#0000 1.8px),radial-gradient(circle at 53% 23%,#ffffff80 0 .8px,#0000 1.7px),radial-gradient(circle at 64% 82%,#ecf6ff80 0 1px,#0000 1.8px),radial-gradient(circle at 72% 38%,#83e9a661 0 .8px,#0000 1.7px),radial-gradient(circle at 82% 16%,#ffffff85 0 1px,#0000 1.8px),radial-gradient(circle at 92% 58%,#ecf6ff6b 0 .8px,#0000 1.7px),radial-gradient(circle at 11% 91%,#ffffff6b 0 .8px,#0000 1.7px),radial-gradient(circle at 34% 89%,#83e9a661 0 .8px,#0000 1.7px),radial-gradient(circle at 88% 90%,#ffffff73 0 .8px,#0000 1.7px);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:no-repeat;background-size:auto,auto,auto,auto,auto,auto,auto,auto,auto,auto,auto,auto,auto;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;animation:8s ease-in-out infinite alternate impar-star-twinkle,72s linear infinite impar-star-drift;position:fixed;inset:0;overflow:hidden}.impar-starry-sky:after{content:"";opacity:0;background:linear-gradient(90deg, transparent, #fff3 18%, var(--impar-spectral) 78%, transparent);width:7rem;height:1px;box-shadow:0 0 9px color-mix(in srgb, var(--impar-spectral) 52%, transparent);transform-origin:0;border-radius:999px;animation:24s ease-in-out infinite impar-shooting-star;position:absolute;top:8%;left:-9rem;transform:rotate(-28deg)}@keyframes impar-star-twinkle{0%{opacity:.22}to{opacity:.4}}@keyframes impar-star-drift{0%{background-position:0 0}to{background-position:36px -42px}}@keyframes impar-shooting-star{0%,5%,to{opacity:0;transform:translate(0)rotate(-28deg)}7%{opacity:.8;transform:translate(46vw,25vh)rotate(-28deg)}10%{opacity:0;transform:translate(125vw,68vh)rotate(-28deg)}}@media (width<=639px){.impar-starry-sky{opacity:.27}.impar-starry-sky:after{width:5rem}}@media (prefers-reduced-motion:reduce){.impar-starry-sky,.impar-starry-sky:after{animation:none}.impar-starry-sky:after{display:none}}.impar-home-hero{background:radial-gradient(ellipse at 82% 13%, color-mix(in srgb, var(--impar-mystic) 15%, transparent), transparent 34rem), radial-gradient(ellipse at 8% 86%, color-mix(in srgb, var(--impar-spectral) 10%, transparent), transparent 34rem), linear-gradient(145deg, #0d151ae8 0%, color-mix(in srgb, var(--impar-night) 88%, transparent) 54%, #111322e6 100%);min-height:32rem}.impar-home-hero:before{content:"";pointer-events:none;background:radial-gradient(ellipse at 72% 42%, color-mix(in srgb, var(--impar-mystic) 13%, transparent), transparent 36%), radial-gradient(ellipse at 28% 56%, color-mix(in srgb, var(--impar-spectral) 9%, transparent), transparent 40%);filter:blur(24px);height:31rem;position:absolute;inset:-8rem -4rem auto}.impar-home-hero:after{opacity:.085;background-size:72px 72px;-webkit-mask-image:radial-gradient(at 50% 28%,#000 0%,#0000 78%);mask-image:radial-gradient(at 50% 28%,#000 0%,#0000 78%)}.impar-home-noctis-card{border-color:color-mix(in srgb, var(--impar-spectral) 22%, var(--color-border));background:radial-gradient(ellipse at 84% 82%, color-mix(in srgb, var(--impar-spectral) 12%, transparent), transparent 42%), radial-gradient(ellipse at 12% 4%, color-mix(in srgb, var(--impar-mystic) 12%, transparent), transparent 44%), linear-gradient(145deg, color-mix(in srgb, var(--impar-night-raised) 96%, transparent), color-mix(in srgb, var(--impar-surface) 92%, transparent));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 72px #00000057,inset 0 1px #ffffff09}.impar-home-destination{background:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--impar-mystic) 8%, transparent), transparent 68%), linear-gradient(155deg, color-mix(in srgb, var(--impar-spectral) 5%, transparent), transparent 68%), var(--color-surface);min-height:12.5rem;overflow:hidden}.impar-home-destination:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--impar-spectral) 28%, transparent), transparent);opacity:.65;height:1px;position:absolute;inset:auto 1.1rem 0}.impar-home-destination:hover{background:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--impar-mystic) 13%, transparent), transparent 68%), linear-gradient(155deg, color-mix(in srgb, var(--impar-spectral) 8%, transparent), transparent 68%), var(--color-surface)}@media (width<=639px){.impar-home-hero{min-height:0}.impar-home-destination{min-height:10.5rem}.impar-home-noctis-badge{letter-spacing:.07em;gap:.3rem;padding:.35rem .5rem;font-size:.52rem}}.impar-home-mascot{transform-origin:50% 84%;animation:8.2s ease-in-out infinite impar-noctis-idle}@keyframes impar-noctis-idle{0%,to{transform:translate(0)rotate(0)scale(1)}25%{transform:translateY(-2px)rotate(-.2deg)scale(1.006)}50%{transform:translateY(-5px)rotate(0)scale(1.012)}75%{transform:translateY(-2px)rotate(.2deg)scale(1.006)}}@media (prefers-reduced-motion:reduce){.impar-home-mascot{animation:none;transform:none}}
