:root{--gold:#e6b85c;--blue:#8fbfff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#03050a;color:#f5f4ef;font-family:Manrope,sans-serif}.lunar-page{position:relative;isolation:isolate;width:100vw;height:100vh;min-height:680px;overflow:hidden}.lunar-background{position:absolute;z-index:-4;inset:-2%;background:url("assets/resume-moon.png") center/cover no-repeat;filter:saturate(1.15) contrast(1.06);animation:lunarPush 18s ease-in-out infinite alternate}.lunar-overlay{position:absolute;z-index:-3;inset:0;background:linear-gradient(90deg,rgba(1,3,8,.04) 0,rgba(2,4,10,.12) 30%,rgba(2,4,10,.62) 58%,rgba(1,3,8,.77) 100%),linear-gradient(0deg,rgba(1,3,8,.7),transparent 38%,rgba(1,3,8,.22));pointer-events:none}.stars{position:absolute;z-index:-2;inset:0;opacity:.12;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:71px 71px;animation:starShift 30s linear infinite}
.meteor-reflection{position:absolute;z-index:1;left:5%;top:8%;width:31vw;height:48vh;min-width:350px;min-height:310px;pointer-events:none;overflow:hidden;clip-path:ellipse(38% 45% at 58% 48%);mix-blend-mode:screen}.meteor-streak{position:absolute;display:block;left:-45%;top:15%;width:54%;height:3px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,184,92,.18) 18%,#ffd892 76%,#fff 96%);box-shadow:0 0 7px #ffc765,0 0 18px rgba(255,154,57,.7);transform:rotate(20deg);animation:visorMeteor 11s cubic-bezier(.3,.1,.3,1) infinite}.meteor-streak:after{content:"";position:absolute;right:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:#fff6d0;box-shadow:0 0 12px #ffb64f,0 0 25px #ff8a28}.meteor-shadow{position:absolute;z-index:1;left:-4%;top:0;width:43%;height:100%;pointer-events:none;background:linear-gradient(112deg,transparent 24%,rgba(0,0,0,.5) 42%,rgba(4,7,13,.18) 52%,transparent 68%);filter:blur(12px);opacity:0;mix-blend-mode:multiply;animation:suitShadow 11s ease-in-out infinite}
@keyframes visorMeteor{0%,12%{transform:translate(-20%,-15%) rotate(20deg);opacity:0}18%{opacity:.22}32%{opacity:1}48%{transform:translate(250%,125%) rotate(20deg);opacity:0}100%{transform:translate(250%,125%) rotate(20deg);opacity:0}}
@keyframes suitShadow{0%,16%,54%,100%{transform:translateX(-50%);opacity:0}24%{opacity:.12}38%{transform:translateX(68%);opacity:.46}50%{transform:translateX(110%);opacity:0}}
.meteor-reflection,.meteor-shadow{display:none}.lunar-eclipse{position:absolute;z-index:1;inset:-15%;pointer-events:none;background:linear-gradient(108deg,transparent 15%,rgba(0,2,7,.18) 28%,rgba(0,2,8,.82) 46%,rgba(2,7,17,.88) 58%,rgba(4,11,24,.3) 72%,transparent 85%);filter:blur(34px);mix-blend-mode:multiply;opacity:0;transform:translateX(-85%);animation:lunarOvercast 20s ease-in-out infinite}.lunar-eclipse:after{content:"";position:absolute;inset:0;background:rgba(2,7,18,.55);opacity:0;animation:eclipseDim 20s ease-in-out infinite}
@keyframes lunarOvercast{0%,50%,100%{opacity:0;transform:translateX(-85%)}12%{opacity:.7}28%{opacity:1;transform:translateX(0)}38%{opacity:.82;transform:translateX(38%)}50%{opacity:0;transform:translateX(85%)}}
@keyframes eclipseDim{0%,50%,100%{opacity:0}22%,32%{opacity:.72}}
@keyframes lunarPush{to{transform:scale(1.035) translateX(-.35%)}}@keyframes starShift{to{background-position:71px 35px}}.resume-nav{position:absolute;z-index:5;top:0;left:0;right:0;height:92px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.13);backdrop-filter:blur(4px)}.brand,.back-button{color:#f7f6f1;text-decoration:none;font:500 11px DM Mono,monospace;letter-spacing:.2em}.brand{display:flex;align-items:center;gap:13px}.brand-orbit{display:block;width:25px;height:25px;border:1px solid #fff;border-radius:50%;box-shadow:inset 0 0 0 6px transparent;position:relative}.brand-orbit:after{content:"";position:absolute;inset:5px;border:1px solid var(--gold);border-left-color:transparent;border-radius:50%}.page-id{font:9px DM Mono,monospace;letter-spacing:.22em;color:#9296a1}.back-button{display:flex;gap:10px;align-items:center;padding:11px 15px;border:1px solid rgba(255,255,255,.28);transition:.3s}.back-button:hover{color:#111;background:var(--gold);border-color:var(--gold)}.back-button i{font-style:normal;font-size:16px}.resume-hero{position:absolute;z-index:2;left:53%;right:6vw;top:19%;text-shadow:0 3px 20px #000}.kicker{font:9px DM Mono,monospace;letter-spacing:.28em;color:#b5b6bd;display:flex;align-items:center;gap:11px}.kicker span{display:block;width:31px;height:1px;background:var(--gold)}h1{font-size:clamp(76px,10vw,170px);line-height:.83;letter-spacing:-.07em;font-weight:500;margin:28px 0 25px}h1 span{color:var(--gold);text-shadow:0 0 20px rgba(230,184,92,.35)}.role{font:10px DM Mono,monospace;letter-spacing:.16em;color:#b3b7c0}.profile{max-width:610px;margin-top:11vh;padding:27px 0 0;border-top:1px solid rgba(255,255,255,.22)}.profile-label{font:9px DM Mono,monospace;letter-spacing:.2em;color:var(--gold)}.profile-copy{max-width:560px;color:#c3c5ca;font-size:clamp(13px,1.05vw,17px);line-height:1.8}.disciplines{display:flex;gap:35px;margin-top:31px}.disciplines span{font:8px DM Mono,monospace;color:#6f737e;letter-spacing:.14em}.disciplines b{display:block;margin-top:8px;color:#f2f1eb;font-size:10px;font-weight:400}.resume-footer{position:absolute;z-index:4;left:4.5vw;right:4.5vw;bottom:4vh;display:flex;justify-content:space-between;color:#777b85;font:8px DM Mono,monospace;letter-spacing:.18em}.signal i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#62ff94;box-shadow:0 0 9px #62ff94}@media(max-width:900px){.lunar-background{background-position:38% center}.resume-hero{left:46%;right:5vw}.page-id{display:none}h1{font-size:82px}.profile{margin-top:8vh}.disciplines{gap:17px}}@media(max-width:600px){.resume-nav{height:73px;padding:0 20px}.brand{font-size:8px}.back-button{font-size:9px;padding:9px 10px}.lunar-background{background-position:30% center}.lunar-overlay{background:linear-gradient(0deg,rgba(1,3,8,.9),rgba(1,3,8,.1) 72%)}.resume-hero{left:24px;right:24px;top:42%}h1{font-size:66px;margin:17px 0}.role{font-size:8px}.profile{margin-top:6vh}.profile-copy{font-size:12px}.disciplines{justify-content:space-between;gap:8px}.resume-footer{left:24px;right:24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
.resume-hero h1{font-family:Manrope,sans-serif;font-size:clamp(44px,5.6vw,92px);line-height:.87;letter-spacing:-.07em;font-weight:500}@media(max-width:600px){.resume-hero h1{font-size:39px}}
