@font-face {font-family: 'Sixtyfour';src: url('/assets/fonts/Hanalei_Fill/HanaleiFill-Regular.woff2') format('woff2'), url('/assets/fonts/Hanalei_Fill/HanaleiFill-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}@font-face {font-family: 'Jersey 15';src: url('/assets/fonts/Jersey_15/Jersey15-Regular.woff2') format('woff2'), url('/assets/fonts/Jersey_15/Jersey15-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}:root {--font-display: 'Sixtyfour', sans-serif;--font-title: 'Sixtyfour', sans-serif;--font-body: 'Jersey 15', sans-serif;--color-primary: #17153b;--color-secondary: #2e236c;--color-accent: #433d8b;--color-light: #f8e9ff;--color-button-bg: #f4abc4;--color-button-text: #e94560;--color-white: #ffffff;--color-black: #000000;--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.2);--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.3);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 32px;--space-xl: 64px;}*, *::before, *::after {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;font-size: 16px;}body {font-family: var(--font-body);background-color: var(--color-primary);background-repeat: repeat;color: var(--color-light);line-height: 1.6;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}img {max-width: 100%;height: auto;display: block;}a {color: inherit;text-decoration: none;}button {font-family: inherit;background: none;border: none;cursor: pointer;}.flex {display: flex;}.flex-col {flex-direction: column;}.flex-row {flex-direction: row;}.flex-center {display: flex;align-items: center;justify-content: center;}.grid {display: grid;}.grid-2 {grid-template-columns: repeat(2, 1fr);gap: var(--space-md);}.grid-3 {grid-template-columns: repeat(3, 1fr);gap: var(--space-md);}.grid-auto {grid-template-columns: auto;}.wrapper {max-width: 1200px;margin-left: auto;margin-right: auto;padding-left: var(--space-md);padding-right: var(--space-md);}.mt-sm {margin-top: var(--space-sm);}.mt-md {margin-top: var(--space-md);}.mt-lg {margin-top: var(--space-lg);}.mt-xl {margin-top: var(--space-xl);}.mb-sm {margin-bottom: var(--space-sm);}.mb-md {margin-bottom: var(--space-md);}.mb-lg {margin-bottom: var(--space-lg);}.mb-xl {margin-bottom: var(--space-xl);}.pt-sm {padding-top: var(--space-sm);}.pt-md {padding-top: var(--space-md);}.pt-lg {padding-top: var(--space-lg);}.pb-sm {padding-bottom: var(--space-sm);}.pb-md {padding-bottom: var(--space-md);}.pb-lg {padding-bottom: var(--space-lg);}.px-sm {padding-left: var(--space-sm);padding-right: var(--space-sm);}.px-md {padding-left: var(--space-md);padding-right: var(--space-md);}.py-md {padding-top: var(--space-md);padding-bottom: var(--space-md);}.text-center {text-align: center;}.uppercase {text-transform: uppercase;}.heading-display {font-family: var(--font-display);font-size: 2.5rem;letter-spacing: 0.05em;line-height: 1.2;}.heading-display--h1 {font-size: 3rem !important;}.heading-sub {font-family: var(--font-title);font-size: 1.8rem;text-transform: uppercase;letter-spacing: 0.08em;}.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}.rounded-sm {border-radius: var(--radius-sm);}.rounded-md {border-radius: var(--radius-md);}.rounded-lg {border-radius: var(--radius-lg);}.shadow-md {box-shadow: var(--shadow-md);}.shadow-lg {box-shadow: var(--shadow-lg);}.bg-dark {background-color: var(--color-primary);}.bg-accent {background-color: var(--color-accent);}.text-light {color: var(--color-light);}.btn {display: inline-flex;align-items: center;justify-content: center;font-family: var(--font-body);font-size: 1rem;font-weight: 600;border-radius: var(--radius-md);text-decoration: none;transition: all 0.3s ease;position: relative;overflow: hidden;z-index: 1;cursor: pointer;white-space: nowrap;letter-spacing: 0.02em;}.btn-sm {padding: 0.4rem 1rem;font-size: 1rem;}.btn-sm-filled {background-color: var(--color-button-bg);color: var(--color-primary);border: none;}.btn-sm-filled:hover {background-color: var(--color-button-text);color: var(--color-white);}.btn-sm-outline {background: transparent;color: var(--color-light);border: 1px solid var(--color-light);}.btn-sm-outline:hover {background-color: var(--color-light);color: var(--color-black);}.btn-lg {padding: 1rem 2.25rem;font-size: 1.35rem;text-transform: uppercase;letter-spacing: 0.06em;}.btn-lg-filled {background-color: var(--color-button-bg);color: var(--color-primary);border: none;}.btn-lg-filled::before {content: \"\";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(120deg, #ffffff20, #ffffff08);transition: left 0.3s ease;z-index: -1;}.btn-lg-filled:hover::before {left: 100%;}.btn-lg-filled:hover {background-color: var(--color-button-text);color: var(--color-white);}.btn-lg-outline {background: transparent;border: 2px solid var(--color-light);color: var(--color-light);}.btn-lg-outline::after {content: \"\";position: absolute;inset: 0;background: var(--color-light);transform: scaleX(0);transform-origin: left;transition: transform 0.3s ease;z-index: -1;}.btn-lg-outline:hover::after {transform: scaleX(1);}.btn-lg-outline:hover {color: var(--color-black);}.site-header {position: relative;width: 100%;padding: var(--space-sm) var(--space-md);background-color: var(--color-primary);border-bottom: 1px solid var(--color-accent);z-index: 999;}.header-inner {display: flex;align-items: center;justify-content: space-between;max-width: 1200px;margin: 0 auto;position: relative;}.logo img {height: 34px;width: auto;display: block;}.menu-icon {display: flex;align-items: center;justify-content: center;background: none;border: none;color: var(--color-light);cursor: pointer;z-index: 1001;}.menu-icon svg {width: 28px;height: 28px;stroke: var(--color-light);transition: stroke 0.2s ease;}.menu-icon:hover svg {stroke: var(--color-button-bg);}.skip-link {position: absolute;top: -40px;left: 0;background: #000;color: #fff;padding: 8px 16px;z-index: 100;text-decoration: none;}.skip-link:focus {top: 0;}.menu-toggle {display: none;}.nav-desktop {display: none;gap: var(--space-lg);}.nav-desktop a {font-family: var(--font-title);color: var(--color-light);font-size: 0.95rem;text-transform: uppercase;padding: 0.5rem 0;transition: color 0.2s ease;}.nav-desktop a:hover {color: var(--color-button-bg);}@media (min-width: 992px) {.nav-desktop {display: flex;}}.nav-mobile {position: fixed;top: 0;left: 0;width: 80%;max-width: 280px;height: 100vh;background-color: var(--color-secondary);transform: translateX(-100%);transition: transform 0.3s ease;z-index: 1000;padding: var(--space-lg) var(--space-md);display: flex;flex-direction: column;justify-content: flex-start;gap: var(--space-md);box-shadow: var(--shadow-lg);}.nav-mobile ul {list-style: none;display: flex;flex-direction: column;gap: var(--space-md);margin-top: var(--space-md);}.nav-mobile a {font-family: var(--font-body);font-size: 1.6rem;color: var(--color-light);text-transform: uppercase;letter-spacing: 0.03em;transition: color 0.2s ease;}.nav-mobile a:hover {color: var(--color-button-bg);}.menu-close {align-self: flex-end;cursor: pointer;}.menu-close svg {stroke: var(--color-light);width: 38px;height: 38px;}.menu-toggle:checked ~ .nav-mobile {transform: translateX(0%);}@media (min-width: 992px) {.menu-icon, .nav-mobile {display: none;}}.hero-section {position: relative;padding-top: var(--space-xl);padding-bottom: var(--space-xl);overflow: hidden;z-index: 1;background-color: var(--color-primary);}.hero-bg {position: absolute;inset: 0;z-index: 0;overflow: hidden;}.hero-bg::before {content: '';position: absolute;inset: 0;background: linear-gradient( 180deg, rgba(23, 21, 59, 0.65), rgba(46, 35, 108, 0.48) );z-index: 1;}.hero-bg img {width: 100%;height: 100%;object-fit: cover;object-position: center;filter: brightness(0.75);position: absolute;top: 0;left: 0;z-index: 0;}.hero-content {position: relative;z-index: 2;text-align: center;color: var(--color-light);}.hero-text {font-family: var(--font-body);font-size: 1.4rem;max-width: 700px;margin-left: auto;margin-right: auto;line-height: 1.4;color: var(--color-light);}.hero-text p {margin-bottom: var(--space-sm);}.hero-text p:last-child {margin-bottom: 0;}.about-section {background-color: var(--color-secondary);padding-top: var(--space-xl);padding-bottom: var(--space-xl);color: var(--color-light);}.about-grid {display: grid;grid-template-columns: 1fr;gap: var(--space-lg);align-items: center;}.about-image img {width: 100%;height: auto;border-radius: var(--radius-md);box-shadow: var(--shadow-md);}.about-text {font-family: var(--font-body);font-size: 1.4rem;line-height: 1.6;max-width: 700px;margin: 0 auto;}.about-text p {margin-bottom: var(--space-sm);}.about-text p:last-child {margin-bottom: 0;}@media (min-width: 992px) {.about-grid {grid-template-columns: 1fr 1fr;}.about-text {margin: 0;padding-left: var(--space-lg);}}.about-bg {position: absolute;inset: 0;z-index: 0;overflow: hidden;pointer-events: none;opacity: 0.15;}.about-bg img {width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}.about-section {position: relative;background-color: var(--color-secondary);padding-top: var(--space-xl);padding-bottom: var(--space-xl);color: var(--color-light);z-index: 1;}.about-grid {position: relative;z-index: 2;}.features-section {position: relative;background-color: var(--color-primary);padding-top: var(--space-xl);padding-bottom: var(--space-xl);overflow: hidden;color: var(--color-light);z-index: 1;}.features-bg {position: absolute;inset: 0;z-index: 0;opacity: 0.12;pointer-events: none;}.features-bg img {width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}.features-section::before {content: '';position: absolute;inset: 0;background: linear-gradient( to bottom, rgba(23, 21, 59, 0.6), rgba(46, 35, 108, 0.45) );z-index: 1;}.features-content {position: relative;z-index: 2;text-align: center;margin: 0 auto;}.features-intro {font-family: var(--font-body);font-size: 1.25rem;line-height: 1.6;color: var(--color-light);}.features-list {margin-top: var(--space-lg);text-align: left;font-family: var(--font-body);font-size: 1.3rem;line-height: 1.6;display: flex;flex-direction: column;gap: var(--space-sm);padding-left: var(--space-sm);padding-right: var(--space-sm);}@media (min-width: 768px) {.features-list {font-size: 1.5rem;padding-left: var(--space-md);padding-right: var(--space-md);}}.features-tags {display: flex;flex-wrap: wrap;gap: var(--space-sm);margin-top: var(--space-md);justify-content: center;}.features-tags span {font-size: 1.1rem;font-family: var(--font-body);background-color: var(--color-accent);color: var(--color-light);padding: 0.4rem 1rem;border-radius: var(--radius-lg);box-shadow: var(--shadow-md);white-space: nowrap;transition: background 0.3s ease;}.features-tags span:hover {background-color: var(--color-button-text);color: var(--color-white);}.journey-section {background-color: var(--color-secondary);padding-top: var(--space-xl);padding-bottom: var(--space-xl);position: relative;z-index: 1;color: var(--color-light);}.journey-grid {display: grid;grid-template-columns: 1fr;gap: var(--space-lg);align-items: center;}.journey-image img {width: 100%;height: auto;border-radius: var(--radius-md);box-shadow: var(--shadow-lg);display: block;margin: 0 auto;}.journey-text {font-family: var(--font-body);font-size: 1.2rem;line-height: 1.6;max-width: 700px;margin-left: auto;margin-right: auto;text-align: left;}.journey-text p {margin-bottom: var(--space-sm);}@media (min-width: 992px) {.journey-grid {grid-template-columns: 1fr 1fr;}.journey-image {padding-right: var(--space-lg);}.journey-text {padding-left: var(--space-lg);font-size: 1.5rem;line-height: 1.7;}}.soundtrack-section {position: relative;background-color: var(--color-primary);padding-top: var(--space-xl);padding-bottom: var(--space-xl);overflow: hidden;color: var(--color-light);z-index: 1;}.soundtrack-bg {position: absolute;inset: 0;z-index: 0;opacity: 0.3;pointer-events: none;}.soundtrack-bg img {width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}.soundtrack-content {position: relative;z-index: 2;margin: 0 auto;text-align: center;}.soundtrack-text {font-family: var(--font-body);font-size: 1.25rem;line-height: 1.65;margin-bottom: var(--space-lg);text-align: center;}.soundtrack-text p {margin-bottom: var(--space-sm);}.soundtrack-image img {width: 100%;max-width: 720px;height: auto;display: block;margin: 0 auto;border-radius: var(--radius-md);box-shadow: var(--shadow-lg);transition: transform 0.3s ease;}@media (max-width: 600px) {.soundtrack-text {font-size: 1.1rem;}.soundtrack-image img {max-width: 100%;}}.characters-section {background-color: var(--color-secondary);padding-top: var(--space-xl);padding-bottom: var(--space-xl);color: var(--color-light);}.characters-grid {display: grid;grid-template-columns: 1fr;gap: var(--space-lg);max-width: 1200px;margin: 0 auto;padding: 0 var(--space-sm);}@media (min-width: 768px) {.characters-grid {grid-template-columns: repeat(2, 1fr);}}@media (min-width: 992px) {.characters-grid {grid-template-columns: repeat(4, 1fr);}}.character-card {background-color: rgba(255, 255, 255, 0.1);padding: var(--space-md);border-radius: var(--radius-lg);box-shadow: var(--shadow-md);text-align: center;transition: transform 0.3s ease, box-shadow 0.3s ease;height: 100%;display: flex;flex-direction: column;justify-content: flex-start;}.character-card:hover {box-shadow: var(--shadow-lg);}.character-card img {width: 100%;max-width: 240px;margin: 0 auto var(--space-md);border-radius: var(--radius-md);box-shadow: var(--shadow-sm);}.character-name {font-family: var(--font-heading-small);font-size: 2rem;margin-bottom: var(--space-sm);color: var(--color-white);}.character-desc {font-family: var(--font-body);font-size: 1.5rem;line-height: 1.5;}.gallery-section {background-color: var(--color-bg);padding-top: var(--space-xl);padding-bottom: var(--space-xl);}.gallery-grid {display: grid;grid-template-columns: 1fr;gap: var(--space-md);}@media (min-width: 576px) {.gallery-grid {grid-template-columns: repeat(2, 1fr);}}@media (min-width: 992px) {.gallery-grid {grid-template-columns: repeat(4, 1fr);}}.gallery-grid img {width: 100%;height: auto;display: block;border-radius: var(--radius-md);box-shadow: var(--shadow-sm);transition: transform 0.3s ease, box-shadow 0.3s ease;filter: brightness(0.96);}.gallery-grid img:hover {transform: scale(1.02);box-shadow: var(--shadow-md);filter: brightness(1);}.alt-contact {background-color: var(--color-bg);padding: var(--space-xl) 0;}.contact-wrapper-alt {display: flex;flex-direction: column-reverse;align-items: center;gap: var(--space-lg);text-align: center;}.contact-text-block {max-width: 700px;font-size: 1.6rem;color: var(--color-light);}.contact-text-block p + p {margin-top: var(--space-sm);}.contact-email {font-family: var(--font-secondary);font-size: 1.8rem;color: var(--color-button-bg);margin-top: var(--space-sm);letter-spacing: 0.5px;}.contact-img-block {width: 100%;max-width: 700px;}.contact-img-block img {width: 100%;height: auto;border-radius: var(--radius-md);box-shadow: var(--shadow-md);filter: brightness(0.95);transition: filter 0.3s ease;}.contact-img-block img:hover {filter: brightness(1);}@media (min-width: 992px) {.contact-wrapper-alt {flex-direction: row;text-align: left;}.contact-text-block, .contact-img-block {flex: 1;}}.site-footer {background-color: var(--color-secondary);color: var(--color-light);padding-top: var(--space-xl);padding-bottom: var(--space-lg);font-size: 1.4rem;line-height: 1.6;border-top: 1px solid rgba(255, 255, 255, 0.05);}.footer-grid {display: grid;grid-template-columns: 1fr;gap: var(--space-lg);max-width: 1200px;margin: 0 auto;padding: 0 var(--space-md);}@media (min-width: 768px) {.footer-grid {grid-template-columns: repeat(4, 1fr);}}.footer-col h3 {font-family: var(--font-heading-small);font-size: 1.8rem;margin-bottom: var(--space-sm);color: var(--color-button-bg);}.footer-col ul {list-style: none;padding: 0;margin: 0;}.footer-col ul li {margin-bottom: 0.5rem;}.footer-col ul li a {color: var(--color-light);font-size: 1.5rem;text-decoration: none;transition: opacity 0.3s ease;}.footer-col ul li a:hover {opacity: 0.8;}.footer-logo img {width: 250px;height: auto;filter: brightness(1.2);opacity: 0.9;}.footer-contact p {margin: 0 0 0.5rem;}.footer-bottom {text-align: center;font-size: 1.2rem;padding-top: var(--space-md);margin-top: var(--space-md);border-top: 1px solid rgba(255, 255, 255, 0.05);opacity: 0.6;}.page-header {background-color: var(--color-bg-soft);padding: var(--space-xl) 0 var(--space-lg);border-bottom: 1px solid rgba(255, 255, 255, 0.05);box-shadow: var(--shadow-sm);}.page-header .wrapper {max-width: 1200px;margin: 0 auto;padding: 0 var(--space-md);}.breadcrumb {font-size: 1.2rem;color: #ccc;margin-bottom: var(--space-sm);}.breadcrumb a {color: #fff;text-decoration: underline;transition: color 0.2s ease;}.breadcrumb a:hover {color: var(--color-accent);}.page-title {font-family: var(--font-heading);font-size: 2.4rem;color: var(--color-light);margin: 0;}@media (min-width: 768px) {.page-title {font-size: 3.2rem;}.breadcrumb {font-size: 1.3rem;}}.legal-content {background-color: var(--color-black);padding: var(--space-xl) 0;}.legal-inner {max-width: 880px;margin: 0 auto;padding: 0 var(--space-md);color: var(--color-light);font-size: 1.5rem;line-height: 1.8;}.legal-inner p {margin-bottom: var(--space-md);}.legal-inner h2 {font-family: var(--font-heading-small);font-size: 2rem;color: var(--color-white);margin-top: var(--space-xl);margin-bottom: var(--space-sm);}.legal-updated {font-size: 1.3rem;color: #fff;margin-bottom: var(--space-md);}.legal-list {margin: var(--space-sm) 0 var(--space-md);padding-left: 1.6rem;list-style: disc;color: var(--color-white);}.legal-list li {margin-bottom: 0.8rem;line-height: 1.7;}.legal-content a {text-decoration: underline;}