/* An illustrated atlas: cinematic scenes, compact army cards, quiet author credits. */
.mesbg-main{--accent:#d2b47f;--line:#343b32;--panel:#151c17}
.mesbg-main .breadcrumb{font-size:12px;letter-spacing:.025em;margin-bottom:24px}
.mesbg-art-hero{display:grid;position:relative;isolation:isolate;margin:18px 0 28px;overflow:hidden;border:1px solid #394436;background:#0e1511}
.mesbg-art-hero .mesbg-photo{grid-area:1/1;margin:0;border:0;border-radius:0;position:relative}
.mesbg-art-hero .mesbg-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,12,9,.77),rgba(5,12,9,.12) 85%),linear-gradient(0deg,rgba(5,12,9,.92),transparent 70%);pointer-events:none}
.mesbg-art-hero .mesbg-photo>img{height:570px;max-height:none;width:100%;object-fit:cover;object-position:center}
.mesbg-art-hero .mesbg-photo>img[src*="art-dain"],.mesbg-art-hero .mesbg-photo>img[src*="art-necromancer"],.mesbg-art-hero .mesbg-photo>img[src*="art-minas-morgul"],.mesbg-art-hero .mesbg-photo>img[src*="art-carn-dum"]{object-fit:contain;object-position:right center}
.mesbg-art-hero .guide-title{grid-area:1/1;align-self:end;z-index:1;margin:0;padding:58px 42px 115px;max-width:780px;pointer-events:none}
.mesbg-art-hero .guide-title .eyebrow{color:#ead6ad;letter-spacing:.2em;font-size:11px}
.mesbg-art-hero .guide-title h1{font:500 clamp(36px,5vw,64px)/1.06 Georgia,serif;color:#fff6e8;text-wrap:balance;margin:22px 0}
.mesbg-art-hero .guide-title p{font-size:16px;line-height:1.75;color:#e0e3d6;max-width:650px;text-shadow:0 1px 12px #000}
.mesbg-art-hero .mesbg-photo figcaption{position:absolute;bottom:18px;left:42px;right:25px;z-index:2;padding:0;color:#c4cbbc;font-size:11px;line-height:1.5;background:none}
.mesbg-art-hero .mesbg-photo figcaption>span{display:inline;color:#b5c0af;margin-right:12px}
.mesbg-art-hero .mesbg-photo figcaption small{display:inline;font-size:11px;margin:0}
.mesbg-art-hero .mesbg-photo figcaption a{color:#dec99f}
.mesbg-stats{margin-bottom:38px;justify-content:space-between;border-top:0;padding:8px 0 22px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.mesbg-stats strong{font-size:30px}
.mesbg-section-title{font-size:clamp(28px,3.5vw,39px)}
.mesbg-card,.mesbg-directory-card{overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}
.mesbg-card:hover,.mesbg-directory-card:hover{border-color:#b99b68;transform:translateY(-3px);box-shadow:0 14px 35px #0005}
.mesbg-card .mesbg-card-visual,.mesbg-directory-card .mesbg-card-visual{background:#19241c;overflow:hidden}
.mesbg-card .mesbg-card-visual img,.mesbg-directory-card .mesbg-card-visual img{object-fit:cover;height:235px;width:100%;transition:transform .5s ease}
.mesbg-card:hover .mesbg-card-visual img,.mesbg-directory-card:hover .mesbg-card-visual img{transform:scale(1.035)}
.mesbg-card-visual img[src*="art-dain"],.mesbg-card-visual img[src*="art-necromancer"]{object-position:center 15%}
.mesbg-card-visual img[src*="art-hobbit-008"],.mesbg-card-visual img[src*="art-hobbit-010"],.mesbg-card-visual img[src*="art-hobbit-002"],.mesbg-card-visual img[src*="art-hobbit-020"],.mesbg-card-visual img[src*="art-hobbit-016"],.mesbg-card-visual img[src*="art-hobbit-024"],.mesbg-card-visual img[src*="art-hobbit-017"]{object-position:center top}
.mesbg-art-hero .mesbg-photo>img[src*="art-hobbit-020"]{object-fit:contain;object-position:right center}
.mesbg-main .mesbg-card-credit{font-size:10px;font-weight:400;letter-spacing:.015em;text-transform:none;color:#a2af9d;line-height:1.5;margin:7px 0 14px}
.mesbg-era-grid{gap:18px}
.mesbg-era-grid .mesbg-card{padding:0 24px 27px;min-height:0;background:#151d17}
.mesbg-era-grid .mesbg-card-visual{margin:0 -24px;height:250px}
.mesbg-era-grid .mesbg-card-visual img{height:100%}
.mesbg-era-grid .mesbg-card h2{font-size:32px;line-height:1.1;margin:17px 0}
.mesbg-era-grid .mesbg-card p{font-size:13px;line-height:1.8}
.mesbg-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mesbg-directory-card{padding:20px;background:#151c17;display:flex;flex-direction:column;min-width:0}
.mesbg-directory-card .mesbg-card-visual{margin:-20px -20px 0}
.mesbg-directory-card .mesbg-card-visual img{height:205px}
.mesbg-directory-card .mesbg-tags{gap:5px;margin:0 0 8px}
.mesbg-directory-card .mesbg-tags span{font-size:9px;letter-spacing:.04em;padding:3px 5px;background:transparent;border-color:#354132;color:#c6cdbb}
.mesbg-directory-card h2{font-size:25px;line-height:1.16;margin:10px 0 16px;color:#f4efdf;text-wrap:balance}
.mesbg-directory-card p{display:none}
.mesbg-directory-card .guide-read{font-size:11px;line-height:1.6;margin-top:auto;padding-top:12px;border-top:1px solid #33402e;color:#d7bf91}
.mesbg-filters{padding:20px;background:#151d17;gap:12px;border-color:#34422f}
.mesbg-filters label{font-size:12px;color:#bfcbb5}
.mesbg-filters input,.mesbg-filters select,.mesbg-filters button{font-size:13px;border-color:#3b4935;min-height:44px}
.mesbg-filters input:focus,.mesbg-filters select:focus{border-color:#c4aa79}
.mesbg-army-photo{background:#0f1712;border-color:#3b4935;margin:20px 0}
.mesbg-army-photo img{max-height:540px;object-fit:contain;background:#0e1510}
.mesbg-army-photo figcaption{font-size:12px;padding:12px 16px;color:#bac5b3}
.mesbg-army-photo figcaption small{font-size:11px;line-height:1.7}
.mesbg-list-entry summary{padding:7px 0}
.mesbg-list-entry[open]{padding:24px;border:1px solid #3b4935;background:#151d17;margin:18px 0}
.mesbg-photo-notice{font-size:11px;line-height:1.7;color:#86957d}
@media(max-width:1000px){.mesbg-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.mesbg-era-grid .mesbg-card h2{font-size:28px}.mesbg-art-hero .mesbg-photo>img{height:520px}}
@media(max-width:700px){.mesbg-art-hero{margin:12px -6px 24px}.mesbg-art-hero .mesbg-photo>img{height:550px}.mesbg-art-hero .guide-title{padding:40px 24px 125px}.mesbg-art-hero .guide-title h1{font-size:43px}.mesbg-art-hero .guide-title p{font-size:14px;line-height:1.7}.mesbg-art-hero .mesbg-photo figcaption{left:24px;right:24px;bottom:20px}.mesbg-art-hero .mesbg-photo figcaption>span,.mesbg-art-hero .mesbg-photo figcaption small{display:block;font-size:10px}.mesbg-directory{grid-template-columns:1fr;gap:22px}.mesbg-directory-card .mesbg-card-visual img{height:230px}.mesbg-directory-card h2{font-size:29px}.mesbg-era-grid{grid-template-columns:1fr}.mesbg-era-grid .mesbg-card-visual{height:250px}.mesbg-filters{grid-template-columns:1fr 1fr}.mesbg-filters>div:first-child{grid-column:1/-1}.mesbg-stats{gap:16px;font-size:10px}.mesbg-stats>span{flex:1 1 85px}.mesbg-stats strong{font-size:26px}.mesbg-main .guide-title h1{text-wrap:balance}}
@media(prefers-reduced-motion:reduce){.mesbg-card,.mesbg-directory-card,.mesbg-card-visual img{transition:none!important;transform:none!important}}