@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}html{background:#0b0b0b;color:#f4f4f4;font-family:'DM Sans',Arial,sans-serif}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 25%,#202020 0%,#101010 38%,#0b0b0b 70%)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid white;outline-offset:8px}header{display:flex;align-items:center;justify-content:space-between;padding:30px 5%;border-bottom:1px solid #242424}header a{font-size:15px;font-weight:700;letter-spacing:3px}header>span{font-size:9px;letter-spacing:2px;color:#999}main{width:min(100% - 48px,520px);margin:auto;padding:65px 0 75px;text-align:center}.emblem-wrap{width:185px;height:185px;margin:0 auto 40px;position:relative}.emblem-wrap:before{content:'';position:absolute;inset:-40px;border:1px solid #ffffff06;border-radius:50%;pointer-events:none}.emblem-wrap img{width:100%;height:100%;object-fit:contain;display:block}.eyebrow{font-size:9px;color:#929292;letter-spacing:3px;margin:0 0 17px}h1{font-size:clamp(32px,7vw,53px);font-weight:600;letter-spacing:5px;line-height:1.15;margin:0}.intro{font-size:15px;color:#9b9b9b;margin:18px 0 48px}section{border-top:1px solid #353535;border-bottom:1px solid #252525;padding:21px 0 26px;text-align:left}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2{font-size:9px;letter-spacing:2px;font-weight:500;margin:0;color:#adadad}.section-heading span{font-size:18px;color:#888}.pending{font-size:14px;color:#737373;margin:25px 0 0}footer{padding:25px 5%;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #242424;color:#707070;font-size:8px;letter-spacing:1.7px}@media(max-width:480px){header{padding:24px}header a{font-size:12px}header>span{font-size:8px}main{padding-top:55px;padding-bottom:55px}.emblem-wrap{width:150px;height:150px;margin-bottom:35px}h1{letter-spacing:3px}footer{font-size:7px;padding:22px 24px}}

h1{font-family:"Bodoni Moda","Didot","Times New Roman",serif;font-weight:600;font-size:clamp(28px,6.5vw,50px);letter-spacing:.07em;line-height:1.25}.intro{font-size:11px;letter-spacing:3px;color:#b5b5b5;margin-top:23px}

/* Original uploaded artwork, preserved without image edits. */
body{background:#070707;position:relative;isolation:isolate}
.art-background{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(ellipse at 50% 48%,rgba(0,0,0,.64) 0%,rgba(0,0,0,.28) 48%,rgba(0,0,0,.38) 100%),linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.3) 65%,rgba(0,0,0,.82) 100%),url('assets/the-avenger.jpg');background-size:cover;background-position:center;background-repeat:no-repeat}
header,footer{background:rgba(0,0,0,.22);border-color:rgba(255,255,255,.12)}
main{text-shadow:0 2px 16px rgba(0,0,0,.85)}
section{background:rgba(0,0,0,.28);padding:21px 20px 26px;border-color:rgba(255,255,255,.18)}
.pending{color:#a0a0a0}
@media(max-width:600px){.art-background{background-position:center,center,39% center}}

header a{font-family:"Bodoni Moda","Didot","Times New Roman",serif;font-weight:700;letter-spacing:.13em;font-size:16px}@media(max-width:480px){header a{font-size:14px}h1{letter-spacing:.05em}}

@font-face{font-family:"1492 Quadrata";src:url("assets/fonts/1492-quadrata.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
h1,header a{font-family:"1492 Quadrata",Georgia,serif;font-weight:400;font-synthesis:none;letter-spacing:.035em}
h1{font-size:clamp(30px,6.7vw,52px);line-height:1.3}
header a{font-size:18px}
@media(max-width:480px){header a{font-size:16px}h1{letter-spacing:.02em}}

header a{display:inline-flex;align-items:center;gap:12px}.header-lion{display:block;width:34px;height:34px;object-fit:contain;flex-shrink:0}@media(max-width:480px){.header-lion{width:29px;height:29px}header a{gap:10px}}
/* Larger central crest with a tighter wordmark grouping. */
.emblem-wrap{width:260px;height:260px;margin-bottom:8px}
@media(max-width:480px){.emblem-wrap{width:220px;height:220px;margin-bottom:6px}}

/* Mobile browser and installed iPhone layout. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-height:100vh;min-height:100svh}
header{padding-top:calc(22px + env(safe-area-inset-top));padding-left:max(5%,env(safe-area-inset-left));padding-right:max(5%,env(safe-area-inset-right))}
header a{min-height:44px}
footer{padding-bottom:calc(22px + env(safe-area-inset-bottom));padding-left:max(5%,env(safe-area-inset-left));padding-right:max(5%,env(safe-area-inset-right))}
main{width:min(calc(100% - 40px),520px)}
@media(max-width:600px){
 header{padding:calc(12px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left))}
 main{padding:28px 0 34px}
 .emblem-wrap{width:clamp(200px,58vw,260px);height:clamp(200px,58vw,260px);margin-bottom:6px}
 .emblem-wrap:before{inset:-18px}
 h1{font-size:clamp(36px,10vw,52px);letter-spacing:.02em}
 .intro{font-size:11px;letter-spacing:2.5px;margin:14px 0 30px}
 section{padding:18px 18px 22px}.section-heading h2{font-size:11px}.pending{font-size:15px;margin-top:18px}
 footer{font-size:9px;padding-top:18px}
}
@media(max-height:500px) and (orientation:landscape){main{padding:24px 0}.emblem-wrap{width:150px;height:150px}h1{font-size:38px}.intro{margin-bottom:22px}.art-background{background-position:center}}

.social-icons{display:flex;justify-content:center;align-items:center}.youtube-link{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;color:#f4f4f4;border-radius:12px;transition:color .18s ease,transform .18s ease}.youtube-link:hover{color:#ff3333;transform:translateY(-2px)}.youtube-link:active{transform:scale(.96)}@media(prefers-reduced-motion:reduce){.youtube-link{transition:none}.youtube-link:hover,.youtube-link:active{transform:none}}

.social-icons{gap:16px}.social-link{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;color:#f4f4f4;border-radius:12px;transition:color .18s ease,transform .18s ease}.social-link:hover{transform:translateY(-2px)}.x-link:hover{color:#bcbcbc}.instagram-link:hover{color:#e98ebc}.social-link:active{transform:scale(.96)}@media(prefers-reduced-motion:reduce){.social-link{transition:none}.social-link:hover,.social-link:active{transform:none}}
header a{font-size:23px}@media(max-width:480px){header a{font-size:21px}}