.ApexPanoramaHero-module__Bk2RXa__hero{background:var(--apex-ink);color:#fff;height:850svh;position:relative}.ApexPanoramaHero-module__Bk2RXa__stage{box-sizing:border-box;height:100svh;padding:10px;position:sticky;top:0}.ApexPanoramaHero-module__Bk2RXa__frame{isolation:isolate;background:#14131a;border-radius:clamp(16px,1.6vw,22px);height:100%;position:relative;overflow:clip}.ApexPanoramaHero-module__Bk2RXa__track{will-change:transform;width:max-content;height:100%;position:absolute;inset:0 auto 0 0;transform:translateZ(0)}.ApexPanoramaHero-module__Bk2RXa__panorama{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:none;height:100%;display:block}.ApexPanoramaHero-module__Bk2RXa__shade{z-index:2;pointer-events:none;background:radial-gradient(#08080c47 0%,#08080c1a 60%,#0000 85%),linear-gradient(#08080c1f,#08080c38);position:absolute;inset:0}.ApexPanoramaHero-module__Bk2RXa__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ApexPanoramaHero-module__Bk2RXa__headline{z-index:3;pointer-events:none;place-items:center;padding:0 clamp(1.25rem,5vw,5rem);display:grid;position:absolute;inset:0}.ApexPanoramaHero-module__Bk2RXa__title{width:100%;font-family:var(--font-display);letter-spacing:-.035em;text-align:center;text-wrap:balance;color:#fff;text-shadow:0 2px 40px #00000059;margin:0;font-size:clamp(2.4rem,7.4vw,9rem);font-weight:400;line-height:1}.ApexPanoramaHero-module__Bk2RXa__word{vertical-align:top;margin-block:-.12em;margin-inline:.12em;padding-block:.12em;display:inline-block;overflow:clip}.ApexPanoramaHero-module__Bk2RXa__wordInner{will-change:transform;display:inline-block}.ApexPanoramaHero-module__Bk2RXa__actions{z-index:4;inset-inline-end:clamp(1rem,2.4vw,2rem);position:absolute;bottom:clamp(1rem,2.4vw,2rem)}.ApexPanoramaHero-module__Bk2RXa__progress{z-index:4;font-family:var(--font-meta);letter-spacing:.1em;text-transform:uppercase;color:#ffffffe6;pointer-events:none;grid-template-columns:auto 5rem;align-items:center;gap:.6rem;font-size:.72rem;display:grid;position:absolute;top:clamp(1rem,2.4vw,2rem);right:clamp(1rem,2.4vw,2rem)}.ApexPanoramaHero-module__Bk2RXa__rail{background:#ffffff47;height:2px;display:block;position:relative;overflow:hidden}.ApexPanoramaHero-module__Bk2RXa__bar{background:var(--apex-red);position:absolute;inset:0}.ApexPanoramaHero-module__Bk2RXa__counter{font-variant-numeric:tabular-nums}@media (max-width:700px){.ApexPanoramaHero-module__Bk2RXa__hero{height:720svh}.ApexPanoramaHero-module__Bk2RXa__title{font-size:clamp(2.2rem,11.5vw,4.5rem)}}.ApexPanoramaHero-module__Bk2RXa__hero[data-reduced=true]{height:100svh}.ApexPanoramaHero-module__Bk2RXa__hero[data-reduced=true] .ApexPanoramaHero-module__Bk2RXa__track{width:100%}.ApexPanoramaHero-module__Bk2RXa__hero[data-reduced=true] .ApexPanoramaHero-module__Bk2RXa__panorama{object-fit:cover;object-position:18% center;width:100%;height:100%}
@font-face{font-family:Stagtic;src:url(/fonts/stagtic.woff2)format("woff2"),url(/fonts/stagtic.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins Light;src:url(/fonts/Poppins-Light.woff2)format("woff2"),url(/fonts/Poppins-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins Medium;src:url(/fonts/Poppins-Medium.woff2)format("woff2"),url(/fonts/Poppins-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Yuyu Short;src:url(/fonts/YuyuShort-Regular.woff2)format("woff2"),url(/fonts/YuyuShort-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Apex AR Display;src:url(/fonts/madani-arabic-black.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+600-65F,U+66E-6EF,U+6FA-6FF,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}@font-face{font-family:Apex AR Meta;src:url(/fonts/madani-arabic-bold.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+600-65F,U+66E-6EF,U+6FA-6FF,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}@font-face{font-family:Apex AR Body;src:url(/fonts/madani-arabic-regular.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+600-65F,U+66E-6EF,U+6FA-6FF,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}@font-face{font-family:Apex AR Thin;src:url(/fonts/madani-arabic-thin.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+600-65F,U+66E-6EF,U+6FA-6FF,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}@font-face{font-family:Apex AR Accent;src:url(/fonts/tufuli-arabic-bold.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+600-65F,U+66E-6EF,U+6FA-6FF,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}:root:has(.apex-home){--font-display:"Stagtic", "Poppins Medium", ui-sans-serif, system-ui, sans-serif;--font-body:"Poppins Light", ui-sans-serif, system-ui, sans-serif;--font-meta:"Poppins Medium", ui-sans-serif, system-ui, sans-serif;--font-accent:"Yuyu Short", "Poppins Light", ui-sans-serif, sans-serif;--apex-red:#ff3b30;--apex-red-deep:#822b2a;--apex-ink:#0e0d12;--apex-ink-2:#16141d;--apex-bone:#f3efee;--apex-stone:#d5cac7;--apex-mute:#a9a3a6;--apex-line:#f3efee24;--apex-line-strong:#f3efee52;--apex-ease-out:cubic-bezier(.16, 1, .3, 1);--apex-gutter:clamp(1rem, 2.5vw, 2rem);--bg:var(--apex-ink);--fg:var(--apex-bone);--background:var(--apex-ink);--foreground:var(--apex-bone);--muted:var(--apex-mute);--border:var(--apex-line);--line:var(--apex-line);--accent:var(--apex-red);--acid:var(--apex-red);--ring:var(--apex-bone);--surface:var(--apex-ink-2);--glass-border:var(--apex-line)}.apex-hero{--hero-h:100vh;--apex-enter-delay:.15s;isolation:isolate;height:var(--hero-h);background-color:var(--apex-red);color:var(--apex-ink);background-image:radial-gradient(75% 55% at 90% 4%,#ff982cf2 0%,#ff80288c 36%,#ff602800 70%),radial-gradient(130% 55% at 50% 112%,#780016e6 0%,#96001873 45%,#96001800 78%),linear-gradient(#ff4630 0%,#ff3b30 40%,#f5252c 64%,#d20c23 84%,#a3001a 100%);position:relative;overflow:clip}@supports (height:100svh){.apex-hero{--hero-h:100svh}}.apex-hero-stage{z-index:0;pointer-events:none;position:absolute;inset:0}.apex-hero-layer{position:absolute}.apex-hero-motion,.apex-hero-layer picture,.apex-hero-layer img{width:100%;height:100%;display:block}.apex-hero-layer img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.apex-hero-layer--left,.apex-hero-layer--right{top:0;bottom:0}.apex-hero-layer--left{width:calc(var(--hero-h) * var(--aspect-left));left:0}.apex-hero-layer--right{width:calc(var(--hero-h) * var(--aspect-right));right:0}.apex-hero-layer--left .apex-hero-enter,.apex-hero-layer--right .apex-hero-enter{width:100%;height:100%}.apex-hero-layer--me,.apex-hero-layer--name{display:grid;inset:0}.apex-hero-layer--me{place-items:end center}.apex-hero-layer--me .apex-hero-enter{width:min(100%, calc(var(--hero-h) * var(--aspect-me)));aspect-ratio:var(--aspect-me)}.apex-hero-layer--name{place-items:center}.apex-hero-layer--name .apex-hero-enter{width:min(100%, calc(var(--hero-h) * var(--aspect-name)));aspect-ratio:var(--aspect-name)}.apex-hero-layer--name{z-index:1}.apex-hero-layer--back{z-index:2}.apex-hero-layer--me{z-index:3}.apex-hero-layer--top{z-index:4}@media (max-aspect-ratio:5/4){.apex-hero-layer--me{z-index:5}}.apex-hero-chrome{z-index:10;inset-inline-start:var(--apex-gutter);bottom:calc(var(--apex-gutter) + env(safe-area-inset-bottom,0px));width:min(26rem, calc(100% - 2 * var(--apex-gutter)));background:var(--apex-ink);color:var(--apex-bone);border-radius:20px;gap:.5rem;padding:clamp(1rem,1.5vw,1.375rem);display:grid;position:absolute}.apex-hero-title{font:inherit;margin:0}.apex-hero-name{font-family:var(--font-display);font-synthesis:none;letter-spacing:.005em;color:var(--apex-bone);margin:0;font-size:clamp(2rem,1.25rem + 2.2vw,3.25rem);font-weight:400;line-height:.95;display:block}.apex-hero-tagline{font-family:var(--font-meta);color:var(--apex-stone);margin:0;font-size:.875rem;line-height:1.4}.apex-hero-actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.apex-hero .apex-hero-cta{min-height:48px;font-size:.9375rem}.apex-hero .apex-hero-cta--secondary{border:1.5px solid var(--apex-bone);color:var(--apex-bone);font-family:var(--font-meta);white-space:nowrap;transition:transform .18s var(--apex-ease-out), background-color .18s var(--apex-ease-out);background:0 0;border-radius:9999px;align-items:center;padding:0 1.25rem;line-height:1;text-decoration:none;display:inline-flex}.apex-hero .apex-hero-cta--secondary:hover{background:var(--apex-ink-2)}.apex-hero .apex-hero-cta--secondary:active{transform:scale(.98)}.apex-hero .apex-hero-cta:focus-visible{outline:2px solid var(--apex-bone);outline-offset:3px}@media (max-height:520px){.apex-hero-tagline{display:none}.apex-hero-chrome{gap:.25rem;padding:.75rem}}@keyframes apex-hero-in{0%{opacity:0;transform:var(--enter-from)}}@keyframes apex-hero-rise{0%{transform:var(--enter-from)}}.apex-hero-enter{animation:apex-hero-in .9s var(--apex-ease-out) both;animation-delay:calc(var(--apex-enter-delay) + var(--enter-stagger,0s))}.apex-hero-enter--name{--enter-from:scale(.96)}.apex-hero-enter--back-l{--enter-from:translate3d(-32px, 0, 0);--enter-stagger:.1s}.apex-hero-enter--back-r{--enter-from:translate3d(32px, 0, 0);--enter-stagger:.1s}.apex-hero-enter--me{--enter-from:translate3d(0, 40px, 0);--enter-stagger:.16s;animation-name:apex-hero-rise;animation-duration:1s}.apex-hero-enter--top-l{--enter-from:translate3d(-56px, 24px, 0);--enter-stagger:.26s;animation-duration:1s}.apex-hero-enter--top-r{--enter-from:translate3d(56px, 24px, 0);--enter-stagger:.26s;animation-duration:1s}.apex-hero-enter--chrome{--enter-from:translate3d(0, 16px, 0);--enter-stagger:.42s;animation-duration:.7s}@media (prefers-reduced-motion:reduce){.apex-hero-enter{animation:none}.apex-hero .apex-hero-cta{transition:none}}.apex-nav{padding-bottom:env(safe-area-inset-bottom,0px);width:max-content;max-width:calc(100vw - 2rem)}.apex-dock{border:1px solid var(--apex-line-strong);background:#0e0d12f0;border-radius:9999px;align-items:center;max-width:100%;padding:5px;display:flex;box-shadow:0 14px 40px #00000073}.apex-dock-trigger{height:48px;color:var(--apex-bone);cursor:pointer;transition:background-color .18s var(--apex-ease-out), transform .18s var(--apex-ease-out);background:0 0;border:0;border-radius:9999px;flex:none;align-items:center;gap:.5rem;padding:0 .9rem 0 4px;display:inline-flex;position:relative}.apex-dock-trigger:hover,.apex-nav.is-open .apex-dock-trigger{background:var(--apex-ink-2)}.apex-dock-trigger:active{transform:scale(.97)}.apex-dock-trigger:focus-visible{outline:2px solid var(--apex-bone);outline-offset:3px}.apex-dock-glyph{flex:none;width:20px;height:14px;margin-inline-end:.2rem;position:relative}.apex-dock-glyph span{width:100%;height:2px;transition:transform .32s var(--apex-ease-out), opacity .2s var(--apex-ease-out), top .32s var(--apex-ease-out);background:currentColor;border-radius:2px;position:absolute;left:0}.apex-dock-glyph span:first-child{top:0}.apex-dock-glyph span:nth-child(2){top:6px}.apex-dock-glyph span:nth-child(3){top:12px}.apex-nav.is-open .apex-dock-glyph span:first-child{top:6px;transform:rotate(45deg)}.apex-nav.is-open .apex-dock-glyph span:nth-child(2){opacity:0}.apex-nav.is-open .apex-dock-glyph span:nth-child(3){top:6px;transform:rotate(-45deg)}.apex-mascot{pointer-events:none;border-radius:14px;flex:none;width:44px;height:44px;position:relative;overflow:hidden}.apex-mascot-layer{background-repeat:no-repeat;background-size:300% 300%;width:100px;height:100px;position:absolute;top:-16px;left:-28px}.apex-dock-drawer{min-width:0;transition:grid-template-columns .46s var(--apex-ease-out);grid-template-columns:minmax(0,0fr);display:grid}.apex-nav.is-open .apex-dock-drawer{grid-template-columns:minmax(0,1fr)}.apex-dock-inner{opacity:0;align-items:center;min-width:0;transition:opacity .22s linear;display:flex;overflow:hidden}.apex-nav.is-open .apex-dock-inner{opacity:1;transition-delay:80ms}.apex-dock-links{padding:0;scrollbar-width:none;overscroll-behavior-x:contain;flex:auto;gap:2px;min-width:0;margin:0;padding-inline-start:6px;list-style:none;display:flex;overflow-x:auto}.apex-dock-links::-webkit-scrollbar{display:none}.apex-dock-links li{flex:none}.apex-dock-link{min-height:44px;font-family:var(--font-display);color:var(--apex-bone);white-space:nowrap;transition:background-color .15s var(--apex-ease-out), color .15s var(--apex-ease-out);border-radius:9999px;align-items:center;padding:0 .85rem;font-size:1rem;line-height:1;text-decoration:none;display:inline-flex}.apex-dock-link:hover{background:var(--apex-ink-2);color:var(--apex-red)}.apex-dock-link--cv{background:var(--apex-bone);color:var(--apex-ink);margin-inline-start:4px}.apex-dock-link--cv:hover{background:var(--apex-red);color:var(--apex-ink)}.apex-dock-link:focus-visible,.apex-dock-lang:focus-visible{outline:2px solid var(--apex-bone);outline-offset:-2px}.apex-dock-lang{border:1px solid var(--apex-line-strong);min-height:44px;color:var(--apex-bone);font-family:var(--font-meta);white-space:nowrap;cursor:pointer;background:0 0;border-radius:9999px;flex:none;align-items:center;margin-inline:6px 2px;padding:0 .9rem;font-size:.875rem;display:inline-flex}.apex-dock-lang[lang=ar]{font-family:"Apex AR Meta", var(--font-meta)}.apex-dock-lang:hover{border-color:var(--apex-red);color:var(--apex-red)}@media (max-width:560px){.apex-nav.is-open{width:calc(100vw - 2rem)}.apex-nav.is-open .apex-dock{animation:apex-dock-wipe .42s var(--apex-ease-out) both;border-radius:28px;flex-direction:column-reverse;align-items:center;gap:8px;padding:10px 8px 6px}.apex-nav.is-open .apex-dock-drawer{width:100%;transition:none}.apex-nav.is-open .apex-dock-inner{flex-wrap:wrap;justify-content:center;gap:6px;overflow:visible}.apex-nav.is-open .apex-dock-links{flex-wrap:wrap;justify-content:center;gap:6px;padding:0;overflow:visible}.apex-nav.is-open .apex-dock-link{background:var(--apex-ink-2);padding:0 .95rem}.apex-nav.is-open .apex-dock-link--cv{background:var(--apex-bone);margin:0}.apex-nav.is-open .apex-dock-lang{margin:0}}@keyframes apex-dock-wipe{0%{clip-path:inset(calc(100% - 60px) calc(50% - 30px) 0 round 30px)}to{clip-path:inset(0 round 28px)}}@media (prefers-reduced-motion:reduce){.apex-nav.is-open .apex-dock{animation:none}.apex-dock-drawer,.apex-dock-inner,.apex-dock-glyph span,.apex-dock-trigger,.apex-dock-link{transition:none}}.apex-loader{z-index:300;pointer-events:none;animation:0s linear 2s forwards apex-loader-out;position:fixed;bottom:0;left:0;right:0;overflow:hidden}@keyframes apex-loader-out{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.apex-loader{display:none}}.apex-loader-band{width:100%;height:clamp(96px,16vh,160px)}.apex-skills-band{padding-block:var(--section-spacing)}.apex-skills-head{max-width:1500px;padding-inline:var(--page-padding);gap:.85rem;margin-inline:auto;display:grid}.apex-skills-eyebrow{font-family:var(--font-meta);letter-spacing:.16em;text-transform:uppercase;color:var(--apex-mute);align-items:center;gap:.6rem;margin:0;font-size:clamp(.7rem,.8vw,.8rem);font-weight:500;display:flex}.apex-skills-tick{background:var(--apex-red);border-radius:2px;flex:none;width:.5em;height:.5em}.apex-skills-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--apex-bone);margin:0;font-size:clamp(2.75rem,1.4rem + 5vw,6.5rem);font-weight:400;line-height:.92}.apex-skills-title-line{display:block}.apex-skills-note{max-width:42ch;font-family:var(--font-body);color:var(--apex-mute);margin:0;font-size:clamp(.95rem,1.1vw,1.08rem);line-height:1.6}.apex-skill-card{--card-bg:#f3efee;--card-ink:#14110f;--card-pill-bg:#14110f;--card-pill-ink:#f3efee;background:var(--card-bg);width:100%;height:100%;color:var(--card-ink);border:1px solid #15120f38;border-radius:1.1em;flex-direction:column;gap:.55em;padding:1em 1.05em 1.1em;display:flex;position:relative;overflow:hidden;box-shadow:0 1.1em 2.2em -1.2em #000000bf}.apex-skill-card--peach,.apex-skill-card--lilac{--card-bg:#ff3b30;--card-ink:#14110f;--card-ghost:#14110f3d;--card-pill-bg:#14110f;--card-pill-ink:#f3efee;--card-art:#fff6}.apex-skill-card--lavender{--card-bg:#b3261e;--card-ink:#f3efee;--card-ghost:#f3efee38;--card-pill-bg:#f3efee;--card-pill-ink:#14110f;--card-art:#f3efee2e;border-color:#f3efee47}.apex-skill-card--mint,.apex-skill-card--sage{--card-bg:#f3efee;--card-ink:#14110f;--card-ghost:#14110f24;--card-pill-bg:#14110f;--card-pill-ink:#f3efee;--card-art:#ff3b3047}.apex-skill-card--sky{--card-bg:#ddd5cf;--card-ink:#14110f;--card-ghost:#14110f26;--card-pill-bg:#14110f;--card-pill-ink:#f3efee;--card-art:#ff3b3047}.apex-skill-card--butter,.apex-skill-card--rose{--card-bg:#1c1b22;--card-ink:#f3efee;--card-ghost:#f3efee29;--card-pill-bg:#f3efee;--card-pill-ink:#14110f;--card-art:#ff3b3066;border-color:#f3efee3d}.apex-skill-card--rose{--card-bg:#2a2830}.apex-skill-card-ghost{z-index:0;inset-inline-end:-.04em;font-family:var(--font-display);letter-spacing:-.06em;color:var(--card-ghost);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:12em;line-height:.8;position:absolute;bottom:-.2em}.apex-skill-card--outline .apex-skill-card-ghost{color:#0000;-webkit-text-stroke:2px var(--card-ghost)}.apex-skill-card>:not(.apex-skill-card-ghost){z-index:1;position:relative}.apex-skill-card-top{border-bottom:1px solid color-mix(in srgb, var(--card-ink) 30%, transparent);font-family:var(--font-meta);letter-spacing:.14em;justify-content:space-between;align-items:baseline;padding-bottom:.5em;font-size:.78em;display:flex}.apex-skill-card-index{font-weight:700}.apex-skill-card-total{opacity:.7}.apex-skill-card-title{font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:break-word;margin:0;font-size:2.5em;font-weight:400;line-height:.94}.apex-skill-art{width:100%;height:0;min-height:2.5em;color:var(--card-ink);flex:1 1 0;display:block}.apex-skill-list{flex-wrap:wrap;gap:.35em;margin:0;padding:0;list-style:none;display:flex}.apex-skill-item{background:var(--card-pill-bg);color:var(--card-pill-ink);font-family:var(--font-body);border-radius:999px;align-items:center;gap:.4em;padding:.3em .7em .3em .35em;font-size:.86em;font-weight:500;line-height:1.2;display:inline-flex}.apex-skill-item:not(:has(.apex-skill-logo)){padding-inline-start:.7em}.apex-skill-logo{border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.5em;height:1.5em;display:inline-flex}.apex-skill-logo img{width:.95em;height:.95em;display:block}.apex-skill-logo--light{background:#fff}.apex-skill-logo--dark{background:#15120f;box-shadow:inset 0 0 0 1px #f3efee66}:root:has(.apex-home){background-color:var(--apex-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:has(.apex-home) body{font-family:var(--font-body)}.apex-home{isolation:isolate;background:var(--apex-ink);color:var(--apex-bone);font-family:var(--font-body);font-synthesis:none;position:relative}.apex-home ::selection{background:var(--apex-red);color:var(--apex-ink)}:where(:root:has(.apex-home)) :focus-visible{outline:2px solid var(--apex-bone);outline-offset:3px}.apex-home .comic-section,.apex-home .comic-invert{color:var(--apex-bone);background:0 0}.apex-home .comic-section,.apex-home .apex-skills-band{border-top:1px solid var(--apex-line)}.apex-home .comic-display{font-family:var(--font-display);letter-spacing:-.01em;text-transform:none;font-weight:400;line-height:.92}.apex-home .comic-condensed{font-family:var(--font-meta);letter-spacing:0;text-transform:none;font-weight:500;line-height:1.2}.apex-home .comic-meta{font-family:var(--font-meta);letter-spacing:.16em;font-size:clamp(.72rem,.8vw,.8rem);font-weight:500}:root:has(.apex-home) .site-footer .comic-meta{font-family:var(--font-meta);letter-spacing:.16em;font-size:clamp(.72rem,.8vw,.8rem);font-weight:500}.apex-home .comic-tick{background:var(--apex-red);border-radius:2px}.apex-home .rule-accent{background:var(--apex-red);border-radius:2px;height:3px}.apex-home .rule-accent--under{width:6rem}.apex-home .hover-reveal-row,.apex-home .mobile-project-row{transform:none!important}.apex-home .comic-rule-line{border-top:1px solid var(--apex-line);color:var(--apex-line)}.apex-home .masked-heading{padding-bottom:.1em}.apex-home .editorial-frame{border:1px solid var(--apex-line);border-radius:20px}.apex-home .editorial-frame:before,.apex-home .editorial-frame:after{content:none}.apex-home .work-eyebrow,.apex-home .about-eyebrow,.apex-home .contact-eyebrow{color:var(--apex-mute)}.apex-home .ticker-band{background:var(--apex-ink)}.apex-home .ticker-rail{color:var(--apex-mute)}.apex-home .ticker-rail .rule-accent{opacity:1;background:var(--apex-line-strong);height:1px}.apex-home .ticker-marquee{border-top-color:var(--apex-line);border-bottom-color:var(--apex-line)}.apex-home .ticker-item{font-family:var(--font-display);letter-spacing:-.01em;text-transform:none;color:var(--apex-bone);font-size:clamp(1.75rem,4.2vw,3.75rem);font-weight:400;line-height:1.05}.apex-home .ticker-sep{background:var(--apex-red);border-radius:50%;width:.28em;height:.28em}.apex-home .work-band{padding-top:var(--section-spacing);background:0 0}.apex-home .work-title,.apex-home .about-title,.apex-home .contact-title{color:var(--apex-bone)}.apex-home .work-title{font-size:clamp(2.75rem,1.4rem + 5vw,6.5rem)}.apex-home .work-note{color:var(--apex-mute)}.apex-home .work-rule{color:var(--apex-line)}.apex-home .hover-reveal-list{border-top:0}.apex-home .hover-reveal-row{border-bottom-color:var(--apex-line);color:var(--apex-bone);padding-block:clamp(.85rem,1.8vw,1.35rem)}.apex-home .hover-reveal-index{width:2.25rem;font-family:var(--font-meta);letter-spacing:.08em;color:var(--apex-red);font-size:.8rem}.apex-home .hover-reveal-title-mask{font-family:var(--font-display);letter-spacing:-.01em;height:1em;font-size:clamp(1.75rem,3.6vw,4rem);font-weight:400;line-height:1}.apex-home .hover-reveal-title-line{line-height:1}.apex-home .hover-reveal-title-line--accent{color:var(--apex-red)}.apex-home .hover-reveal-meta{margin-left:0;font-family:var(--font-meta);letter-spacing:.01em;color:var(--apex-mute);margin-inline-start:calc(2.25rem + clamp(1.25rem,3vw,2.5rem));font-size:.8rem}.apex-home .hover-reveal-row,.apex-home .about-experience-row{transition:opacity .3s var(--apex-ease-out)}.apex-home .hover-reveal-row.is-active,.apex-home .about-experience-row:hover{padding-left:0}.apex-home .hover-reveal-row.is-active .hover-reveal-arrow{color:var(--apex-red)}.apex-home .hover-reveal-preview{border:1px solid var(--apex-line-strong);background:var(--apex-ink-2);border-radius:16px;box-shadow:0 30px 60px #00000080}.apex-home .mobile-project-list{border-top-color:var(--apex-line)}.apex-home .mobile-project-row{border-bottom-color:var(--apex-line);color:var(--apex-bone)}.apex-home .mobile-project-thumb{border:1px solid var(--apex-line-strong);background:var(--apex-ink-2);border-radius:12px}.apex-home .mobile-project-index{font-family:var(--font-meta);letter-spacing:.08em;color:var(--apex-red)}.apex-home .mobile-project-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.25rem,5.6vw,1.75rem);font-weight:400;line-height:1}.apex-home .mobile-project-meta{font-family:var(--font-meta);letter-spacing:.01em;color:var(--apex-mute);font-size:.75rem}.apex-press-track{z-index:1;border-top:1px solid var(--apex-line);position:relative}.apex-press{isolation:isolate;width:100%;height:100%;padding-inline:var(--page-padding);background:var(--apex-ink);grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:clamp(1.5rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.apex-press-type{pointer-events:none;-webkit-user-select:none;user-select:none;justify-items:center;gap:.04em;width:100%;display:grid}.apex-press-line{white-space:nowrap;font-family:var(--font-display);letter-spacing:-.01em;color:var(--apex-bone);will-change:transform;font-size:clamp(1.75rem,8vw,9.5rem);font-weight:400;line-height:.95;display:block}.apex-press-line--accent{color:var(--apex-red)}.apex-press-bar{background:var(--apex-red);transform-origin:0;border-radius:2px;width:6rem;height:3px;display:block}.apex-press-copy{text-align:center;max-width:46ch}.apex-press-kicker{font-family:var(--font-meta);letter-spacing:.16em;text-transform:uppercase;color:var(--apex-mute);margin:0 0 .9rem;font-size:clamp(.7rem,.8vw,.8rem);font-weight:500}.apex-press-statement{font-family:var(--font-body);color:var(--apex-bone);will-change:clip-path;margin:0;font-size:clamp(1.05rem,1.6vw,1.4rem);line-height:1.55}.apex-home .contact-band{background:0 0}.apex-home .contact-title{font-size:clamp(3.25rem,1.5rem + 8vw,9rem)}.apex-home .contact-lede{color:var(--apex-stone)}.apex-home .contact-cta{background:var(--apex-red);min-height:48px;color:var(--apex-ink);box-shadow:none;font-family:var(--font-meta);letter-spacing:0;text-transform:none;border:0;border-radius:9999px;padding:.9rem 1.6rem;font-weight:500}.apex-home .contact-cta:hover{background:var(--apex-bone);color:var(--apex-ink);box-shadow:none;transform:translateY(-1px)}.apex-home .contact-details-list{border-top-color:var(--apex-line)}.apex-home .contact-detail-label{color:var(--apex-mute)}.apex-home .contact-detail-value{color:var(--apex-bone)}.apex-home .contact-detail-value a:hover{color:var(--apex-red)}.apex-home .idcard-row dt,.apex-home .idcard-rail-tag,.apex-home .idcard-flip--back{letter-spacing:.1em;font-size:clamp(11px,3cqw,12px)}.apex-home .idcard-btn{font-size:clamp(11px,3.6cqw,14px)}.apex-home .idcard-row dd a{margin-block:-5px;padding-block:5px;display:inline-block}:root:has(.apex-home) .site-footer{background:var(--apex-ink);color:var(--apex-mute);border-top:1px solid var(--apex-line);padding-bottom:calc(clamp(2rem, 4vw, 3rem) + 6rem + env(safe-area-inset-bottom,0px))}:root:has(.apex-home) .site-footer .site-footer-cv{border:1px solid var(--apex-line-strong);border-radius:9999px;align-items:center;min-height:44px;padding:0 1.1rem;display:inline-flex}:root:has(.apex-home) .site-footer .site-footer-cv:hover{border-color:var(--apex-red)}:root:has(.apex-home) .site-footer .comic-meta:not(.site-footer-cv){letter-spacing:.02em;text-transform:none}:root:has(.apex-home) .site-footer-heart{color:var(--apex-red)}:root:has(.apex-home) .site-footer-cv{color:var(--apex-bone)}:root:has(.apex-home) .site-footer-cv:hover{color:var(--apex-red)}:root:has(.apex-home)[dir=rtl]{--font-display:"Apex AR Display", "Stagtic", "Poppins Medium", ui-sans-serif, system-ui, sans-serif;--font-body:"Apex AR Body", "Poppins Light", ui-sans-serif, system-ui, sans-serif;--font-meta:"Apex AR Meta", "Poppins Medium", ui-sans-serif, system-ui, sans-serif;--font-accent:"Apex AR Accent", "Yuyu Short", "Poppins Light", ui-sans-serif, sans-serif}:root:has(.apex-home)[dir=rtl] body *{letter-spacing:0!important}:root:has(.apex-home)[dir=rtl] .apex-home :is(h1,h2,h3,h4,.comic-display,.apex-hero-name,.apex-resume-name){line-height:1.22}:root:has(.apex-home)[dir=rtl] .apex-home :is(p,li,dd){line-height:1.8}:root:has(.apex-home)[dir=rtl] .apex-home .apex-skill-item{line-height:1.45}.apex-ltr{direction:ltr;unicode-bidi:isolate}:root:has(.apex-home)[dir=rtl] .apex-flip-rtl{display:inline-block;transform:scaleX(-1)}:root:has(.apex-home)[dir=rtl] .apex-home .hover-reveal-row .hover-reveal-arrow{display:inline-block;transform:scaleX(-1)}:root:has(.apex-home)[dir=rtl] .apex-home .mobile-project-meta>span[aria-hidden=true]{display:inline-block;transform:scaleX(-1)}:root:has(.apex-home)[dir=rtl] .apex-home .hover-reveal-preview{left:clamp(.5rem,3vw,2rem);right:auto}:root:has(.apex-home)[dir=rtl] .apex-home .hover-reveal-row.is-active .hover-reveal-title-mask{transform-origin:100%}:root:has(.apex-home)[dir=rtl] .apex-home .ticker-marquee .marquee{direction:ltr}:root:has(.apex-home)[dir=rtl] .apex-home .ticker-item{direction:rtl}:root:has(.apex-home)[dir=rtl] .apex-press-line{font-size:clamp(1.35rem,5.2vw,6.25rem);line-height:1.3}:root:has(.apex-home)[dir=rtl] .apex-press-bar{transform-origin:100%}:root:has(.apex-home)[dir=rtl] .idcard-name{font-family:var(--font-accent);line-height:1.05}:root:has(.apex-home)[dir=rtl] .apex-resume-loader-count{font-family:"Apex AR Thin", var(--font-display)}.apex-dual-eye{--eye-size:24px;color:#fff;min-height:48px;font-family:var(--font-meta);white-space:nowrap;cursor:pointer;transition:transform .16s var(--apex-ease-out);background:#0a0a0b;border-radius:9999px;align-items:center;gap:.7rem;padding:0 1.3rem 0 1rem;font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.apex-dual-eye:hover{transform:translateY(-1px)}.apex-dual-eye:active{transform:scale(.98)}.apex-dual-eye:focus-visible{outline-offset:3px;outline:2px solid #fff}.apex-dual-eye-pair{gap:calc(var(--eye-size) * .25);display:inline-flex}.apex-dual-eye-ball{--look-x:0;--look-y:0;width:var(--eye-size);height:var(--eye-size);background:#fff;border-radius:50%;place-items:center;display:grid}.apex-dual-eye-pupil{width:calc(var(--eye-size) * .45);height:calc(var(--eye-size) * .45);transform:translate(calc(var(--look-x) * var(--eye-size) * .25), calc(var(--look-y) * var(--eye-size) * .25));background:#0a0a0b;border-radius:50%;transition:transform 90ms linear}@media (prefers-reduced-motion:reduce){.apex-dual-eye,.apex-dual-eye-pupil{transition:none}.apex-dual-eye-pupil{transform:none}}.apex-text-btn{color:#fff;min-height:48px;font-family:var(--font-meta);white-space:nowrap;transition:background-color .16s var(--apex-ease-out);background:0 0;border-radius:9999px;align-items:center;padding:0 1.3rem;font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1.5px #ffffffd9}.apex-text-btn:hover{background:#ffffff24}.apex-text-btn:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (prefers-reduced-motion:reduce){.apex-text-btn{transition:none}}.tm-line{display:block}.tm--mask .tm-line{margin-block:-.06em -.14em;padding-block:.06em .14em;overflow:clip}.tm-word{display:inline-block}.tm--mask[data-tm=armed] .tm-word{transform:translateY(112%)}.tm--rise[data-tm=armed] .tm-word{opacity:0;transform:translateY(.45em)}.tm--mask[data-tm=in] .tm-word{transition:transform .9s var(--apex-ease-out);transition-delay:calc(var(--i,0) * 55ms)}.tm--rise[data-tm=in] .tm-word{transition:opacity .7s ease, transform .8s var(--apex-ease-out);transition-delay:calc(var(--i,0) * 18ms)}@media (prefers-reduced-motion:reduce){.tm .tm-word{opacity:1!important;transition:none!important;transform:none!important}}.apex-progress{--apex-progress:0;left:0;right:0;bottom:env(safe-area-inset-bottom,0px);z-index:90;pointer-events:none;background:#f3efee1a;height:3px;position:fixed;overflow:hidden}.apex-progress-fill{background:var(--apex-red);transform:scaleX(var(--apex-progress));transform-origin:0;position:absolute;inset:0}.apex-progress:after{content:"";background:var(--apex-bone);width:3px;height:100%;transform:translateX(calc(var(--apex-progress) * (100vw - 3px)));position:absolute;top:0;left:0}[dir=rtl] .apex-progress-fill{transform-origin:100%}[dir=rtl] .apex-progress:after{transform:translateX(calc(var(--apex-progress) * (3px - 100vw)));left:auto;right:0}.apex-resume{--apex-black:#0a0a0c;--apex-card:#131217;isolation:isolate;padding-block:var(--section-spacing);border-top:1px solid var(--apex-line);background:radial-gradient(55% 45% at 88% 8%, #ff3b3029, #ff3b3000 70%), radial-gradient(45% 40% at 0% 100%, #ff802812, #ff802800 70%), linear-gradient(180deg, var(--apex-black) 0%, #120b0e 55%, var(--apex-black) 100%);color:var(--apex-bone);position:relative}:root:has(.apex-home)[dir=rtl] .apex-resume{background:radial-gradient(55% 45% at 12% 8%, #ff3b3029, #ff3b3000 70%), radial-gradient(45% 40% at 100% 100%, #ff802812, #ff802800 70%), linear-gradient(180deg, var(--apex-black) 0%, #120b0e 55%, var(--apex-black) 100%)}.apex-resume-body{max-width:1500px;padding-inline:var(--page-padding);margin-inline:auto}.apex-resume-eyebrow{font-family:var(--font-meta);letter-spacing:.16em;text-transform:uppercase;color:var(--apex-mute);align-items:center;gap:.6rem;margin:0;font-size:clamp(.72rem,.8vw,.8rem);display:flex}.apex-dot{background:var(--apex-red);border-radius:9999px;flex:none;width:6px;height:6px}.apex-resume-head{border-bottom:1px solid var(--apex-line);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:clamp(1.25rem,4vw,3rem);margin-top:clamp(1.5rem,3vw,2.5rem);padding-bottom:clamp(1.75rem,3.5vw,2.75rem);display:grid}.apex-resume-kicker{font-family:var(--font-meta);letter-spacing:.16em;text-transform:uppercase;color:var(--apex-mute);margin:0 0 .6rem;font-size:.75rem}.apex-resume-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--apex-bone);margin:0;font-size:clamp(2.75rem,1.1rem + 6vw,7rem);font-weight:400;line-height:.92}.apex-resume-title{max-width:34ch;font-family:var(--font-meta);color:var(--apex-red);margin:.85rem 0 0;font-size:clamp(1rem,.85rem + .6vw,1.4rem);line-height:1.3}.apex-resume-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.1rem;margin-top:clamp(1.25rem,2.5vw,1.75rem);display:flex}.apex-resume-cvmeta{font-family:var(--font-meta);letter-spacing:.04em;color:var(--apex-mute);font-size:.75rem}.apex-resume-portrait{aspect-ratio:2/3;border:1px solid var(--apex-line);background:radial-gradient(80% 60% at 50% 45%, #1c1714 0%, var(--apex-card) 70%);border-radius:18px;width:clamp(120px,14vw,220px);margin:0;position:relative;overflow:hidden}.apex-resume-portrait img{object-fit:contain;object-position:50% 100%;width:100%;height:100%;display:block}.apex-resume-grid{grid-template-columns:minmax(13rem,17rem) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);margin-top:clamp(2rem,4vw,3rem);display:grid}.apex-resume-rail{align-self:start;position:sticky;top:2rem}.apex-label{font-family:var(--font-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--apex-red);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.75rem;font-weight:400;display:flex}.apex-rail-block+.apex-rail-block{border-top:1px solid var(--apex-line);margin-top:1.75rem;padding-top:1.75rem}.apex-rail-list{gap:.85rem;margin:0;display:grid}.apex-rail-row dt{font-family:var(--font-meta);letter-spacing:.08em;color:var(--apex-mute);margin-bottom:.2rem;font-size:.72rem}.apex-rail-row dd{font-family:var(--font-body);color:var(--apex-bone);overflow-wrap:anywhere;margin:0;font-size:.95rem;line-height:1.45}.apex-rail-row a{color:inherit;margin-block:-4px;padding-block:4px;text-decoration:none;display:inline-block}.apex-rail-row a:hover{color:var(--apex-red)}.apex-edu{gap:1.1rem;margin:0;padding:0;list-style:none;display:grid}.apex-edu p{margin:0}.apex-edu-school{font-family:var(--font-meta);color:var(--apex-red);font-size:.95rem;line-height:1.3}.apex-edu-award{color:var(--apex-bone);font-size:.9rem;line-height:1.45;margin-top:.2rem!important}.apex-edu-date{font-family:var(--font-meta);color:var(--apex-mute);font-size:.75rem;margin-top:.15rem!important}.apex-lang-list{margin:0}.apex-lang-list>div{border-bottom:1px solid var(--apex-line);justify-content:space-between;align-items:baseline;gap:1rem;padding-block:.55rem;display:flex}.apex-lang-list dt{color:var(--apex-bone);font-size:.95rem}.apex-lang-list dd{font-family:var(--font-meta);color:var(--apex-mute);margin:0;font-size:.75rem}.apex-resume-main{gap:clamp(2.25rem,4vw,3.25rem);min-width:0;display:grid}.apex-resume-bio{max-width:62ch;font-family:var(--font-body);color:var(--apex-bone);margin:0;font-size:clamp(1.05rem,.95rem + .45vw,1.3rem);line-height:1.6}.apex-resume-bio+.apex-resume-bio{color:var(--apex-stone);margin-top:1rem}.apex-stats{border:1px solid var(--apex-line);background:var(--apex-line);border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.apex-stat{background:var(--apex-card);align-content:start;gap:.4rem;padding:clamp(1rem,2vw,1.4rem);display:grid}.apex-stat-value{font-family:var(--font-display);color:var(--apex-red);text-align:start;font-size:clamp(1.9rem,1.2rem + 2vw,3rem);line-height:1}.apex-stat-label{font-family:var(--font-meta);color:var(--apex-mute);font-size:.75rem;line-height:1.35}.apex-timeline{gap:.9rem;margin:0;padding:0;padding-inline-start:1.75rem;list-style:none;display:grid;position:relative}.apex-timeline:before{content:"";top:.5rem;bottom:.5rem;background:var(--apex-line-strong);width:1px;position:absolute;inset-inline-start:.3rem}.apex-job{position:relative}.apex-job-node{top:1.75rem;border:1px solid var(--apex-line-strong);background:var(--apex-black);border-radius:9999px;width:9px;height:9px;position:absolute;inset-inline-start:calc(-1.45rem - 4px)}.apex-job:first-child .apex-job-node{border-color:var(--apex-red);background:var(--apex-red)}.apex-job-card{border:1px solid var(--apex-line);background:var(--apex-card);border-radius:16px;padding:clamp(1.1rem,2.2vw,1.6rem)}.apex-job-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.35rem 1rem;display:grid}.apex-job-index{border:1px solid var(--apex-line-strong);width:32px;height:32px;font-family:var(--font-meta);color:var(--apex-mute);border-radius:8px;place-items:center;font-size:.72rem;display:grid}.apex-job-role{font-family:var(--font-display);color:var(--apex-red);margin:0;font-size:clamp(1.3rem,1rem + 1.1vw,2rem);font-weight:400;line-height:1.08}.apex-job-org{font-family:var(--font-meta);color:var(--apex-stone);margin:.35rem 0 0;font-size:.85rem;line-height:1.4}.apex-job-when{font-family:var(--font-meta);letter-spacing:.04em;color:var(--apex-mute);text-align:end;white-space:nowrap;margin:.35rem 0 0;font-size:.75rem}.apex-job-points{gap:.55rem;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}.apex-job-points li{color:var(--apex-stone);padding-inline-start:1.1rem;font-size:.95rem;line-height:1.55;position:relative}.apex-job-points li:before{content:"";top:.62em;background:var(--apex-red);border-radius:9999px;width:5px;height:5px;position:absolute;inset-inline-start:0}@media (max-width:1023px){.apex-resume-grid{flex-direction:column;display:flex}.apex-resume-main{display:contents}.apex-resume-about{order:1}.apex-resume-rail{order:2;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1.75rem 2.5rem;display:grid;position:static}.apex-rail-block+.apex-rail-block{border-top:0;margin-top:0;padding-top:0}.apex-stats{order:3}.apex-resume-exp{order:4}}@media (max-width:767px){.apex-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.apex-job-head{grid-template-columns:auto minmax(0,1fr)}.apex-job-when{text-align:start;white-space:normal;grid-column:2;margin-top:0}}@media (max-width:479px){.apex-resume-head{grid-template-columns:minmax(0,1fr)}.apex-resume-portrait{grid-row:1;width:104px}}.scr{display:block;position:relative}.scr-fx{pointer-events:none;position:absolute;inset:0}.scr.is-scrambling .scr-real{color:#0000}.apex-resume-loader{z-index:2;pointer-events:none;opacity:0;visibility:hidden;place-items:center;height:min(100%,85svh);display:grid;position:absolute;inset:0 0 auto}.apex-resume-loader-inner{width:min(28rem, calc(100% - 2 * var(--page-padding)));justify-items:start;gap:.9rem;display:grid}.apex-resume-loader-label{font-family:var(--font-meta);letter-spacing:.16em;text-transform:uppercase;color:var(--apex-mute);font-size:.75rem}.apex-resume-loader-count{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--apex-bone);font-size:clamp(4.5rem,3rem + 7vw,9rem);line-height:.85}.apex-loadbar{background:#f3efee1f;border-radius:2px;width:100%;height:3px;display:block;position:relative;overflow:hidden}.apex-loadbar-fill{background:var(--apex-red);transform:scaleX(var(--load,0));transform-origin:0;position:absolute;inset:0}[dir=rtl] .apex-loadbar-fill{transform-origin:100%}.apex-resume[data-loader=armed] .apex-resume-loader,.apex-resume[data-loader=loading] .apex-resume-loader{opacity:1;visibility:visible}.apex-resume[data-loader=resolving] .apex-resume-loader{visibility:hidden;transition:opacity .38s,visibility 0s linear .38s}.apex-resume[data-loader=armed] .apex-resume-body,.apex-resume[data-loader=loading] .apex-resume-body{opacity:0}.apex-resume[data-loader=resolving] .apex-resume-body{transition:opacity .7s .12s}.apex-dna-track{max-width:1500px;padding-inline:var(--page-padding);margin:clamp(1.5rem,3vw,2.5rem) auto 0}.apex-dna-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.apex-dna-slot{aspect-ratio:3/4;border-radius:16px;min-width:0;position:relative}.apex-dna:focus-visible{outline:2px solid var(--apex-bone);outline-offset:4px;border-radius:20px}.apex-skills-band[data-mode=dna]{overflow:clip}.apex-skills-band[data-mode=dna] .apex-dna-track{max-width:none;margin-top:clamp(.5rem,2vw,1.5rem);padding:0}.apex-skills-band[data-mode=dna] .apex-dna-stage{--card-w:clamp(240px, 24vw, 380px);height:calc(var(--card-w) * 4 / 3 + 190px);perspective:1700px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.apex-dna-stage.is-dragging{cursor:grabbing}.apex-skills-band[data-mode=dna] .apex-dna-cards{transform-style:preserve-3d;display:block;position:absolute;inset:0}.apex-skills-band[data-mode=dna] .apex-dna-slot{width:var(--card-w);font-size:calc(var(--card-w) / 216 * 16px);will-change:transform, opacity;backface-visibility:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.apex-skills-band[data-mode=dna] .apex-dna-slot:after{content:"";opacity:var(--dim,0);pointer-events:none;will-change:opacity;background:#07070a;border-radius:1em;position:absolute;inset:0}.apex-skills-band[data-mode=dna] .apex-dna-slot:not(.is-front){cursor:pointer}.apex-skills-band[data-mode=dna] .apex-dna-slot.is-front .apex-skill-card{box-shadow:0 2em 3.5em -1.4em #000000d9}.apex-pass{--idcard-w:min(72vw, 300px);--idcard-ratio:941 / 1672;--idcard-radius:clamp(24px, calc(var(--idcard-w) * .1), 34px);--idcard-depth:6px;--idcard-pad:clamp(15px, calc(var(--idcard-w) * .085), 28px);--idcard-gap:clamp(6px, calc(var(--idcard-w) * .035), 14px);--idcard-hairline:#0a0a0b24;--idcard-flip-ms:.72s;--pass-cord:clamp(110px, 20vh, 220px);--pass-clip:30px;width:100%;height:calc(var(--pass-cord) + var(--pass-clip) + var(--idcard-w) * 1672 / 941 + 4rem);touch-action:pan-y;position:relative}.apex-pass:before{content:"";z-index:2;background:linear-gradient(var(--apex-ink), #0e0d1200);pointer-events:none;height:56px;position:absolute;top:-1px;left:0;right:0}.apex-pass-strap{pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0;overflow:visible}.apex-pass.is-live .apex-pass-strap{display:block}.apex-pass-strap path{fill:none;stroke-linecap:butt;stroke-linejoin:round}.apex-pass-strap-edge{stroke:#3a3b44;stroke-width:26px}.apex-pass-strap-weave{stroke:var(--apex-red);stroke-width:20px}.apex-pass-strap-core{stroke:#2a2b33;stroke-width:14px}.apex-pass-strap-static{width:26px;height:calc(var(--pass-cord) + 4px);background:linear-gradient(90deg, #3a3b44 0 11.5%, var(--apex-red) 11.5% 23%, #2a2b33 23% 77%, var(--apex-red) 77% 88.5%, #3a3b44 88.5%);position:absolute;top:0;left:50%;transform:translate(-50%)}.apex-pass.is-live .apex-pass-strap-static{display:none}.apex-pass-hang{z-index:1;top:var(--pass-cord);width:var(--idcard-w);transform-origin:50% 0;touch-action:pan-y;cursor:grab;position:absolute;left:50%;transform:translate(-50%)}.apex-pass.is-live .apex-pass-hang{will-change:transform;top:0;left:0}.apex-pass.is-dragging .apex-pass-hang{cursor:grabbing}.apex-pass-clip{z-index:2;width:34%;height:var(--pass-clip);background:linear-gradient(#f3f6fa 0%,#bfc6d1 34%,#7c8592 62%,#dbe0e8 100%);border-radius:6px 6px 3px 3px;margin:0 auto -6px;display:block;position:relative;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #00000059,0 3px 6px #00000080}.apex-pass-clip-slot{background:#4a515c;border-radius:999px;width:44%;height:24%;position:absolute;top:28%;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 1px #000000b3}.apex-pass .idcard{cursor:inherit;touch-action:pan-y}.apex-pass .idcard-tilt{will-change:transform}.apex-pass .idcard-3d{transition:transform var(--idcard-flip-ms) var(--apex-ease-out)}.apex-pass .idcard.is-flipped .idcard-3d{transform:rotateY(180deg)}.apex-pass .idcard-face{box-shadow:0 0 0 1px #ffffff47,0 26px 50px #00000080}.apex-pass-sheen{pointer-events:none;background:linear-gradient(115deg, #fff0 calc(var(--sheen,.5) * 100% - 28%), #ffffff38 calc(var(--sheen,.5) * 100%), #fff0 calc(var(--sheen,.5) * 100% + 28%));mix-blend-mode:soft-light;position:absolute;inset:0}.apex-pass .idcard-flip--front:focus-visible{outline:3px solid var(--apex-bone);outline-offset:-6px}.apex-pass-hint{font-family:var(--font-meta);text-align:center;color:var(--apex-mute);margin:0;font-size:.75rem;position:absolute;bottom:0;left:0;right:0}.apex-pass-hint--coarse{display:none}@media (pointer:coarse){.apex-pass-hint--fine{display:none}.apex-pass-hint--coarse{display:inline}}.apex-pass:not(.is-live) .apex-pass-hint{display:none}@media (max-width:1023px){.apex-pass{--pass-cord:clamp(90px, 14vh, 160px)}}@media (prefers-reduced-motion:reduce){.apex-pass .idcard-3d{transition:none}.apex-pass-sheen{display:none}}.apex-closing{background:var(--apex-ink);padding:clamp(1.5rem,4vw,4rem) 10px 10px}.apex-closing-frame{isolation:isolate;width:100%;height:min(56.2799vw - 11.256px,100svh);color:var(--apex-bone);background:#14131a;border-radius:clamp(16px,1.6vw,22px);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:clip}.apex-closing-img{z-index:-2;object-fit:cover;object-position:53% 50%;width:100%;height:100%;position:absolute;inset:0}.apex-closing-shade{z-index:-1;background:linear-gradient(#0a090d00 66%,#0a090d66 86%,#0a090dd1 100%),#0a090d24;position:absolute;inset:0}.apex-closing-footer{border-top:1px solid #f3efee47;justify-content:space-between;align-items:center;gap:1rem 2rem;margin:0 clamp(1.25rem,4vw,4rem);padding:1.1rem 0 clamp(1.25rem,2vw,1.75rem);display:flex}.apex-closing-brand{align-items:center;gap:1rem;min-width:0;display:flex}.apex-closing-brand p{font-family:var(--font-meta);letter-spacing:.04em;color:#f3efeeeb;margin:0;font-size:.8rem;line-height:1.5}.apex-closing-heart{color:var(--apex-red)}.apex-closing-cv{font-family:var(--font-meta);letter-spacing:.04em;color:var(--apex-bone);border-bottom:1px solid #f3efee80;flex:none;padding-bottom:2px;font-size:.85rem;text-decoration:none}.apex-closing-cv:hover{color:var(--apex-red);border-bottom-color:var(--apex-red)}.apex-closing-cv:focus-visible{outline:2px solid var(--apex-bone);outline-offset:3px}@media (max-width:700px){.apex-closing-frame{aspect-ratio:4/5;height:auto}.apex-closing-footer{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:flex-start}.apex-closing-brand{flex-direction:column;align-items:flex-start;gap:.6rem}}
