.hh-page{--wine:#32152f;--plum:#5b2b5d;--rose:#bb779b;--gold:#dfbc67;--paper:#fbf2df;color:#fff;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#1b1022;min-height:100vh}.hh-nav{z-index:10;background:#170d20b8;border-bottom:1px solid #fff2;justify-content:space-between;align-items:center;width:100%;padding:1.3rem 4vw;display:flex;position:absolute;top:0}.hh-brand{letter-spacing:.08em;align-items:center;gap:.8rem;font-family:Cinzel;font-size:.75rem;display:flex}.hh-brand span{border:1px solid var(--gold);width:2.7rem;height:2.7rem;color:var(--gold);border-radius:50%;place-items:center;font-size:.65rem;display:grid}.hh-nav>div{text-transform:uppercase;letter-spacing:.13em;gap:1.8rem;font-size:.61rem;display:flex}.hh-nav a:hover{color:var(--gold)}.hh-hero{text-align:center;background:linear-gradient(#170d206e,#170d20d9),url(/mci-opening.png) 50%/cover;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.hh-glow{background:radial-gradient(circle at 50% 45%,#ffeab53b,#0000 32%),linear-gradient(#0000 58%,#1b1022);position:absolute;inset:0}.hh-hero-copy{z-index:2;max-width:900px;padding:8rem 1.5rem 5rem;position:relative}.hh-hero-copy>p:first-child,.hh-kicker{text-transform:uppercase;letter-spacing:.23em;color:var(--gold);font-size:.64rem;font-weight:600}.development-label{color:#f1d991;text-transform:uppercase;letter-spacing:.16em;background:#28152dda;border:1px solid #dfbc6777;margin:1rem 0;padding:.5rem .8rem;font-size:.58rem;display:inline-block}.hh-hero h1{margin:1rem 0;font:500 clamp(4rem,9vw,8rem)/.78 Cormorant Garamond}.hh-hero h1 em{color:#e7cbee}.hh-hero blockquote{color:#f3df9f;margin:2rem;font:italic 1.5rem Cormorant Garamond}.hh-lead{color:#f4ebf3;max-width:740px;margin:0 auto 2.4rem;line-height:1.8}.hh-hero-copy>a{border:1px solid var(--gold);color:var(--gold);text-transform:uppercase;letter-spacing:.14em;padding:1rem 1.2rem;font-size:.65rem;display:inline-block}.hh-hero-copy>a b{margin-left:.7rem}.hh-prologue{background:var(--paper);color:#39213e;padding:8rem 8vw}.hh-prologue h2,.citizen-heading h2,.updates h2{margin:1rem 0 2.5rem;font:500 clamp(3rem,6vw,5.6rem)/.95 Cormorant Garamond}.hh-prologue h2 em{color:#815879}.hh-columns{grid-template-columns:1fr 1fr;gap:5vw;max-width:1100px;display:grid}.hh-columns p{margin:0;font:500 1.25rem/1.8 Cormorant Garamond}.hh-prologue aside{border-left:3px solid var(--gold);background:#f2e3c7;max-width:1100px;margin-top:3rem;padding:1.3rem 1.5rem;font-size:.8rem;line-height:1.7}.hh-prologue aside strong{color:#7d4f1c;font-family:Cinzel}.citizen-section{background:linear-gradient(150deg,#25122c,#130b19);padding:8rem 5vw}.citizen-heading{text-align:center;max-width:820px;margin:0 auto 4rem}.citizen-heading p:last-child{color:#d6c9d7;line-height:1.8}.citizen-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;max-width:1200px;margin:auto;display:grid}.citizen-card{color:#fff;text-align:left;background:#2c1935;border:1px solid #dfbc6733;padding:0 0 1.5rem;transition:all .35s;overflow:hidden}.citizen-card:hover{border-color:var(--gold);transform:translateY(-7px);box-shadow:0 20px 50px #0008}.citizen-portrait{aspect-ratio:1;background:radial-gradient(circle at 50% 38%,#68487b,#1a0d20 72%);place-items:center;width:100%;padding:.7rem;display:grid;overflow:hidden}.citizen-card img{object-fit:contain;object-position:center;width:100%;height:100%;margin:auto;transition:all .6s;display:block}.citizen-card:hover img{transform:scale(1.01)}.citizen-card>h3,.citizen-card>p{margin-left:1.25rem;margin-right:1.25rem;display:block}.citizen-card h3{margin-top:1.15rem;margin-bottom:.35rem;font:600 clamp(1.45rem,2vw,1.8rem) Cormorant Garamond}.citizen-card p{color:#d9cedc;margin-top:0;margin-bottom:0;font-size:.72rem;line-height:1.55}.pals-section{color:#fff;background:linear-gradient(145deg,#3a2147,#1a0d22);padding:8rem 5vw}.pals-section .pals-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pals-section .citizen-card{background:#24142d}.media-roadmap{color:#39213e;background:#f2e4cb;grid-template-columns:repeat(3,1fr);gap:1.2rem;padding:1.2rem;display:grid}.media-roadmap article{background:#fff9ee;border:1px solid #b8733337;padding:4rem 3rem}.media-roadmap article>span{color:#a96c37;font:500 2.7rem Cormorant Garamond}.media-roadmap article>p{text-transform:uppercase;letter-spacing:.15em;color:#815879;font-size:.58rem}.media-roadmap h3{margin:.8rem 0;font:600 2.2rem Cormorant Garamond}.media-roadmap small{color:#68576b;line-height:1.75}.updates{background:radial-gradient(circle at 15% 35%,#70417255,#0000 30%),#1b1022;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:8rem 8vw;display:grid}.updates>div>p:last-child{color:#d9cdda;line-height:1.8}.updates form{color:#39213e;background:#f9f0df;padding:2.6rem}.updates form>label:not(.consent){text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.2rem;font-size:.61rem;font-weight:600;display:block}.updates label small{opacity:.55}.updates input[type=text],.updates input[type=email],.updates form>label:not(.consent) input{color:#39213e;width:100%;font:inherit;background:#fffaf2;border:1px solid #8a6b863d;margin-top:.5rem;padding:.9rem;display:block}.updates fieldset{border:0;margin:1.7rem 0;padding:0}.updates legend{text-transform:uppercase;letter-spacing:.1em;margin-bottom:.7rem;font-size:.61rem;font-weight:600}.updates fieldset label{padding:.55rem 0;font-size:.78rem;display:block}.updates input[type=checkbox]{accent-color:#6b3568;margin-right:.55rem}.consent{color:#68576b;align-items:flex-start;font-size:.69rem;line-height:1.6;display:flex}.consent input{margin-top:.2rem}.updates form button{color:#f3d983;text-transform:uppercase;letter-spacing:.13em;cursor:pointer;background:#3b1c40;border:0;margin-top:1.6rem;padding:1rem 1.2rem;font-size:.64rem}.updates form button:disabled{opacity:.6}.form-status{min-height:1.5rem;font-size:.75rem}.form-status.success{color:#366642}.form-status.error{color:#9b3030}.hh-footer{color:#d8cddd;background:#100817;justify-content:space-between;padding:2.7rem 5vw;font-size:.68rem;display:flex}.hh-footer a{color:var(--gold)}@media (width<=900px){.hh-nav>div{display:none}.hh-columns,.updates{grid-template-columns:1fr}.citizen-grid,.media-roadmap,.pals-section .pals-grid{grid-template-columns:1fr 1fr}.updates{gap:2rem}}@media (width<=700px){.citizen-grid,.media-roadmap,.pals-section .pals-grid{grid-template-columns:1fr}.hh-nav{padding:.75rem}.hh-prologue,.citizen-section,.pals-section,.updates{padding:4rem 1rem}.updates form{padding:1.5rem}.hh-footer{flex-direction:column;gap:1rem}.hh-hero-copy{width:100%;max-width:100%;padding:6rem 1rem 3.5rem}.hh-hero-copy>p:first-child{letter-spacing:.11em;font-size:.52rem;line-height:1.5}.development-label{letter-spacing:.08em;max-width:100%;padding:.45rem .55rem;font-size:.5rem;line-height:1.45}.hh-hero h1{margin:.8rem 0 .35rem;font-size:3.15rem;line-height:.88}.series-subtitle{font-size:2rem;line-height:1.02}.hh-hero blockquote{margin:1.4rem .25rem;font-size:1.22rem;line-height:1.25}.hh-lead{margin-bottom:1.5rem;font-size:.9rem;line-height:1.65}.hh-hero-copy>a{letter-spacing:.08em;padding:.8rem .7rem;font-size:.55rem;line-height:1.4}}@media (prefers-reduced-motion:reduce){.citizen-card,.citizen-card img{transition:none}}.hh-hero h1{margin-bottom:.35rem}.series-subtitle{color:#e7cbee;margin:0;font:italic 500 clamp(2rem,4.5vw,4.4rem)/1 Cormorant Garamond}.hh-page{width:100%;max-width:100%;overflow-x:hidden}.hh-columns>*,.citizen-grid>*,.media-roadmap>*,.updates>*{min-width:0}.hh-page img{max-width:100%}@media (width<=620px){.hh-brand{max-width:calc(100vw - 2rem)}.hh-brand strong{min-width:0}.updates form,.media-roadmap article{max-width:100%}.updates input[type=text],.updates input[type=email]{min-width:0}}.hh-hero{background:linear-gradient(#12091a33,#12091aa8),url(/poiema-divine-workshop-key-hero.png) 50%/cover}.hh-glow{background:radial-gradient(circle at 50% 42%,#70529120,#0000 34%),linear-gradient(#0000 54%,#1b1022)}.crew-ensemble{background:#130b19;border:1px solid #dfbc6766;width:min(1500px,100%);margin:0 auto 3rem;position:relative;overflow:hidden;box-shadow:0 28px 80px #0009}.crew-ensemble:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 7px #1b102299,inset 0 0 55px #12081777}.crew-ensemble img{width:100%;height:auto;display:block}.citizen-portrait{aspect-ratio:1;padding:.7rem}.citizen-card img{object-fit:contain;object-position:center;width:auto;max-width:78%;height:78%;max-height:78%}.citizen-card.foggernaut img{width:100%;max-width:100%;height:100%;max-height:100%}.crew-ensemble{border:7px ridge #b87333;box-shadow:0 0 0 2px #f0ce74aa,0 28px 80px #0009}.crew-ensemble:before{content:"";pointer-events:none;z-index:2;border:1px solid #e1b95f88;position:absolute;inset:.55rem}.hh-brand span{position:relative;overflow:hidden}.citizen-section,.updates{background-image:linear-gradient(135deg,#160a22e8,#2d1738dc),url(/gods-hand-nebula-compass-hero.png);background-position:50%;background-size:cover}@media (width<=620px){.citizen-portrait{padding:.55rem}.citizen-card img{width:auto;max-width:76%;height:76%;max-height:76%}.citizen-card.foggernaut img{width:100%;max-width:100%;height:100%;max-height:100%}.citizen-card h3{font-size:clamp(2rem,10vw,3.2rem);line-height:1}.citizen-card p{font-size:clamp(.9rem,4.5vw,1.15rem);line-height:1.55}}.citizen-card.frostwright img{width:auto;max-width:74%;height:74%;max-height:74%}.citizen-card.full-picture img{object-fit:contain;object-position:center;transform:none}.citizen-card.full-picture:hover img{transform:none}