@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#10110f;--surface:#181a16;--text:#eeefe7;--muted:#9d9f94;--line:#30332b;--accent:#bafa59;--accent-ink:#12190b;--soft:#20271a;--header:rgba(16,17,15,.88)}
:root[data-theme=light]{color-scheme:light;--bg:#f4f4eb;--surface:#e9ebdf;--text:#20241a;--muted:#606653;--line:#d3d8c8;--accent:#426817;--accent-ink:#fff;--soft:#e0e7d3;--header:rgba(244,244,235,.9)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.6;transition:background .4s,color .4s}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{border:0}::selection{background:var(--accent);color:var(--accent-ink)}.shell{width:min(1280px,calc(100% - 112px));margin-inline:auto}.mono,.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:1.5px}.eyebrow{color:var(--muted);margin:0 0 22px}.accent{color:var(--accent)}.header{height:109px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:'Space Grotesk',sans-serif;font-size:36px;letter-spacing:-3px;font-weight:700;line-height:1}.logo span{font-size:36px;color:var(--accent);display:inline-block;margin-left:5px}.header nav{display:flex;gap:35px;margin-left:50px;font-size:13px}.header nav a{transition:color .2s}.header nav a:hover{color:var(--accent)}sup{font-family:monospace;font-size:9px;color:var(--muted);margin-left:3px}.theme-toggle{display:flex;gap:10px;align-items:center;background:transparent;font-size:11px}.theme-icon{font-size:22px;line-height:1}.hero-top{display:flex;justify-content:space-between;margin-top:31px;color:var(--muted);font-size:9px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 35%,transparent);margin-right:10px;vertical-align:middle}.hero-content{display:grid;grid-template-columns:1.32fr 1fr;align-items:center;min-height:530px;position:relative}.hero-copy{position:relative;z-index:1;padding-block:65px}.hero-copy .eyebrow{font-size:10px;margin-bottom:22px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:500}h1{font-size:clamp(44px,4.9vw,74px);line-height:1.075;letter-spacing:-3.7px;margin:0 -75px 27px 0}em{font-style:normal;color:var(--accent)}.hero-description{color:var(--muted);font-size:14px;line-height:1.85;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:14px 21px;font-size:12px;font-weight:600;border-radius:3px}.primary{background:var(--accent);color:var(--accent-ink);transition:transform .2s,box-shadow .2s}.primary:hover{transform:translateY(-3px);box-shadow:0 8px 35px #96d54020}.button span{font-size:20px;line-height:1}.text-link{font-size:12px}.text-link span{margin-left:10px}.hero-resume{margin-left:27px}.orbital{height:445px;position:relative;align-self:center;isolation:isolate}.orbital::before{content:'';position:absolute;inset:30px 0;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 9%,transparent),transparent 65%);z-index:-1}.orbital canvas{width:100%;height:100%;display:block}.orbit-tag{position:absolute;top:22px;right:8px;color:var(--muted);font-size:8px;letter-spacing:1px}.tiny-cross{margin-right:10px;color:var(--accent);font-size:16px}.orbital-bottom{display:flex;justify-content:space-between;position:absolute;bottom:14px;left:24px;right:0;color:var(--muted);font-size:8px;letter-spacing:.8px}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0 31px;font-size:8px;color:var(--muted)}.hero-bottom a span{margin-left:23px;font-size:14px}.tech-strip{border-block:1px solid var(--line);background:var(--surface)}.tech-strip .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px;font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.7px}.tech-strip b{color:var(--accent);font-size:20px;font-weight:400}.section{padding-block:98px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:15px}h2{font-size:clamp(32px,3.4vw,48px);letter-spacing:-2px;line-height:1.15;margin-bottom:0}.section-heading>p{color:var(--muted);font-size:12px;margin-bottom:4px;line-height:1.8}.filters{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap}.filters button{font-size:11px;padding:8px 14px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--muted)}.filters button.active{background:var(--text);color:var(--bg)}.filters button.active sup{color:inherit}.filters button:hover{border-color:var(--line)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 28px}.project[hidden]{display:none}.project-art{height:300px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:5px;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:30px 30px;transition:border-color .3s}.project:hover .project-art{border-color:var(--accent)}.art-label{position:absolute;top:19px;left:21px;font-size:8px;letter-spacing:1.5px;color:#a7b69c}.art-corner{position:absolute;right:20px;top:14px;font-size:22px;color:#c6d9ad;transition:transform .3s}.project:hover .art-corner{transform:translate(3px,-3px)}.art-footer{position:absolute;bottom:20px;left:22px;font-size:8px;color:#aab69d;letter-spacing:1px}.art-face{background-color:#1b251a}.face-frame{position:absolute;top:61px;left:calc(50% - 83px);width:166px;height:170px;border:1px solid #bafa5988;border-radius:5px;background:linear-gradient(0deg,#bdec5010,transparent)}.face-frame:before,.face-frame:after{content:'+';position:absolute;color:#bafa59;font-family:monospace;font-size:20px;top:-19px;left:-8px}.face-frame:after{top:auto;left:auto;bottom:-17px;right:-7px}.face{width:80px;height:108px;position:relative;border:1px solid #9aaa8199;margin:19px auto;border-radius:45% 45% 48% 48%;box-shadow:0 0 25px #bdeb6320}.face i{position:absolute;top:32px;left:19px;width:7px;height:3px;background:#b2ca9a}.face i:nth-child(2){left:52px}.mask{position:absolute;width:72px;height:41px;top:51px;left:3px;border:1px solid #bfeb83;border-radius:5px 5px 24px 24px;background:repeating-linear-gradient(0deg,#9cb67525 0px,#9cb67525 1px,transparent 1px,transparent 7px)}.detected{display:block;color:#bafa59;font-size:7px;letter-spacing:2px;text-align:center}.scan-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#bafa5999,transparent);width:100%;top:50%;animation:scan 6s ease-in-out infinite}.art-language{background-color:#232025}.art-language .art-label,.art-language .art-footer{color:#b4a5c3}.language-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-family:'Space Grotesk',sans-serif;line-height:1.15;font-size:42px;letter-spacing:-2px;color:#ede6f4}.meaning{color:#b8a0cb}.language-path{height:40px;display:flex;align-items:center;gap:55px;font-size:21px;color:#b8a0cb}.language-path i{width:4px;height:4px;border-radius:50%;background:#b8a0cb;box-shadow:0 0 0 5px #b8a0cb11}.art-scan{background-color:#18242a}.scan-visual{position:absolute;inset:58px 0 42px;width:190px;margin:auto;display:flex;align-items:center;justify-content:center;gap:14px}.lung{width:69px;height:153px;border-radius:75% 25% 35% 35%;background:repeating-linear-gradient(0deg,transparent 0,transparent 8px,#7ac5cc55 9px,#7ac5cc55 10px);border:1px solid #91c8cd77;transform:rotate(7deg);box-shadow:inset 0 0 25px #79cfda11}.lung.right{transform:scaleX(-1) rotate(7deg)}.scan-axis{position:absolute;height:180px;width:1px;background:#98c0c84d}.art-wine{background-color:#2b2220}.chart-visual{display:flex;align-items:end;justify-content:center;gap:11px;height:160px;position:absolute;bottom:66px;left:17%;right:17%;border-bottom:1px solid #b98d6955}.chart-visual i{width:24px;height:var(--h);background:linear-gradient(0deg,#be956822,#ddb085);border:1px solid #d6ac7977;border-radius:3px 3px 0 0;transition:transform .4s}.project:hover .chart-visual i{transform:scaleY(.9);transform-origin:bottom}.project-info{display:flex;justify-content:space-between;margin-top:16px;align-items:center}.project h3{font-size:18px;letter-spacing:-.5px;margin:0 0 4px}.project p{color:var(--muted);font-size:11px;margin:0}.project-info>span{color:var(--muted);font:10px monospace}.compact{border-block:1px solid var(--line);padding:28px 0;display:flex;align-items:center;gap:22px}.compact .eyebrow{font-size:8px;margin-bottom:9px}.compact h3{font-size:16px}.mini-symbol{font-size:37px;color:var(--accent);background:var(--soft);width:58px;height:66px;flex-shrink:0;text-align:center;line-height:66px;border-radius:5px}.project-arrow{margin-left:auto;font-size:25px}.github-link{display:block;width:fit-content;margin:33px auto 0;border-bottom:1px solid var(--line);padding-bottom:6px}.about{background:var(--surface);border-block:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about h2{font-size:clamp(35px,4vw,54px)}.about-symbol{font-size:145px;color:var(--accent);line-height:1;margin-top:55px;width:145px;animation:slow-spin 50s linear infinite}.about-copy>p{color:var(--muted);font-size:13px;line-height:1.9}.about-copy .large-copy{color:var(--text);font-size:21px;line-height:1.55;letter-spacing:-.3px}.skills{margin-top:32px;display:grid;gap:23px}.skills h3{font-size:9px;color:var(--muted);margin-bottom:12px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:10px;padding:5px 10px;border:1px solid var(--line);border-radius:3px}.credentials h2{font-size:35px}.credential-list a{display:grid;grid-template-columns:240px 1fr 20px;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:23px 0;transition:padding .2s,color .2s}.credential-list a:hover{color:var(--accent);padding-inline:10px}.credential-list .mono{font-size:9px;color:var(--muted)}.credential-list h3{font-size:16px;margin:0}.contact{border-top:1px solid var(--line);position:relative}.contact h2{font-size:clamp(52px,6.7vw,92px);letter-spacing:-4px}.contact-star{position:absolute;right:8%;top:100px;font-size:165px;color:var(--accent);font-weight:400;animation:slow-spin 50s linear infinite}.contact-bottom{display:flex;gap:25px;align-items:center;margin-top:35px;flex-wrap:wrap}.email-link{font-size:21px;border-bottom:1px solid var(--line);padding-bottom:6px;letter-spacing:-.5px}.email-link span{margin-left:35px}.copy-email{background:transparent;color:var(--muted);font-size:11px}.copy-email span{margin-left:6px}#copy-status{font-size:9px;color:var(--accent)}footer{border-top:1px solid var(--line);padding-block:30px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);gap:25px}footer .mono{font-size:8px;letter-spacing:1px}footer>div{display:flex;gap:23px;font-size:11px}footer a:hover{color:var(--text)}.skip-link{position:fixed;top:-80px;left:20px;background:var(--accent);color:var(--accent-ink);padding:12px;z-index:30}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cursor{display:none;position:fixed;z-index:1000;top:0;left:0;width:12px;height:12px;border:1px solid var(--accent);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:var(--accent);transition:width .25s,height .25s,background .25s,border-radius .25s,opacity .2s;opacity:0;align-items:center;justify-content:center}.cursor span{font:9px 'DM Sans',sans-serif;white-space:nowrap;color:var(--accent-ink)}.cursor.is-link{width:44px;height:44px;background:transparent}.cursor.has-label{width:67px;height:67px;background:var(--accent);border-color:var(--accent)}.cursor.is-text{width:2px;height:23px;border-radius:0}.cursor.is-down{scale:.85}@media(hover:hover) and (pointer:fine){body.custom-cursor,body.custom-cursor a,body.custom-cursor button{cursor:none}.custom-cursor .cursor{display:flex}}@keyframes scan{0%,100%{top:25%}50%{top:78%}}@keyframes slow-spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.hero-content{min-height:590px}.orbital{height:490px}}
@media(max-width:1000px){.shell{width:calc(100% - 64px)}h1{font-size:53px;letter-spacing:-3px}.hero-content{grid-template-columns:1.4fr 1fr;min-height:480px}.orbital{height:360px}.orbit-tag{font-size:7px}.orbital-bottom span:last-child{display:none}.tech-strip .shell{font-size:9px;gap:13px}.project-art{height:255px}.about-grid{gap:45px}.contact-star{right:3%;font-size:125px}.credential-list a{grid-template-columns:190px 1fr 20px}}
@media(max-width:700px){.shell{width:calc(100% - 40px)}.header{height:85px}.logo{font-size:31px}.logo span{font-size:29px}.header nav{gap:18px;margin-left:0;font-size:11px}.theme-label{display:none}.theme-toggle{padding:8px}.hero-top{font-size:7px;letter-spacing:1px;margin-top:23px}.edition{display:none}.hero-content{display:flex;flex-direction:column;align-items:stretch}.hero-copy{padding:49px 0 0}.hero-copy .eyebrow{font-size:8px}h1{font-size:clamp(39px,8.5vw,59px);letter-spacing:-2.5px;margin-right:0;margin-bottom:22px}.hero-description{font-size:12px}.button{padding:13px 18px;gap:30px}.hero-resume{margin-left:20px}.orbital{height:310px;width:min(100%,420px);align-self:center;margin-top:16px}.orbit-tag{right:10px;top:10px}.orbital-bottom{bottom:13px;left:10px;right:10px}.orbital-bottom span:last-child{display:inline}.hero-bottom{font-size:6px;letter-spacing:.7px;padding:20px 0;gap:15px}.hero-bottom a span{margin-left:8px}.tech-strip .shell{min-height:64px;flex-wrap:wrap;justify-content:center;gap:4px 12px;padding-block:13px;font-size:8px}.tech-strip b{font-size:13px}.tech-strip b:last-of-type{display:none}.tech-strip span:last-child{display:none}.section{padding-block:62px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:15px;font-size:11px}.section-heading>p br{display:none}h2{font-size:34px;letter-spacing:-1.7px}.filters{gap:3px}.filters button{font-size:9px;padding:7px 9px}.project-grid{grid-template-columns:1fr;gap:26px}.project-art{height:270px}.project h3{font-size:17px}.compact{padding:22px 0}.about-grid{grid-template-columns:1fr;gap:33px}.about-symbol{display:none}.about h2{font-size:42px}.about-copy .large-copy{font-size:20px}.credentials h2{font-size:29px}.credential-list a{grid-template-columns:1fr 20px;gap:8px;padding:20px 0}.credential-list .mono{grid-column:1;font-size:8px}.credential-list h3{grid-column:1;font-size:14px}.credential-list a>span:last-child{grid-row:1/3;grid-column:2}.contact h2{font-size:53px;letter-spacing:-2.5px}.contact-star{font-size:67px;top:117px;right:0}.contact .eyebrow{font-size:8px}.contact-bottom{gap:17px;margin-top:30px}.email-link{font-size:18px}.email-link span{margin-left:15px}footer{flex-wrap:wrap;gap:24px;padding-bottom:30px}footer>div{order:3;width:100%;justify-content:space-between;gap:15px}.back-top{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.cursor{display:none!important}body.custom-cursor,body.custom-cursor a{cursor:auto}body.custom-cursor button{cursor:pointer}}

/* Navigation and technology symbols */
.header nav{gap:24px;margin-left:0}.tags>span{display:inline-flex;align-items:center;gap:8px}.tech-icon{width:19px;height:19px;fill:currentColor;color:var(--accent);flex-shrink:0}.orbital:focus-visible{outline:1px solid var(--accent);outline-offset:5px;border-radius:8px}.mars{position:absolute;top:17%;right:7%;width:7px;height:7px;border-radius:50%;background:#d46b50;box-shadow:0 0 10px #dc60483d,0 0 25px #dc60481c;pointer-events:none;z-index:-1}.mars>span{position:absolute;left:13px;top:-3px;font:7px ui-monospace,monospace;letter-spacing:1px;color:#be7462}.orbital canvas{touch-action:none}
@media(max-width:1000px){.header nav{gap:16px;font-size:11px}.theme-label{display:none}}
@media(max-width:700px){.header{height:auto;min-height:106px;display:grid;grid-template-columns:1fr auto;padding-block:17px;row-gap:16px}.header nav{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:9px;font-size:10px}.theme-toggle{grid-column:2;grid-row:1}.mars{right:12%}}
/* Decorative rotation and pointer overlays never create horizontal scrolling. */
html,body{overflow-x:clip}

/* Colorful, self-contained technology marks. */

.orbital{user-select:none;cursor:grab}.orbital.is-dragging{cursor:grabbing}.custom-cursor .orbital{cursor:none}
.tech-icon[data-tech="Python"]{color:#55a9e4}.tech-icon[data-tech="Java"]{color:#ff954b}.tech-icon[data-tech="C++"]{color:#70a5ff}.tech-icon[data-tech="JavaScript"]{color:#f7df1e}.tech-icon[data-tech="SQL"]{color:#47cfea}.tech-icon[data-tech="TensorFlow"]{color:#ff972f}.tech-icon[data-tech="Keras"]{color:#ff5868}.tech-icon[data-tech="Google Cloud"]{color:#4285f4}.tech-icon[data-tech="Docker"]{color:#28b5f6}.tech-icon[data-tech="GitLab"]{color:#fc7d42}
.tech-icon[data-tech="JavaScript"] text{fill:#20231b}.tech-icon[data-tech="Keras"] path{stroke:#fff}
[data-theme=light] .tech-icon[data-tech="SQL"]{color:#007e9e}[data-theme=light] .tech-icon[data-tech="C++"]{color:#356dce}[data-theme=light] .tech-icon[data-tech="Docker"]{color:#0087c9}

:root{--orb-color:184,240,112}
:root[data-theme=light]{--orb-color:75,111,37}

.tech-icon[data-tech="C"]{color:#8cb8e8}.tech-icon[data-tech="Anaconda"]{color:#69bd45}
.more-credentials{margin-top:18px}.more-credentials summary{display:flex;align-items:center;gap:14px;list-style:none;padding:18px 0;font-size:12px;cursor:pointer;color:var(--muted);border-bottom:1px solid var(--line)}.more-credentials summary::-webkit-details-marker{display:none}.more-credentials summary:hover{color:var(--accent)}.more-credentials summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.credential-count{font:9px monospace;color:var(--accent)}.expand-icon{margin-left:auto;font-size:22px;color:var(--accent);transition:transform .25s}.more-credentials[open] .expand-icon{transform:rotate(45deg)}.when-open{display:none}.more-credentials[open] .when-open{display:inline}.more-credentials[open] .when-closed{display:none}.custom-cursor summary{cursor:none}

.hero-name{color:var(--accent);font-weight:700;font-size:1.2em;letter-spacing:1.8px}
.mars{width:9px;height:9px;background:#ff343d;box-shadow:0 0 9px #ff343daa,0 0 22px #ff343d55,0 0 38px #ff343d22}
.mars>span{color:#ff6268;font-weight:600;left:15px;top:-2px}
:root[data-theme=light] .mars>span{color:#ce1428}


.mars{z-index:3;pointer-events:auto;padding:0;cursor:pointer}.mars::before{content:'';position:absolute;inset:-15px;border-radius:50%}.mars:focus-visible{outline:2px solid var(--text);outline-offset:8px}.mars:hover{box-shadow:0 0 12px #ff343dcc,0 0 28px #ff343d88}.mars.is-earth{background:#69beff;box-shadow:0 0 12px #69beff99,0 0 25px #69beff44}.mars.is-earth>span{color:#69beff}.texture-credit{position:absolute;bottom:35px;left:24px;font:7px ui-monospace,monospace;color:var(--muted);z-index:2}.texture-credit[hidden]{display:none}.orbital[data-planet=mars]::before{background:radial-gradient(ellipse,#ef683419,transparent 67%)}

/* Lead with the person; keep the planetary interaction as a supporting detail. */
.hero-intro{font-family:'Space Grotesk',sans-serif;text-align:center;font-size:clamp(26px,3.1vw,42px);line-height:1.3;letter-spacing:-1.3px;margin:42px 0 5px}
.hero-intro .hero-name{font:inherit;font-weight:600;letter-spacing:inherit}
.hero-content{min-height:430px}.hero-copy{padding-block:38px}.orbital{height:345px;width:85%;justify-self:end}.orbit-tag{top:8px}.orbital-bottom{bottom:6px}.texture-credit{bottom:24px}
@media(min-width:1500px){.hero-content{min-height:470px}.orbital{height:380px}}
@media(max-width:1000px){.hero-content{min-height:390px}.orbital{height:295px;width:95%}}
@media(max-width:700px){.hero-intro{font-size:27px;letter-spacing:-.8px;margin:35px 0 8px}.hero-content{min-height:0}.hero-copy{padding:28px 0 0}.orbital{height:255px;width:min(100%,330px);align-self:center;margin-top:10px}.hero-intro .hero-name{white-space:nowrap}}

/* Compact planet hover label sits left of the pointer, away from the planet name. */
.cursor.has-label.is-travel{width:40px;height:40px;transform:translate(-100%,-65%);margin-left:-8px}.cursor.is-travel span{font-size:8px}
.mask-portrait{display:block;width:130px;height:132px;margin:8px auto 6px;stroke-linecap:round;stroke-linejoin:round}
.portrait-skin{stroke:#b6d398;stroke-width:1.5;fill:#a4cf8010}.portrait-hair{stroke:#c7e8a5;stroke-width:1.6;fill:#9fca7920}.portrait-detail{stroke:#d4edba;stroke-width:1.4}.portrait-shoulders{stroke:#88a972;stroke-width:1.3;fill:#a4cf800b}.portrait-straps{stroke:#c0db9b;stroke-width:1.4}.portrait-mask{stroke:#c7f18e;stroke-width:1.7;fill:#304a2a}.portrait-pleats{stroke:#a8d280;stroke-width:1;opacity:.8}

.mini-symbol svg{width:44px;height:44px;vertical-align:middle;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.emotion-symbol{color:#d1b5ff;background:#b58aea12}.learning-symbol{color:#8bc9ef;background:#64bbee12}.network-links{opacity:.55;stroke-width:1.1}.network-nodes{fill:var(--surface);stroke-width:1.8}

.orbital{cursor:auto}.orbital.over-planet{cursor:grab}.orbital.is-dragging{cursor:grabbing}.custom-cursor .orbital,.custom-cursor .orbital.over-planet,.custom-cursor .orbital.is-dragging{cursor:none}

/* Custom OM monogram: an open octagonal O enclosing an angular M. */
.brand-mark{display:inline-block;width:1em;height:1em;vertical-align:middle;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.mark-signal{stroke-width:2.8}.logo{display:inline-flex;align-items:center;gap:7px}.logo span{display:flex;margin-left:0;font-size:30px}.tech-strip b{display:flex}.about-symbol,.contact-star{animation:none}.contact-star .brand-mark{display:block}.email-button{min-width:170px}.contact-bottom .email-button span{margin-left:0}
@media(max-width:700px){.logo span{font-size:26px}.email-button{min-width:155px}}

/* Optical alignment: match the mark to the visible letterforms, not their line boxes. */
.brand-mark{vertical-align:-.14em}
.logo .brand-mark{display:block;transform:translateY(.07em)}
.tech-strip b{align-items:center;line-height:1;transform:translateY(.05em)}
.about-symbol{line-height:0}.about-symbol .brand-mark{display:block}
.contact h2{position:relative}
.contact-star{top:50%;transform:translateY(-50%);line-height:0}
@media(max-width:700px){.contact-star{top:50%;right:0}}

/* Extruded OM sculpture with a shared perspective camera. */
.monogram-widget{width:min(100%,300px);margin-top:32px}.monogram-stage{height:240px;position:relative;display:grid;place-items:center;perspective:750px;touch-action:none;user-select:none;cursor:grab;border-radius:16px;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 66%)}.monogram-stage:active{cursor:grabbing}.custom-cursor .monogram-stage{cursor:none}.monogram-stage:focus-visible:not(.pointer-focused){outline:1px solid var(--accent);outline-offset:4px}.monogram-solid{width:156px;height:156px;transform-style:preserve-3d;transform:rotateX(0deg) rotateY(0deg);will-change:transform;pointer-events:none}.monogram-layer{position:absolute;inset:0;transform:translateZ(var(--depth));color:#5f8630;backface-visibility:visible}.monogram-layer .brand-mark{display:block;width:100%;height:100%;stroke-width:2.8;overflow:visible}.monogram-layer:nth-child(3n){color:#789e3e}.monogram-layer:first-child{color:#92bf51}.monogram-layer:last-child{color:var(--accent);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 22%,transparent))}.monogram-shadow{position:absolute;bottom:16px;left:22%;width:56%;height:22px;border-radius:50%;background:#0006;filter:blur(12px);pointer-events:none}.monogram-controls{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:8px;letter-spacing:1px;padding:0 24px}.monogram-reset{font:inherit;letter-spacing:inherit;background:transparent;padding:8px;color:var(--muted)}.monogram-reset:hover{color:var(--accent)}
[data-theme=light] .monogram-layer{color:#8da96e}[data-theme=light] .monogram-layer:nth-child(3n){color:#658942}[data-theme=light] .monogram-layer:last-child{color:var(--accent)}
@media(max-width:700px){.monogram-widget{width:240px;margin:24px auto 0}.monogram-stage{height:205px}.monogram-solid{width:130px;height:130px}.monogram-controls{font-size:7px;padding:0 10px}}
@media(prefers-reduced-motion:reduce){.monogram-solid{will-change:auto}}

.monogram-stage.pointer-focused:focus{outline:none}

.portrait-hair{fill:#60813c55;stroke-width:1.8}.portrait-hair-lines{stroke:#b7d98d;stroke-width:1;opacity:.8}.portrait-collar{stroke:#aac68a;stroke-width:1.2}

/* Equal-sized project artwork with detailed, scalable illustrations. */
.lung-illustration{position:absolute;width:225px;height:185px;left:50%;top:50%;transform:translate(-50%,-48%);stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px #71c5d01c)}.lung-tissue{stroke:#94d6dd;stroke-width:1.5;fill:#68bac017}.lung-trachea{stroke:#b8e9e9;stroke-width:2}.lung-bronchi{stroke:#91d6d9;stroke-width:1.6}.lung-fissures{stroke:#6dacb4;stroke-width:1;opacity:.65}.lung-crosshair{stroke:#77bec6;stroke-width:1;opacity:.6}
.art-emotion{background-color:#251f2e;color:#cfb1ed}.art-learning{background-color:#182731;color:#91cdef}.project-emblem{position:absolute;inset:48px 0 44px;display:flex;align-items:center;justify-content:center}.project-emblem svg{width:170px;height:170px;max-height:100%;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 18px #b4cbec18)}.project-emblem .network-links{stroke-width:.65}.project-emblem .network-nodes{stroke-width:1.2;fill:#182731}.art-emotion .art-label,.art-emotion .art-footer{color:#b4a0c8}.art-learning .art-label,.art-learning .art-footer{color:#9abacb}

/* Compact artwork panels consistently across all six projects. */
.project-art{height:240px}.project-grid{gap:28px 24px}
.face-frame{top:43px;transform:scale(.82);transform-origin:top center}
.language-visual{font-size:36px}.language-path{height:32px}
.lung-illustration{width:195px;height:160px}
.chart-visual{height:130px;bottom:52px}
.project-emblem{inset:40px 0 34px}.project-emblem svg{width:145px;height:145px}
.project-info{margin-top:12px}
@media(max-width:1000px){.project-art{height:205px}.face-frame{top:39px;transform:scale(.72)}.lung-illustration{width:175px;height:144px}.chart-visual{height:105px;bottom:46px}.project-emblem svg{width:125px;height:125px}.language-visual{font-size:32px}}
@media(max-width:700px){.project-art{height:215px}.project-grid{gap:24px}.face-frame{top:40px;transform:scale(.76)}.lung-illustration{width:185px;height:152px}.chart-visual{height:115px;bottom:48px}.project-emblem svg{width:135px;height:135px}.language-visual{font-size:34px}}

/* Direct profile access and quieter supporting motifs. */
.linkedin-button{display:inline-flex;gap:9px;margin-left:20px;padding:10px 14px;border:1px solid var(--line);color:var(--text);vertical-align:middle}.linkedin-button svg{width:16px;height:16px;color:#71b7ed}.linkedin-button>span{font-size:16px}.linkedin-button:hover{border-color:#71b7ed;background:#71b7ed0a}.tech-strip b.skill-divider{font-family:Arial,sans-serif;font-size:13px;line-height:1;color:var(--muted);transform:none;align-items:center}.monogram-controls{justify-content:center}.contact-connect{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:150px;height:150px;color:var(--accent)}.contact-connect svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1000px){.linkedin-button{margin:18px 0 0;display:flex;width:fit-content}.contact-connect{right:3%;width:120px;height:120px}}
@media(max-width:700px){.contact-connect{right:0;width:60px;height:60px}}

/* Vector arrows keep their shape across mobile and desktop fonts. */
svg.ui-arrow{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.14em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:inherit}

/* Professional experience */
.experience-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.experience-role{display:grid;grid-template-columns:1fr 2fr;gap:48px;padding:36px 0;border-bottom:1px solid var(--line)}
.experience-meta{display:flex;flex-direction:column;gap:14px;padding-left:22px;position:relative}
.experience-meta::before{content:"";position:absolute;left:0;top:5px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.experience-date{font-size:10px;letter-spacing:1px;color:var(--muted)}
.experience-company{font-size:22px;font-weight:600;color:var(--text)}
.experience-body h3{font-size:24px;letter-spacing:-.6px;margin:0 0 18px;font-weight:500;color:var(--text)}
.experience-body ul{margin:0;padding-left:17px;color:var(--muted);font-size:14px;line-height:1.85}
.experience-body li+li{margin-top:8px}.experience-body li::marker{color:var(--accent)}
.experience-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.experience-tags span{border:1px solid var(--line);border-radius:4px;padding:5px 9px;font-size:10px;color:var(--muted)}
@media(max-width:1000px){.header nav{gap:16px}}
@media(max-width:700px){.header nav{flex-wrap:wrap;justify-content:flex-start;gap:4px 18px}.header nav a{display:inline-flex;align-items:center;min-height:36px}.experience-role{grid-template-columns:1fr;gap:20px;padding:28px 0}.experience-meta{gap:9px}.experience-company{font-size:20px}.experience-body h3{font-size:22px}.experience-body ul{font-size:13px}}

/* Clear section labels and an interactive career timeline. */
.technologies-heading{font-size:26px;letter-spacing:-.7px;margin:30px 0 24px}.about-copy h4.mono{color:var(--muted);font-size:10px;letter-spacing:1.5px;margin:24px 0 16px}
.experience-hint{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px;letter-spacing:1.3px;margin:0 0 26px}
.experience-list{border:0;position:relative;padding-left:28px}.experience-list::before{content:"";position:absolute;left:3px;top:30px;bottom:30px;width:1px;background:var(--line)}
.experience-role{display:block;position:relative;padding:0;margin-bottom:14px;border:0}.experience-role::before{content:"";position:absolute;left:-29px;top:34px;width:9px;height:9px;background:var(--bg,#10110f);border:1px solid var(--muted);border-radius:50%;transition:background .25s,box-shadow .25s}.experience-role:first-child::before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 10%,transparent)}
.experience-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .25s,box-shadow .25s}.experience-role:first-child .experience-card{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 4%,transparent),transparent 70%),var(--surface)}
.experience-card-header{display:grid;grid-template-columns:1fr 2fr 24px;align-items:center;gap:28px;list-style:none;cursor:pointer;padding:28px 30px}.experience-card-header::-webkit-details-marker{display:none}.experience-card-header:focus-visible{outline:2px solid var(--accent);outline-offset:-5px;border-radius:12px}
.experience-meta{padding:0;gap:10px}.experience-meta::before{display:none}.experience-company{font-size:21px}.experience-title-group{display:flex;flex-direction:column;gap:10px}.experience-role-title{font-size:24px;letter-spacing:-.6px;font-weight:500}.experience-current{color:var(--accent);font-size:8px;letter-spacing:1.6px;font-family:ui-monospace,monospace}
.experience-toggle{width:24px;height:24px;border:1px solid var(--line);border-radius:50%;position:relative;color:var(--muted)}.experience-toggle::before,.experience-toggle::after{content:"";position:absolute;top:10px;left:6px;width:10px;height:1px;background:currentColor;transition:transform .25s}.experience-toggle::after{transform:rotate(90deg)}[open] .experience-toggle{color:var(--accent)}[open] .experience-toggle::after{transform:rotate(0deg)}
.experience-body{padding:0 30px 28px 35%}.experience-body ul{font-size:14px}.experience-tags{margin-top:18px}.experience-tags span{background:color-mix(in srgb,var(--text) 3%,transparent)}
@keyframes career-open{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.experience-card:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));box-shadow:0 7px 24px #00000012}.experience-card-header:hover .experience-role-title{color:var(--accent)}}
@media(max-width:700px){.experience-hint{flex-direction:column;gap:9px;font-size:8px}.experience-list{padding-left:22px}.experience-role::before{left:-23px;top:29px}.experience-card-header{grid-template-columns:1fr 24px;gap:18px;padding:23px 20px}.experience-meta{grid-column:1}.experience-title-group{grid-column:1;grid-row:2}.experience-toggle{grid-column:2;grid-row:1/3}.experience-role-title{font-size:20px}.experience-body{padding:0 20px 23px}.experience-body ul{font-size:13px}.experience-company{font-size:19px}.experience-date{font-size:9px}.experience-card{border-radius:9px}}
@media(prefers-reduced-motion:reduce){.experience-card,.experience-role::before,.experience-toggle::before,.experience-toggle::after{transition:none}}

/* Experience remains fully visible; cards are informational. */
.experience-card-header{cursor:default;grid-template-columns:1fr 2fr}.experience-role-title{margin:0}.experience-card-header:hover .experience-role-title{color:var(--text)}
@media(max-width:700px){.experience-card-header{grid-template-columns:1fr}}

.experience-role-title .role-level{display:inline-block;font-size:.62em;font-weight:400;letter-spacing:0;color:var(--muted);white-space:nowrap}

/* Company cards contain individual career steps. */
.company-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px;border-bottom:1px solid var(--line)}.company-heading h3{font-size:28px;letter-spacing:-.7px;margin:9px 0 0}.company-eyebrow,.company-tenure{font-size:9px;letter-spacing:1.3px;color:var(--muted)}
.promotion-list{list-style:none;margin:0;padding:10px 30px 12px 62px}.promotion-role{position:relative;padding:25px 0 28px 24px}.promotion-role::before{content:"";position:absolute;left:-9px;top:33px;bottom:-33px;width:1px;background:var(--line)}.promotion-role:last-child::before{display:none}.promotion-role::after{content:"";position:absolute;left:-13px;top:30px;width:7px;height:7px;border:1px solid var(--muted);border-radius:50%;background:var(--surface)}.promotion-role.is-current::after{border-color:var(--accent);background:var(--accent);animation:promotion-pulse 3s ease-in-out infinite}.promotion-heading{display:flex;align-items:center;gap:16px;margin-bottom:13px}.promotion-role .experience-role-title{font-size:22px}.promotion-description{margin-top:18px;max-width:760px}.promotion-description ul{padding-left:16px;color:var(--muted);font-size:14px;line-height:1.85;margin:0}.promotion-description li+li{margin-top:8px}.promotion-description li::marker{color:var(--accent)}.promotion-role+.promotion-role{border-top:1px solid var(--line)}
@keyframes promotion-pulse{0%,100%{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 3%,transparent)}}
@media(hover:hover){.promotion-role .experience-role-title{transition:color .25s,transform .25s}.promotion-role:hover .experience-role-title{color:var(--accent);transform:translateX(3px)}}
@media(max-width:700px){.company-heading{padding:24px 20px;align-items:flex-start;flex-direction:column;gap:12px}.company-heading h3{font-size:25px}.promotion-list{padding:5px 20px 5px 34px}.promotion-role{padding-left:15px}.promotion-role .experience-role-title{font-size:20px}.promotion-description ul{font-size:13px}.promotion-heading{flex-wrap:wrap;gap:10px}.company-tenure{font-size:8px}}
@media(prefers-reduced-motion:reduce){.promotion-role.is-current::after{animation:none}.promotion-role .experience-role-title{transition:none}.promotion-role:hover .experience-role-title{transform:none}}

.career-path{display:flex;align-items:center;gap:18px;margin:25px 30px 0;padding:15px 20px;border:1px solid var(--line);border-radius:8px;width:fit-content;font-size:12px;color:var(--muted)}.career-path>.ui-arrow{opacity:.55}.career-path-current{color:var(--accent);display:flex;align-items:center;gap:9px}.career-path-current small{font-size:7px;letter-spacing:1px;border:1px solid var(--line);border-radius:3px;padding:3px 5px}
.floating-top{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));right:24px;z-index:50;display:flex;align-items:center;gap:8px;padding:13px 16px;background:var(--surface);color:var(--accent);border:1px solid var(--line);border-radius:30px;box-shadow:0 4px 20px #0003;font-size:12px;min-height:46px;transition:transform .2s,border-color .2s}.floating-top[hidden]{display:none}.floating-top .ui-arrow{width:18px;height:18px}.floating-top:hover{transform:translateY(-3px);border-color:var(--accent)}.floating-top:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:700px){.career-path{margin:20px 20px 0;gap:12px;padding:12px;font-size:11px}.floating-top{right:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:12px}.floating-top span{display:none}}
@media(prefers-reduced-motion:reduce){.floating-top{transition:none}}

/* Keep the current position distinct against the light palette. */
:root[data-theme=light] .promotion-role.is-current{background:#ddebc9;border-radius:8px;box-shadow:inset 3px 0 0 #426817;margin-block:12px;padding-right:18px}
:root[data-theme=light] .promotion-role.is-current .experience-role-title{color:#2e4d1b}
:root[data-theme=light] .promotion-role.is-current .experience-date,
:root[data-theme=light] .promotion-role.is-current .role-level{color:#435b32}
:root[data-theme=light] .promotion-role.is-current .experience-current{background:#426817;color:#fff;border-radius:4px;padding:5px 8px;font-weight:600;letter-spacing:1px}
:root[data-theme=light] .career-path-current small{background:#426817;color:#fff;border-color:#426817}

/* Light mode: cool whites and an emerald accent. */
:root[data-theme=light]{--bg:#f8faf9;--surface:#ffffff;--text:#172520;--muted:#5d6d66;--line:#dce5e0;--accent:#087f5b;--accent-ink:#ffffff;--soft:#e9f5ee;--header:rgba(248,250,249,.94);--orb-color:8,127,91}
:root[data-theme=light] .experience-card{box-shadow:0 6px 24px #173c2607}
:root[data-theme=light] .experience-role:first-child .experience-card{background:var(--surface);border-color:#b7d7c8}
:root[data-theme=light] .company-heading{background:#f4f9f6}
:root[data-theme=light] .promotion-role.is-current{background:#edf8f2;box-shadow:inset 3px 0 0 var(--accent)}
:root[data-theme=light] .promotion-role.is-current .experience-role-title{color:#075b42}
:root[data-theme=light] .promotion-role.is-current .experience-date,
:root[data-theme=light] .promotion-role.is-current .role-level{color:#45685a}
:root[data-theme=light] .promotion-role.is-current .experience-current,
:root[data-theme=light] .career-path-current small{background:var(--accent);border-color:var(--accent);color:white}
:root[data-theme=light] .career-path{background:#f8faf9}
:root[data-theme=light] .primary{box-shadow:0 4px 14px #087f5b18}
:root[data-theme=light] .linkedin-button svg{color:#0a66c2}
:root[data-theme=light] .monogram-layer{color:#8bc4ad}
:root[data-theme=light] .monogram-layer:nth-child(3n){color:#469779}
:root[data-theme=light] .monogram-layer:last-child{color:var(--accent)}
:root[data-theme=light] .monogram-shadow{background:#1d54352b}

/* Current-role panel in the dark palette. */
:root[data-theme=dark] .promotion-role.is-current{background:#23301b;border-radius:8px;box-shadow:inset 3px 0 0 var(--accent);margin-block:12px;padding-right:18px}
:root[data-theme=dark] .promotion-role.is-current .experience-role-title{color:#d4f4af}
:root[data-theme=dark] .promotion-role.is-current .experience-date,
:root[data-theme=dark] .promotion-role.is-current .role-level{color:#b4c6a4}
:root[data-theme=dark] .promotion-role.is-current .experience-current,
:root[data-theme=dark] .career-path-current small{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);border-radius:4px;padding:5px 8px;font-weight:600;letter-spacing:1px}
.education-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.education-card{display:grid;grid-template-columns:190px 1fr auto;gap:28px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:30px;transition:border-color .2s}.education-meta{display:flex;flex-direction:column;gap:10px;color:var(--muted)}.education-meta .mono{font-size:9px}.education-level{font-family:ui-monospace,monospace;font-size:8px;letter-spacing:1.2px}.education-details h3{font-size:21px;letter-spacing:-.5px;line-height:1.35;margin:0 0 10px}.education-details p{color:var(--muted);font-size:13px;margin:0}.education-score{display:flex;flex-direction:column;gap:5px;align-items:flex-end;min-width:86px}.education-score strong{color:var(--accent);font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:500}.education-score>span{font-family:ui-monospace,monospace;font-size:8px;color:var(--muted);letter-spacing:1px}.header nav{gap:22px;margin-left:24px}
@media(hover:hover){.education-card:hover{border-color:var(--accent)}}
@media(max-width:1000px){.header{display:grid;grid-template-columns:1fr auto;height:auto;min-height:106px;padding-block:17px;row-gap:16px}.header nav{grid-column:1/-1;grid-row:2;margin:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:11px}.header .theme-toggle{grid-column:2;grid-row:1}.education-card{grid-template-columns:1fr auto;gap:20px}.education-meta{grid-column:1/-1}.education-details h3{font-size:20px}}
@media(max-width:700px){.header nav{gap:4px 16px;font-size:10px}.education-card{padding:22px 20px;gap:18px}.education-details h3{font-size:18px}.education-details p{font-size:12px}.education-score{min-width:65px}.education-score strong{font-size:22px}.education-score>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.education-card{transition:none}}

/* Emphasize only the current position; keep clear space beside the timeline. */

:root .promotion-role.is-current{margin-left:12px;padding-left:20px}
:root .promotion-role.is-current::before{left:-21px}
:root .promotion-role.is-current::after{left:-25px}
@media(max-width:700px){:root .promotion-role.is-current{margin-left:10px;padding-left:16px}:root .promotion-role.is-current::before{left:-19px}:root .promotion-role.is-current::after{left:-23px}}

/* Company tint remains; current role is identified by its badge. */
:root[data-theme=dark] .promotion-role.is-current{background:transparent;box-shadow:none}

/* Keep planet cursor states on a shared, smoothly animated anchor. */
.cursor{transition:width .2s ease,height .2s ease,background .2s ease,border-radius .2s ease,opacity .2s ease,transform .2s ease}
.cursor.has-label{transform:translate(calc(-100% - 8px),-65%)}
.cursor.has-label.is-travel{transform:translate(calc(-100% - 8px),-65%);margin-left:0}
/* One uninterrupted hover target for the destination dot, gap, and label. */
.mars::before{inset:-15px -50px -15px -15px;border-radius:12px}
@media(prefers-reduced-motion:reduce){.cursor{transition:none}}

.experience-tech-label{margin:22px 0 10px;color:var(--muted);font-size:8px;letter-spacing:1.3px}.experience-tech-label+.experience-tags{margin-top:0}

.tech-icon[data-tech="Helm"]{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;color:#79a9fa}
[data-theme=light] .tech-icon[data-tech="Helm"]{color:#2557a7}

.technologies-heading{font-family:"Space Grotesk",sans-serif;font-size:clamp(26px,3vw,34px);font-weight:500;line-height:1.15;letter-spacing:-1px;margin:30px 0 24px}

#technologies .technologies-heading{font-family:"Space Grotesk",sans-serif;font-size:clamp(27px,2.6vw,32px);font-weight:700;line-height:1.15;letter-spacing:-1.3px;color:var(--text);text-transform:none;margin:30px 0 26px}

/* Quiet, visible controls and smaller cursor feedback. */
:root[data-theme=dark] .floating-top{background:#252a21;border-color:#647456;color:#daf2bc;box-shadow:0 6px 22px #0008,0 0 0 1px #ffffff08}
:root[data-theme=dark] .floating-top:hover{border-color:var(--accent);box-shadow:0 8px 26px #0009}
:root[data-theme=dark] .experience-role:first-child .experience-card{background:linear-gradient(115deg,#bafa5903,transparent 65%),#171916;border-color:#3b4433}
.cursor{width:10px;height:10px}
.cursor.is-link{width:32px;height:32px}
.cursor.has-label{width:48px;height:48px}
.cursor.has-label.is-travel{width:36px;height:36px}
.cursor.is-ring{width:32px;height:32px;background:transparent;border:1px solid var(--accent);border-radius:50%;transform:translate(-50%,-50%)}
.cursor.is-ring span{display:none}

/* A raised return control that stays readable against dark sections. */
:root[data-theme=dark] .floating-top{background:linear-gradient(145deg,#343b2e,#22271f);border-color:#738163;color:#e0f2ca;box-shadow:0 8px 24px #000b,0 2px 6px #0008,0 0 18px #bafa5912,inset 0 1px 0 #ffffff18}
:root[data-theme=dark] .floating-top:hover{border-color:#a4c17f;box-shadow:0 10px 30px #000c,0 3px 8px #0008,0 0 22px #bafa5920,inset 0 1px 0 #ffffff20}

/* Raised 3D Top button in dark mode. */
:root[data-theme=dark] .floating-top{background:linear-gradient(155deg,#49533d 0%,#333c2a 48%,#252e20 100%);border:1px solid #859471;color:#f0f8e5;box-shadow:0 5px 0 #10170c,0 6px 0 1px #52613f,0 12px 20px #000b,inset 0 2px 1px #ffffff24,inset 0 -2px 2px #0005;transform:translateY(-3px);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
:root[data-theme=dark] .floating-top:hover{transform:translateY(-5px);border-color:#a4b68c;box-shadow:0 7px 0 #10170c,0 8px 0 1px #52613f,0 16px 25px #000b,inset 0 2px 1px #ffffff2b,inset 0 -2px 2px #0005}
:root[data-theme=dark] .floating-top:active{transform:translateY(1px);box-shadow:0 1px 0 #10170c,0 2px 0 1px #52613f,0 5px 9px #0008,inset 0 1px 3px #0005}
@media(prefers-reduced-motion:reduce){:root[data-theme=dark] .floating-top{transition:none}}

/* One clean edge; soft elevation without a stacked rim. */
:root[data-theme=dark] .floating-top{background:linear-gradient(150deg,#3b4432,#252d20);border:1px solid #6c7c59;color:#eef6e3;box-shadow:0 8px 22px #0009,inset 0 1px 0 #ffffff12;transform:none}
:root[data-theme=dark] .floating-top:hover{border-color:#8c9f72;box-shadow:0 11px 26px #000a,inset 0 1px 0 #ffffff18;transform:translateY(-2px)}
:root[data-theme=dark] .floating-top:active{transform:translateY(1px);box-shadow:0 3px 8px #0008,inset 0 1px 3px #0003}