:root{font-family:Trebuchet MS,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#101217;background:radial-gradient(circle at top,rgba(255,74,41,.18),transparent 30%),linear-gradient(180deg,#2a1d1b,#171313);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--desktop-bg: #2a1d1b;--desktop-bg-deep: #171313;--desktop-line: rgba(255, 255, 255, .08);--surface: #cfcfc7;--surface-raised: #dcdcd4;--surface-deep: #b7b8af;--ink: #14161b;--muted: #3d4554;--titlebar-start: #6e120d;--titlebar-end: #d84624;--titlebar-text: #f8fbff;--accent: #d93621;--accent-strong: #8d170f;--focus: #ffbf47;--shadow: #737773;--highlight: #f8f8f4;--lowlight: #92958e;--mono: "Lucida Console", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--ink)}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}#root{min-height:100vh}.desktop-shell{position:relative;min-height:100vh;overflow-x:clip;background-image:linear-gradient(var(--desktop-line) 1px,transparent 1px),linear-gradient(90deg,var(--desktop-line) 1px,transparent 1px);background-size:40px 40px}.desktop-shell__glow{position:absolute;inset:0;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.08),transparent 25%),radial-gradient(circle at 85% 15%,rgba(255,79,38,.2),transparent 28%);pointer-events:none}.page{position:relative;z-index:1;width:min(100%,72rem);margin:0 auto;padding:1rem .75rem 2.5rem}.screen-shell{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 11rem)}.screen-frame{animation:screen-enter .22s ease-out;transform-origin:center top}.screen-state{width:100%;height:.35rem;margin:0 0 .7rem;border-top:1px solid rgba(248,248,244,.2);border-bottom:1px solid rgba(0,0,0,.08);background:#24181738}.screen-state--home{opacity:.65}.window{margin-bottom:.95rem;background:var(--surface);border:2px solid var(--shadow);border-top-color:var(--highlight);border-left-color:var(--highlight);box-shadow:inset -2px -2px 0 var(--lowlight),inset 2px 2px #ecece7,0 12px 30px #070b1340}.window__titlebar{display:flex;align-items:center;gap:.55rem;padding:.4rem .5rem;min-height:2rem;background:linear-gradient(90deg,var(--titlebar-start),var(--titlebar-end));color:var(--titlebar-text)}.window__dots{display:flex;gap:.18rem}.window__dots span{width:.55rem;height:.55rem;border:1px solid rgba(255,255,255,.45);background:#ffffff2e}.window__title{font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-transform:lowercase}.window__body{padding:1rem}.hero h1,.section__heading,.project-card h3{margin:0;line-height:1.05}.hero{display:flex;flex-direction:column;gap:1rem}.hero__media{display:flex;justify-content:flex-start}.avatar-link{display:inline-flex;border-radius:999px}.avatar{width:5.5rem;height:5.5rem;border-radius:999px;object-fit:cover;border:2px solid var(--shadow);box-shadow:inset -2px -2px 0 var(--lowlight),inset 1px 1px #f6f6f1}.hero__copy{display:grid;gap:.8rem}.eyebrow{margin:0;font-family:var(--mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hero h1{font-size:clamp(2.3rem,10vw,4.4rem);letter-spacing:.03em}.hero__subtext,.copy-block p,.cta-panel__text,.project-card p,.footer p{margin:0;color:#23262d;font-size:1rem}.status-list{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none}.status-list li,.skill-chip,.project-card__tags li{font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.status-list li{padding:.42rem .58rem;background:#d936211f;border:1px solid rgba(90,18,12,.22)}.positioning{margin:0;font-size:1rem;font-weight:700;color:#11141a}.section__heading{margin-bottom:.85rem;font-size:clamp(1.3rem,4vw,1.75rem)}.section__intro{margin:0 0 .85rem;font-size:.92rem;color:var(--muted)}.cta-panel{display:grid;gap:1rem}.cta-panel--stacked{margin-top:1rem}.cta-panel__actions{display:grid;gap:.75rem}.button,.link-tile{position:relative;display:inline-flex;width:100%;min-height:3.15rem;align-items:center;justify-content:center;padding:.85rem 1rem;border:2px solid var(--shadow);border-top-color:var(--highlight);border-left-color:var(--highlight);background:linear-gradient(180deg,#ecece6,#c8c8c0);box-shadow:inset -2px -2px 0 var(--lowlight),inset 1px 1px #f7f7f2;color:var(--ink);text-align:center;transition:transform .12s ease,background-color .12s ease,color .12s ease}.button span{font-weight:700}button.button{font:inherit;cursor:pointer}.button--primary{background:linear-gradient(180deg,#ff6a3d,#d93621);color:#f7fbff;border-top-color:#ffb097;border-left-color:#ffb097;border-right-color:#5f100b;border-bottom-color:#5f100b;box-shadow:inset -2px -2px #0000004d,inset 1px 1px #ffffff59}.button--secondary{justify-content:center}.button:active,.link-tile:active{transform:translateY(1px);box-shadow:inset 2px 2px 0 var(--lowlight),inset -1px -1px #f7f7f2}.link-grid,.skills-grid{display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.link-tile{flex-direction:column;align-items:flex-start;justify-content:center;gap:.3rem;text-align:left}.link-tile--button{font:inherit;cursor:pointer}.link-tile__title{font-weight:700}.link-tile__meta{font-size:.88rem;color:var(--muted)}.project-grid{display:grid;gap:.85rem}.project-card{position:relative;display:grid;gap:.85rem;padding:.9rem;background:var(--surface-raised);border:2px solid var(--shadow);border-top-color:var(--highlight);border-left-color:var(--highlight);box-shadow:inset -2px -2px 0 var(--lowlight),inset 1px 1px #f6f6f1}.project-grid--compact .project-card{gap:.7rem;padding:.75rem}.project-card--link{transition:transform .12s ease,border-color .12s ease}.project-card--link:hover{border-right-color:var(--accent-strong);border-bottom-color:var(--accent-strong);transform:translateY(-1px)}.project-card__launch{justify-self:start;padding:.3rem .45rem;background:#d9362121;border:1px solid rgba(90,18,12,.24);color:var(--accent-strong);font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-card__header{display:grid;gap:.35rem}.project-card h3{font-size:1rem}.project-card__tags{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none}.project-card__tags li,.skill-chip{padding:.4rem .55rem;background:#ffffff8c;border:1px solid rgba(62,68,80,.22)}.copy-block{display:grid;gap:.75rem;margin-bottom:1rem}.screen-actions{margin-top:1rem}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-chip{min-height:2.5rem;display:flex;align-items:center;justify-content:center;text-align:center}.footer{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start;margin-top:1rem;padding:.65rem 1rem 1.5rem;color:#dce5f8b8}.footer--home{margin-top:.25rem;padding-top:.15rem;color:#dce5f885}.footer--home p,.footer--home .footer__link{opacity:.72}.window-footer{background:transparent;border:0;box-shadow:none}.footer p{color:inherit}.footer__handle,.footer__link{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.footer__handle{color:#ffffffe0}.footer--home .footer__handle{color:#ffffffb8}@keyframes screen-enter{0%{opacity:0;transform:translateY(10px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:700px){.page{padding:1.25rem 1rem 3rem}.screen-state{margin-bottom:.7rem;height:.4rem}.hero{flex-direction:row;align-items:center;gap:1.25rem}.cta-panel{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center}.cta-panel--stacked{grid-template-columns:1fr;align-items:stretch}.cta-panel__actions,.link-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.window__body{padding:1.15rem}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.button:hover,.link-tile:hover{transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
