:root{--paper: #0B0F17;--panel: #111827;--panel-alt: #172133;--navy: #070A0F;--navy-soft: #0E1624;--paper-on-navy: #F1F5F9;--surface: var(--paper);--surface-raised: var(--panel);--surface-sunken: var(--panel-alt);--surface-inverse: var(--navy);--ink: #F1F5F9;--ink-soft: #94A3B8;--ink-inverse: #FFFFFF;--teal: #14B8A6;--teal-deep: #0D9488;--teal-tint: rgba(20, 184, 166, .12);--accent: var(--teal);--accent-deep: var(--teal-deep);--accent-tint: var(--teal-tint);--line: rgba(255, 255, 255, .08);--border-default: 1px solid var(--line);--border-accent: 1px solid rgba(20, 184, 166, .35);--border-ink: 1px solid rgba(241, 245, 249, .2);--font-display: "IBM Plex Sans", "Liberation Sans", sans-serif;--font-body: "Space Grotesk", "Trebuchet MS", sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--text-hero: 54px;--text-h2: 38px;--text-h3: 26px;--text-h4: 20px;--text-label: 12px;--text-base: 15px;--text-sm: 13px;--text-xs: 11px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.05;--leading-heading: 1.3;--leading-body: 1.6;--tracking-wide: 1px;--tracking-label: .66px;--tracking-tight: -.38px;--radius-sharp: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-pill: 20px;--radius-circle: 50%;--shadow-none: none;--space-1: 2px;--space-2: 5px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 24px;--space-8: 30px;--space-9: 36px;--space-10: 48px;--space-11: 56px;--space-12: 72px;--space-13: 80px;--space-14: 96px;--space: 8px;--container: 1080px;--content-default: 1016px;--content-narrow: 640px;--duration-fast: .15s;--duration-slow: .6s;--ease-default: ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--text-base);background-color:var(--surface);color:var(--ink);scroll-behavior:smooth;color-scheme:dark}body{font-family:var(--font-body);font-weight:var(--weight-medium);line-height:var(--leading-body);background-color:var(--surface);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(20,184,166,.07),transparent 70%),radial-gradient(circle at 100% 40%,rgba(14,110,102,.04),transparent 50%);background-attachment:fixed;color:var(--ink);-webkit-font-smoothing:antialiased}.skip-link{position:absolute;top:-100%;left:var(--space-5);background:var(--surface-inverse);color:var(--ink-inverse);padding:var(--space-4) var(--space-6);font-family:var(--font-mono);font-size:var(--text-xs);z-index:1000;text-decoration:none;border-radius:var(--radius-sharp);border:var(--border-accent)}.skip-link:focus-visible{top:var(--space-4);outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3{font-family:var(--font-display);color:var(--ink)}h1{font-size:clamp(34px,6vw,var(--text-hero));font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h2{font-size:clamp(28px,4.5vw,var(--text-h2));font-weight:var(--weight-semibold);line-height:var(--leading-heading)}h3{font-size:var(--text-h3);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}h4{font-family:var(--font-body);font-size:var(--text-h4);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}p{font-size:var(--text-base);color:var(--ink);line-height:var(--leading-body)}.text-soft{color:var(--ink-soft)}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-soft);display:block}.divider{border:none;border-top:var(--border-default);margin:var(--space-9) 0}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--space-5)}@media(min-width:640px){.container{padding-inline:var(--space-10)}}.content-default{max-width:var(--content-default);margin-inline:auto}.content-narrow{max-width:var(--content-narrow)}.band-paper{background-color:var(--paper);color:var(--ink)}.band-panel{background-color:var(--panel);color:var(--ink)}.band-inverse{background-color:var(--surface-inverse);color:var(--ink-inverse)}.section-padding{padding-block:var(--space-10)}@media(min-width:760px){.section-padding{padding-block:var(--space-14)}}.site-header{position:sticky;top:0;background-color:#0b0f17d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:var(--border-default);z-index:100;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.nav-container{display:flex;align-items:center;justify-content:space-between;min-height:var(--space-12);padding-block:var(--space-3);gap:var(--space-4);flex-wrap:wrap}.nav-logo{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ink);text-decoration:none;letter-spacing:var(--tracking-wide);white-space:nowrap}.nav-logo:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.nav-list{display:flex;list-style:none;gap:var(--space-6);align-items:center;margin:0;padding:0;overflow:visible;flex-wrap:wrap}.nav-link{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-soft);text-decoration:none;padding-block:var(--space-1);border-bottom:2px solid transparent;white-space:nowrap;transition:color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.nav-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.nav-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background-color:var(--accent);color:#070a0f;border:1px solid var(--accent);border-radius:var(--radius-sharp);padding:13px 22px;font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-base);text-decoration:none;cursor:pointer;box-shadow:0 0 16px #14b8a640;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.btn-primary:hover{background-color:#2dd4bf;border-color:#2dd4bf;color:#070a0f;box-shadow:0 0 24px #2dd4bf66;transform:translateY(-1px)}.btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn-primary:active{background-color:var(--teal-deep);transform:translateY(0)}.btn-primary:disabled{opacity:.45;pointer-events:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:#ffffff08;color:var(--ink);border:var(--border-default);border-radius:var(--radius-sharp);padding:13px 22px;font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-base);text-decoration:none;cursor:pointer;box-shadow:var(--shadow-none);transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.btn-secondary:hover{background-color:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.btn-secondary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.btn-secondary:active{background-color:#ffffff0a;transform:translateY(0)}.btn-secondary:disabled{opacity:.45;pointer-events:none}.badge-pill{display:inline-flex;align-items:center;background:#14b8a614;color:#2dd4bf;border:1px solid rgba(20,184,166,.25);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-5);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.badge-pill:hover{background-color:#14b8a629;border-color:#2dd4bf73;color:#5eead4;transform:translateY(-1px)}.text-link{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-family:var(--font-body);font-weight:var(--weight-medium);transition:color var(--duration-fast) var(--ease-default)}.text-link:hover{color:var(--accent-deep)}.text-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.hero-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:center;padding-block:var(--space-10)}@media(min-width:640px){.hero-grid{grid-template-columns:1.2fr .8fr;gap:var(--space-10);padding-block:var(--space-12)}}.hero-copy{display:flex;flex-direction:column;gap:var(--space-5)}.hero-title{font-size:clamp(38px,6vw,var(--text-hero));font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);white-space:nowrap}.hero-role{font-family:var(--font-display);font-size:clamp(22px,3.2vw,var(--text-h3));font-weight:var(--weight-semibold);color:var(--accent);line-height:var(--leading-heading)}.hero-description{font-size:var(--text-base);font-family:var(--font-body);font-weight:var(--weight-medium);color:var(--ink-soft);line-height:var(--leading-body);max-width:580px}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-2)}.hero-portrait-frame{width:100%;max-width:380px;margin-inline:auto;border-radius:var(--radius-pill);border:1px solid rgba(20,184,166,.3);overflow:hidden;background-color:var(--panel);box-shadow:0 16px 40px -12px #000000b3,0 0 30px #14b8a614;transition:border-color var(--duration-slow) var(--ease-default),box-shadow var(--duration-slow) var(--ease-default)}.hero-portrait-frame:hover{border-color:#2dd4bf80;box-shadow:0 20px 48px -10px #000c,0 0 40px #14b8a626}.hero-portrait-frame img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover}@keyframes heroFadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-anim-1{animation:heroFadeSlideUp var(--duration-slow) var(--ease-default) 0ms forwards}.hero-anim-2{opacity:0;animation:heroFadeSlideUp var(--duration-slow) var(--ease-default) 80ms forwards}.hero-anim-3{opacity:0;animation:heroFadeSlideUp var(--duration-slow) var(--ease-default) .16s forwards}.hero-anim-4{opacity:0;animation:heroFadeSlideUp var(--duration-slow) var(--ease-default) .24s forwards}.hero-anim-5{opacity:0;animation:heroFadeSlideUp var(--duration-slow) var(--ease-default) .32s forwards}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-delay:0ms!important}}.about-content{display:flex;flex-direction:column;gap:var(--space-7)}.about-lead{font-size:var(--text-h4);font-weight:var(--weight-medium);color:var(--ink-soft);line-height:var(--leading-heading)}.pull-quote{font-family:var(--font-display);font-size:clamp(20px,3vw,var(--text-h3));font-weight:var(--weight-medium);line-height:var(--leading-heading);color:var(--ink);border-left:2px solid var(--accent);padding-left:var(--space-6);padding-block:var(--space-3);margin-block:var(--space-4);background:linear-gradient(90deg,rgba(20,184,166,.06) 0%,transparent 100%);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.about-prose{font-size:var(--text-base);line-height:var(--leading-body);color:var(--ink)}.skills-wrapper{display:flex;flex-direction:column;gap:var(--space-8)}.skill-category{display:flex;flex-direction:column;gap:var(--space-4);padding-block:var(--space-6);border-bottom:var(--border-default)}.skill-category:first-of-type{border-top:var(--border-default)}@media(min-width:760px){.skill-category{display:grid;grid-template-columns:240px 1fr;align-items:baseline;gap:var(--space-6)}}.skill-group-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-soft)}.skill-tags-cloud{display:flex;flex-wrap:wrap;gap:var(--space-3)}.projects-header-block{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-bottom:var(--space-10)}@media(min-width:760px){.projects-header-block{grid-template-columns:1fr 280px;align-items:start}}.decorative-portrait-tile{border:var(--border-default);border-radius:var(--radius-sharp);overflow:hidden;background-color:var(--panel-alt)}.decorative-portrait-tile img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover}.coming-soon-box{background-color:var(--panel);border:1px dashed rgba(20,184,166,.3);border-radius:var(--radius-sharp);padding:var(--space-12) var(--space-8);text-align:center;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(circle at 50% 50%,rgba(20,184,166,.04) 0%,transparent 70%)}.coming-soon-text{font-family:var(--font-mono);font-size:var(--text-h4);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-soft)}.project-item{padding-block:var(--space-7);border-top:var(--border-default)}.project-item:last-child{border-bottom:var(--border-default)}.project-row-main{display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:760px){.project-row-main{display:grid;grid-template-columns:280px 1fr auto;align-items:baseline;gap:var(--space-8)}}.project-meta-col{display:flex;flex-direction:column;gap:var(--space-2)}.project-images-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-top:var(--space-10)}@media(min-width:640px){.project-images-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:860px){.project-images-grid{grid-template-columns:repeat(3,1fr)}}.project-tile-frame{border:var(--border-default);border-radius:var(--radius-sharp);overflow:hidden;background-color:var(--panel)}.project-tile-frame img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.project-tile-caption{padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-soft);border-top:var(--border-default)}.timeline-list{display:flex;flex-direction:column}.timeline-row{display:grid;grid-template-columns:1fr;gap:var(--space-3);padding-block:var(--space-7);border-top:var(--border-default)}.timeline-row:last-child{border-bottom:var(--border-default)}@media(min-width:760px){.timeline-row{grid-template-columns:240px 1fr;gap:var(--space-8)}}.timeline-period{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-soft)}.timeline-content{display:flex;flex-direction:column;gap:var(--space-2)}.timeline-title{font-family:var(--font-display);font-size:var(--text-h4);font-weight:var(--weight-semibold);color:var(--ink)}.timeline-subtitle{font-size:var(--text-sm);color:var(--ink-soft)}.credentials-list{display:flex;flex-direction:column}.credential-row{display:grid;grid-template-columns:1fr;gap:var(--space-2);padding-block:var(--space-6);border-top:var(--border-default)}.credential-row:last-child{border-bottom:var(--border-default)}@media(min-width:760px){.credential-row{grid-template-columns:240px 1fr;align-items:baseline;gap:var(--space-6)}}.credential-issuer{font-size:var(--text-sm);color:var(--ink-soft)}.credential-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--ink)}.credential-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-soft);text-align:left}@media(min-width:760px){.credential-date{text-align:right}}.contact-section{background-color:var(--surface-inverse);color:var(--ink-inverse);padding-block:var(--space-14);border-top:var(--border-default);background-image:radial-gradient(circle at 80% 20%,rgba(20,184,166,.06) 0%,transparent 60%)}.contact-section h2{color:var(--ink-inverse);margin-bottom:var(--space-4)}.contact-subtitle{color:var(--ink-inverse);opacity:.9;margin-bottom:var(--space-8);font-size:var(--text-base);line-height:var(--leading-body);max-width:var(--content-narrow)}.contact-email-link{color:var(--accent);font-family:var(--font-mono);font-size:var(--text-base);text-decoration:underline;text-underline-offset:4px;display:inline-block;margin-bottom:var(--space-8);transition:color var(--duration-fast) var(--ease-default)}.contact-email-link:hover{color:var(--teal-tint)}.contact-email-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.contact-actions{display:flex;flex-direction:column;gap:var(--space-6);align-items:flex-start}.contact-btn-group{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.btn-contact-ghost{display:inline-flex;align-items:center;justify-content:center;background:#ffffff08;color:var(--ink-inverse);border:1px solid rgba(20,184,166,.45);border-radius:var(--radius-sharp);padding:13px 22px;font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-base);text-decoration:none;cursor:pointer;box-shadow:var(--shadow-none);transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.btn-contact-ghost:hover{background-color:#14b8a626;border-color:#2dd4bf;color:#5eead4;transform:translateY(-1px)}.btn-contact-ghost:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.social-links-list{display:flex;flex-wrap:wrap;gap:var(--space-6);list-style:none;padding:0;margin-top:var(--space-4)}.social-link{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-inverse);text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:var(--space-1);transition:color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.social-link:hover{color:var(--accent-tint);border-color:var(--teal-tint)}.social-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-footer{background-color:var(--surface);border-top:var(--border-default);height:var(--space-12);display:flex;align-items:center}.footer-container{display:flex;flex-direction:column;gap:var(--space-2);justify-content:space-between;width:100%}@media(min-width:640px){.footer-container{flex-direction:row;align-items:center}}.footer-text{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--ink-soft)}.footer-creative-line{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);flex-wrap:wrap}.footer-status-indicator{width:7px;height:7px;border-radius:var(--radius-circle);background-color:var(--accent);display:inline-block;box-shadow:0 0 8px #14b8a6b3;animation:pulseGlow 2.5s infinite ease-in-out}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px #14b8a6b3}50%{opacity:.5;transform:scale(.85);box-shadow:0 0 3px #14b8a64d}}.footer-lead{color:var(--ink-soft);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:var(--tracking-label)}.footer-name{color:var(--ink);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide)}.footer-sep{color:var(--accent);font-size:var(--text-xs)}.footer-year{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--accent);background-color:var(--panel);border:var(--border-default);padding:2px 7px;border-radius:var(--radius-sharp);letter-spacing:var(--tracking-label)}