/* Clouds' signature palette: open sky, porcelain white, warm gold. */
:root{--bg:#fcfeff;--panel:#f0f8ff;--ink:#193b55;--muted:#536e80;--acid:#946811;--line:#d5e6f0;--gold:#e2b64e;--gold-light:#fff6d6;--sky:#a7daf8}
body{background:linear-gradient(180deg,#eff9ff 0%,#fff 42%,#f2faff 78%,#fff 100%)}
body.overdrive{--acid:#896018;--bg:#fffdf6;--panel:#fff9eb;--ink:#34455a;--muted:#656c75;--line:#e8deca;background:linear-gradient(180deg,#fff8e9,#fff 45%,#edf8ff 85%)}
::selection{background:#f0d68e;color:#193b55}
header{background:#ffffffdc;border-bottom-color:#d5e6f0;box-shadow:0 2px 25px #71aaca0a}
.brand{color:#244c67}.brand svg{fill:#b18a36}.brand sup{color:#916812}
.navlinks a{color:#496b81;transition:color .2s}.navlinks a:hover{color:#8c641b}
.mode{border:1px solid #d9bd77;background:linear-gradient(125deg,#fff,#fff9e8);color:#6f551d;box-shadow:0 3px 15px #b9903310}
.dot{background:#d9ae48;box-shadow:0 0 12px #e0b44670}
.hero{background:linear-gradient(180deg,#d9f0ff 0%,#bde4fd 26%,#dff2ff 58%,#fff 100%)}
.hero:before{background:radial-gradient(ellipse at 53% 39%,#ffffffcc,transparent 55%),radial-gradient(ellipse at 89% 10%,#fff5d8b3,transparent 36%);background-size:auto;mask-image:none;z-index:-2}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#ffffff40 42%,transparent 48%,#fffdf533 51%,transparent 62%);z-index:-1}
.hero-title{background:linear-gradient(170deg,#fff 15%,#fff 38%,#fff7df 57%,#edcf80 84%,#a77920 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #c89c3e66;filter:drop-shadow(0 5px 0 #af823624) drop-shadow(0 15px 24px #4f92bc24)}
.hero-top{color:#4c7791}.hero-top span:first-child{color:#4a6b82}.hero-copy .dev-mark{color:#8a6218}.hero-copy h2{color:#163f5b}.hero-copy p{color:#527085}
.hero-art{filter:drop-shadow(0 28px 28px #6eabd14d)}
.orbit{border-color:#bd983d66;box-shadow:0 0 0 7px #ffffff12}.orbit:after,.star{color:#c29530;text-shadow:0 2px 0 #fff,0 0 30px #fff4c5}
.tag{color:#735214;background:linear-gradient(120deg,#fffefb 3%,#fff3ce 48%,#f5d788 100%);border:1px solid #cca755;box-shadow:4px 5px 0 #ac7c2426;border-radius:4px}
.tag2{color:#3d657f;background:linear-gradient(135deg,#fff,#edf8ff);border-color:#bdd8e9;box-shadow:4px 5px 0 #709fbc26}
.cta{background:linear-gradient(115deg,#fff6dc,#edcc72 63%,#f7e9b9);border:1px solid #c69a3a;color:#533d13;box-shadow:0 7px 20px #c99e3720;border-radius:7px}
.cta:hover{box-shadow:0 11px 25px #bd933d30}
.stats-strip{background:linear-gradient(100deg,#fff,#f0f9ff 65%,#fffaf0);border-color:#d8e7ee}.stat strong{color:#244e69}.stat:first-child strong{color:#946a16}.stat span{color:#587388}.stat+.stat{border-color:#d8e7ee}
.projects{background:linear-gradient(180deg,#fff 10%,#f4faff 100%)}
.eyebrow{color:#896316}.outline{color:#668ba5}.section-head p{color:#536e80}
.project{background:linear-gradient(150deg,#fff,#f7fbff);border:1px solid #d2e4ef;border-radius:15px;box-shadow:0 12px 35px #397fa10c}
.project-image{background:#e0f1fc}.project-index{background:#fffffff0;color:#3d6178;border:1px solid #ffffffbb;border-radius:4px;box-shadow:0 3px 13px #15344321}.project-label{color:#8c6419}.project h3{color:#244d66}.project p{color:#536e80}
.project-links a{border:1px solid #b9d3e4;color:#305c78;border-radius:6px;background:#fff}
.project-links a:first-child{background:linear-gradient(120deg,#fff7df,#f1d389);color:#62491a;border-color:#c8a65b}
.project-links a:hover{filter:none;box-shadow:0 5px 16px #7fabc226}
.ticker{background:linear-gradient(100deg,#fff9e9,#f2d78d 35%,#fff6dc 65%,#e7c570);color:#705420;border-block:1px solid #dabc74}.ticker b{color:#a07924}
.skills{background:radial-gradient(ellipse at 85% 5%,#fff9e9 0%,transparent 40%),linear-gradient(150deg,#edf8ff,#fff 55%,#e4f3fc)}
.skills-grid{border-color:#cfdfeb;border-radius:12px;overflow:hidden;box-shadow:0 12px 30px #6e9fb70c}.skill{border-color:#cfdfeb;background:#ffffff88}.skill.primary{background:linear-gradient(145deg,#fffdf7,#fff3d330,#fff);box-shadow:inset 0 3px #d6b05a}.skill h3{color:#264f69}.skill p{color:#536e80}.skill-top{color:#637e8e}.skill.primary .skill-top{color:#8c671e}.skill-icon{color:#a58235}.experience strong{color:#264d66}.experience .detail{color:#84601b}.live:before{background:#bc9033;box-shadow:0 0 9px #dec77d88}.timer-note{color:#60778b}
.approach{background:linear-gradient(180deg,#fff,#f4faff)}.trait-icon{color:#b48b31}.trait p{color:#536e80}.trait-number{color:#728998}
.community{background:radial-gradient(ellipse at 80% 4%,#fff 0%,transparent 50%),linear-gradient(115deg,#e2f3ff 0%,#fff 47%,#fff4d3 82%,#f0d38a 100%);color:#294d66;border-top:1px solid #d4e5ee;border-bottom:1px solid #e6d4a0}.community .eyebrow{color:#8b671e}.community p{color:#546e7c}.community-links a{background:#ffffffa6;border-color:#d3b86f;color:#405a69;border-radius:9px;box-shadow:0 8px 24px #b6923610}.community-links a small{color:#8b6724}.community-links a>span:last-child{color:#ab8433}.community-links a:hover{background:#fff;box-shadow:0 8px 30px #b6923623}
footer{background:#fff}.footer-inner p,.tiny{color:#607b8e}.backtop{color:#5c7b8f}
.toast{background:linear-gradient(120deg,#fff,#fff7df);border-color:#d3b56e;color:#5e4b25;box-shadow:0 8px 35px #446d8730}
.sky-banks{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.sky-bank{position:absolute;width:620px;height:240px;opacity:.75;filter:blur(3px);background:radial-gradient(ellipse 19% 34% at 22% 57%,#fff 92%,transparent 100%),radial-gradient(ellipse 22% 49% at 43% 42%,#fff 92%,transparent 100%),radial-gradient(ellipse 24% 39% at 67% 55%,#fff 92%,transparent 100%),radial-gradient(ellipse 42% 22% at 47% 75%,#fff 94%,transparent 100%);animation:cloud-drift 18s ease-in-out infinite alternate}
.sky-bank:first-child{left:-220px;top:31%;transform:rotate(-5deg)}.sky-bank:nth-child(2){right:-250px;top:20%;opacity:.6;animation-delay:-8s}.sky-bank:nth-child(3){width:900px;height:260px;left:12%;top:48%;opacity:.35;animation-delay:-4s;filter:blur(12px)}
body.overdrive .hero{background:linear-gradient(180deg,#e2f2ff,#e3eff8 26%,#fff1ca 70%,#fffdf7)}
body.overdrive .hero:before{background:radial-gradient(ellipse at 76% 14%,#fff8d5,transparent 55%);background-color:transparent}
body.overdrive .hero-art svg{animation-duration:6s}body.overdrive .ticker-track{animation-duration:28s}body.overdrive .star{animation-duration:30s}
@keyframes cloud-drift{from{translate:-12px 0}to{translate:25px -10px}}
@media(max-width:620px){.hero-title{-webkit-text-stroke:.75px #bb954a66}.sky-bank{width:390px;height:160px}.sky-bank:first-child{left:-200px;top:26%}.sky-bank:nth-child(2){right:-220px;top:16%}.sky-bank:nth-child(3){width:550px;left:-35%;top:38%}.mode{font-size:8px}.hero-art{filter:drop-shadow(0 18px 20px #6eabd14d)}.project{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.sky-bank{animation:none}}