@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Public+Sans:wght@400;500;600&display=swap";:root{--ink: #05060a;--ink-2: #0b0d16;--silver: #d8dde6;--silver-dim: rgba(216, 221, 230, .62);--gold: #c9a961;--gold-dim: #8a7440;--bayanihan: #e0b45a;--resonance: #5fd6c4;--eclipse: #a06ad8}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--silver);font-family:Public Sans,ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.hero{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;align-items:center;isolation:isolate;background:radial-gradient(120% 90% at 50% 0%,rgba(94,78,168,.34),transparent 60%),radial-gradient(90% 70% at 10% 90%,rgba(126,58,132,.28),transparent 65%),radial-gradient(90% 70% at 92% 84%,rgba(150,46,46,.26),transparent 65%),linear-gradient(180deg,var(--ink-2) 0%,var(--ink) 70%)}.hero-mark{position:absolute;left:50%;top:50%;translate:-50% -50%;height:min(78vh,780px);width:auto;opacity:.05;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.hero-inner{position:relative;z-index:1;width:100%;max-width:1240px;margin:0 auto;padding:clamp(32px,6vw,72px) clamp(20px,5vw,56px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,5vw,72px)}.hero-copy{display:flex;flex-direction:column;gap:18px}.eyebrow{margin:0;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-dim)}.wordmark{margin:0 0 -.06em;font-family:Cormorant Garamond,ui-serif,Georgia,serif;font-weight:600;font-size:clamp(42px,5.4vw,80px);line-height:1.06;padding-bottom:.06em;letter-spacing:.02em;text-wrap:balance;background:linear-gradient(180deg,#fff 10%,var(--gold) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.pitch{margin:0;font-size:clamp(17px,1.7vw,22px);line-height:1.45;color:var(--silver);max-width:32ch}.pitch span{color:var(--silver-dim)}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.btn{display:inline-block;padding:12px 24px;border-radius:4px;border:1px solid rgba(216,221,230,.28);color:var(--silver);text-decoration:none;font-size:13.5px;letter-spacing:.12em;text-transform:uppercase;transition:border-color .2s,background .2s,color .2s}.btn:hover{border-color:var(--silver)}.btn.primary{border-color:var(--gold);color:#1a1408;background:linear-gradient(180deg,#e6cd8f,var(--gold));font-weight:600}.btn.primary:hover{background:linear-gradient(180deg,#f2dfa9,#d8b76d)}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.fineprint{margin:0;font-size:12px;color:#d8dde66b}.hero-stage{display:flex;justify-content:center;align-items:center;gap:clamp(4px,1.4vw,18px);perspective:1400px}.hero-card{--lit: var(--gold);margin:0;position:relative;width:clamp(120px,15vw,232px);transform-style:preserve-3d;animation:cardFloat 7s ease-in-out infinite;animation-delay:calc(var(--i) * -2.3s)}.hero-card:nth-child(1){rotate:-7deg;translate:0 14px}.hero-card:nth-child(2){z-index:2;scale:1.09}.hero-card:nth-child(3){rotate:7deg;translate:0 14px}.hero-card.tone-bayanihan{--lit: var(--bayanihan)}.hero-card.tone-resonance{--lit: var(--resonance)}.hero-card.tone-eclipse{--lit: var(--eclipse)}.hero-card img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 0 0 1px #0009,0 18px 44px #000000b8,0 0 40px -6px color-mix(in srgb,var(--lit) 55%,transparent)}.hero-card figcaption{position:absolute;left:0;right:0;bottom:-46px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.c-region{color:var(--silver-dim);font-size:9.5px}.c-deck{font-size:13px;letter-spacing:.06em;text-transform:none;color:var(--silver);font-weight:600}@keyframes cardFloat{0%,to{transform:translateY(0) rotateY(-5deg)}50%{transform:translateY(-14px) rotateY(5deg)}}@media(max-width:900px){.hero-inner{grid-template-columns:1fr;text-align:center;padding-top:clamp(40px,12vw,90px)}.hero-copy{align-items:center}.pitch{max-width:none}.cta{justify-content:center}.hero-stage{margin-top:30px}.hero-card figcaption{bottom:-30px}.hero-mark{height:52vh}}@media(prefers-reduced-motion:reduce){.hero-card{animation:none}}.topbar{position:absolute;inset:0 0 auto 0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(18px,4vw,48px)}.topbar .brand{font-family:Cormorant Garamond,ui-serif,Georgia,serif;font-size:20px;font-weight:600;letter-spacing:.04em;color:var(--silver);text-decoration:none}.topbar nav{display:flex;align-items:center;gap:clamp(12px,2vw,28px)}.topbar nav a{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--silver-dim);text-decoration:none;transition:color .18s}.topbar nav a:hover{color:var(--gold)}.topbar nav a.btn:hover{color:var(--ink)}.band{position:relative;padding:clamp(64px,9vw,132px) clamp(18px,4vw,48px);background:var(--ink)}.band.alt{background:radial-gradient(80% 60% at 50% 0%,rgba(94,78,168,.16),transparent 65%),var(--ink-2)}.band.closer{background:radial-gradient(70% 90% at 50% 100%,rgba(201,169,97,.13),transparent 68%),var(--ink);text-align:center}.band-inner{max-width:1140px;margin:0 auto}.band-inner.narrow{max-width:620px}.section-title{margin:8px 0 0;font-family:Cormorant Garamond,ui-serif,Georgia,serif;font-weight:600;font-size:clamp(28px,4vw,46px);line-height:1.12;letter-spacing:.01em;color:var(--silver);text-wrap:balance}.lede{margin:14px 0 0;max-width:62ch;font-size:clamp(15px,1.5vw,17px);line-height:1.65;color:var(--silver-dim)}.band.closer .lede,.band.closer .fineprint{margin-left:auto;margin-right:auto}.map-layout{margin-top:clamp(28px,4vw,48px);display:grid;grid-template-columns:1fr 0fr;gap:0;align-items:start;transition:grid-template-columns .5s cubic-bezier(.3,.9,.3,1),gap .5s}#islands.picked .map-layout{grid-template-columns:minmax(240px,.85fr) 1.15fr;gap:clamp(20px,3vw,46px)}.map-stage{position:relative;aspect-ratio:62 / 100;width:100%;max-width:460px;margin:0 auto;transition:max-width .5s cubic-bezier(.3,.9,.3,1)}#islands.picked .map-stage{max-width:100%}.map-piece{position:absolute;padding:0;border:none;background:none;cursor:pointer;line-height:0;transition:transform .45s cubic-bezier(.3,1.1,.4,1),opacity .35s,filter .35s}.map-piece img{width:100%;height:auto;display:block;filter:drop-shadow(0 0 0 transparent);transition:filter .35s}.map-piece:hover{transform:translateY(-4px) scale(1.02)}.map-piece:hover img,.map-piece:focus-visible img{filter:drop-shadow(0 0 14px currentColor)}.map-piece:focus-visible{outline:none}.map-piece.tone-bayanihan{color:#e6b93a}.map-piece.tone-resonance{color:#46b96a}.map-piece.tone-eclipse{color:#cf4040}.map-piece.on{transform:translateY(-6px) scale(1.06);z-index:2}.map-piece.on img{filter:drop-shadow(0 0 22px currentColor)}.map-piece.dim{opacity:.62}.map-piece.dim:hover{opacity:1}.map-label{position:absolute;left:50%;top:50%;translate:-50% -50%;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#fff;font-weight:700;pointer-events:none;line-height:1;text-shadow:0 0 3px rgba(5,6,10,.95),0 1px 6px rgba(5,6,10,.9),0 0 14px rgba(5,6,10,.8);opacity:.82;transition:opacity .25s}.map-piece:hover .map-label,.map-piece.on .map-label{opacity:1}.map-panel{min-width:0}.map-info{--lit: var(--gold);position:relative;display:flex;flex-direction:column;gap:18px;padding:24px 26px 26px;border:1px solid rgba(255,255,255,.08);border-left:2px solid var(--lit);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 55%);animation:panelIn .4s cubic-bezier(.3,.9,.3,1)}@keyframes panelIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.map-info.tone-bayanihan{--lit: #e6b93a}.map-info.tone-resonance{--lit: #46b96a}.map-info.tone-eclipse{--lit: #cf4040}.map-close{position:absolute;top:14px;right:16px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:none;color:var(--silver-dim);font-size:17px;line-height:1;cursor:pointer}.map-close:hover{color:var(--lit);border-color:var(--lit)}.mi-head{display:flex;flex-direction:column;gap:6px}.mi-region{margin:0;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--lit)}.mi-deck{margin:0;font-family:Cormorant Garamond,ui-serif,Georgia,serif;font-size:clamp(28px,3.4vw,40px);font-weight:600;line-height:1;color:var(--silver)}.mi-blurb{margin:2px 0 0;max-width:54ch;font-size:14.5px;line-height:1.6;color:var(--silver-dim)}.mi-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px 22px}.mi-fact h4{margin:0 0 4px;font-size:12.5px;letter-spacing:.04em;color:var(--lit)}.mi-fact p{margin:0;font-size:13.5px;line-height:1.55;color:#d8dde6c2}.mi-foot{display:flex;align-items:center;gap:14px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}.mi-card{width:54px;height:auto;border-radius:4px;box-shadow:0 4px 14px #0009}.mi-cap{display:flex;flex-direction:column;gap:2px}.mi-cap-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#d8dde666}.mi-cap-name{font-size:13.5px;color:var(--silver)}@media(max-width:860px){#islands.picked .map-layout{grid-template-columns:1fr}.map-stage,#islands.picked .map-stage{max-width:320px}}@media(prefers-reduced-motion:reduce){.map-layout,.map-stage,.map-piece,.map-piece img{transition:none}.map-info{animation:none}}.demo-frame{position:relative;margin-top:clamp(28px,4vw,44px);border:1px solid rgba(255,255,255,.09);border-radius:12px;overflow:hidden;background:#05060a;aspect-ratio:16 / 10}.demo-poster{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;border:none;color:var(--silver);background:radial-gradient(60% 60% at 50% 45%,rgba(94,78,168,.28),transparent 70%),linear-gradient(180deg,var(--ink-2),var(--ink));transition:background .25s}.demo-poster:hover{background:radial-gradient(60% 60% at 50% 45%,rgba(94,78,168,.42),transparent 70%),linear-gradient(180deg,var(--ink-2),var(--ink))}.demo-play{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);font-size:20px;padding-left:4px}.demo-label{font-size:15px;letter-spacing:.06em}.demo-note{font-size:12px;color:var(--silver-dim)}.demo-embed{width:100%;height:100%;border:none;display:block;pointer-events:none}.demo-frame.pending .demo-poster{cursor:default}.demo-frame.pending .demo-poster:hover{background:radial-gradient(60% 60% at 50% 45%,rgba(94,78,168,.28),transparent 70%),linear-gradient(180deg,var(--ink-2),var(--ink))}.demo-frame.pending .demo-play{opacity:.45}.site-foot{padding:36px clamp(18px,4vw,48px) 48px;border-top:1px solid rgba(255,255,255,.06);text-align:center;background:var(--ink)}.site-foot p{margin:0}.site-foot p:first-child{font-family:Cormorant Garamond,ui-serif,Georgia,serif;font-size:18px;color:var(--silver)}.btn.small{padding:7px 14px;font-size:11.5px}.btn.big{padding:15px 30px;font-size:14px}.cta.centred{justify-content:center;margin-top:26px}@media(prefers-reduced-motion:reduce){.island{transition:none}.island:hover{transform:none}}