.bottom{grid-template-columns:repeat(6,1fr)}
.warfield-page{--gold:#bb65ee;--gold2:#a833e8}
.warfield-page .gold{background:linear-gradient(110deg,#a31ce5,#ba42f2);color:white}
.warfield-page .chips .active{background:#a833e8;color:white;border-color:#a833e8}
.warfield-hero{position:relative;min-height:570px;background:#120e19;overflow:hidden}
.warfield-hero>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.warfield-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#100d16 0%,transparent 80%)}
.warfield-copy{position:relative;z-index:1;padding:310px 6vw 50px;max-width:1000px}
.warfield-copy h1{font-size:clamp(38px,7vw,86px);line-height:.96;font-weight:900;letter-spacing:-.035em;margin:16px 0 28px;color:#f7f1ec}
.warfield-copy h1 small{font-family:Georgia,serif;font-size:.43em;font-weight:400;display:block;letter-spacing:0}
.warfield-copy h1 strong{display:block;color:#c558fa}
.warfield-content{background:radial-gradient(ellipse at top,#261132,#080909 65%);padding:22px 5vw 80px}
.warfield-content .section{padding-left:0;padding-right:0}.warfield-content .card .art{border:1px solid #654174}
.warfield-about{max-width:650px;padding:30px 0 60px;line-height:1.7}
.warfield-tile{display:flex;flex-direction:column;justify-content:end;gap:8px;text-align:left;width:min(100%,650px);height:190px;padding:24px;border:1px solid #9954c4;border-radius:16px;background:linear-gradient(0deg,#21102ceb,#21102c15),url('/assets/warfield-hero.jpg') center/cover;color:white}
.warfield-tile span{font-size:26px;font-weight:800}.warfield-tile small{color:#eee}
@media(max-width:650px){.bottom button{font-size:10px;padding:10px 2px}.warfield-hero{min-height:530px}.warfield-hero>img{object-position:53% center}.warfield-copy{padding:330px 22px 32px}.warfield-copy h1{font-size:42px}.warfield-content{padding:20px 20px 75px}.warfield-content .chips{gap:7px}.warfield-content .chips button{padding:9px 12px}.warfield-content .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.warfield-tile span{font-size:23px}}
.warfield-page header .brand svg{stroke:#edc367}.warfield-page header .brand small{color:#edc367}
.bottom{gap:0;justify-content:space-around}.bottom button{min-width:0;flex:1}