:root{--green:#06291f;--cream:#f1eddc;--lime:#d2dc94;--muted:#b4c3af;--line:#baccaa35;--display:'Anton',Impact,sans-serif;--mono:'Courier Prime',monospace}*{box-sizing:border-box}body{margin:0;background:var(--green);color:var(--cream);font-family:'Arimo',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:7px}.skip{position:fixed;left:20px;top:-100px;z-index:10;background:var(--cream);color:var(--green);padding:15px}.skip:focus{top:15px}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:.17em;text-transform:uppercase}.archive{position:relative;isolation:isolate;min-height:850px;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#36604477,transparent 57%),linear-gradient(110deg,#06291f,#0b382b 60%,#042319)}.grain{position:absolute;inset:0;pointer-events:none;z-index:4;opacity:.1;background-image:url("assets/grain.svg")}.rings{position:absolute;inset:13% 0 0;width:100%;height:87%;opacity:.2;pointer-events:none;z-index:-1}.rings path{fill:none;stroke:#c9d4a8;stroke-width:.65}header{position:absolute;top:30px;left:3.5%;right:3.5%;display:flex;align-items:center;justify-content:space-between;z-index:5}.brand{display:flex;align-items:center;gap:12px;font:28px var(--display);letter-spacing:.06em}.brand img{width:63px;height:63px;border-radius:50%;object-fit:cover}.brand small{display:block;font:8px/1.4 var(--mono);letter-spacing:.12em;margin-top:3px}nav{display:flex;gap:30px;align-items:center}nav a{font:11px var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:13px 0}nav [aria-current]{border-bottom:1px solid var(--lime)}.intro{position:absolute;top:17%;left:7%;right:7%;text-align:center}.intro .eyebrow{color:var(--lime);margin:0 0 23px}h1{margin:0;font:clamp(70px,9.7vw,145px)/.96 var(--display);font-weight:400;text-transform:uppercase;letter-spacing:-.02em}h1 span{-webkit-text-stroke:1px var(--cream);color:transparent}.intro>p:last-child{font:15px/1.8 'Arimo';max-width:470px;margin:24px auto;color:#cbd5c4}.legacy{position:absolute;bottom:21%;left:0;width:100%;text-align:center;font:clamp(100px,23vw,330px)/1 var(--display);letter-spacing:.02em;color:#b9d3a408;pointer-events:none}.fighter-anchor{position:absolute;bottom:78px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;width:300px;text-align:center;z-index:3}.fighter-anchor img{display:block;height:290px;width:218px;object-fit:contain;filter:drop-shadow(0 20px 24px #001c18aa);transform:rotate(-7deg);transition:transform .4s cubic-bezier(.16,1,.3,1),filter .4s}.fighter-anchor:hover img,.fighter-anchor:focus-visible img{transform:translateY(-12px) rotate(0deg);filter:drop-shadow(0 28px 30px #001c18cc)}.fighter-anchor .number{margin-top:11px;color:var(--lime);font:9px var(--mono);letter-spacing:.15em}.fighter-anchor h2{font:38px/1.1 var(--display);text-transform:uppercase;font-weight:400;letter-spacing:.015em;margin:8px 0 12px}.open-label{font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:16px;border-bottom:1px solid #baccaa70;padding-bottom:10px}.open-label b{font:19px 'Arimo';font-weight:400}.margin-note{position:absolute;left:3.5%;bottom:120px;max-width:150px;color:var(--muted)}.margin-note.right{left:auto;right:3.5%;text-align:right}.page-footer{position:absolute;left:3.5%;right:3.5%;bottom:25px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font:9px var(--mono);letter-spacing:.07em;text-transform:uppercase}
dialog{color:var(--green);background:var(--cream);border:0;padding:0;width:min(1100px,calc(100vw - 64px));max-height:calc(100svh - 64px);overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#011c16d9;backdrop-filter:blur(7px)}.dialog-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:19px 30px;background:var(--cream);border-bottom:1px solid #06291f25}.close{border:1px solid #06291f50;background:transparent;padding:10px 14px;color:var(--green);cursor:pointer;font:11px var(--mono);display:flex;gap:20px}.close:hover{background:var(--green);color:var(--cream)}dialog button:focus-visible,dialog a:focus-visible{outline-color:var(--green)}.profile-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:35px;padding:35px}.profile-copy{padding:8px 4px}.profile-copy .eyebrow{color:#496449;margin:0 0 17px}.profile-copy h2{font:74px/.9 var(--display);font-weight:400;text-transform:uppercase;margin:0 0 23px}.nickname{font:italic 27px 'Tinos';margin:0 0 26px;color:#526a45}.biography{font:15px/1.85 'Arimo';margin:0 0 25px}.milestones{border-top:1px solid #06291f35;margin:0}.milestones>div{display:grid;grid-template-columns:60px 1fr;gap:15px;padding:15px 0;border-bottom:1px solid #06291f35;font:12px/1.5 'Arimo'}.milestones dt{font-family:var(--mono);font-weight:bold}.milestones dd{margin:0}.sources{font:10px/1.7 var(--mono);margin-top:23px;color:#496449}.sources a{text-decoration:underline;text-underline-offset:3px}.gallery{display:flex;flex-direction:column;gap:18px}.gallery figure{margin:0}.gallery img{display:block;width:100%;height:auto;aspect-ratio:850/478;object-fit:cover}.gallery figcaption{font:9px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-top:8px;color:#496449}.gallery-note{font:9px/1.6 var(--mono);margin:0;color:#496449}
@media(min-height:1000px){.fighter-anchor{bottom:9%}.fighter-anchor img{height:360px;width:270px}}
@media(max-width:700px){.archive{height:100svh;min-height:790px}header{top:22px;left:6%;right:6%}.brand{font-size:24px}.brand img{width:46px;height:46px}.brand small{display:none}nav{gap:20px}nav a{font-size:9px}nav a[aria-current]{display:none}.intro{top:145px;left:6%;right:6%}.intro .eyebrow{font-size:9px;margin-bottom:20px}h1{font-size:70px;line-height:.94}h1 span{display:block}.intro>p:last-child{font-size:13px;max-width:290px;margin-top:20px}.fighter-anchor{bottom:75px;width:240px}.fighter-anchor img{height:238px;width:179px}.fighter-anchor h2{font-size:33px}.legacy{bottom:29%;font-size:27vw}.margin-note{display:none}.page-footer{left:6%;right:6%;font-size:8px;line-height:1.6}.page-footer span:first-child{max-width:180px}dialog{width:calc(100vw - 24px);max-height:calc(100svh - 24px)}.dialog-top{padding:15px 18px;gap:15px}.dialog-top>.eyebrow{font-size:8px}.profile-grid{grid-template-columns:1fr;padding:24px;gap:25px}.profile-copy h2{font-size:68px}.biography{font-size:14px}.gallery{gap:20px}.gallery figcaption{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}