/*
Theme Name: Fear The Crown
Theme URI: https://fearthecrown.gg
Author: Fear The Crown Inc
Description: Official Fear The Crown Inc startup gaming studio theme. Dark anime-inspired design. Built for gamers, by gamers.
Version: 2.0.0
License: GNU General Public License v2 or later
Text Domain: fear-the-crown
Tags: gaming, dark, custom-menu, featured-images, full-width-template
*/

/* ── TOKENS ── */
:root {
  --teal:       #208c8c;
  --teal-dark:  #273b40;
  --teal-light: #cae9ea;
  --gold:       #c9a84c;
  --gold-bright:#f0d060;
  --slate:      #3c4748;
  --void:       #1d1d1d;
  --black:      #0a0a0a;
  --white:      #f0f4f4;
}

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--black);color:var(--white);font-family:'Rajdhani',sans-serif;overflow-x:hidden;}
img{max-width:100%;height:auto;}
a{color:var(--teal);text-decoration:none;transition:color .3s;}
a:hover{color:var(--teal-light);}
.screen-reader-text{position:absolute;left:-9999px;top:-9999px;}
.skip-link{position:absolute;top:-40px;left:0;background:#208c8c;color:#000;padding:8px;z-index:9999;transition:top .3s;}
.skip-link:focus{top:0;}

/* ── CURSOR ── */
*{cursor:none!important;}
#ftc-cursor{position:fixed;pointer-events:none;z-index:99999;top:0;left:0;transform:translate(-4px,-28px);transition:opacity .2s;will-change:transform;}
#ftc-cursor svg{display:block;filter:drop-shadow(0 0 6px #208c8c88);transition:filter .2s;}
.cursor-particle{position:fixed;pointer-events:none;z-index:99998;border-radius:50%;transform:translate(-50%,-50%);animation:pFade .5s ease-out forwards;}
@keyframes pFade{0%{opacity:.8;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(0) translateY(-10px)}}

/* ── HEADER ── */
#site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,10,10,.92);backdrop-filter:blur(12px);border-bottom:1px solid #208c8c33;height:70px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;}
.site-logo{font-family:'Cinzel Decorative',serif;font-size:18px;font-weight:900;background:linear-gradient(135deg,#c9a84c,#f0d060);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:8px;text-decoration:none;}
.logo-crown{-webkit-text-fill-color:#f0d060;font-size:20px;}
.header-actions{display:flex;align-items:center;gap:12px;}

/* ── NAV ── */
#primary-menu{display:flex;gap:28px;list-style:none;align-items:center;}
#primary-menu>li{position:relative;}
#primary-menu>li>a{font-family:'Orbitron',sans-serif;font-size:10px;letter-spacing:.2em;color:#888;text-decoration:none;text-transform:uppercase;transition:all .3s;padding-bottom:3px;border-bottom:1px solid transparent;display:flex;align-items:center;gap:5px;white-space:nowrap;}
#primary-menu>li>a:hover,#primary-menu>.current-menu-item>a{color:#208c8c;border-bottom-color:#208c8c;}
.nav-arrow{font-size:9px;transition:transform .3s;display:inline-block;}
.nav-cta-link{padding:9px 20px!important;background:linear-gradient(135deg,#208c8c,#1a6f6f)!important;color:#fff!important;border-bottom:none!important;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);}
.nav-cta-link:hover{background:linear-gradient(135deg,#29afaf,#208c8c)!important;box-shadow:0 0 20px #208c8c55;color:#fff!important;border-bottom:none!important;}

/* Dropdown */
.sub-menu{display:none;position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%);background:rgba(10,10,10,.97);border:1px solid #208c8c44;border-top:2px solid #208c8c;list-style:none;min-width:200px;padding:8px 0;z-index:9999;backdrop-filter:blur(12px);box-shadow:0 16px 40px rgba(0,0,0,.6);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);}
.sub-menu::before{content:'';position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:12px;height:6px;background:#208c8c;clip-path:polygon(50% 0%,0% 100%,100% 100%);}
.sub-menu li a{display:block;padding:10px 20px;font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:.2em;color:#7a9a9a;text-decoration:none;text-transform:uppercase;transition:all .2s;border-left:2px solid transparent;}
.sub-menu li a:hover{color:#208c8c;background:#208c8c0d;border-left-color:#208c8c;padding-left:24px;}
@media(min-width:861px){.menu-item-has-children:hover>.sub-menu{display:block;animation:dropIn .25s ease;}.menu-item-has-children:hover .nav-arrow{transform:rotate(180deg);}}
@keyframes dropIn{from{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.menu-item-has-children.open>.sub-menu{display:block;}
.menu-item-has-children.open .nav-arrow{transform:rotate(180deg);}

.nav-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;padding:4px;}
.nav-toggle span{width:22px;height:2px;background:#208c8c;display:block;transition:all .3s;}
@media(max-width:860px){
  .nav-toggle{display:flex;}
  #site-header{padding:0 20px;}
  #primary-menu{position:fixed;top:70px;left:0;right:0;background:rgba(10,10,10,.98);flex-direction:column;align-items:flex-start;padding:20px 24px;gap:0;border-bottom:1px solid #208c8c33;transform:translateY(-110%);transition:transform .3s ease;z-index:999;max-height:calc(100vh - 70px);overflow-y:auto;}
  #primary-menu.open{transform:translateY(0);}
  #primary-menu>li{width:100%;border-bottom:1px solid #208c8c0f;}
  #primary-menu>li>a{padding:14px 0;font-size:11px;width:100%;justify-content:space-between;}
  .sub-menu{position:static;transform:none;left:auto;background:#0d1a1f;border:none;border-left:2px solid #208c8c33;margin-left:12px;margin-bottom:8px;min-width:auto;clip-path:none;box-shadow:none;}
  .sub-menu::before{display:none;}
  .menu-item-has-children>.sub-menu{display:none;}
  .menu-item-has-children.open>.sub-menu{display:block;animation:none;}
  .nav-cta-link{clip-path:none!important;margin-top:8px;}
}

/* ── MAIN CONTENT ── */
#main-content{padding-top:70px;min-height:100vh;}

/* ── PAGE HERO ── */
.page-hero{padding:80px 60px 60px;position:relative;overflow:hidden;border-bottom:1px solid #208c8c1a;}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,#208c8c09,transparent 70%);}
.page-tag{font-family:'Orbitron',sans-serif;font-size:10px;letter-spacing:.4em;color:#208c8c;text-transform:uppercase;margin-bottom:12px;}
.page-title{font-family:'Cinzel Decorative',serif;font-size:clamp(28px,5vw,58px);color:var(--white);line-height:1.1;}
@media(max-width:768px){.page-hero{padding:60px 24px 40px;}}

/* ── SHARED COMPONENTS ── */
.eyebrow{font-family:'Orbitron',sans-serif;font-size:10px;letter-spacing:.4em;color:#208c8c;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:14px;}
.eyebrow::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,#208c8c44,transparent);}
.section-title{font-family:'Cinzel Decorative',serif;font-size:clamp(22px,3.5vw,40px);color:var(--white);margin-bottom:24px;line-height:1.2;}
.section-title span{background:linear-gradient(135deg,#c9a84c,#f0d060);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.body-text{font-size:16px;color:#7a9a9a;line-height:1.85;margin-bottom:18px;}
.body-text strong{color:var(--teal-light);}
.ftc-section{padding:80px 60px;max-width:1300px;margin:0 auto;}
@media(max-width:768px){.ftc-section{padding:60px 24px;}}

/* Buttons */
.btn-teal{padding:14px 32px;background:linear-gradient(135deg,#208c8c,#1a6f6f);color:#fff;font-family:'Orbitron',sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;border:none;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);transition:all .3s;display:inline-block;text-decoration:none;}
.btn-teal:hover{background:linear-gradient(135deg,#29afaf,#208c8c);box-shadow:0 0 24px #208c8c55;color:#fff;}
.btn-ghost{padding:14px 32px;background:transparent;color:#c9a84c;font-family:'Orbitron',sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;border:1px solid #c9a84c55;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);transition:all .3s;display:inline-block;text-decoration:none;}
.btn-ghost:hover{border-color:#c9a84c;box-shadow:0 0 20px #c9a84c33;color:#c9a84c;}

/* Signup */
.signup-form{display:flex;gap:0;max-width:480px;margin:0 auto;}
.signup-input{flex:1;background:#0d1a1f;border:1px solid #208c8c44;border-right:none;color:var(--white);font-family:'Rajdhani',sans-serif;font-size:16px;padding:14px 18px;outline:none;transition:border-color .3s;}
.signup-input:focus{border-color:#208c8c;}
.signup-input::placeholder{color:#3a5a5a;}
.signup-btn{padding:14px 24px;background:linear-gradient(135deg,#208c8c,#1a6f6f);color:#fff;font-family:'Orbitron',sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;border:none;transition:all .3s;white-space:nowrap;}
.signup-btn:hover{background:linear-gradient(135deg,#29afaf,#208c8c);box-shadow:0 0 24px #208c8c55;}
.signup-note{font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:.2em;color:#3a5a5a;text-transform:uppercase;}
.signup-success{display:none;font-family:'Orbitron',sans-serif;font-size:11px;color:#208c8c;letter-spacing:.2em;margin-top:12px;}

/* ── HERO ── */
.hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,#0d3040 0%,transparent 55%),radial-gradient(ellipse at 80% 10%,#1a2030 0%,transparent 50%),var(--black);}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,#208c8c07 1px,transparent 1px),linear-gradient(#208c8c07 1px,transparent 1px);background-size:80px 80px;animation:gridPulse 8s ease-in-out infinite;}
@keyframes gridPulse{0%,100%{opacity:.4}50%{opacity:.9}}
.hero-content{position:relative;z-index:2;text-align:center;max-width:860px;padding:40px 24px;width:100%;}
.launch-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid #208c8c44;padding:8px 20px;margin-bottom:40px;background:#208c8c0a;animation:badgePulse 2s ease-in-out infinite;}
.badge-dot{width:8px;height:8px;background:#208c8c;border-radius:50%;animation:dotBlink 1.2s ease-in-out infinite;}
@keyframes dotBlink{0%,100%{opacity:1;box-shadow:0 0 8px #208c8c}50%{opacity:.3;box-shadow:none}}
.badge-text{font-family:'Orbitron',sans-serif;font-size:10px;letter-spacing:.35em;color:#208c8c;text-transform:uppercase;}
@keyframes badgePulse{0%,100%{border-color:#208c8c44}50%{border-color:#208c8c;box-shadow:0 0 16px #208c8c22}}
.hero-title{font-family:'Cinzel Decorative',serif;font-size:clamp(44px,9vw,110px);font-weight:900;line-height:.92;background:linear-gradient(135deg,#c9a84c 0%,#f0d060 35%,#ffe88a 50%,#c9a84c 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:shimmer 4s ease-in-out infinite;filter:drop-shadow(0 0 50px #c9a84c44);margin-bottom:28px;}
@keyframes shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.hero-eyeline{font-family:'Orbitron',sans-serif;font-size:clamp(11px,1.8vw,14px);letter-spacing:.5em;color:var(--teal-light);text-transform:uppercase;margin-bottom:28px;opacity:.8;}
.hero-desc{font-size:clamp(15px,2vw,18px);color:#7a9a9a;max-width:580px;margin:0 auto 48px;line-height:1.75;}
.signup-form-wrap{width:100%;}
.countdown-wrap{margin-top:64px;padding-top:48px;border-top:1px solid #208c8c1a;}
.countdown-label{font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:.4em;color:#3a5a5a;text-transform:uppercase;margin-bottom:20px;}
.countdown{display:flex;gap:32px;justify-content:center;flex-wrap:wrap;}
.cd-unit{text-align:center;}
.cd-num{font-family:'Orbitron',sans-serif;font-size:clamp(30px,6vw,56px);font-weight:900;color:#208c8c;display:block;line-height:1;text-shadow:0 0 30px #208c8c66;}
.cd-label{font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:.3em;color:#3a5a5a;text-transform:uppercase;margin-top:6px;}
.cd-sep{font-family:'Orbitron',sans-serif;font-size:clamp(24px,4vw,40px);color:#208c8c33;align-self:flex-start;padding-top:4px;}

/* ── ABOUT STRIP ── */
.about-strip{padding:100px 60px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
@media(max-width:768px){.about-strip{grid-template-columns:1fr;gap:48px;padding:60px 24px;}}
.about-strip-visual{position:relative;height:360px;display:flex;align-items:center;justify-content:center;}
.hex-pulse{width:240px;height:240px;background:linear-gradient(135deg,#1a3040,#0d1a25);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;font-size:80px;animation:hexGlow 3s ease-in-out infinite;}
@keyframes hexGlow{0%,100%{filter:drop-shadow(0 0 20px #208c8c44)}50%{filter:drop-shadow(0 0 50px #208c8c88)}}
.ring{position:absolute;border:1px solid #208c8c;border-radius:50%;animation:ringPulse 3s ease-in-out infinite;}
.ring:nth-child(1){width:290px;height:290px;animation-delay:0s;}
.ring:nth-child(2){width:340px;height:340px;animation-delay:1s;border-color:#208c8c55;}
.ring:nth-child(3){width:390px;height:390px;animation-delay:2s;border-color:#208c8c22;}
@keyframes ringPulse{0%,100%{opacity:.3}50%{opacity:.8}}

/* ── PILLARS ── */
.pillars-section{background:linear-gradient(180deg,var(--black),#050d10,var(--black));padding:80px 60px;}
@media(max-width:768px){.pillars-section{padding:60px 24px;}}
.pillars-inner{max-width:1200px;margin:0 auto;}
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;}
@media(max-width:860px){.pillars-grid{grid-template-columns:1fr;}}
.pillar{background:#0d1a1f;border:1px solid #208c8c1a;border-top:3px solid #208c8c;padding:36px 28px;transition:all .3s;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);}
.pillar:nth-child(2){border-top-color:#c9a84c;}
.pillar:hover{transform:translateY(-5px);border-color:#208c8c55;box-shadow:0 16px 40px #208c8c11;}
.pillar:nth-child(2):hover{border-color:#c9a84c55;}
.pillar-icon{font-size:36px;margin-bottom:20px;display:block;filter:drop-shadow(0 0 10px #208c8c66);}
.pillar:nth-child(2) .pillar-icon{filter:drop-shadow(0 0 10px #c9a84c66);}
.pillar-title{font-family:'Cinzel Decorative',serif;font-size:16px;color:var(--white);margin-bottom:12px;line-height:1.3;}
.pillar-body{font-size:14px;color:#6a8a8a;line-height:1.75;}

/* ── COMING SOON CARDS (home) ── */
.coming-section{padding:100px 60px;max-width:1300px;margin:0 auto;}
@media(max-width:768px){.coming-section{padding:60px 24px;}}
.coming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;}
@media(max-width:860px){.coming-grid{grid-template-columns:1fr;}}
.coming-card{background:linear-gradient(135deg,#0d1a1f,#091215);border:1px solid #208c8c1a;position:relative;overflow:hidden;transition:all .35s;}
.coming-card:hover{border-color:#208c8c55;transform:translateY(-4px);box-shadow:0 16px 40px #208c8c11;}
.coming-card-visual{height:200px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#0d1f2d,#060d12);overflow:hidden;}
.coming-scan{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#208c8c,transparent);animation:scanH 3s linear infinite;opacity:0;transition:opacity .3s;}
.coming-card:hover .coming-scan{opacity:.7;}
@keyframes scanH{from{top:0}to{top:100%}}
.teaser-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:2;}
.lock-icon{font-size:30px;color:#208c8c44;margin-bottom:4px;}
.redact-bar{width:70%;height:12px;background:#208c8c1a;border-radius:2px;}
.redact-bar:nth-child(3){width:45%;}
.redacted{position:absolute;bottom:10px;right:10px;font-family:'Orbitron',sans-serif;font-size:8px;letter-spacing:.2em;color:#208c8c33;text-transform:uppercase;z-index:3;}
.coming-body{padding:22px;}
.coming-tag{font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:.3em;color:#208c8c;text-transform:uppercase;margin-bottom:8px;}
.coming-name{font-family:'Cinzel Decorative',serif;font-size:17px;color:var(--white);margin-bottom:8px;}
.coming-desc{font-size:13px;color:#5a7a7a;line-height:1.7;margin-bottom:14px;}
.coming-status{display:flex;align-items:center;gap:8px;font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:.2em;color:#208c8c;text-transform:uppercase;margin-bottom:12px;}
.status-dot{width:6px;height:6px;border-radius:50%;background:#208c8c;animation:dotBlink 1.4s ease-in-out infinite;flex-shrink:0;}
.notify-btn{width:100%;padding:10px;background:transparent;border:1px solid #208c8c33;color:#208c8c;font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:.2em;text-transform:uppercase;transition:all .3s;}
.notify-btn:hover{background:#208c8c;color:#000;border-color:#208c8c;}

/* ── COMMUNITY BANNER ── */
.community-banner{margin:0 60px 80px;background:linear-gradient(135deg,#0d1f2d,#091520);border:1px solid #208c8c22;padding:64px 60px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;}
@media(max-width:768px){.community-banner{margin:0 24px 60px;padding:40px 28px;flex-direction:column;}}
.community-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 0% 50%,#208c8c0a,transparent 60%);pointer-events:none;}
.banner-eyebrow{font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:.4em;color:#208c8c;text-transform:uppercase;margin-bottom:8px;}
.banner-title{font-family:'Cinzel Decorative',serif;font-size:clamp(18px,3vw,28px);color:var(--white);margin-bottom:10px;}
.banner-desc{font-size:14px;color:#6a8a8a;max-width:480px;line-height:1.7;}
.banner-actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0;}

/* ── GAMES PAGE ── */
.stealth-hero{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:80px 24px;}
.stealth-content{position:relative;z-index:2;}
.classified-badge{display:inline-block;border:1px solid #208c8c44;padding:7px 20px;font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:.4em;color:#208c8c;text-transform:uppercase;margin-bottom:28px;background:#208c8c08;animation:badgePulse 2s ease-in-out infinite;}
.stealth-title{font-family:'Cinzel Decorative',serif;font-size:clamp(30px,7vw,78px);font-weight:900;background:linear-gradient(135deg,#c9a84c,#f0d060,#c9a84c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:18px;filter:drop-shadow(0 0 40px #c9a84c44);}
.stealth-sub{font-family:'Orbitron',sans-serif;font-size:11px;letter-spacing:.4em;color:var(--teal-light);text-transform:uppercase;margin-bottom:28px;opacity:.7;}
.stealth-desc{font-size:16px;color:#6a8a8a;max-width:540px;margin:0 auto 40px;line-height:1.8;}

/* Teaser cards */
.teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0 60px 80px;max-width:1300px;margin:0 auto;}
@media(max-width:860px){.teaser-grid{grid-template-columns:1fr;padding:0 24px 60px;}}
.teaser-card{background:#0d1a1f;border:1px solid #208c8c1a;overflow:hidden;position:relative;transition:all .35s;}
.teaser-card:hover{border-color:#208c8c55;transform:translateY(-4px);box-shadow:0 16px 40px #208c8c11;}
.teaser-visual{height:220px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#0d1f2d,#06101a);overflow:hidden;}
.teaser-emoji{font-size:64px;position:relative;z-index:2;filter:blur(8px) grayscale(1);opacity:.25;}
.teaser-scan{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#208c8c,transparent);animation:scanH 2.5s linear infinite;opacity:.4;}
.teaser-body{padding:24px;}
.teaser-genre{font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:.3em;color:#208c8c;text-transform:uppercase;margin-bottom:8px;}
.teaser-name{font-family:'Cinzel Decorative',serif;font-size:18px;color:var(--white);margin-bottom:10px;}
.teaser-desc{font-size:14px;color:#5a7a7a;line-height:1.7;margin-bottom:16px;}
.teaser-progress{margin-bottom:16px;}
.progress-label{display:flex;justify-content:space-between;font-family:'Orbitron',sans-serif;font-size:8px;letter-spacing:.2em;color:#3a5a5a;text-transform:uppercase;margin-bottom:6px;}
.progress-bar{height:3px;background:#1a2a30;position:relative;overflow:hidden;}
.progress-fill{height:100%;background:linear-gradient(90deg,#208c8c,#29afaf);position:relative;}
.progress-fill::after{content:'';position:absolute;right:0;top:-2px;width:8px;height:8px;background:#29afaf;border-radius:50%;box-shadow:0 0 8px #208c8c;}
.notify-row{display:flex;gap:8px;}
.notify-input{flex:1;background:#091215;border:1px solid #208c8c22;color:var(--white);font-family:'Rajdhani',sans-serif;font-size:14px;padding:10px 14px;outline:none;transition:border-color .3s;}
.notify-input:focus{border-color:#208c8c;}
.notify-input::placeholder{color:#3a5a5a;}
.notify-submit{padding:10px 14px;background:#208c8c;border:none;color:#000;font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:.1em;transition:all .3s;white-space:nowrap;}
.notify-submit:hover{background:#29afaf;}

/* Roadmap */
.roadmap-section{padding:80px 60px;max-width:900px;margin:0 auto;}
@media(max-width:768px){.roadmap-section{padding:60px 24px;}}
.roadmap-list{margin-top:48px;position:relative;padding-left:32px;}
.roadmap-list::before{content:'';position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,#208c8c,#208c8c55,transparent);}
.roadmap-item{position:relative;margin-bottom:36px;padding:22px 26px;background:#0d1a1f;border:1px solid #208c8c1a;transition:all .3s;}
.roadmap-item:hover{border-color:#208c8c44;}
.roadmap-item::before{content:'';position:absolute;left:-38px;top:26px;width:14px;height:14px;border-radius:50%;background:#208c8c;border:2px solid #208c8c44;box-shadow:0 0 12px #208c8c66;}
.roadmap-item.done::before{background:#c9a84c;border-color:#c9a84c44;box-shadow:0 0 12px #c9a84c66;}
.roadmap-item.active::before{animation:dotBlink 1.2s ease-in-out infinite;}
.roadmap-q{font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:.3em;color:#208c8c;text-transform:uppercase;margin-bottom:6px;}
.roadmap-item.done .roadmap-q{color:#c9a84c;}
.roadmap-title{font-family:'Cinzel Decorative',serif;font-size:16px;color:var(--white);margin-bottom:6px;}
.roadmap-body{font-size:14px;color:#6a8a8a;line-height:1.6;}
.roadmap-chip{display:inline-block;font-family:'Orbitron',sans-serif;font-size:8px;letter-spacing:.2em;padding:3px 10px;text-transform:uppercase;margin-top:10px;}
.chip-done{background:#c9a84c11;border:1px solid #c9a84c44;color:#c9a84c;}
.chip-active{background:#208c8c11;border:1px solid #208c8c44;color:#208c8c;}
.chip-soon{background:#3a4a4a22;border:1px solid #3a4a4a44;color:#3a5a5a;}

/* ── ABOUT / FOUNDER ── */
.founder-section{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:flex-start;padding:80px 60px;max-width:1100px;margin:0 auto;}
@media(max-width:860px){.founder-section{grid-template-columns:1fr;gap:32px;padding:60px 24px;}}
.founder-img-wrap{position:relative;}
.founder-img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top;display:block;border:2px solid #c9a84c44;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));filter:contrast(1.05) saturate(.9);transition:filter .4s;}
.founder-img:hover{filter:contrast(1.08) saturate(1.1);}
.founder-img-wrap::before{content:'';position:absolute;left:-10px;top:10%;bottom:10%;width:3px;background:linear-gradient(to bottom,#c9a84c,#208c8c,transparent);}
.founder-badge{position:absolute;top:14px;right:-10px;background:#0d1a1f;border:1px solid #c9a84c44;padding:5px 12px;font-family:'Orbitron',sans-serif;font-size:8px;letter-spacing:.2em;color:#c9a84c;text-transform:uppercase;}
.founder-name{font-family:'Cinzel Decorative',serif;font-size:clamp(22px,3vw,34px);color:var(--white);margin-bottom:5px;}
.founder-role{font-family:'Orbitron',sans-serif;font-size:10px;letter-spacing:.3em;color:#c9a84c;text-transform:uppercase;margin-bottom:22px;}
.funfact{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#1a2a20,#0d1a10);border:1px solid #208c8c44;border-left:3px solid #208c8c;padding:16px 20px;margin:18px 0;font-size:14px;color:var(--teal-light);line-height:1.7;}
.funfact strong{color:#208c8c;}
.social-row{display:flex;gap:8px;margin-top:18px;}
.social-chip{width:34px;height:34px;background:#1a2a30;border:1px solid #208c8c33;display:flex;align-items:center;justify-content:center;font-size:13px;color:#208c8c;text-decoration:none;transition:all .2s;font-family:'Orbitron',sans-serif;font-weight:700;}
.social-chip:hover{background:#208c8c;color:#000;}

/* Mission block */
.mission-block{max-width:760px;margin:0 auto;text-align:center;background:linear-gradient(135deg,#0d1a20,#0a1218);border:1px solid #208c8c22;padding:60px 48px;position:relative;}
.mission-block::before,.mission-block::after{content:'';position:absolute;width:36px;height:36px;border-color:#c9a84c44;border-style:solid;}
.mission-block::before{top:16px;left:16px;border-width:2px 0 0 2px;}
.mission-block::after{bottom:16px;right:16px;border-width:0 2px 2px 0;}
.mission-crown{font-size:32px;color:#c9a84c;display:block;margin-bottom:24px;filter:drop-shadow(0 0 14px #c9a84c66);}
.mission-quote{font-family:'Cinzel Decorative',serif;font-size:clamp(14px,2vw,18px);color:var(--teal-light);line-height:1.75;margin-bottom:20px;font-style:italic;}
.mission-attr{font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:.25em;color:#208c8c;text-transform:uppercase;}

/* Values */
.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px;}
@media(max-width:600px){.values-grid{grid-template-columns:1fr;}}
.value-card{background:#0d1a1f;border:1px solid #208c8c1a;padding:28px;transition:all .3s;position:relative;overflow:hidden;}
.value-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#208c8c,transparent);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.value-card:hover{border-color:#208c8c44;transform:translateY(-3px);}
.value-card:hover::after{transform:scaleX(1);}
.value-icon{font-size:28px;margin-bottom:14px;display:block;}
.value-title{font-family:'Cinzel Decorative',serif;font-size:15px;color:var(--white);margin-bottom:10px;}
.value-body{font-size:14px;color:#6a8a8a;line-height:1.7;}

/* ── TEAM PAGE ── */
.team-leader{display:grid;grid-template-columns:280px 1fr;gap:52px;align-items:flex-start;padding:80px 60px;max-width:1100px;margin:0 auto;}
@media(max-width:860px){.team-leader{grid-template-columns:1fr;gap:32px;padding:60px 24px;}}
.leader-photo-wrap{position:relative;}
.leader-photo{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top;display:block;border:2px solid #c9a84c44;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));filter:contrast(1.05) saturate(.9);transition:filter .4s;}
.leader-photo:hover{filter:contrast(1.08) saturate(1.1);}
.leader-photo-wrap::before{content:'';position:absolute;left:-10px;top:10%;bottom:10%;width:3px;background:linear-gradient(to bottom,#c9a84c,#208c8c,transparent);}
.founder-tag-badge{position:absolute;top:14px;right:-10px;background:#0d1a1f;border:1px solid #c9a84c44;padding:5px 12px;font-family:'Orbitron',sans-serif;font-size:8px;letter-spacing:.2em;color:#c9a84c;text-transform:uppercase;}
.leader-name{font-family:'Cinzel Decorative',serif;font-size:clamp(22px,3vw,32px);color:var(--white);margin-bottom:5px;}
.leader-role{font-family:'Orbitron',sans-serif;font-size:10px;letter-spacing:.3em;color:#c9a84c;text-transform:uppercase;margin-bottom:20px;}
.leader-bio{font-size:15px;color:#7a9a9a;line-height:1.85;margin-bottom:14px;}
.dept-grid-team{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:860px){.dept-grid-team{grid-template-columns:1fr 1fr;}}
@media(max-width:500px){.dept-grid-team{grid-template-columns:1fr;}}
.dept-card-t{background:#0d1a1f;border:1px solid #208c8c1a;padding:26px;transition:all .3s;position:relative;overflow:hidden;}
.dept-card-t::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#208c8c,transparent);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.dept-card-t:hover{border-color:#208c8c44;transform:translateY(-4px);}
.dept-card-t:hover::after{transform:scaleX(1);}
.dept-icon-t{font-size:30px;display:block;margin-bottom:12px;filter:drop-shadow(0 0 8px #208c8c44);}
.dept-name-t{font-family:'Cinzel Decorative',serif;font-size:14px;color:var(--white);margin-bottom:4px;}
.dept-tag-t{font-family:'Orbitron',sans-serif;font-size:8px;letter-spacing:.2em;color:#208c8c;text-transform:uppercase;margin-bottom:10px;}
.dept-desc-t{font-size:13px;color:#5a7a7a;line-height:1.7;}
.team-cta-wrap{text-align:center;padding:60px 60px 100px;max-width:700px;margin:0 auto;}
.team-cta-icon{font-size:36px;color:#208c8c;display:block;margin-bottom:20px;filter:drop-shadow(0 0 14px #208c8c66);animation:ctaPulse 3s ease-in-out infinite;}
@keyframes ctaPulse{0%,100%{filter:drop-shadow(0 0 10px #208c8c44)}50%{filter:drop-shadow(0 0 28px #208c8c99)}}

/* ── BLOG ── */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;}
.blog-card{background:#0d1a1f;border:1px solid #208c8c1a;padding:30px;position:relative;transition:all .3s;}
.blog-card:hover{border-color:#208c8c55;transform:translateX(4px);}
.blog-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#208c8c,transparent);transform:scaleY(0);transition:transform .3s;}
.blog-card:hover::before{transform:scaleY(1);}
.blog-date{font-family:'Orbitron',sans-serif;font-size:9px;color:#208c8c;letter-spacing:.2em;margin-bottom:10px;}
.blog-title{font-family:'Cinzel Decorative',serif;font-size:17px;color:var(--white);margin-bottom:10px;line-height:1.4;}
.blog-excerpt{font-size:14px;color:#6a8a8a;line-height:1.7;margin-bottom:16px;}
.blog-more{font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:.2em;color:#208c8c;text-transform:uppercase;display:flex;align-items:center;gap:6px;transition:gap .2s;}
.blog-card:hover .blog-more{gap:12px;}
.blog-more::after{content:'→';}
.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px;}
.filter-tab{padding:7px 18px;background:transparent;border:1px solid #208c8c1a;color:#5a7a7a;font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:.2em;text-transform:uppercase;transition:all .2s;}
.filter-tab:hover,.filter-tab.active{border-color:#208c8c;color:#208c8c;background:#208c8c0a;}

/* ── STORE ── */
.store-coming-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;}
.store-coming-card{background:#0d1a1f;border:1px solid #208c8c1a;overflow:hidden;transition:all .3s;}
.store-coming-card:hover{border-color:#208c8c55;transform:translateY(-4px);box-shadow:0 12px 32px #208c8c11;}
.store-coming-visual{height:200px;display:flex;align-items:center;justify-content:center;font-size:60px;background:linear-gradient(135deg,#1a2030,#0d1820);position:relative;}
.store-lock-icon{position:absolute;bottom:12px;right:12px;font-size:18px;opacity:.4;}
.store-coming-body{padding:20px 22px;}
.store-coming-cat{font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:.2em;color:#c9a84c;text-transform:uppercase;margin-bottom:8px;}
.store-coming-name{font-family:'Cinzel Decorative',serif;font-size:15px;color:var(--white);margin-bottom:8px;}
.store-coming-desc{font-size:13px;color:#5a7a7a;line-height:1.6;margin-bottom:14px;}
.store-notify-btn{width:100%;padding:10px;background:transparent;border:1px solid #208c8c33;color:#208c8c;font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:.15em;text-transform:uppercase;transition:all .3s;}
.store-notify-btn:hover{background:#208c8c;color:#000;}

/* ── CONTACT ── */
.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:72px;padding:80px 60px;max-width:1100px;margin:0 auto;}
@media(max-width:860px){.contact-layout{grid-template-columns:1fr;gap:40px;padding:60px 24px;}}
.contact-info-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #208c8c1a;}
.c-icon{width:42px;height:42px;background:#1a2a30;border:1px solid #208c8c44;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}
.c-label{font-family:'Orbitron',sans-serif;font-size:9px;color:#208c8c;letter-spacing:.2em;margin-bottom:3px;}
.c-value{font-size:15px;color:var(--white);}
.form-col{display:flex;flex-direction:column;gap:18px;}
.form-grp{display:flex;flex-direction:column;gap:7px;}
.form-lbl{font-family:'Orbitron',sans-serif;font-size:9px;color:#208c8c;letter-spacing:.2em;text-transform:uppercase;}
.form-inp,.form-ta,.form-sel{background:#0d1a1f;border:1px solid #208c8c22;color:var(--white);font-family:'Rajdhani',sans-serif;font-size:16px;padding:12px 16px;outline:none;transition:border-color .3s;width:100%;}
.form-inp:focus,.form-ta:focus,.form-sel:focus{border-color:#208c8c;box-shadow:0 0 0 1px #208c8c33;}
.form-ta{height:130px;resize:vertical;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:500px){.form-row{grid-template-columns:1fr;}}
.form-submit{padding:15px;background:linear-gradient(135deg,#208c8c,#1a6f6f);color:#fff;font-family:'Orbitron',sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;border:none;transition:all .3s;width:100%;}
.form-submit:hover{background:linear-gradient(135deg,#29afaf,#208c8c);box-shadow:0 0 24px #208c8c55;}

/* ── LEGAL ── */
.legal-wrap{max-width:820px;margin:0 auto;padding:80px 60px;}
@media(max-width:768px){.legal-wrap{padding:60px 24px;}}
.legal-meta{display:flex;gap:14px;margin-bottom:32px;flex-wrap:wrap;}
.legal-badge{font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:.2em;color:#208c8c;border:1px solid #208c8c33;padding:5px 12px;background:#208c8c08;text-transform:uppercase;}
.legal-toc{background:#0d1a1f;border:1px solid #208c8c22;border-left:3px solid #208c8c;padding:22px 26px;margin-bottom:44px;}
.legal-toc-h{font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:.3em;color:#208c8c;text-transform:uppercase;margin-bottom:14px;}
.legal-toc ol{padding-left:20px;display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;}
@media(max-width:500px){.legal-toc ol{grid-template-columns:1fr;}}
.legal-toc li a{font-size:13px;color:#7a9a9a;text-decoration:none;transition:color .2s;}
.legal-toc li a:hover{color:#208c8c;}
.legal-notice{background:linear-gradient(135deg,#1a2a1a,#0d180d);border:1px solid #208c8c44;border-left:4px solid #208c8c;padding:16px 20px;margin-bottom:40px;font-size:14px;color:var(--teal-light);line-height:1.7;}
.legal-sec{margin-bottom:44px;scroll-margin-top:90px;}
.legal-h{font-family:'Cinzel Decorative',serif;font-size:17px;color:var(--white);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #208c8c1a;line-height:1.3;}
.legal-p{font-size:14px;color:#8a9a9a;line-height:1.85;margin-bottom:12px;}
.legal-p a{color:#208c8c;text-decoration:underline;text-underline-offset:3px;}
.legal-contact-box{background:#0d1a1f;border:1px solid #208c8c22;padding:20px 24px;margin-top:12px;}
.legal-contact-box p{font-size:14px;color:#8a9a9a;margin-bottom:6px;}
.legal-contact-box strong{color:var(--white);}
.legal-nav{display:flex;gap:14px;flex-wrap:wrap;margin-top:52px;padding-top:32px;border-top:1px solid #208c8c1a;}

/* ── FOOTER ── */
#site-footer{background:#050a0d;border-top:1px solid #208c8c1a;padding:60px;margin-top:40px;}
@media(max-width:768px){#site-footer{padding:40px 24px;}}
.footer-inner{max-width:1300px;margin:0 auto;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;margin-bottom:44px;}
@media(max-width:860px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px;}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr;}}
.footer-brand-name{font-family:'Cinzel Decorative',serif;font-size:20px;background:linear-gradient(135deg,#c9a84c,#f0d060);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:14px;}
.footer-desc{font-size:13px;color:#4a6a6a;line-height:1.7;margin-bottom:20px;}
.social-links{display:flex;gap:10px;}
.social-btn{width:36px;height:36px;background:#0d1a1f;border:1px solid #208c8c22;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s;color:#208c8c;text-decoration:none;font-family:'Orbitron',sans-serif;font-weight:700;}
.social-btn:hover{background:#208c8c;color:#000;border-color:#208c8c;}
.footer-col-title{font-family:'Orbitron',sans-serif;font-size:10px;letter-spacing:.3em;color:var(--white);text-transform:uppercase;margin-bottom:18px;}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:9px;}
.footer-links a{font-size:13px;color:#4a6a6a;text-decoration:none;transition:color .2s;display:flex;align-items:center;gap:5px;}
.footer-links a:hover{color:#208c8c;}
.footer-links a::before{content:'›';color:#208c8c33;}
.footer-bottom{border-top:1px solid #208c8c1a;padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.footer-copy{font-size:12px;color:#3a5a5a;}
.footer-legal-links{display:flex;gap:14px;}
.footer-legal-links a{font-size:12px;color:#3a5a5a;text-decoration:none;transition:color .2s;}
.footer-legal-links a:hover{color:#208c8c;}

/* ── TOAST & REVEAL ── */
.ftc-toast{position:fixed;bottom:28px;right:28px;background:#0d1a1f;border:1px solid #208c8c;padding:14px 22px;font-family:'Orbitron',sans-serif;font-size:11px;color:#208c8c;letter-spacing:.1em;z-index:9998;transform:translateX(120%);transition:transform .4s ease;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));}
.ftc-toast.show{transform:translateX(0);}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}
.reveal.revealed{opacity:1;transform:translateY(0);}

/* ══════════════════════════════════════
   THRONE ROOM INTRO SEQUENCE
══════════════════════════════════════ */
#ftc-intro {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.intro-bg {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 50% 80%, #0d3040 0%, #000 70%);
}

/* Twinkling stars */
.intro-stars {
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(1px 1px at 10% 15%, #cae9ea 0%, transparent 100%),
    radial-gradient(1px 1px at 30% 40%, #208c8c 0%, transparent 100%),
    radial-gradient(1px 1px at 55% 20%, #cae9ea 0%, transparent 100%),
    radial-gradient(1px 1px at 75% 60%, #208c8c 0%, transparent 100%),
    radial-gradient(1px 1px at 85% 10%, #cae9ea 0%, transparent 100%),
    radial-gradient(2px 2px at 40% 70%, #cae9ea44 0%, transparent 100%),
    radial-gradient(2px 2px at 90% 45%, #cae9ea44 0%, transparent 100%),
    radial-gradient(1px 1px at 20% 80%, #208c8c 0%, transparent 100%),
    radial-gradient(1px 1px at 60% 90%, #208c8c 0%, transparent 100%),
    radial-gradient(1px 1px at 5% 55%, #cae9ea 0%, transparent 100%);
  animation: introTwinkle 4s ease-in-out infinite alternate;
}
@keyframes introTwinkle {
  from { opacity: 0.4; }
  to   { opacity: 1; }
}

/* Scan line */
.intro-scan-line {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 2px;
  background: linear-gradient(90deg, transparent, #208c8c, transparent);
  animation: introScan 3s linear 0.5s infinite;
  opacity: 0.5;
  pointer-events: none;
}
@keyframes introScan {
  from { top: 0; }
  to   { top: 100%; }
}

/* Corner HUD */
.intro-corner {
  position: absolute;
  width: 40px; height: 40px;
  border-color: #208c8c;
  border-style: solid;
  opacity: 0.6;
}
.intro-corner-tl { top: 20px;    left: 20px;  border-width: 2px 0 0 2px; }
.intro-corner-tr { top: 20px;    right: 20px; border-width: 2px 2px 0 0; }
.intro-corner-bl { bottom: 20px; left: 20px;  border-width: 0 0 2px 2px; }
.intro-corner-br { bottom: 20px; right: 20px; border-width: 0 2px 2px 0; }

/* Steps rising from bottom */
.intro-steps-wrap {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
}

.intro-step {
  width: 100%;
  height: 18px;
  background: linear-gradient(180deg, #1a3040 0%, #0d1f28 100%);
  border-top: 1px solid #208c8c44;
  opacity: 0;
  transform: translateY(60px);
  animation: introStepRise 1.5s ease-out forwards;
}
.intro-step:nth-child(1) { width: 100%; animation-delay: 0.05s; }
.intro-step:nth-child(2) { width: 90%;  animation-delay: 0.15s; }
.intro-step:nth-child(3) { width: 80%;  animation-delay: 0.25s; }
.intro-step:nth-child(4) { width: 70%;  animation-delay: 0.35s; }
.intro-step--wide  { width: 60%; height: 24px; animation-delay: 0.45s; background: linear-gradient(180deg, #1e3d50 0%, #0d2535 100%); border-top-color: #208c8c88; }
.intro-step--base  { width: 50%; height: 30px; animation-delay: 0.55s; background: linear-gradient(180deg, #234555 0%, #0d2030 100%); border-top-color: #208c8c; }

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

/* Throne chair */
.intro-throne {
  position: absolute;
  bottom: 108px;
  left: 50%;
  transform: translateX(-50%);
  width: 220px;
  height: 280px;
  opacity: 0;
  z-index: 2;
  animation: introThroneAppear 1s ease-out 0.8s forwards;
  filter: drop-shadow(0 0 30px #208c8c88);
}
@keyframes introThroneAppear {
  from { opacity: 0; transform: translateX(-50%) scale(0.8) translateY(30px); }
  to   { opacity: 1; transform: translateX(-50%) scale(1) translateY(0); }
}

/* Light pillars */
.intro-pillar {
  position: absolute;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to top, #208c8c, transparent);
  opacity: 0;
  animation: introPillar 0.5s ease-out 1.8s forwards;
  pointer-events: none;
}
.intro-pillar--left  { left: 30%;  height: 60%; }
.intro-pillar--right { right: 30%; height: 60%; }
@keyframes introPillar {
  to { opacity: 0.7; }
}

/* Crown dropping from above */
.intro-crown-drop {
  position: absolute;
  top: 18%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 72px;
  opacity: 0;
  z-index: 3;
  animation: introCrownDrop 1s cubic-bezier(0.34, 1.56, 0.64, 1) 1.4s forwards;
  filter: drop-shadow(0 0 24px #f0d060);
  pointer-events: none;
}
@keyframes introCrownDrop {
  from { opacity: 0; transform: translateX(-50%) translateY(-60px) scale(0.5); }
  to   { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }
}

/* Text reveal container */
.intro-text-wrap {
  position: relative;
  z-index: 10;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: auto;
  padding-bottom: 8vh;
  padding-top: 4vh;
}

.intro-line {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.intro-line.visible {
  opacity: 1;
  transform: translateY(0);
}

.intro-eyebrow {
  font-family: 'Orbitron', sans-serif;
  font-size: clamp(9px, 1.5vw, 13px);
  letter-spacing: 0.4em;
  color: #208c8c;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.intro-title {
  font-family: 'Cinzel Decorative', serif;
  font-size: clamp(38px, 8vw, 92px);
  font-weight: 900;
  line-height: 1;
  background: linear-gradient(135deg, #c9a84c 0%, #f0d060 40%, #c9a84c 70%, #fff7c0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 40px #c9a84c88);
  margin-bottom: 16px;
}

.intro-subtitle {
  font-family: 'Rajdhani', sans-serif;
  font-size: clamp(13px, 2vw, 19px);
  color: #cae9ea;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.intro-enter-btn {
  display: inline-block;
  padding: 14px 44px;
  border: 1px solid #208c8c;
  color: #208c8c;
  font-family: 'Orbitron', sans-serif;
  font-size: 12px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  background: transparent;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.intro-enter-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  background: #208c8c;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
  z-index: -1;
}
.intro-enter-btn:hover {
  color: #000;
  border-color: #208c8c;
}
.intro-enter-btn:hover::before {
  transform: scaleX(1);
}

/* Intro exit transition */
#ftc-intro.intro-exit {
  opacity: 0;
  transform: scale(1.05);
  transition: opacity 1s ease, transform 0.8s ease;
  pointer-events: none;
}

/* ══════════════════════════════════════
   MEGA DROPDOWN — ALL PAGES
══════════════════════════════════════ */

/* Re-position nav for mega layout */
#site-navigation {
  flex: 1;
  display: flex;
  justify-content: center;
}

/* Mega trigger styling */
.mega-trigger {
  font-family: 'Orbitron', sans-serif;
  font-size: 10px;
  letter-spacing: 0.2em;
  color: #aaa;
  text-decoration: none;
  text-transform: uppercase;
  padding-bottom: 3px;
  border-bottom: 1px solid transparent;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
}

.mega-parent:hover .mega-trigger,
.mega-parent.open .mega-trigger,
.mega-trigger:focus {
  color: #208c8c;
  border-bottom-color: #208c8c;
  outline: none;
}

/* Mega dropdown panel */
.mega-dropdown {
  position: absolute;
  top: calc(100% + 16px);
  left: 50%;
  transform: translateX(-50%) translateY(-8px);
  width: 680px;
  max-width: 95vw;
  background: rgba(9, 16, 20, 0.98);
  border: 1px solid #208c8c44;
  border-top: 2px solid #208c8c;
  backdrop-filter: blur(16px);
  box-shadow: 0 24px 60px rgba(0,0,0,0.7), 0 0 40px #208c8c0a;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(-8px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
}

/* Triangle pointer */
.mega-dropdown::before {
  content: '';
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 14px;
  height: 7px;
  background: #208c8c;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

/* Show on hover (desktop) */
@media (min-width: 861px) {
  .mega-parent:hover .mega-dropdown,
  .mega-parent:focus-within .mega-dropdown {
    opacity: 1;
    pointer-events: all;
    transform: translateX(-50%) translateY(0);
  }
  .mega-parent:hover .nav-arrow,
  .mega-parent:focus-within .nav-arrow {
    transform: rotate(180deg);
  }
}

/* Open via JS (keyboard / click) */
.mega-parent.open .mega-dropdown {
  opacity: 1;
  pointer-events: all;
  transform: translateX(-50%) translateY(0);
}
.mega-parent.open .nav-arrow {
  transform: rotate(180deg);
}

/* Inner grid — three columns */
.mega-inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  padding: 8px 0 16px;
}

/* Column */
.mega-col {
  padding: 20px 24px;
  border-right: 1px solid #208c8c11;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mega-col:last-child {
  border-right: none;
}

/* Column label */
.mega-col-label {
  font-family: 'Orbitron', sans-serif;
  font-size: 9px;
  letter-spacing: 0.35em;
  color: #208c8c;
  text-transform: uppercase;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #208c8c22;
}

/* Individual page link */
.mega-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  text-decoration: none;
  border-radius: 2px;
  transition: all 0.2s ease;
  position: relative;
  border-left: 2px solid transparent;
  margin-bottom: 2px;
}

.mega-link:hover {
  background: #208c8c0d;
  border-left-color: #208c8c;
  padding-left: 16px;
}

.mega-link--active {
  border-left-color: #c9a84c !important;
  background: #c9a84c08 !important;
}

.mega-link-icon {
  font-size: 20px;
  flex-shrink: 0;
  width: 28px;
  text-align: center;
  filter: drop-shadow(0 0 4px #208c8c44);
  transition: filter 0.2s;
}

.mega-link:hover .mega-link-icon {
  filter: drop-shadow(0 0 8px #208c8c88);
}

.mega-link-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mega-link-title {
  font-family: 'Orbitron', sans-serif;
  font-size: 10px;
  letter-spacing: 0.15em;
  color: #cae9ea;
  text-transform: uppercase;
  transition: color 0.2s;
}

.mega-link:hover .mega-link-title {
  color: #208c8c;
}

.mega-link--active .mega-link-title {
  color: #c9a84c !important;
}

.mega-link-desc {
  font-family: 'Rajdhani', sans-serif;
  font-size: 12px;
  color: #4a6a6a;
  line-height: 1.3;
  transition: color 0.2s;
}

.mega-link:hover .mega-link-desc {
  color: #6a8a8a;
}

/* Divider in legal col */
.mega-divider {
  height: 1px;
  background: #208c8c11;
  margin: 12px 0;
}

/* Studio status badge */
.mega-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Orbitron', sans-serif;
  font-size: 8px;
  letter-spacing: 0.25em;
  color: #208c8c;
  text-transform: uppercase;
  padding: 8px 12px;
  background: #208c8c08;
  border: 1px solid #208c8c22;
}

.mega-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #208c8c;
  flex-shrink: 0;
  animation: dotBlink 1.4s ease-in-out infinite;
}

/* ── MOBILE: mega becomes stacked accordion ── */
@media (max-width: 860px) {
  .mega-dropdown {
    position: static;
    transform: none !important;
    opacity: 1;
    pointer-events: all;
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    border: none;
    border-left: 2px solid #208c8c33;
    background: #0d1a1f;
    clip-path: none;
    display: none;
    margin-left: 12px;
    margin-bottom: 8px;
    transition: none;
  }
  .mega-dropdown::before { display: none; }
  .mega-parent.open .mega-dropdown { display: block; }

  .mega-inner {
    grid-template-columns: 1fr;
    padding: 0;
    gap: 0;
  }
  .mega-col {
    padding: 12px 16px;
    border-right: none;
    border-bottom: 1px solid #208c8c0d;
    gap: 2px;
  }
  .mega-col:last-child { border-bottom: none; }
  .mega-col-label { margin-bottom: 8px; padding-bottom: 6px; }
  .mega-link { padding: 8px 10px; }
  .mega-link:hover { padding-left: 14px; }
  .mega-link-icon { font-size: 16px; width: 22px; }
  .mega-link-title { font-size: 9px; }
  .mega-link-desc { font-size: 11px; }
  .mega-badge { display: none; }
}