@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Source+Sans+3:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--color-primary: #0d7377;--color-background: #edf1f5;--color-surface: #fafbfc;--color-text: #1a2333;--color-text-muted: #59667a;--color-accent-soft: #c7e6e6;--font-display: "Fraunces", "Source Serif 4", Georgia, serif;--font-body: "Source Sans 3", "Source Sans Pro", system-ui, sans-serif;--font-size-body: 1.125rem;--font-size-heading: 2.5rem;--font-size-hero: 4rem;--spacing-unit: 8px;--spacing-section: 88px;--radius-card: 0;--ease-out: cubic-bezier(.22, 1, .36, 1);--page-pad: clamp(1.25rem, 4vw, 4rem);color-scheme:light;line-height:1.5}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:var(--font-size-body);color:var(--color-text);background:radial-gradient(120% 80% at 10% -10%,color-mix(in srgb,var(--color-accent-soft) 70%,white),transparent 55%),radial-gradient(90% 60% at 100% 0%,color-mix(in srgb,var(--color-primary) 12%,white),transparent 50%),var(--color-background);min-height:100vh}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.15;letter-spacing:-.02em}a{color:var(--color-primary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav{position:sticky;top:0;z-index:20;display:flex;gap:calc(var(--spacing-unit) * 4);align-items:center;justify-content:space-between;padding:calc(var(--spacing-unit) * 2.5) var(--page-pad);background:color-mix(in srgb,var(--color-surface) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--color-text) 10%,transparent)}.nav__brand{font-family:var(--font-display);font-weight:600;font-size:1.15rem;color:var(--color-text);text-decoration:none}.nav__links{display:flex;gap:clamp(1rem,3vw,2rem);list-style:none;margin:0;padding:0}.nav__links a{position:relative;font-weight:500;text-decoration:none;color:var(--color-text)}.nav__links a:after{content:"";position:absolute;left:0;bottom:-.2em;width:100%;height:1px;background:var(--color-primary);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease-out)}.nav__links a:hover:after,.nav__links a:focus-visible:after{transform:scaleX(1)}.section{padding:var(--spacing-section) var(--page-pad);scroll-margin-top:4.5rem;max-width:72rem;margin-inline:auto}.section-heading{margin-bottom:calc(var(--spacing-unit) * 5)}.section-lede{margin:calc(var(--spacing-unit) * 1.5) 0 0;color:var(--color-text-muted);max-width:32rem}.section--home{max-width:none;padding:0;min-height:min(92vh,56rem);display:grid}.home-hero{display:flex;flex-direction:column;justify-content:center;gap:calc(var(--spacing-unit) * 2.5);padding:calc(var(--spacing-unit) * 8) var(--page-pad);min-height:inherit;background:linear-gradient(160deg,color-mix(in srgb,var(--color-accent-soft) 88%,white),color-mix(in srgb,var(--color-background) 70%,transparent) 45%,color-mix(in srgb,var(--color-primary) 18%,var(--color-background)));animation:rise-in .7s var(--ease-out) both}.section--home h1{font-size:clamp(3rem,10vw,var(--font-size-hero));margin:0;max-width:12ch}.home-ctas{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 2);margin:calc(var(--spacing-unit) * 2) 0 0}.home-cta{font-weight:600;text-decoration:none;color:var(--color-text);padding:.85rem 1.25rem;border-bottom:1px solid color-mix(in srgb,var(--color-text) 25%,transparent);transition:color .2s var(--ease-out),border-color .2s var(--ease-out),transform .2s var(--ease-out)}.home-cta--primary{background:var(--color-text);color:var(--color-surface);border-bottom:none}.home-cta:hover,.home-cta:focus-visible{color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-1px)}.home-cta--primary:hover,.home-cta--primary:focus-visible{color:var(--color-surface);background:var(--color-primary)}[data-testid=home-focus]{color:var(--color-text-muted);font-size:clamp(1.15rem,2.4vw,1.5rem);margin:0;max-width:40rem}.home-focus__tagline{white-space:nowrap}[data-testid=home-intro]{margin:0;max-width:36rem;font-size:1.05rem}[data-testid=contact-email]{font-family:var(--font-body);-webkit-user-select:all;user-select:all}.work-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.work-item{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--spacing-unit) * 3);padding:calc(var(--spacing-unit) * 3.5) 0;border-top:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);transition:background .22s var(--ease-out)}.work-item:last-child{border-bottom:1px solid color-mix(in srgb,var(--color-text) 12%,transparent)}.work-item:hover{background:color-mix(in srgb,var(--color-accent-soft) 35%,transparent)}.work-item__index{font-family:var(--font-display);font-size:.95rem;color:var(--color-primary);padding-top:.35rem}.work-item__body{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .75)}.work-item__name{font-family:var(--font-display);font-weight:600;font-size:clamp(1.5rem,3vw,2rem);text-decoration:none;color:var(--color-text)}.work-item__name:hover,.work-item__name:focus-visible{color:var(--color-primary)}.work-item__status{color:var(--color-text-muted);font-size:.875rem;text-transform:lowercase}.work-item__summary{margin:0;max-width:40rem}.section--project{border-top:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}.section--project h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 calc(var(--spacing-unit) * 1.5)}.project-status{color:var(--color-text-muted);font-size:.875rem}.project-links{list-style:none;margin:0 0 calc(var(--spacing-unit) * 2);padding:0;display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 2)}.project-slot{margin-top:calc(var(--spacing-unit) * 3);padding:calc(var(--spacing-unit) * 3);background:color-mix(in srgb,var(--color-surface) 88%,var(--color-accent-soft));border-left:3px solid var(--color-primary)}.tryit-external,.tryit-cta{font-weight:600;text-decoration:none}.tryit-ummah__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.5)}.tryit-ummah__list button{font:inherit;cursor:pointer;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);border:1px solid color-mix(in srgb,var(--color-primary) 40%,transparent);background:var(--color-surface);color:var(--color-text);text-align:left;transition:border-color .2s var(--ease-out),transform .2s var(--ease-out)}.tryit-ummah__list button:hover,.tryit-ummah__list button:focus-visible{border-color:var(--color-primary);transform:translate(2px)}.video-player video{display:block;width:100%;background:#000;object-fit:contain}.video-player--landscape video{max-width:900px;aspect-ratio:16 / 9}.video-player--portrait video{max-width:280px;width:min(100%,280px);aspect-ratio:9 / 19.5;margin-inline:auto;border-radius:12px}.video-unavailable{color:var(--color-text-muted)}.resume-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 4)}.resume-entry h3{margin:0 0 calc(var(--spacing-unit) * .5)}.resume-entry__meta{margin:0 0 calc(var(--spacing-unit) * 1.5);color:var(--color-text-muted);font-size:.95rem}.resume-entry__highlights{margin:0;padding-left:1.25rem}.resume-download{margin-top:calc(var(--spacing-unit) * 4)}.builders-note{margin-top:calc(var(--spacing-unit) * 4);max-width:40rem;color:var(--color-text-muted);font-size:.95rem}.builders-note h3{color:var(--color-text);font-size:1.1rem;margin:0 0 calc(var(--spacing-unit) * 1.5)}.builders-note p{margin:0 0 calc(var(--spacing-unit) * 1.5)}.archify-preview{margin-top:calc(var(--spacing-unit) * 2)}.archify-preview__path{margin:0 0 calc(var(--spacing-unit) * 1.5);font-size:.85rem}.archify-preview__path code{font-size:.8rem;word-break:break-all}.archify-preview__viewport{position:relative;width:100%;max-width:40rem;aspect-ratio:1180 / 726;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-text) 14%,transparent);background:#0b1220}.archify-preview__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.archify-preview__open{margin:calc(var(--spacing-unit) * 1.5) 0 0}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-hero,.home-cta,.nav__links a:after,.tryit-ummah__list button,.work-item{animation:none!important;transition:none!important}}@media(max-width:640px){.nav{flex-wrap:wrap;gap:calc(var(--spacing-unit) * 2)}.work-item{grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 1)}.work-item__index{padding-top:0}}