/* AYS — quiet navy surfaces, ice-blue accents and an unframed geometric mark. */
:root,html[data-theme="navy"]{--bg:#080f1b;--surface:#101b2b;--surface-soft:#0d1624;--line:#243248;--text:#eef4fc;--muted:#9aaac0;--accent:#a4c9f0;--accent-strong:#446da7;--glow:108,160,218;--button-start:#294b7a;--button-end:#416ba2}
html[data-theme="blue"]{--accent:#b5d9ff;--accent-strong:#527fb8;--glow:123,180,237;--button-start:#345c8a;--button-end:#4d76ab}
html[data-theme="mono"]{--accent:#c7d3e2;--accent-strong:#65758a;--glow:153,174,199;--button-start:#354356;--button-end:#5b6b80}
body{background:var(--bg)}.header{background:#080f1bef;border-color:#243248}.header::after{display:none}
.brand{gap:11px}.brand-word{font-size:28px;font-weight:800;letter-spacing:3px;line-height:1}.brand-mark{width:41px;height:41px;filter:none}
.nav-contact{border-color:#3a516e;background:#101c2b;box-shadow:none}.nav-contact:hover{background:#192b42;border-color:#789ac1}.contact-plus{color:var(--accent)}.desktop-nav a.active::after{background:var(--accent);box-shadow:none}
.hero{isolation:isolate;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)}.hero .eyebrow{color:#a9bdd5}.hero .eyebrow .tiny-cross{color:var(--accent);text-shadow:none}
.hero h1{margin-right:-26px;margin-bottom:18px;display:grid;position:relative;font-size:clamp(40px,4.6vw,65px)}
.hero-slide{grid-area:1/1;display:block;opacity:0;visibility:hidden;transform:translateY(17px);filter:blur(5px);transition:opacity .6s ease,transform .6s ease,filter .6s ease,visibility .6s;pointer-events:none}.hero-slide.is-active{opacity:1;visibility:visible;transform:translateY(0);filter:blur(0)}
.hero-slide em{font-style:normal;background:linear-gradient(100deg,#e0efff,#a6cef7 48%,#6996cd);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-slide[data-slide="1"] em{background-image:linear-gradient(100deg,#b8d9f9,#80afe1)}.hero-slide[data-slide="2"] em{background-image:linear-gradient(100deg,#e0efff,#a1c6ed)}.hero-slide .accent{color:var(--accent)}
.headline-controls{display:flex;align-items:center;gap:10px;margin:0 0 21px;height:25px}.headline-step{position:relative;display:flex;align-items:center;width:35px;height:25px;outline-offset:3px!important}.headline-step::before{content:"";height:2px;width:100%;border-radius:3px;background:#334257;transition:background .4s}.headline-step[aria-pressed="true"]::before{background:var(--accent);box-shadow:none}.headline-counter{font:12px var(--mono);color:#8ea6c1;margin-left:8px;letter-spacing:.13em}
.hero-description{color:#a4b3c8}.hero-caption{color:#8da1bb}.caption-slash{color:#708cab}.gradient-text{background-image:linear-gradient(100deg,#e4f0ff,#a5c9ee 55%,#6f9ccd)}
.button-primary{background:linear-gradient(110deg,var(--button-start),var(--button-end));border-color:#7094bc65;box-shadow:inset 0 1px #dfecff1c,0 5px 18px #00000012}.button-primary:hover{box-shadow:0 7px 24px #4b78b024;border-color:#8fafd3}.button-primary .icon{color:#d8eaff}.button-secondary{background:#111d2e;border-color:#354a63}.button-secondary:hover{background:#192b41;border-color:#6483a5}
.hero-art{transform:none;min-width:0;border:0;background:none;box-shadow:none}.art-grid{background-image:linear-gradient(#7093bb15 1px,transparent 1px),linear-gradient(90deg,#7093bb15 1px,transparent 1px);background-size:43px 43px;mask-image:radial-gradient(ellipse,#000 8%,transparent 64%);opacity:.65}.art-glow{inset:15px 0;background:radial-gradient(ellipse,#6899d124 0%,#4065900c 43%,transparent 68%)}
.logo-sculpture{width:275px;top:49%;filter:drop-shadow(0 16px 25px #02071166) drop-shadow(0 0 28px #73a8e31c);animation:ays-float 7s ease-in-out infinite;transform:translate(-50%,-50%) rotate(-8deg)}.hero-monogram{overflow:visible;filter:none!important}
.orbit-one{width:395px;height:395px;border-color:#9abce521;box-shadow:none;overflow:hidden}.orbit-one::after{inset:16px;border-color:#8daace17}.orbit-one::before{display:none}.orbit-two{width:455px;height:235px;transform:translate(-50%,-50%) rotate(-32deg);border-color:#96bce432;box-shadow:none}.orbit-three{display:none}
.orbit-point{background:#aacbef;box-shadow:0 0 10px #8cb8e63d}.point-two{background:#7da3ce;box-shadow:none}
.art-label{border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;color:#a5bfdc;padding:12px 14px}.label-code{left:0;bottom:67px;transform:rotate(-3deg);font-size:12px}.label-code .muted{color:#788ea9;font-size:11px}.label-build{right:0;top:66px;transform:rotate(3deg);font-size:10px}.label-build strong{color:#a4c7ee}.build-glyph{color:#a4c7ee;text-shadow:none;font-size:28px}
.art-coordinate{color:#7d98b7;font-size:10px}.coordinate-top{left:59px;top:10px}.coordinate-bottom{left:36px;bottom:10px;color:#6f8baa}.art-cross{color:#84a4c8;font-size:22px}.hero-bottom{border-top:1px solid #617d9b20;padding-top:16px}.mouse-shape{border-color:#48627f}.mouse-shape::after{background:#a4c7ee}
.tech-strip{background:#0c1624;border-color:#25364c}.tech-word{color:#a7bad1}.js-glyph{background:#a7bed9}.node-word span{color:#809ab9}.section-label{color:#a0c3e9}.section-label .tiny-cross{color:#7595b8}.muted-heading{color:#869cb6}
.terminal-card{border-color:#314967;background:linear-gradient(135deg,#122035,#0d1726);box-shadow:0 20px 60px #00000020}.terminal-bar{border-color:#273c57;color:#91a9c6}.terminal-status{background:#162338;border-color:#2b405b;color:#90a6c1}.code-key{color:#a3c5ec}.code-string{color:#afcde6}.code-value{color:#7ea9d6}.terminal-input-line{border-color:#283b54}.terminal-input-line label{color:var(--accent)}
.project-card{background:#101b2b;border-color:#2b3d55}.project-card:hover{border-color:#6686ad;box-shadow:0 12px 35px #00000024}.tags span{background:#19283b;border-color:#314860;color:#aac2dd}.project-plus{color:#aacbef}
.skills-section{background:#0b1522;border-color:#24374e}.skill-card{background:linear-gradient(135deg,#15243a,#0e1928);border-color:#2c415a}.skill-icon{color:#a7cbf0}.skill-tags span{border-color:#334961;color:#acbfd7}
.timeline-tag{color:#a6caed;background:#87b1dd0b;border-color:#89b0da30}.timeline article:first-child::before{background:#a4c9f0;box-shadow:0 0 0 1px #88add5,0 0 12px #8bb8e630}.journey-sign,.note-toggle{color:#9dbfe5}.note[open] h3{color:#bed8f5}
.contact-section{background:radial-gradient(ellipse at 15% 95%,#5d8cc015,transparent 64%),#0d192a;border-color:#304660}.contact-form input,.contact-form textarea,.contact-form select{background:#0b172766;border-color:#3a506b}.contact-form select option{background:#122139}.email-link{border-color:#85acd380}.copy-email .icon{color:#a4c7ee}.footer-top{border-color:#293c54}.footer .brand-word{font-size:25px}.footer .brand-mark{width:34px;height:34px}
.navy-dot{background:#a4c9f0}.blue-dot{background:#739dd0}.mono-dot{background:#b5c0cf}.theme-dot[aria-pressed=true]{outline-color:#a3bbd5}dialog{background:linear-gradient(130deg,#16253c,#101b2c);border-color:#496889}.dialog-detail{border-color:#344d6b}
.motion-paused .logo-sculpture{transform:translate(-50%,-50%) rotate(-8deg)!important}.motion-paused .hero-slide{transition:none}.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}html[data-theme="mono"] .brand-mark,html[data-theme="mono"] .hero-art{filter:grayscale(1)}
@keyframes ays-float{0%,100%{transform:translate(-50%,-50%) rotate(-8deg)}50%{transform:translate(-50%,-54%) rotate(-5deg)}}
@media(min-width:1550px){.hero h1{font-size:68px}.logo-sculpture{width:300px}}
@media(max-width:1150px){.hero h1{font-size:50px}.logo-sculpture{width:240px}.orbit-one{width:330px;height:330px}.orbit-two{width:365px;height:200px}.label-code{left:0;bottom:35px}.label-build{top:30px}.coordinate-top{left:25px;font-size:9px}.coordinate-bottom{bottom:0}}
@media(max-width:900px){.hero h1{font-size:clamp(35px,4.7vw,45px)}.brand-word{font-size:25px}.brand-mark{width:37px;height:37px}.logo-sculpture{width:210px}.orbit-one{width:280px;height:280px}.orbit-two{width:290px;height:160px}.label-code{font-size:10px;bottom:28px}.label-code .muted{font-size:9px}.label-build{font-size:8px;top:28px;right:0}.coordinate-top{left:12px;font-size:8px;top:0}.coordinate-bottom{font-size:8px;left:13px;bottom:-5px}.hero-art{height:380px}.hero-caption{font-size:11px}.hero-bottom{padding-top:14px}.terminal-content pre{font-size:11px}}
@media(max-width:640px){.brand-word{font-size:25px}.brand{gap:9px}.brand-mark{width:33px;height:33px}.hero{padding-top:40px;padding-bottom:86px}.hero h1{font-size:clamp(31px,8.5vw,52px);margin-right:0;margin-bottom:14px}.headline-controls{margin-bottom:19px}.hero-caption{font-size:12px}.hero-art{height:370px;margin-top:35px}.logo-sculpture{width:238px;top:49%}.orbit-one{width:300px;height:300px}.orbit-two{width:300px;height:170px}.label-code{left:0;bottom:24px;padding:10px 13px;font-size:11px}.label-build{top:25px;right:0;font-size:9px}.coordinate-top{left:16px;top:-4px;font-size:8px}.coordinate-bottom{left:16px;bottom:-17px;font-size:8px}.art-cross{bottom:-17px}.hero-bottom{padding-top:16px;bottom:14px}.art-glow{inset:0}.art-grid{inset:0}.hero .eyebrow{font-size:12px}.terminal-content pre{font-size:12px}.footer .brand-mark{width:31px;height:31px}.theme-picker{flex-wrap:wrap;row-gap:15px}}
@media(max-width:360px){.hero h1{font-size:31px}.logo-sculpture{width:207px}.hero-art{height:340px}.orbit-one{width:260px;height:260px}.orbit-two{width:250px;height:140px}.label-code{bottom:24px;font-size:10px}.label-build{font-size:8px;top:18px}.hero-caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.logo-sculpture{animation:none!important;transform:translate(-50%,-50%) rotate(-8deg)!important}}