.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(32px)}.reveal.visible{opacity:1;transform:translateY(0)}.section-divider{opacity:0;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:480px;max-width:80%;height:1px;margin:36px 0 32px;animation:1s 1.6s forwards fadeIn}.ambient{pointer-events:none;z-index:0;background:radial-gradient(at 50% 30%,#f5d78e03 0%,#0000 60%);width:100%;height:100%;position:fixed;top:0;left:0}.mouse-light{pointer-events:none;z-index:1;background:radial-gradient(circle,#f5d78e05 0%,#0000 70%);border-radius:50%;width:500px;height:500px;transition:left .5s ease-out,top .5s ease-out;position:fixed;transform:translate(-50%,-50%)}.totem-field{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.totem-ghost{opacity:0;animation:2s forwards totemFadeIn;position:absolute}.totem-ghost svg{width:100%;height:100%}.totem-ghost.dn svg{filter:drop-shadow(0 0 20px #f5b74d1f)}.totem-ghost.ds svg{filter:drop-shadow(0 0 20px #4dd0e11f)}.totem-ghost.fn svg{filter:drop-shadow(0 0 20px #ba68c81f)}.totem-ghost.fs svg{filter:drop-shadow(0 0 20px #81c7841f)}@keyframes totemFadeIn{0%{opacity:0}to{opacity:var(--ghost-opacity,.06)}}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-section{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:100vh;padding:0 24px;display:flex;position:relative}.gold-line{background:linear-gradient(90deg, transparent, var(--prism-gold), transparent);opacity:0;width:80px;height:1px;margin-bottom:28px;animation:1s .3s forwards fadeIn}.hero-title{letter-spacing:.6em;color:var(--prism-gold);text-shadow:0 0 40px var(--gold-glow);text-indent:.6em;margin-bottom:12px;font-family:Cinzel,serif;font-size:3rem;font-weight:700;animation:4s ease-in-out infinite breathe,1s .5s both fadeIn}.hero-subtitle{letter-spacing:.22em;color:var(--prism-muted);opacity:0;margin-bottom:8px;font-family:Noto Serif SC,serif;font-size:.85rem;font-weight:600;animation:1s .8s forwards fadeIn}.hero-slogan{color:#8a8f9e8c;letter-spacing:.05em;opacity:0;margin-bottom:28px;font-family:Noto Serif SC,serif;font-size:.85rem;font-style:italic;font-weight:400;animation:1s 1s forwards fadeIn}.cta-button{color:var(--prism-gold);letter-spacing:.18em;cursor:pointer;opacity:0;background:0 0;border:1px solid #f5d78e40;border-radius:6px;padding:12px 48px;font-family:Noto Serif SC,serif;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);animation:1s 1.2s forwards fadeIn;display:inline-block;position:relative;overflow:hidden}.cta-button:before{content:"";opacity:0;background:#f5d78e0a;transition:opacity .4s;position:absolute;inset:0}.cta-button:hover{border-color:#f5d78e80;transform:translateY(-2px);box-shadow:0 0 40px #f5d78e0f,0 0 80px #f5d78e08}.cta-button:hover:before{opacity:1}.cta-button:active{background:#f5d78e14;transition-duration:.1s;transform:translateY(0)}.cta-note{color:#8a8f9e40;letter-spacing:.08em;opacity:0;margin-top:10px;font-size:.65rem;animation:1s 1.4s forwards fadeIn}.tribes-label{letter-spacing:.4em;color:#ffffff2e;text-transform:uppercase;text-indent:.4em;opacity:0;margin-bottom:20px;font-family:Cinzel,serif;font-size:.65rem;font-weight:600;animation:1s 1.8s forwards fadeIn}.tribes-row{opacity:0;grid-template-columns:repeat(4,1fr);gap:14px;width:100%;max-width:860px;animation:1s 2s forwards fadeIn;display:grid}.tribe-card{border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px 18px 18px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:relative;overflow:hidden}.tribe-card:before{content:"";opacity:.5;background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;position:absolute;top:0;left:0;right:0}.tribe-card:hover{transform:translateY(-2px)}.tribe-header{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.tribe-name{letter-spacing:.08em;font-family:Noto Serif SC,serif;font-size:1rem;font-weight:700}.tribe-dim{letter-spacing:.15em;color:#ffffff2e;font-family:Cinzel,serif;font-size:.58rem;font-weight:600}.tribe-desc{color:#f5f0e652;margin-bottom:12px;font-family:Noto Serif SC,serif;font-size:.72rem;font-weight:400;line-height:1.7}.tribe-badges{flex-wrap:wrap;gap:4px;display:flex}.tribe-badge{letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-family:Noto Serif SC,serif;font-size:.62rem;font-weight:600}.tribe-dn{background:linear-gradient(160deg,#f5b74d14,#d4891a04);border:1px solid #f5b74d1f}.tribe-dn:hover{box-shadow:0 0 24px #f5b74d0f}.tribe-dn .tribe-name{color:var(--tribe-dn);text-shadow:0 0 20px #f5b74d33}.tribe-dn .tribe-badge{color:#f5b74db3;background:#f5b74d1a;border:1px solid #f5b74d1a}.tribe-ds{background:linear-gradient(160deg,#4dd0e114,#00838f04);border:1px solid #4dd0e11f}.tribe-ds:hover{box-shadow:0 0 24px #4dd0e10f}.tribe-ds .tribe-name{color:var(--tribe-ds);text-shadow:0 0 20px #4dd0e133}.tribe-ds .tribe-badge{color:#4dd0e1b3;background:#4dd0e11a;border:1px solid #4dd0e11a}.tribe-fn{background:linear-gradient(160deg,#ba68c814,#7b1fa204);border:1px solid #ba68c81f}.tribe-fn:hover{box-shadow:0 0 24px #ba68c80f}.tribe-fn .tribe-name{color:var(--tribe-fn);text-shadow:0 0 20px #ba68c833}.tribe-fn .tribe-badge{color:#ba68c8b3;background:#ba68c81a;border:1px solid #ba68c81a}.tribe-fs{background:linear-gradient(160deg,#81c78414,#388e3c04);border:1px solid #81c7841f}.tribe-fs:hover{box-shadow:0 0 24px #81c7840f}.tribe-fs .tribe-name{color:var(--tribe-fs);text-shadow:0 0 20px #81c78433}.tribe-fs .tribe-badge{color:#81c784b3;background:#81c7841a;border:1px solid #81c7841a}.site-footer{z-index:2;text-align:center;color:#8a8f9e26;letter-spacing:.05em;padding:20px 24px;font-size:.6rem;position:relative}@keyframes breathe{0%,to{opacity:.85;text-shadow:0 0 40px var(--gold-glow)}50%{opacity:1;text-shadow:0 0 60px #f5d78e73,0 0 100px #f5d78e14}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-title{letter-spacing:.4em;text-indent:.4em;font-size:2.2rem}.tribes-row{grid-template-columns:1fr 1fr;gap:10px}.tribe-card{padding:14px 12px 12px}.tribe-desc{display:none}.section-divider{margin:28px 0 24px}.totem-field{display:none}}@media (max-width:480px){.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.78rem}.hero-slogan{margin-bottom:20px;font-size:.78rem}.cta-button{padding:10px 36px;font-size:.82rem}.tribes-row{grid-template-columns:1fr 1fr;gap:8px}.tribe-name{font-size:.88rem}}