:root{--bg:#0b1417;--bg-2:#11262a;--surface:rgba(20,36,39,.86);--surface-solid:#142427;--text:#edf2ed;--muted:#afc2c2;--muted-2:#91aaa9;--brand:#8be0c0;--accent:#a1ead2;--line:rgba(165,212,195,.18);--radius-xl:24px;--radius-lg:18px}
:root.light{--bg:#f4f6ef;--bg-2:#e6eee5;--surface:#fffef9;--surface-solid:#fffef9;--text:#162d2a;--muted:#49635e;--muted-2:#536d65;--brand:#256b55;--accent:#236c55;--line:rgba(32,83,66,.2)}
body{background:var(--bg)}
.ambient-bg{opacity:.22}.ambient-ring,.ambient-beam,.ambient-lines{display:none}
header{background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(16px)}
.brand{font-size:15px}.nav-links a{font-size:14px;padding:10px 8px}.nav{gap:12px}
.hero{min-height:740px;padding:85px 0 95px}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:64px}
h1{font-size:clamp(48px,6.1vw,78px);line-height:1.03;letter-spacing:-.065em;margin-top:24px}
.gradient-text{background:none;color:var(--brand)}
.eyebrow{border:0;padding:0;background:none;font-size:12px;letter-spacing:.14em}
.hero-role{font-size:clamp(24px,2.8vw,34px);color:var(--text);font-weight:500;line-height:1.25;margin-top:26px}
.hero-copy{max-width:500px;font-size:16px}.hero-meta{font-size:12px}
.btn{border-radius:8px;font-weight:700}.btn.primary{background:var(--brand);color:var(--bg);box-shadow:none}.btn.secondary{background:transparent}
.hero-panel{padding:28px;background:var(--surface);animation:fadeUp .85s ease .25s both;box-shadow:none}
.hero-panel::before{display:none}.panel-kicker{font-size:12px}.panel-title{font-size:30px;margin-top:12px}.hero-panel>p{font-size:14px;color:var(--muted)}
.workflow-art{height:275px;position:relative;display:grid;place-items:center;isolation:isolate}
.workflow-center{width:104px;height:104px;background:var(--brand);color:var(--bg);border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:52px;font-weight:750;line-height:1.1;transform:rotate(-8deg);box-shadow:0 0 65px #88dfbd20}
.workflow-center span{font-size:9px;letter-spacing:.13em;margin-top:5px}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:200px;height:200px;animation:ringSpin 22s linear infinite}
.orbit::before{content:'';position:absolute;width:9px;height:9px;background:var(--brand);border-radius:50%;top:24px;left:24px}.orbit-two{width:260px;height:260px;animation-direction:reverse;animation-duration:32s}.orbit-two::before{opacity:.5}
.orbit-label{position:absolute;font-size:12px;padding:6px 10px;background:var(--surface-solid);border:1px solid var(--line);border-radius:7px;animation:softFloat 6s ease-in-out infinite}.label-one{top:28px;left:0}.label-two{right:0;top:100px;animation-delay:-2s}.label-three{bottom:25px;left:22px;animation-delay:-4s}
.feature-link{display:flex;justify-content:space-between;font-size:14px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px;color:var(--accent)}
.section{padding-top:88px}.section-head{border-top:1px solid var(--line);padding-top:30px;margin-bottom:32px}h2{font-size:clamp(32px,4vw,44px)}
.card{box-shadow:none}.projects-grid{gap:20px}.project-card{padding:28px;min-height:245px}.project-card p,.experience-body>p,.experience-bullets{font-size:16px}.project-type,.tag,.project-link{font-size:12px}.tag{border-radius:5px}.skill-group p{font-size:14px}
.featured-project{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:54px;padding:40px;border-color:color-mix(in srgb,var(--brand) 45%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 7%,var(--surface-solid)),var(--surface-solid));scroll-margin-top:100px}
.featured-project h3{font-size:38px;margin:15px 0}.featured-project .feature-intro{font-size:20px;color:var(--text);line-height:1.45;margin-bottom:18px}.feature-steps{display:flex;flex-direction:column;justify-content:center;gap:0}.step{display:flex;gap:18px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.step>span{color:var(--accent);font-family:monospace;font-size:14px}.step strong{font-size:16px;font-weight:600}.step p{font-size:14px;margin-top:3px}.build-note{font-size:12px;color:var(--muted);margin-top:20px}
.case-details{margin-top:26px;border-top:1px solid var(--line);position:relative;z-index:1}.case-details summary{cursor:pointer;padding:18px 0;font-size:14px;color:var(--accent);display:flex;justify-content:space-between;list-style:none}.case-details summary::-webkit-details-marker{display:none}.case-details[open] summary span{transform:rotate(45deg)}.case-details p+p{margin-top:15px}.case-details[open] p{animation:fadeUp .35s ease both}
.reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--brand);z-index:200;pointer-events:none}
.menu-btn{display:none}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important}html.motion-paused .reveal,html.motion-paused .hero *{opacity:1!important;transform:none!important}
@media(max-width:1100px){.nav-links{display:none}.menu-btn{display:grid}.nav-links.open{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--surface-solid);padding:18px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.hero-grid{gap:30px}.hero-meta{gap:10px}.featured-project{gap:30px}}
@media(max-width:780px){.hero{padding:52px 0 30px;min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-panel{max-width:none}.hero h1{font-size:clamp(45px,10vw,72px)}.hero-role{font-size:28px}.hero-meta{margin-bottom:12px}.workflow-art{height:270px}.featured-project{grid-template-columns:1fr;padding:26px;gap:12px}.projects-grid{grid-template-columns:1fr}.section{padding-top:60px}.hero-actions .btn{flex:1 1 140px}.brand{font-size:13px}.nav-right{gap:6px}.icon-btn{width:36px;height:38px}.featured-project h3{font-size:32px}}
@media(max-width:380px){.brand{max-width:145px;white-space:normal;line-height:1.25}.workflow-art{overflow:hidden}.hero-panel{padding:20px}}
@media(prefers-reduced-motion:reduce){.orbit,.orbit-label{animation:none}.hero-panel{opacity:1!important}.case-details[open] p{animation:none}}

/* Show the full career scope with IT experience first. */
.hero-panel .workflow-art{height:190px}.hero-panel .orbit-one{width:150px;height:150px}.hero-panel .orbit-two{width:185px;height:185px}.hero-panel .label-one{top:8px}.hero-panel .label-three{bottom:5px}.career-strengths{border-top:1px solid var(--line);margin-top:18px;padding-top:4px}.career-strengths p{font-size:13px;color:var(--muted);line-height:1.6;margin:12px 0}.career-strengths strong{font-size:14px;color:var(--text);font-weight:600}.hero-role{font-size:clamp(23px,2.4vw,32px)}