.pagehead{padding:90px 32px 56px;text-align:center;border-bottom:1px solid var(--line)}.pagehead__eyebrow{font-family:Kaushan Script,cursive;font-size:28px;color:var(--gold);margin-bottom:8px}.pagehead__title{font-family:Bevan,serif;font-size:clamp(64px,11vw,160px);line-height:.92;margin:10px 0 18px;color:var(--parch);text-shadow:0 2px 0 rgba(0,0,0,.45)}.pagehead__title em{font-style:normal;color:var(--gold)}.pagehead__sub{color:var(--parch-dim);font-size:16px;max-width:52ch;margin:0 auto;line-height:1.6;font-weight:400}.filter{display:flex;gap:6px;justify-content:center;padding:22px 32px;flex-wrap:wrap;background:#120d08b8;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:89px;z-index:40}.filter button{font-family:Outfit,sans-serif;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:transparent;border:1px solid var(--line);padding:10px 18px;border-radius:2px;color:var(--parch-dim);cursor:pointer;transition:all .18s}.filter button:hover{border-color:var(--gold);color:var(--gold)}.filter button.is-active{background:var(--gold);color:var(--night);border-color:var(--gold);font-weight:700}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:300px;grid-auto-flow:row dense;gap:14px;padding:40px 36px 60px;max-width:1600px;margin:0 auto}@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:240px}}.tile{display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid var(--gold);background:var(--char);box-shadow:0 12px 38px #000000a6,0 2px 8px #0006;transition:transform .28s ease,box-shadow .28s ease,border-color .2s}.tile:hover{transform:translateY(-4px);box-shadow:0 22px 54px #000000bf,0 0 0 1px var(--gold);border-color:var(--parch);z-index:3}.tile--wide{grid-column:span 2}.tile--tall{grid-row:span 2}.tile__img-wrap{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}.tile__img-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;filter:saturate(.92) brightness(.88)}.tile:hover .tile__img-wrap img{transform:scale(1.04);filter:saturate(1) brightness(.94)}.tile__img-wrap:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 70px #0000009e,inset 0 0 24px #120d0880;pointer-events:none;z-index:1}.tile__cap{flex:none;padding:13px 15px 15px;border-top:1px solid var(--line);background:var(--char)}.tile__tag{font-family:Outfit,sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--parch-dim);margin-bottom:4px;font-weight:500}.tile__name{font-family:Kaushan Script,cursive;font-size:22px;line-height:1.1;color:var(--gold)}.tile--verde .tile__cap{background:var(--verde-deep);border-top-color:#2f7d4f4d}.tile--verde .tile__name{color:var(--parch)}.tile--verde .tile__tag{color:#f3e3c099}.tile--rojo .tile__cap{background:var(--rojo-deep);border-top-color:#cf3a2c4d}.tile--rojo .tile__name{color:var(--parch)}.tile--rojo .tile__tag{color:#f3e3c099}.tile--char .tile__cap{background:var(--char-2)}.tile--char .tile__name{color:var(--gold)}.interlude{background:linear-gradient(180deg,var(--verde-deep) 0%,#0e2a1b 100%);color:var(--parch);padding:104px 32px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.interlude:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(232,176,75,.08),transparent 70%);pointer-events:none}.interlude h2{font-family:Bevan,serif;font-size:clamp(38px,6vw,80px);line-height:1.02;max-width:18ch;margin:0 auto;position:relative;z-index:1;text-shadow:0 2px 0 rgba(0,0,0,.4)}.interlude h2 em{font-style:normal;color:var(--gold)}.interlude p{font-family:Kaushan Script,cursive;margin-top:22px;font-size:26px;color:var(--gold);position:relative;z-index:1}.pagehead{position:relative}.pagehead:before{content:"";position:absolute;inset:-26px -8% -14px;background:radial-gradient(ellipse at center,rgba(10,7,4,.6),transparent 72%);z-index:-1;pointer-events:none}.pagehead__title{text-shadow:2px 2px 0 rgba(0,0,0,.5),0 0 18px rgba(0,0,0,.5)}.pagehead__eyebrow,.pagehead__sub{text-shadow:0 1px 7px rgba(0,0,0,.8)}