/* CROWMARK — THE CROWMARK ORDER */
:root{
  --bg:#090a0e;--bg-alt:#101116;--surface:#16171d;--surface-2:#1d1c21;
  --line:#393229;--line-soft:rgba(207,166,91,.16);
  --gold:#e0b86c;--gold-dark:#a5793e;--gold-bright:#f7dca0;
  --cream:#f5ede0;--text:#d7d2cb;--muted:#9f9a9a;--crimson:#972135;
  --serif:Georgia,'Times New Roman',serif;--sans:Inter,'Segoe UI',Arial,sans-serif;
  --width:1160px;--ease:cubic-bezier(.21,.75,.32,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:112px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.65;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 65% 47% at 50% -10%,rgba(93,67,56,.14),transparent 78%)}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:4px}
button{font:inherit}
img{max-width:100%;display:block}
[hidden]{display:none!important}
.container{width:min(var(--width),calc(100% - 48px));margin-inline:auto}
.skip-link{position:fixed;top:-100px;left:14px;z-index:5000;background:var(--gold);color:#111;padding:10px 18px;border-radius:8px;font-weight:700}
.skip-link:focus{top:12px}
/* REPLAYABLE INTRO */
.opening{position:fixed;inset:0;z-index:3000;background:#07070b;display:grid;place-items:center;isolation:isolate;transition:opacity .65s ease,visibility .65s ease}
.opening--done{opacity:0;visibility:hidden;pointer-events:none}
.opening::before,.opening::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.opening::before{background:radial-gradient(circle at 50% 48%,rgba(153,94,25,.18),transparent 33%),radial-gradient(circle at 50% 50%,rgba(35,31,43,.65),transparent 63%)}
.opening::after{background:linear-gradient(90deg,transparent 0%,rgba(208,148,61,.07) 50%,transparent 100%);transform:scaleX(.6);animation:intro-beam 2.8s ease-out both}
.opening__inner{text-align:center;padding:30px;position:relative}
.opening__emblem{width:clamp(190px,28vw,305px);height:auto;margin:0 auto 8px;filter:drop-shadow(0 0 30px rgba(223,166,78,.26));animation:intro-emblem 2.8s var(--ease) both}
.opening__eyebrow{font-size:11px;letter-spacing:.44em;color:var(--gold);font-weight:650;animation:intro-copy 1.6s .45s both}
.opening__rule{width:140px;height:1px;margin:18px auto;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:intro-copy 1.6s .6s both}
.opening__name{margin:0;font:normal clamp(25px,4vw,44px)/1.2 var(--serif);letter-spacing:.24em;color:var(--cream);animation:intro-copy 1.5s .6s both}
.opening__skip{position:absolute;right:clamp(20px,4vw,60px);bottom:40px;border:1px solid rgba(209,179,122,.35);border-radius:99px;padding:10px 18px;background:rgba(18,17,20,.8);color:var(--gold-bright);font-size:12px;letter-spacing:.08em;cursor:pointer;transition:background .2s}
.opening__skip:hover{background:#33291d}
.opening__feather{position:absolute;color:rgba(224,184,108,.35);font-size:27px;animation:drift 6s linear infinite;pointer-events:none}
.opening__feather--one{left:18%;top:9%}.opening__feather--two{right:16%;top:26%;animation-delay:-3s}.opening__feather--three{left:68%;bottom:12%;animation-delay:-5s}
@keyframes intro-emblem{0%{opacity:0;filter:blur(10px) drop-shadow(0 0 0 transparent);transform:scale(.75)}45%{opacity:1;filter:blur(0) drop-shadow(0 0 34px rgba(219,166,76,.22));transform:scale(1.03)}100%{opacity:1;transform:scale(1)}}
@keyframes intro-copy{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:translateY(0)}}
@keyframes intro-beam{0%{opacity:0;transform:scaleX(.1)}50%{opacity:1}100%{opacity:0;transform:scaleX(1)}}
@keyframes drift{from{transform:translate3d(-16px,-20px,0) rotate(-25deg);opacity:0}25%{opacity:.4}75%{opacity:.15}to{transform:translate3d(54px,180px,0) rotate(55deg);opacity:0}}
/* NAV */
.site-header{position:fixed;z-index:1000;left:0;right:0;top:18px;padding:0 24px;transition:top .3s ease}
.nav{height:69px;width:min(1340px,100%);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:22px;border:1px solid rgba(218,178,106,.27);border-radius:13px;background:rgba(12,12,17,.78);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 18px 64px rgba(0,0,0,.32);padding:0 22px;transition:height .3s,background .3s,border-color .3s}
.site-header--scrolled{top:9px}.site-header--scrolled .nav{height:61px;background:rgba(11,11,15,.94);border-color:rgba(224,184,108,.39)}
.brand,.footer__brand{display:flex;align-items:center;gap:7px;white-space:nowrap}
.brand img{width:43px;height:43px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(208,156,57,.2))}
.brand span,.footer__brand span{font:normal 19px/1 var(--serif);letter-spacing:.08em;color:var(--gold-bright)}
.nav__links{display:flex;align-items:center;gap:27px;margin:auto}
.nav__link{color:#bbb8b3;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:750;padding:10px 0;position:relative;transition:color .25s}
.nav__link::after{content:"";position:absolute;left:50%;bottom:1px;width:0;height:2px;background:var(--gold);box-shadow:0 0 9px var(--gold);transform:translateX(-50%);transition:width .28s}
.nav__link:hover,.nav__link.is-active{color:var(--cream)}
.nav__link:hover::after,.nav__link.is-active::after{width:100%}
.nav__end,.nav__socials{display:flex;align-items:center;gap:14px}.nav__socials a{color:var(--gold);width:19px;height:24px;display:grid;place-items:center;transition:transform .2s,color .2s}.nav__socials a:hover{color:var(--gold-bright);transform:translateY(-2px)}.nav__socials svg{width:19px;height:19px}.x-mark{font-size:18px}.facebook-mark{font-size:19px;font-weight:800;font-family:Arial,sans-serif}
.nav__cta{background:linear-gradient(135deg,#dfb76a,#ae7b3b);color:#14100a;padding:9px 13px;border-radius:5px;font-size:10px;white-space:nowrap;font-weight:800;letter-spacing:.04em;transition:transform .2s,filter .2s}.nav__cta:hover{transform:translateY(-1px);filter:brightness(1.15)}
.menu-toggle{border:0;background:none;display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:38px;height:38px;cursor:pointer}.menu-toggle span{width:22px;height:1.5px;border-radius:2px;background:var(--gold);transition:transform .2s,opacity .2s}.menu-toggle--open span:first-child{transform:translateY(6.5px) rotate(45deg)}.menu-toggle--open span:nth-child(2){opacity:0}.menu-toggle--open span:last-child{transform:translateY(-6.5px) rotate(-45deg)}
.mobile-menu{position:absolute;top:calc(100% + 8px);right:24px;left:24px;max-width:520px;margin-left:auto;background:#101015f5;border:1px solid rgba(219,178,108,.35);border-radius:12px;padding:14px 22px 22px;box-shadow:0 20px 80px #000b;backdrop-filter:blur(20px)}.mobile-menu>a{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:12px;padding:12px 0;border-bottom:1px solid #ffffff13}.mobile-menu>a:hover{color:var(--gold)}.mobile-menu__social{display:flex;gap:16px;flex-wrap:wrap;padding-top:17px;font-size:12px;color:var(--gold)}
/* HERO */
.hero{position:relative;min-height:850px;min-height:100svh;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;isolation:isolate;background:#0d0c12}
.hero__art,.hero__haze{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero__art{height:78%;overflow:hidden;top:0}
.hero__art img{height:100%;width:100%;object-fit:cover;object-position:center 31%;filter:saturate(.94) contrast(1.04) brightness(.77);animation:hero-slow 18s ease-in-out infinite alternate}
.hero__haze{background:linear-gradient(180deg,rgba(5,6,10,.48) 0%,rgba(7,8,11,.18) 23%,rgba(7,8,11,.26) 37%,rgba(8,8,12,.86) 67%,#0b0b0f 95%),radial-gradient(ellipse 42% 28% at 50% 55%,rgba(2,2,5,.6),transparent 100%),linear-gradient(90deg,rgba(0,0,0,.14),transparent 70%)}
.hero__content{padding:clamp(310px,43vh,500px) 0 56px;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2}
.hero__ornament{display:flex;align-items:center;gap:12px;color:var(--gold);margin-bottom:14px}.ornament-line{display:block;width:63px;height:1px;background:linear-gradient(90deg,transparent,rgba(245,205,135,.67))}.ornament-line:last-child{transform:rotate(180deg)}.star-icon{color:var(--gold);font-size:18px}
.eyebrow{text-transform:uppercase;letter-spacing:.42em;color:var(--gold);font-size:10px;font-weight:700}
.hero__content .eyebrow{margin:0 0 5px}
.hero__title{margin:0 0 0;color:#f9eee0;font:normal clamp(62px,10vw,136px)/1.04 var(--serif);letter-spacing:.085em;text-shadow:0 8px 48px rgba(0,0,0,.8),0 0 42px rgba(213,154,77,.2)}
.hero__motto{font:italic clamp(25px,3.45vw,49px)/1.17 var(--serif);color:var(--gold-bright);margin:17px 0 12px;letter-spacing:.01em;text-shadow:0 3px 20px #000}.hero__motto em{color:var(--gold)}
.hero__description{font-size:15px;max-width:520px;line-height:1.8;color:#d3cec8;margin:9px auto 26px;text-shadow:0 3px 12px #000}
.hero__actions{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}
.button{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:12px 24px;font-size:11px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;border-radius:5px;transition:transform .24s var(--ease),box-shadow .24s,background .24s;white-space:nowrap}
.button:hover{transform:translateY(-3px)}.button--gold{color:#1b140b;background:linear-gradient(122deg,#f5d895 0%,#d6a55a 50%,#b98337 100%);border:1px solid #f2d99e;box-shadow:0 3px 17px rgba(209,146,65,.26),inset 0 1px rgba(255,247,208,.56)}.button--gold:hover{box-shadow:0 7px 24px rgba(209,146,65,.42)}.button--outline{color:#f7e6c6;background:rgba(8,8,12,.66);border:1px solid #d9aa60;box-shadow:inset 0 0 18px rgba(205,149,70,.035)}.button--outline:hover{background:rgba(58,42,29,.54)}.button__icon{font-size:17px;line-height:0}
.hero__scroll{display:flex;flex-direction:column;gap:0;align-items:center;margin-top:29px;color:#ba9e73;letter-spacing:.23em;font-size:9px}.hero__chevron{font-size:34px;line-height:1.2;animation:bob 2s ease-in-out infinite}
.hero__bottom-line{position:absolute;bottom:0;width:80%;height:1px;left:10%;background:linear-gradient(90deg,transparent,rgba(220,177,99,.36),transparent)}
@keyframes hero-slow{from{transform:scale(1)}to{transform:scale(1.035)}}@keyframes bob{50%{transform:translateY(6px)}}
/* SECTIONS */
.section{position:relative;padding:108px 0 112px;scroll-margin-top:96px}.section::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(204,158,79,.2),transparent)}
.section-heading{text-align:center;margin:0 auto 45px;max-width:780px}.section-heading__eyebrow{display:flex;align-items:center;gap:14px;justify-content:center;text-transform:uppercase;letter-spacing:.29em;color:var(--gold);font-size:10px;font-weight:750}.eyebrow-line{width:26px;height:1px;background:var(--gold-dark)}
.section-heading h2,.join h2{font:normal clamp(37px,5vw,62px)/1.15 var(--serif);letter-spacing:.025em;color:var(--cream);margin:12px 0 12px}.section-heading h2 em,.join h2 em{color:var(--gold);font-style:normal}.section-heading p{font-size:14px;color:#ada9a7;margin:0;line-height:1.7}
.about{background:radial-gradient(ellipse 35% 36% at 0% 0%,rgba(87,63,46,.13),transparent),#0c0d12}
.about__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.about-card{position:relative;background:linear-gradient(155deg,rgba(35,34,36,.94),rgba(15,16,21,.96));border:1px solid var(--line-soft);border-radius:9px;padding:34px 30px 33px;overflow:hidden;min-height:405px}
.about-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dark),transparent);opacity:.42}
.about-card__icon{color:var(--gold);font:italic 35px/1 var(--serif);margin-bottom:21px}.about-card__index{color:var(--gold-dark);font-size:10px;font-weight:750;letter-spacing:.2em;margin:0 0 7px}.about-card h3{font:normal 28px/1.2 var(--serif);color:#f0e7d7;margin:0 0 20px}.about-card p:not(.about-card__index){color:#bcb5b0;font-size:12.6px;line-height:1.72;margin:0 0 13px}.about-card p:last-child{margin-bottom:0}
.about__closing{margin:50px auto 0;display:flex;justify-content:center;align-items:center;gap:15px;text-align:center}.about__closing p{font:italic 25px/1.3 var(--serif);color:var(--cream);margin:0}.about__closing p span{color:var(--gold)}
/* SHOWCASE — original branding stays in its original colors. */
.allies{background:radial-gradient(ellipse at 50% 35%,rgba(111,79,52,.07),transparent 65%),#0b0c10}
.allies__grid,.nft__grid,.games__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ally-tile,.nft-tile{position:relative;min-width:0;background:linear-gradient(145deg,#19191e,#101116 75%);border:1px solid rgba(193,153,90,.25);border-radius:10px;overflow:hidden;transition:border-color .25s,box-shadow .25s}
.ally-tile::before,.nft-tile::before{content:"";position:absolute;inset:7px;border:1px solid rgba(217,168,83,.065);pointer-events:none;border-radius:5px}
.ally-tile__index,.nft-tile__index{position:absolute;top:20px;left:23px;color:#a99a82;letter-spacing:.16em;font-size:10px;z-index:1}
.ally-tile__middle,.nft-tile__middle{height:203px;padding:42px 38px 23px;display:flex;align-items:center;justify-content:center}
.ally-tile__logo,.nft-tile__logo{width:100%;height:100%;max-width:250px;object-fit:contain}
.ally-tile__caption,.nft-tile__caption{position:relative;text-align:center;padding:21px 18px 25px}
.ally-tile__caption::before,.nft-tile__caption::before{content:"";position:absolute;top:0;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,rgba(224,184,108,.3),transparent)}
.ally-tile__name,.nft-tile__name{font:500 22px/1.25 var(--sans);letter-spacing:.015em;color:var(--cream);margin:0 0 6px;overflow-wrap:anywhere}
.ally-tile__foot,.nft-tile__foot{display:block;font-size:10px;line-height:1.5;letter-spacing:.15em;color:#b1a28f}
.gallery-note{color:#a49a90;font-size:11px;text-align:center;line-height:1.8;max-width:650px;margin:28px auto 0}
.asset-pending{font-size:11px;letter-spacing:.08em;text-align:center;color:#aa9f93;padding:15px 12px;border-top:1px solid rgba(224,184,108,.13);border-bottom:1px solid rgba(224,184,108,.13)}
.nft{background:radial-gradient(ellipse 65% 35% at 50% 0%,rgba(111,79,52,.1),transparent),#0f1015}
.nft-tile{background:linear-gradient(145deg,#1c1a20,#121217)}
.nft-tile__middle{height:225px;padding:42px 42px 25px}
.nft-tile__name{font:normal 29px/1.25 var(--serif);letter-spacing:.035em}
.nft-tile__foot{letter-spacing:.07em;text-transform:none}
.games{background:#0b0b10}
.game-card{position:relative;min-width:0;overflow:hidden;border-radius:10px;border:1px solid rgba(216,168,91,.22);background:#15151b;transition:border-color .25s,box-shadow .25s}
.game-card__art{position:relative;aspect-ratio:16/10;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1e2028,#12141b)}
.game-card__image{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.game-card__overlay{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:85px;padding:19px 22px;border-top:1px solid rgba(216,168,91,.16);background:linear-gradient(120deg,#1c1b20,#131419)}
.game-card__number{flex-shrink:0;font-size:9px;letter-spacing:.12em;color:#aa9679}
.game-card__name{font:normal 25px/1.2 var(--serif);color:var(--cream);margin:0}
.game-card__subtitle{font-size:10px;line-height:1.5;color:#b2a99d;margin:5px 0 0}
@media(hover:hover){
  .ally-tile:hover,.nft-tile:hover,.game-card:hover{border-color:rgba(224,184,108,.6);box-shadow:0 6px 28px rgba(0,0,0,.2),inset 0 0 22px rgba(214,161,68,.025)}
}
/* JOIN */
.join{position:relative;overflow:hidden;isolation:isolate;min-height:535px;display:grid;place-items:center;text-align:center;padding:84px 20px 94px;background:#121017;scroll-margin-top:90px}
.join__scenery{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,8,12,.87),rgba(8,9,13,.72) 40%,rgba(7,8,12,.88)),url('assets/moonlit-citadel.webp') center center / cover no-repeat;filter:saturate(.74)}
.join::before{content:"";position:absolute;inset:0;border-top:1px solid rgba(218,173,96,.42);border-bottom:1px solid rgba(218,173,96,.25);pointer-events:none}
.join__content{display:flex;align-items:center;flex-direction:column}
.join__emblem{width:95px;height:95px;object-fit:contain;filter:drop-shadow(0 0 27px rgba(218,153,64,.26));margin-bottom:10px}
.join .eyebrow{margin:4px 0 0}.join h2{font-size:clamp(50px,6vw,76px);margin:10px 0 8px}.join__content>p:not(.eyebrow){max-width:520px;margin:4px auto 26px;color:#d1c9c3;font-size:14px;line-height:1.8}.join__button{min-width:225px}
.join__socials{display:flex;gap:32px;justify-content:center;margin-top:29px}.join__socials a{color:#cfb486;font-size:11px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid rgba(221,167,86,.4);padding-bottom:5px}.join__socials a:hover{color:#ffe1aa}
/* FOOTER */
.footer{background:#08090c;padding:26px 0}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer__brand img{width:34px;height:34px}.footer__brand span{font-size:17px}.footer__inner p{font:italic 14px/1.4 var(--serif);color:#9a8c7b;margin:0}.footer__copyright{font-family:var(--sans)!important;font-size:11px!important;font-style:normal!important;letter-spacing:.04em}
/* SCROLL REVEAL */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .72s var(--ease),transform .72s var(--ease);transition-delay:var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(min-width:1600px){.hero{min-height:940px}.hero__content{padding-top:480px}.hero__art{height:80%}}
@media(max-width:1170px){.nav__links{gap:18px}.nav__cta{display:none}.brand span{font-size:17px}.nav{gap:14px}.about-card{padding:30px 23px}}
@media(max-width:900px){
  .site-header{padding:0 16px;top:12px}.nav{height:61px;padding:0 15px}.site-header--scrolled .nav{height:58px}.nav__links,.nav__socials,.nav__cta{display:none}.menu-toggle{display:flex}.nav__end{margin-left:auto}.brand span{font-size:17px}
  .section{padding:80px 0}.about__grid{grid-template-columns:1fr;max-width:660px;margin:auto;gap:15px}.about-card{min-height:0;padding:29px}.about-card__icon{margin-bottom:12px}.about-card h3{margin-bottom:12px}.about-card p:not(.about-card__index){font-size:13px}
  .hero__content{padding-top:330px}.hero__art{height:71%}.hero__title{font-size:clamp(56px,11vw,100px)}.hero__motto{font-size:clamp(25px,4.5vw,40px)}
}
@media(max-width:600px){
  .container{width:min(100% - 34px,var(--width))}.site-header{padding:0 12px}.brand img{width:36px;height:36px}.brand span{font-size:16px}
  .hero{min-height:790px;min-height:100svh;align-items:flex-end}.hero__art{height:67%;left:0;right:0;top:0}.hero__art img{width:100%;height:100%;object-fit:cover;object-position:27% center;filter:brightness(.73) saturate(.9)}
  .hero__haze{background:linear-gradient(180deg,rgba(7,8,10,.34),rgba(7,8,11,.23) 13%,rgba(7,8,11,.48) 30%,rgba(8,8,11,.87) 59%,#0a0a0d 94%),radial-gradient(ellipse 60% 40% at 50% 43%,rgba(1,1,3,.48),transparent)}
  .hero__content{padding-top:310px;padding-bottom:35px}.hero__title{font-size:clamp(43px,13vw,68px);letter-spacing:.055em;margin-top:3px}.hero__motto{font-size:clamp(26px,7vw,34px);margin-top:18px}.hero__description{font-size:13px;max-width:320px;line-height:1.75;margin:12px auto 23px}.hero__content .eyebrow{font-size:9px;letter-spacing:.3em}.hero__actions{width:100%;gap:10px;max-width:360px}.button{width:100%;font-size:11px;padding:12px 15px;min-height:48px}.hero__scroll{margin-top:19px}.hero__scroll span:first-child{font-size:8px}.hero__ornament{margin-bottom:11px}
  .section-heading{margin-bottom:30px}.section-heading__eyebrow{font-size:8px;letter-spacing:.2em;gap:8px}.eyebrow-line{width:18px}.section-heading h2{font-size:clamp(35px,10vw,49px)}.section-heading p{font-size:12.5px}.section{padding:70px 0 75px}
  .about__closing{margin-top:35px;gap:8px}.about__closing p{font-size:18px}.about__closing .star-icon{font-size:12px}
  .join{min-height:490px;padding:75px 10px}.join__emblem{width:75px;height:75px}.join h2{font-size:clamp(45px,11vw,64px)}.join__content>p:not(.eyebrow){font-size:12px;max-width:330px}.join__button{width:100%;max-width:260px}.join__socials{gap:21px;flex-wrap:wrap;margin-top:25px}.join__socials a{font-size:10px}
  .footer__inner{flex-direction:column;justify-content:center;gap:9px;padding:5px 0}.footer__inner p{font-size:12px}
  .opening__emblem{width:220px}.opening__skip{bottom:26px;right:20px}
}
@media(max-width:360px){.hero__title{font-size:42px}.hero__description{font-size:12px}.brand span{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.opening{display:none!important}.reveal{opacity:1!important;transform:none!important}}

/* Gallery breakpoints keep full artwork and readable captions at every size. */
@media(max-width:1000px){
  .allies__grid,.games__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nft__grid{gap:16px}.nft-tile__middle{height:190px;padding:40px 24px 22px}
}
@media(max-width:600px){
  .allies__grid{gap:12px}
  .ally-tile__middle{height:155px;padding:34px 20px 17px}
  .ally-tile__index,.nft-tile__index{top:15px;left:16px;font-size:9px}
  .ally-tile__caption{padding:17px 8px 19px}
  .ally-tile__name{font-size:clamp(14px,3.8vw,19px)}
  .ally-tile__foot{font-size:8px;letter-spacing:.08em}
  .nft__grid,.games__grid{grid-template-columns:1fr;gap:18px}
  .nft-tile__middle{height:207px;padding:37px 55px 24px}
  .nft-tile__caption{padding:18px 15px 23px}
  .game-card__overlay{min-height:80px;padding:18px 20px}
  .game-card__name{font-size:26px}
  .gallery-note{font-size:11px}.asset-pending{font-size:10px;letter-spacing:.02em;padding:12px 5px}
}
.game-card__image[style*="contain"]{padding:12%;}

.gallery-attribution{color:#a49a90;font-size:10px;text-align:center;line-height:1.7;margin:10px auto 0;max-width:650px}
/* Keep the gold hover transition alongside the existing reveal animation. */
.ally-tile.reveal,.nft-tile.reveal,.game-card.reveal{transition-property:opacity,transform,border-color,box-shadow;transition-duration:.72s,.72s,.25s,.25s;transition-delay:var(--delay,0ms),var(--delay,0ms),0s,0s}
/* Preserve the complete supplied square branding, with generous clearspace. */
.ally-tile__middle{height:220px;padding:34px 26px 20px}
.ally-tile__logo{width:auto;max-width:100%;height:100%;border-radius:4px}
@media(max-width:600px){.ally-tile__middle{height:164px;padding:32px 16px 16px}}
/* Center an incomplete final ally row without changing card widths. */
@media(min-width:1001px){
 .allies__grid{grid-template-columns:repeat(6,minmax(0,1fr))}
 .ally-tile{grid-column:span 2}
 .ally-tile:nth-child(4):nth-last-child(2){grid-column:2/span 2}
 .game-card:last-child:nth-child(3n + 1){grid-column:2}
}
@media(max-width:1000px){
 .allies__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .ally-tile{grid-column:span 2}
 .ally-tile:last-child:nth-child(odd){grid-column:2/span 2}
}
.game-card__image--artwork[style*="contain"]{padding:0}
.nft-tile__logo{width:auto;max-width:100%;height:100%;border-radius:4px}

/* Final readability, alignment and navigation polish. */
html{scroll-padding-top:88px}
.section,.join{scroll-margin-top:0}
.nav__link{font-size:12px;min-height:44px;display:inline-flex;align-items:center}
.nav__socials{gap:8px}.nav__socials a{width:32px;height:44px;display:flex;align-items:center;justify-content:center}
.nav__cta{min-height:40px;display:inline-flex;align-items:center;gap:8px}
.menu-toggle{width:44px;height:44px}
.mobile-menu{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
.mobile-menu>a{min-height:44px}.mobile-menu a[aria-current="location"]{color:var(--gold-bright)}
.mobile-menu__social a{min-height:44px;display:inline-flex;align-items:center}
.section-heading p{font-size:16px;color:#c7c0ba;max-width:620px;margin-inline:auto;text-wrap:pretty}
.section-heading h2{text-wrap:balance}
.about-card p:not(.about-card__index){font-size:16px;line-height:1.75;color:#cfc8c1}
.about-card__index{color:#c29b63}
.ally-tile,.nft-tile,.game-card{display:flex;flex-direction:column}
.ally-tile__middle,.nft-tile__middle,.game-card__art{flex-shrink:0}
.ally-tile__caption,.nft-tile__caption{flex:1;display:flex;flex-direction:column;justify-content:center}
.ally-tile__foot,.nft-tile__foot{font-size:11px;letter-spacing:.09em}
.game-card__overlay{flex:1;align-items:flex-start;min-height:94px;padding:22px}
.game-card__caption{min-width:0}
.game-card__name{font-size:25px;line-height:1.25;text-wrap:balance}
.game-card__number{font-size:10px;padding-top:7px;letter-spacing:.06em}
.game-card__subtitle{font-size:13px}
.gallery-note,.gallery-attribution{font-size:14px;color:#bcb1a6}
.join__content>p:not(.eyebrow){font-size:16px}
.join__socials a{min-height:44px;display:inline-flex;align-items:center;gap:8px}
.footer__copyright{font-size:12px!important}
@media(max-width:1170px){.nav__cta{display:none}}
@media(max-width:900px){
 .nav__socials{display:none}.mobile-menu{left:16px;right:16px}
 .section-heading p{font-size:16px}
}
@media(max-width:600px){
 .mobile-menu{left:12px;right:12px}
 .about-card{padding:26px 24px}
 .section-heading__eyebrow{font-size:9px;letter-spacing:.15em}
 .ally-tile__name{font-size:clamp(16px,4.2vw,19px);overflow-wrap:normal}
 .ally-tile__foot{font-size:9px;letter-spacing:.03em}
 .ally-tile__caption{min-height:94px}
 .game-card__overlay{padding:20px;min-height:94px}
 .game-card__name{font-size:25px}
 .join__content>p:not(.eyebrow){font-size:16px}
}

/* Editorial cleanup: captions contain only useful identity information. */
.ally-tile__caption{min-height:76px;padding:20px 16px 24px}
.ally-tile__name{margin:0}
.nft-tile__foot{font-size:14px;letter-spacing:.03em;color:#c6b7a3}
.gallery-attribution{margin-top:30px;max-width:760px}
@media(max-width:900px){.about-card{max-width:660px}}
@media(max-width:600px){
 .hero__description{font-size:16px;line-height:1.7}
 .section-heading__eyebrow{font-size:10px;letter-spacing:.1em}
 .ally-tile__caption{min-height:76px;padding:17px 8px 20px}
 .game-card__overlay{min-height:80px}
 .footer__inner p{font-size:13px}
}