:root{color-scheme:dark;--tw-page:oklch(0% 0 0);--tw-surface:oklch(15.5% 0 0);--tw-elevated:oklch(22% 0 0);--tw-ink:oklch(91% 0.022 106);--tw-mist:oklch(62% 0.01 90);--tw-line:oklch(28% 0.006 280);--tw-accent:oklch(90.5% 0.026 106);--noise-op:0.7;--hero-scrim-from:rgba(0,0,0,.32);--hero-scrim-mid:transparent;--hero-scrim-to:rgba(0,0,0,.58);--cta-inner:#121212;--cta-arrow:#dedbc8;--hero-gap-eyebrow-title:0.75rem;--hero-gap-title-cta:0.95rem;--hero-gap-cta-social:0.65rem}html{scroll-padding-top:1.25rem}@media (min-width:768px){html{scroll-padding-top:1.5rem}}body{font-family:Almarai,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--tw-page);color:var(--tw-ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-moz-selection{background:color-mix(in oklch,var(--tw-accent),transparent 40%);color:var(--tw-page)}::selection{background:color-mix(in oklch,var(--tw-accent),transparent 40%);color:var(--tw-page)}a{text-decoration:none}button{cursor:pointer;background:none;border:none}button,input,textarea{font:inherit}.noise-svg{opacity:var(--noise-op);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.bg-noise-page,.noise-svg{position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay}.bg-noise-page{opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n2)'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:0;height:0}.hero-nav-shell{pointer-events:none}.hero-nav-shell *{pointer-events:auto}.hero-nav-pill{display:flex;align-items:center;gap:clamp(.35rem,1.5vw,2rem);padding:.65rem 1rem;background:#000;border-radius:0 0 1rem 1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.55)}@media (min-width:768px){.hero-nav-pill{padding:.7rem 2.25rem;border-radius:0 0 1.5rem 1.5rem;gap:clamp(1rem,2.5vw,3.25rem)}}.hero-nav-links{display:flex;align-items:center;gap:clamp(.65rem,3.5vw,2.85rem)}.hero-nav-links a{font-size:clamp(.5625rem,2.5vw,.875rem);font-weight:500;letter-spacing:.06em;color:hsla(57,26%,84%,.78);white-space:nowrap;transition:color .25s ease}.hero-nav-links a:hover{color:#e1e0cc}@media (max-width:767px){.hero-nav-pill{justify-content:center;gap:0}.hero-nav-actions{display:none}.hero-nav-links{justify-content:center;width:auto;max-width:100%;margin-inline:auto;gap:clamp(.75rem,3.75vw,1.4rem);padding-inline:.07em}.hero-nav-links a{font-size:clamp(.6875rem,3.15vw,.8125rem);letter-spacing:.07em}}.hero-nav-actions{display:flex;align-items:center;gap:.45rem}.hero-menu-btn{display:none}.mobile-panel{display:none;position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.4)}.mobile-panel.open{display:block}.mobile-dialog{margin:5rem 1rem 0;border-radius:1rem;border:1px solid var(--tw-line);background:color-mix(in oklch,var(--tw-page),transparent 2%);backdrop-filter:blur(14px);padding:1rem;box-shadow:0 22px 50px rgba(0,0,0,.25)}.mobile-dialog a{display:block;padding:.875rem 0;border-bottom:1px solid var(--tw-line);font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em}.mobile-dialog a:last-child{border-bottom:none}@media (min-width:768px){.mobile-panel{display:none!important}}.hero-section{height:100vh;height:100dvh;min-height:100dvh;max-height:100dvh;padding:1rem;display:flex;flex-direction:column;box-sizing:border-box}@media (min-width:768px){.hero-section{padding:1.5rem}}.hero-frame{position:relative;flex:1 1 0;min-height:0;width:100%;display:grid;grid-template:minmax(0,1fr) /minmax(0,1fr);border-radius:1rem;overflow:hidden}.hero-frame>.hero-gradients,.hero-frame>.hero-nav-shell,.hero-frame>.hero-noise,.hero-frame>.hero-overlay,.hero-frame>video{grid-area:1/1}.hero-frame>.hero-gradients,.hero-frame>.hero-noise,.hero-frame>video{position:relative;inset:auto;width:100%;height:100%;min-height:0;z-index:0}.hero-frame>.hero-noise{position:relative}.hero-frame>.hero-nav-shell{position:relative;align-self:start;justify-self:center;z-index:50;width:-moz-max-content;width:max-content;max-width:calc(100% - 1rem)}.hero-frame>.hero-overlay{position:relative;align-self:stretch;justify-self:stretch;z-index:20;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;width:100%;min-height:0;pointer-events:none}.hero-bottom .hero-social-row{display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(.85rem,1.6vw,1.35rem);margin:0;color:var(--tw-mist)}.hero-overlay *{pointer-events:auto}@media (min-width:768px){.hero-frame{border-radius:2rem}}.hero-frame video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.hero-gradients{pointer-events:none;background-image:linear-gradient(to right,rgba(0,0,0,.42) 0,rgba(0,0,0,.12) 28%,transparent 42%,transparent 58%,rgba(0,0,0,.08) 72%,rgba(0,0,0,.28) 100%),linear-gradient(to bottom,var(--hero-scrim-from),var(--hero-scrim-mid),var(--hero-scrim-to))}.hero-frame .noise-svg.hero-noise{opacity:.3}@media (max-width:767px){.hero-nav-pill{padding:.45rem 1rem;gap:0;border-radius:0 0 1rem 1rem;box-shadow:0 12px 30px rgba(0,0,0,.4)}.hero-gradients{background-image:linear-gradient(90deg,rgba(0,0,0,.2) 0,transparent 35%,transparent 65%,rgba(0,0,0,.2)),linear-gradient(180deg,transparent 0,transparent 38%,rgba(0,0,0,.12) 52%,rgba(0,0,0,.58))}.hero-frame video{-o-object-position:center 42%;object-position:center 42%}.hero-frame .noise-svg.hero-noise{opacity:.2}:root{--hero-gap-eyebrow-title:0.65rem;--hero-mobile-actions-gap:0.55rem;--hero-mobile-actions-margin-top:1.05rem;--hero-mobile-cta-height:2.52rem;--hero-mobile-cta-pad-y:0.26rem;--hero-mobile-bottom-inset:1.15rem;--hero-mobile-nudge-down:0;--hero-mobile-title-chars:8.05;--hero-mobile-title-end-gap:0.36em;--hero-mobile-kicker-cqi:3.7}.hero-section{padding:max(.2rem,env(safe-area-inset-top,0px)) max(.7rem,env(safe-area-inset-right,0px)) .65rem max(.7rem,env(safe-area-inset-left,0px))}.hero-overlay{justify-content:flex-end;align-items:stretch}.hero-kicker{display:block;align-self:stretch;text-align:left;line-height:1.45;white-space:normal;overflow:visible;text-overflow:unset;margin:0;box-sizing:border-box;opacity:.92;text-wrap:balance}.hero-kicker,.hero-main-row{width:100%;max-width:100%;padding-left:0}.hero-main-row{align-items:flex-start;gap:var(--hero-gap-title-cta);min-width:0;margin-top:var(--hero-gap-eyebrow-title);margin-left:0}.hero-actions-row .hero-social-row{display:none}.hero-actions-row{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;gap:0;width:100%;max-width:100%;margin-top:var(--hero-mobile-actions-margin-top)}.hero-actions-row .btn-accent-pill{flex-shrink:0;margin:0;align-self:flex-start;min-height:auto;padding:.28rem .28rem .28rem 1.1rem;font-size:.78125rem;gap:.55rem}.hero-actions-row .btn-accent-pill .inner{width:2rem;height:2rem}}.hero-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:100%;max-width:min(56vw,40rem);margin-bottom:0;padding:0}@media (max-width:767px){.hero-bottom{box-sizing:border-box;max-width:100%;align-items:flex-start;text-align:left;margin-bottom:0;padding-top:0;padding-right:max(1.25rem,env(safe-area-inset-right,0px));padding-left:max(1.5rem,calc(1rem + env(safe-area-inset-left, 0px)));padding-bottom:max(var(--hero-mobile-bottom-inset),env(safe-area-inset-bottom,var(--hero-mobile-bottom-inset)));transform:translateY(var(--hero-mobile-nudge-down))}.hero-bottom .hero-social-row .social-cv-link,.hero-bottom .hero-social-row .social-icon{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;padding:.15rem;border-radius:0;background:transparent;border:none;backdrop-filter:none;gap:0}}@media (min-width:768px){.hero-bottom{margin-bottom:clamp(.5rem,2vh,1.25rem);padding:0 clamp(1.5rem,3.5vw,3.25rem) max(clamp(2rem,4.5vh,3.25rem),env(safe-area-inset-bottom,0px))}}.hero-kicker{margin:0;padding:0;font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--tw-mist);opacity:.92;white-space:nowrap;max-width:100%}.hero-main-row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--hero-gap-title-cta);width:100%;margin-top:var(--hero-gap-eyebrow-title)}.hero-name{font-weight:600;color:var(--tw-ink);margin:0}@media (max-width:767px){.hero-bottom{container-type:inline-size;container-name:hero-copy}.hero-main-row{min-width:0}.hero-frame .hero-kicker,.hero-frame .hero-name{margin-left:0;padding-left:.14em;text-align:left}.hero-frame .hero-kicker{width:100%;max-width:100%;font-size:clamp(.6rem,min(calc(var(--hero-mobile-kicker-cqi) * 1cqi),3.35vw),.78rem);letter-spacing:.07em;white-space:normal;text-wrap:balance}.hero-frame .hero-name{display:inline-block;width:auto;max-width:100%;min-width:0;font-size:clamp(2.15rem,calc((100cqi - .14em - var(--hero-mobile-title-end-gap)) / var(--hero-mobile-title-chars)),3.55rem);line-height:.9;letter-spacing:-.04em;white-space:nowrap;box-sizing:border-box}.hero-actions-row .hero-social-row{display:none}.hero-actions-row{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;gap:0;width:100%;max-width:100%;margin-top:var(--hero-mobile-actions-margin-top)}.hero-actions-row .btn-accent-pill{align-self:flex-start;min-height:auto;margin:0;padding:.28rem .28rem .28rem 1.1rem;font-size:.78125rem;gap:.55rem}.hero-actions-row .btn-accent-pill .inner{width:2rem;height:2rem}}@media (min-width:768px) and (max-width:1023px){.hero-bottom{max-width:min(70vw,36rem)}.hero-name{line-height:.84;letter-spacing:-.065em;font-size:clamp(3.25rem,7vw,4.75rem);max-width:none}}@media (min-width:768px){.hero-actions-row{display:contents}:root{--hero-gap-eyebrow-title:1.05rem;--hero-gap-title-cta:1.35rem;--hero-gap-cta-social:0.75rem}.hero-bottom .hero-social-row{position:absolute;top:clamp(1.35rem,3.2vw,3rem);right:clamp(1.35rem,3.2vw,3rem);left:auto;bottom:auto;z-index:25;width:auto;margin-top:0;padding:0;justify-content:flex-end;gap:clamp(1rem,1.8vw,1.45rem);background:none;border:none;backdrop-filter:none}.hero-bottom .hero-social-row .social-cv-link,.hero-bottom .hero-social-row .social-icon{width:auto;height:auto;border-radius:0;background:transparent;border:none;backdrop-filter:none;gap:.45rem}.hero-bottom .hero-social-row .social-cv-link .cv-label{display:inline}.hero-bottom{max-width:min(62vw,44rem);align-items:flex-start;text-align:left;padding-bottom:max(clamp(2rem,4.5vh,3.25rem),env(safe-area-inset-bottom,0px))}.hero-kicker{align-self:flex-start;text-align:left;white-space:nowrap;font-size:.72rem;letter-spacing:.21em}.hero-main-row{align-items:flex-start}.hero-actions-row .btn-accent-pill,.hero-bottom>.btn-accent-pill{align-self:flex-start;margin-top:1.35rem}.hero-name{text-align:left;max-width:none;font-size:clamp(4rem,6.5vw,6.5rem);line-height:.82;letter-spacing:-.07em}}@media (min-width:1024px){:root{--hero-gap-eyebrow-title:1.15rem;--hero-gap-title-cta:1.3rem}.hero-bottom{max-width:min(58vw,46rem)}.hero-name{font-size:clamp(4.5rem,5.9vw,7rem)}}@media (min-width:1280px){.hero-name{font-size:clamp(4.75rem,5.5vw,7.25rem)}}.hero-name-star{position:absolute;top:.65em;right:-.22em;font-size:.3em;font-weight:300;line-height:1}.hero-name-rel{position:relative;display:inline-block}.hero-lede{font-size:clamp(.8125rem,2.3vw,1rem);line-height:1.42;font-weight:300;max-width:28rem;color:var(--tw-mist);text-wrap:pretty}@media (min-width:1024px){.hero-lede{text-align:right;margin-left:auto}}.hero-cta-row{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start}.btn-accent-pill{display:inline-flex;align-items:center;gap:.75rem;background:var(--tw-accent);color:var(--tw-page);border-radius:9999px;padding:.375rem .375rem .375rem 1.35rem;font-weight:600;font-size:clamp(.8125rem,2vw,1rem);transition:gap .3s ease}.btn-accent-pill:hover{gap:1rem}.btn-accent-pill .inner{width:2.25rem;height:2.25rem;border-radius:9999px;background:var(--cta-inner);display:flex;align-items:center;justify-content:center}.btn-accent-pill svg{color:var(--cta-arrow);width:1.0625rem;height:1.0625rem}.hero-frame .btn-view-work{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border:2px solid hsla(53,22%,85%,.44);background:rgba(16,21,38,.58);backdrop-filter:blur(10px);padding:.68rem 1.55rem;font-size:clamp(.8125rem,2vw,.9375rem);font-weight:600;letter-spacing:.01em;color:#f6f5ec;transition:border-color .25s ease,color .25s ease,background .25s ease,transform .22s ease}.hero-frame .btn-view-work:hover{border-color:rgba(242 239 226,.72);color:#fffdf6;background:rgba(18,26,42,.72)}.social-icon{color:inherit;transition:color .3s}.social-icon:hover{color:var(--tw-accent)}.social-icon svg{width:1.25rem;height:1.25rem}.hero-frame .social-cv-link{display:inline-flex;align-items:center;gap:.45rem;font-size:.875rem;font-weight:600;color:inherit}.hero-frame .social-cv-link .cv-label{display:none}@media (min-width:768px){.hero-frame .hero-bottom .social-cv-link .cv-label{display:inline}}.section{scroll-margin-top:1.25rem}.section-about{background:var(--tw-page);padding:clamp(4rem,10vw,8rem) 1rem}@media (min-width:768px){.section-about{padding-left:1.5rem;padding-right:1.5rem}}.surface-card-large{max-width:72rem;margin:0 auto;border-radius:2rem;border:1px solid var(--tw-line);background:var(--tw-surface);padding:clamp(2.5rem,5vw,7rem);text-align:center;box-shadow:0 22px 50px rgba(0,0,0,.12)}.about-eyebrow{font-size:.6875rem;letter-spacing:.25em;text-transform:uppercase;font-weight:600;color:var(--tw-accent);opacity:.82;margin-bottom:clamp(2.25rem,4vw,3.75rem)}.about-headline{font-size:clamp(1.45rem,4.8vw,3.85rem);line-height:1.06;max-width:56rem;margin:0 auto clamp(2.25rem,4vw,4rem);font-weight:600;letter-spacing:-.025em}.about-headline .serif-italic{font-family:ui-serif,Georgia,Times New Roman,serif;font-weight:500;font-style:italic}.about-scroll-reveal{max-width:42rem;margin:0 auto;text-align:left;font-size:clamp(.75rem,1.85vw,.9375rem);line-height:1.65;font-weight:300;color:var(--tw-mist)}.scroll-reveal-char{display:inline;opacity:.2;transition:opacity .12s ease-out;will-change:opacity}@media (prefers-reduced-motion:reduce){.scroll-reveal-char{opacity:1!important;transition:none}}.hero-kicker,.hero-name{min-height:0}.hero-type-cursor{display:inline-block;width:2px;min-height:.75em;height:.82em;margin-left:.1em;background:#efedda;vertical-align:-.06em;box-shadow:0 0 8px rgba(0,0,0,.45)}.hero-type-cursor--name{width:3px;height:.72em;vertical-align:baseline;flex-shrink:0}.hero-frame .hero-name .hero-type-cursor{opacity:1}.hero-type-cursor--blink{animation:hero-cursor-blink 1.05s step-end infinite}@keyframes hero-cursor-blink{0%,45%{opacity:1}50%,to{opacity:0}}.hero-bottom:not(.hero-intro-done) .hero-actions-row .btn-accent-pill{opacity:0;transform:translateY(.65rem);pointer-events:none}@media (max-width:767px){.hero-bottom:not(.hero-intro-done) .hero-social-row{display:none}}.hero-actions-row:not(.is-visible){opacity:0;transform:translateY(.65rem);pointer-events:none}.hero-bottom.hero-intro-done .hero-actions-row .btn-accent-pill,.hero-bottom.hero-intro-done .hero-actions-row.is-visible{opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .55s ease,transform .62s cubic-bezier(.22,1,.36,1)}@media (min-width:768px){.hero-bottom:not(.hero-intro-done) .hero-social-row{opacity:0;transform:translateY(.65rem);pointer-events:none}.hero-bottom.hero-intro-done .hero-social-row{opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .55s ease,transform .62s cubic-bezier(.22,1,.36,1);transition-delay:.04s}.hero-bottom.hero-intro-done .hero-actions-row .btn-accent-pill{transition-delay:.1s}}@media (prefers-reduced-motion:reduce){.hero-type-cursor--blink{animation:none;opacity:1}.hero-actions-row:not(.is-visible),.hero-bottom:not(.hero-intro-done) .hero-actions-row .btn-accent-pill{opacity:1;transform:none;pointer-events:auto}}.hero-frame .hero-kicker{color:#efedda;text-shadow:0 1px 2px rgba(0,0,0,.85),0 2px 28px rgba(0,0,0,.55),0 0 1px rgba(0,0,0,.9)}.hero-frame .hero-name{color:#efeee4;text-shadow:0 2px 6px rgba(0,0,0,.75),0 12px 40px rgba(0,0,0,.45),0 0 1px rgba(0,0,0,.95)}.hero-frame .hero-lede{color:#edecdb;font-weight:400;text-shadow:0 1px 3px rgba(0,0,0,.88),0 2px 26px rgba(0,0,0,.58),0 0 1px rgba(0,0,0,.85)}.hero-frame .social-cv-link,.hero-frame .social-icon{color:#ece9d8}.hero-frame .social-cv-link:hover,.hero-frame .social-icon:hover{color:#fdfbef}.hero-frame .btn-accent-pill{background:#dedbc8;color:#101010}.hero-frame .btn-accent-pill:hover{background:#ecead8}.hero-frame .btn-accent-pill .inner{background:#121212}.hero-frame .btn-accent-pill svg{color:#dedbc8}.pillar-grid{margin-top:clamp(2.75rem,5vw,4.25rem);display:grid;gap:1rem;text-align:left}@media (min-width:640px){.pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.pillar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.pillar-card{border-radius:1rem;border:1px solid color-mix(in oklch,var(--tw-line),transparent 15%);background:var(--tw-elevated);padding:1.5rem;display:flex;flex-direction:column;min-height:12rem}.pillar-num{font-family:ui-serif,Georgia,serif;font-style:italic;font-size:.72rem;color:var(--tw-mist);margin-bottom:auto}.pillar-title{margin-top:1rem;font-weight:600;letter-spacing:-.015em;font-size:1.0625rem}.pillar-desc{margin-top:.75rem;font-size:.8rem;line-height:1.62;color:var(--tw-mist);font-weight:300}.section-projects{position:relative;background:var(--tw-page);padding:clamp(4rem,9vw,7rem) 1rem;border-top:1px solid color-mix(in oklch,var(--tw-line),transparent 45%)}@media (min-width:768px){.section-projects{padding-left:1.5rem;padding-right:1.5rem}}.projects-header{text-align:center;max-width:52rem;margin:0 auto clamp(2.75rem,5vw,3.85rem);font-size:clamp(1.05rem,2.85vw,1.875rem);line-height:1.2}.projects-header-sub{display:block;margin-top:.6rem;color:var(--tw-mist);font-weight:300;font-size:.9em}.projects-grid{max-width:86.25rem;margin:0 auto;display:grid;gap:1rem}@media (min-width:640px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}}@media (min-width:1024px){.projects-grid{gap:1.35rem}}.proj-card{border-radius:1rem;border:1px solid color-mix(in oklch,var(--tw-line),transparent 12%);background:var(--tw-surface);overflow:hidden;transition:border-color .45s ease}.proj-card:hover{border-color:color-mix(in oklch,var(--tw-accent),transparent 45%)}.proj-media-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--tw-elevated)}.proj-media-inner{position:absolute;inset:0}.proj-media-inner button{margin:0;padding:0;width:100%;height:100%;display:block}.proj-thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.proj-thumb-fit{-o-object-fit:contain;object-fit:contain;padding:1.35rem}.proj-media-cover{position:absolute;inset:0;pointer-events:none;transition:background .3s ease}.proj-media-cover.hoverable-hotspot{pointer-events:auto}.proj-media-cover.has-play.hoverable:hover{background:rgba(0,0,0,.25)}.play-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.play-badge span{border-radius:9999px;padding:.875rem;border:1px solid var(--tw-line);background:color-mix(in oklch,var(--tw-elevated),transparent 5%)}.play-badge svg{width:2rem;height:2rem;color:var(--tw-accent)}.proj-chip{position:absolute;bottom:.75rem;right:.85rem;font-size:.625rem;letter-spacing:.15em;text-transform:uppercase;padding:.4rem .95rem;border-radius:9999px;border:1px solid var(--tw-line);background:color-mix(in oklch,var(--tw-page),transparent 18%);color:var(--tw-accent)}.proj-fade-bot{position:absolute;left:0;right:0;bottom:0;height:4rem;background:linear-gradient(to top,color-mix(in oklch,var(--tw-page),transparent 28%),transparent);pointer-events:none}.media-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.6rem;padding:1.75rem;color:var(--tw-mist);border:none}.media-fallback .tag{font-size:.625rem;letter-spacing:.18em;text-transform:uppercase;padding:.35rem .95rem;border-radius:9999px;border:1px solid var(--tw-line)}.media-fallback p{font-size:.75rem;max-width:16rem;line-height:1.45}.proj-card-body{padding:1.5rem}@media (min-width:768px){.proj-card-body{padding:2rem}}.proj-card-title-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.6rem;margin-bottom:.95rem}.proj-card-title{font-weight:600;font-size:clamp(1.125rem,2.8vw,1.425rem);letter-spacing:-.025em}.status-pill{flex-shrink:0;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .875rem;border-radius:9999px;border-width:1px;border-style:solid;font-weight:600}.status-prod{border-color:color-mix(in oklch,var(--tw-accent),transparent 42%);color:var(--tw-accent);background:color-mix(in oklch,var(--tw-page),transparent 45%)}.status-done{border-color:var(--tw-line);color:var(--tw-mist);background:var(--tw-surface)}.proj-desc{color:var(--tw-mist);font-size:.8125rem;line-height:1.6;text-wrap:pretty;flex:1;margin-bottom:1.1rem}.proj-highlights{padding-top:1rem;border-top:1px solid color-mix(in oklch,var(--tw-line),transparent 28%)}.proj-highlights li{display:flex;gap:.65rem;align-items:flex-start;font-size:.7625rem;line-height:1.5;color:var(--tw-mist);font-weight:300}.proj-highlights li+li{margin-top:.62rem}.proj-highlights svg{flex-shrink:0;margin-top:.1rem;width:1rem;height:1rem;color:var(--tw-accent)}.tech-tags{display:flex;flex-wrap:wrap;gap:.42rem;margin:1.1rem 0}.tech-tag{font-weight:600;letter-spacing:.035em;border-radius:.625rem;border:1px solid var(--tw-line);background:color-mix(in oklch,var(--tw-page),transparent 35%)}.tech-more,.tech-tag{font-size:.6875rem;padding:.25rem .625rem;color:var(--tw-mist)}.tech-more{align-self:center}.proj-meta-row{margin-top:auto;padding-top:1.25rem;border-top:1px solid color-mix(in oklch,var(--tw-line),transparent 35%);display:flex;flex-wrap:wrap;gap:2rem}.proj-meta-link{display:inline-flex;gap:.6rem;align-items:center;font-size:.6875rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--tw-accent);transition:color .3s ease}.proj-meta-link:hover{color:var(--tw-ink)}.proj-meta-row button.proj-meta-link{background:transparent}.section-skills{position:relative;background:var(--tw-surface);padding:clamp(4rem,9vw,7rem) 1rem;border-top:1px solid var(--tw-line);overflow:hidden}.skill-grid-main{max-width:75rem;margin:0 auto;display:grid;gap:1rem}@media (min-width:640px){.skill-grid-main{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.skill-grid-main{grid-template-columns:repeat(3,minmax(0,1fr))}}.skill-cat-card{border-radius:1rem;border:1px solid var(--tw-line);background:color-mix(in oklch,var(--tw-page),transparent 8%);padding:1.5rem}.skill-cat-title{font-size:.97rem;font-weight:700;margin-bottom:1.15rem;letter-spacing:-.02em}.strength-shell{max-width:72rem;margin:clamp(2.25rem,4vw,3rem) auto 0;border-radius:1rem;border:1px solid var(--tw-line);background:color-mix(in oklch,var(--tw-page),transparent 7%);padding:clamp(1.85rem,4vw,3rem)}.strength-shell h3{font-size:clamp(1.15rem,2.8vw,1.425rem);font-weight:700;margin-bottom:clamp(2rem,3vw,2.85rem);letter-spacing:-.02em}.strength-grid-two{display:grid;gap:clamp(1.15rem,2vw,1.85rem)}@media (min-width:768px){.strength-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:3rem;column-gap:3rem;row-gap:1.05rem}}.strength-item{display:flex;gap:.75rem;align-items:flex-start;font-size:.9275rem;line-height:1.5;color:var(--tw-mist);font-weight:300}.strength-accent-line{width:1.25rem;height:1px;background:var(--tw-accent);border-radius:9999px;margin-top:.5rem;flex-shrink:0}.skills-header-inner{text-align:center;max-width:48rem;margin:0 auto clamp(2.85rem,5vw,3.95rem);padding-inline:1rem}.skill-eyebrow{font-size:.625rem;letter-spacing:.34em;font-weight:700;text-transform:uppercase;color:var(--tw-accent);opacity:.82;margin-bottom:1rem}.skill-h2{font-size:clamp(1.9rem,4.5vw,3.3rem);font-weight:700;letter-spacing:-.03em}.skill-lede{margin-top:1rem;color:var(--tw-mist);line-height:1.72;font-size:clamp(.92rem,2vw,1.02rem);font-weight:300}.section-contact{background:var(--tw-page);padding:clamp(5rem,11vw,8rem) 1rem;border-top:1px solid var(--tw-line)}.contact-panel{max-width:68.75rem;margin:0 auto;border-radius:2rem;border:1px solid var(--tw-line);background:var(--tw-surface);padding:clamp(2rem,5vw,4rem)}.contact-head-inner{text-align:center;margin-bottom:clamp(3rem,5vw,3.95rem)}.contact-eyebrow{font-size:.625rem;letter-spacing:.34em;font-weight:700;text-transform:uppercase;color:var(--tw-accent);opacity:.82}.contact-head-inner h2{margin-top:1rem;font-size:clamp(1.875rem,4vw,2.675rem);font-weight:700}.contact-copy{max-width:36rem;margin:1rem auto 0;font-size:clamp(.92rem,2vw,1.02rem);color:var(--tw-mist);font-weight:300}.contact-split{display:grid;gap:clamp(2.85rem,5vw,4.95rem)}@media (min-width:768px){.contact-split{grid-template-columns:repeat(2,minmax(0,1fr))}}.mini-label{font-size:.625rem;letter-spacing:.21em;text-transform:uppercase;font-weight:700;color:var(--tw-mist);margin-bottom:2rem}.contact-link-row+.contact-link-row{margin-top:1.45rem}.contact-link-row a{display:flex;gap:1rem}.contact-link-icon{flex-shrink:0;border-radius:.8125rem;border:1px solid var(--tw-line);padding:.765rem;background:var(--tw-page);color:var(--tw-mist)}.contact-link-body{padding-top:.45rem}.contact-link-caption{font-size:.585rem;letter-spacing:.26em;margin-bottom:.325rem}.contact-field-label,.contact-link-caption{display:block;text-transform:uppercase;color:var(--tw-mist)}.contact-field-label{font-size:.695rem;letter-spacing:.165em;margin-bottom:.575rem}.field-style{width:100%;padding:.935rem 1rem;background:var(--tw-page);border:1px solid var(--tw-line);border-radius:.865rem;color:var(--tw-ink);outline:none;font-size:.875rem;transition:border-color .3s ease}.field-style:focus{border-color:var(--tw-accent)}.field-style::-moz-placeholder{color:var(--tw-mist);opacity:.45}.field-style::placeholder{color:var(--tw-mist);opacity:.45}.contact-form-fields>*+*{margin-top:1.05rem}.btn-submit-contact{position:relative;width:100%;border-radius:9999px;background:var(--tw-accent);color:var(--tw-page);padding:.935rem;margin-top:1.125rem;font-weight:700;font-size:.8125rem;letter-spacing:.15em;text-transform:uppercase;transition:transform .22s ease;box-shadow:0 12px 32px rgba(0,0,0,.15)}.btn-submit-contact:hover{transform:scale(1.015)}.form-status-msg{font-size:.7425rem;color:var(--tw-accent);margin-top:1rem;display:flex;gap:.5rem;align-items:center}.site-footer{border-top:1px solid var(--tw-line);background:var(--tw-surface);padding:3rem 1.55rem;margin-top:3rem}.footer-inner{margin:0 auto;max-width:72rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-quick-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .55rem;font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.footer-quick-nav a{color:var(--tw-mist);transition:color .25s ease}.footer-quick-nav a:hover{color:var(--tw-accent)}.footer-dot{opacity:.45;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width:768px){.footer-inner{flex-flow:row wrap;justify-content:space-between;align-items:center}}.footer-text{text-align:center;font-size:.8375rem;color:var(--tw-mist)}.footer-text-note{font-size:.6975rem;margin-top:.5rem;opacity:.73}.footer-cv-download{flex:1 0 100%;text-align:center;font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tw-accent);transition:opacity .25s ease}.footer-cv-download:hover{opacity:.85}@media (min-width:768px){.footer-text{text-align:left}}.modal-root{position:fixed;inset:0;z-index:9999;display:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding:4.5rem 1rem}.modal-root.active{display:flex}.modal-back-video{background:rgba(0,0,0,.95)}.modal-gallery-bg{background:rgba(0,0,0,.82)}.modal-gallery-inner{position:relative;width:min(1120px,100%);margin:auto}.gallery-close-abs{position:absolute;top:-2.95rem;right:0;padding:.5rem;border-radius:9999px;border:1px solid hsla(0,0%,100%,.12);color:var(--tw-accent);background:transparent}.gallery-close-abs:hover{background:hsla(0,0%,100%,.08)}.gallery-frame-box{background:var(--tw-page);border-radius:.8625rem;border:1px solid var(--tw-line);overflow:hidden;min-height:40vh;display:flex;align-items:center;justify-content:center;padding:1rem}.gallery-frame-img{max-height:calc(95vh - 8rem);width:auto;max-width:100%;border-radius:.5875rem;box-shadow:0 30px 60px rgba(0,0,0,.45)}.gallery-nav-btn{position:absolute;top:50%;translate:0 -50%;padding:.75rem;border-radius:9999px;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.62);color:var(--tw-accent)}.gallery-nav-prev{left:1.25rem}.gallery-nav-next{right:1.25rem}.gallery-count-pill{position:absolute;bottom:1.125rem;left:50%;translate:-50%;padding:.5rem 1.0625rem;border-radius:9999px;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.66);color:var(--tw-accent);font-size:.7825rem}.gallery-caption{margin-top:1rem;max-width:36rem;margin-inline:auto;text-align:center;font-size:.8375rem;line-height:1.6;color:hsla(0,0%,100%,.92);font-weight:300}.video-modal-inner{width:min(1150px,100%);margin:auto}.video-close{position:fixed;top:1.25rem;right:1.25rem;z-index:10001;padding:.5rem .9rem;border-radius:9999px;border:1px solid hsla(0,0%,100%,.35);color:var(--tw-accent);background:rgba(0,0,0,.4)}.video-close:hover{color:#fafaf9}.video-modal-el{width:100%;border-radius:.8875rem;border:1px solid hsla(0,0%,100%,.09)}.sr-hide-img{display:none!important}.visually-hidden{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}.text-ink{color:var(--tw-ink)}.section-projects-relative{position:relative;overflow:hidden}.section-projects-noise{position:absolute;inset:0;pointer-events:none;opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='nproj'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23nproj)'/%3E%3C/svg%3E")}.projects-grid-relative{position:relative;z-index:1}.skill-tag-chip{font-size:.6975rem;font-weight:600;letter-spacing:.047em;padding:.28rem .5825rem;border-radius:.45rem;border:1px solid var(--tw-line);color:var(--tw-mist);background:color-mix(in oklch,var(--tw-elevated),transparent 35%)}.skill-tag-stack{display:flex;flex-wrap:wrap;gap:.44rem}.proj-fallback-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.55rem;padding:1.55rem;color:var(--tw-mist);background:color-mix(in oklch,var(--tw-elevated),transparent 5%)}.proj-fallback-panel.is-hidden{display:none}.mini-check{width:1rem;height:1rem;flex-shrink:0;margin-top:.078rem;color:var(--tw-accent)}.proj-inner-hit{position:absolute;inset:0;z-index:2}.proj-hit{margin:0;padding:0;width:100%;height:100%;display:block;border:none;background:none;cursor:pointer;font:inherit}.proj-video-hit-btn:hover .proj-thumb{opacity:.93}.proj-teaser-video.proj-thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.proj-card-body{min-height:0}.play-badge,.proj-chip{z-index:3;pointer-events:none}.contact-link-strong{font-size:.92rem;font-weight:600;display:block}.ref-hidden{display:none!important}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Almarai,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-8{bottom:2rem}.left-8{left:2rem}.right-8{right:2rem}.top-8{top:2rem}.z-\[200\]{z-index:200}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mt-8{margin-top:2rem}.flex{display:flex}.contents{display:contents}.hidden{display:none}.h-12{height:3rem}.h-\[2px\]{height:2px}.h-full{height:100%}.w-12{width:3rem}.w-48{width:12rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize-none{resize:none}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.scroll-smooth{scroll-behavior:smooth}.text-pretty{text-wrap:pretty}.rounded-full{border-radius:9999px}.rounded-br-xl{border-bottom-right-radius:.75rem}.rounded-tl-xl{border-top-left-radius:.75rem}.border-b-2{border-bottom-width:2px}.border-l-2{border-left-width:2px}.border-r-2{border-right-width:2px}.border-t-2{border-top-width:2px}.border-blue-500\/20{border-color:rgba(59,130,246,.2)}.border-violet-500\/20{border-color:rgba(139,92,246,.2)}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-violet-500{--tw-gradient-to:rgba(139,92,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#8b5cf6 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-cyan-500{--tw-gradient-to:#06b6d4 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-5xl{font-size:3rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.tracking-\[0\.2em\]{letter-spacing:.2em}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-80{opacity:.8}.cv-section{content-visibility:auto;contain-intrinsic-size:auto 720px}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}.motion-reduce\:opacity-100{opacity:1}}@media (min-width:768px){.md\:text-7xl{font-size:4.5rem;line-height:1}}@media (prefers-color-scheme:dark){.dark\:bg-\[\#030014\]{--tw-bg-opacity:1;background-color:rgb(3 0 20/var(--tw-bg-opacity,1))}.dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}}