/* Opening artwork and the matching loading sequence. */
#cover-stage{position:fixed;inset:0;z-index:2;pointer-events:none;background:#16352f}
#cover-stage img{width:100%;height:100%;object-fit:cover;object-position:66% 50%;display:block}
#cover-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,28,24,.78),rgba(8,28,24,.46) 37%,rgba(8,28,24,.04) 72%),linear-gradient(0deg,rgba(6,24,20,.7),transparent 25%,transparent 75%,rgba(7,25,21,.2))}
.brand b{font-size:24px;letter-spacing:3px}.brand div>span{letter-spacing:2.7px}
.intro{left:7.4vw;top:50%;bottom:auto;transform:translateY(-43%);max-width:620px}
.intro-eyebrow{font-size:12px;letter-spacing:4px;color:#dfcf9d}
.intro h1{font-size:clamp(48px,6.1vw,96px);letter-spacing:9px;line-height:1.2;margin:24px 0 16px;color:#fff5dd;text-shadow:0 5px 35px #061b14}
.intro p.cover-tagline{font-family:"Songti SC","SimSun",serif;font-size:clamp(20px,2vw,28px);letter-spacing:5px;color:#e0d9bb;margin:0 0 23px;line-height:1.6}
.intro p.cover-description{font-size:13px;letter-spacing:1.3px;line-height:2;color:#c4d0c1;margin:0 0 30px}
.intro .primary-button{min-width:222px;height:55px;background:#e2cf94;color:#233a2c;border:1px solid #ebdba9;border-radius:5px;box-shadow:0 8px 35px #081f2266;transition:background .2s,transform .2s}
.intro .primary-button:hover{background:#f0dfb0;transform:translateY(-2px)}
.intro-meta{font-size:11px;color:#b9cab9;margin-top:25px}.intro-meta i{background:#d6c796}
#resume-label{color:#d3c8a1}#intro-footer{color:#c2ccbb;letter-spacing:2px}
#loading-screen{align-items:flex-start;justify-content:center;padding:0 7.4vw;background:linear-gradient(90deg,rgba(8,26,22,.18),rgba(8,26,22,.08));transition:opacity .65s ease}
.loading-content{width:min(470px,85vw);transform:translateY(-10px)}
#loading-screen .loading-kicker{font-size:11px;letter-spacing:4px;color:#dbcf9e;margin:0 0 18px}
#loading-screen h2{font-family:"Songti SC","SimSun",serif;font-size:clamp(42px,4.8vw,74px);font-weight:400;letter-spacing:7px;margin:0;color:#fff4dc;text-shadow:0 4px 28px #091e18}
#loading-screen .loading-subtitle{font-size:14px;letter-spacing:3px;color:#d2dccb;margin:17px 0 15px}
.loading-water{position:relative;width:140px;height:80px;margin:22px 0 15px;overflow:hidden}
.loading-float{position:absolute;left:56px;top:1px;height:47px;width:8px;border-radius:45%;background:linear-gradient(#d8b16b 0 24%,#fff4d6 24% 34%,#c74e31 34% 57%,#efe7c8 57% 64%,#123c34 64%);box-shadow:0 2px 5px #051d1940;transform-origin:50% 85%;animation:float-breathe 3.4s ease-in-out infinite}
.loading-water i{position:absolute;left:14px;top:37px;width:90px;height:24px;border:1px solid #dfd6af;border-radius:50%;opacity:0;animation:load-ripple 3.4s ease-out infinite}
.loading-water i:nth-child(3){animation-delay:1.15s}.loading-water i:nth-child(4){animation-delay:2.3s}
.loading-progress{width:100%;height:3px;background:#dfe5c22b;border-radius:3px;overflow:hidden}
.loading-progress>i{height:100%;width:0;display:block;background:linear-gradient(90deg,#91ad95,#e2ce93);transition:width .28s ease}
.loading-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:14px;color:#c9d3be}
#loading-screen .loading-caption small{font-size:11px;letter-spacing:1.1px;margin:0;display:block}#loading-percent{font-size:11px;font-weight:400;color:#dfcf9e;font-variant-numeric:tabular-nums;letter-spacing:1px}
@keyframes float-breathe{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(3px) rotate(5deg)}}
@keyframes load-ripple{0%{opacity:0;transform:scale(.32)}15%{opacity:.55}100%{opacity:0;transform:scale(1.4)}}
@media(max-height:620px){.intro{transform:translateY(-39%)}.intro h1{font-size:52px;margin:15px 0 10px}.intro p.cover-tagline{font-size:21px;margin-bottom:12px}.intro p.cover-description{margin-bottom:19px}.intro-meta{margin-top:17px}#intro-footer{bottom:15px}}
@media(max-width:760px){#cover-stage img{object-position:64% center}#cover-stage::after{background:linear-gradient(90deg,#0b211ac4,#0b211a65 65%,#0b211a20),linear-gradient(0deg,#081e19ad,transparent 50%)}.brand b{font-size:19px;letter-spacing:2px}.brand div>span{font-size:7px;letter-spacing:1.2px}.brand{gap:8px}.top-actions .weather-summary{display:none}.intro{left:7vw;max-width:86vw;transform:translateY(-30%)}.intro h1{font-size:clamp(43px,10vw,66px);letter-spacing:4px}.intro-eyebrow{font-size:10px;letter-spacing:3px}.intro p.cover-tagline{font-size:21px;letter-spacing:3px}.intro p.cover-description{font-size:12px;letter-spacing:.7px}.intro-meta{font-size:10px;gap:10px}#intro-footer{left:7vw;right:7vw;font-size:9px;letter-spacing:1px}#loading-screen{padding-left:7vw;padding-right:7vw}.loading-content{width:min(400px,86vw)}#loading-screen h2{font-size:50px;letter-spacing:4px}}
@media(prefers-reduced-motion:reduce){.loading-float,.loading-water i{animation:none}.loading-water i:nth-child(2){opacity:.45}.loading-progress>i,.intro .primary-button,#loading-screen{transition:none}}