.intro-pending{overflow:hidden}.intro-pending body>.concept-shell,.intro-pending body>nav{visibility:hidden}.intro-pending .concept-page .nav-pill,.intro-pending .concept-page #hero,.intro-pending .concept-page #work,.intro-pending .concept-profile,.home-enter-pending .concept-page .nav-pill,.home-enter-pending .concept-page #hero,.home-enter-pending .concept-page #work,.home-enter-pending .concept-profile{animation-play-state:paused}.intro-pending #cursor{visibility:hidden}.portfolio-intro{--intro-paper: #f5f4ee;--intro-muted: #92928b;--intro-accent: #5dcaa5;position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;overflow:auto;padding:0;background:#0c0c0b;color:var(--intro-paper);font-family:DM Sans,sans-serif;opacity:1;transition:opacity .5s ease-in-out}.portfolio-intro [hidden]{display:none!important}.portfolio-intro:before{content:"";position:absolute;inset:12% 10%;pointer-events:none;background-image:radial-gradient(#77776b40 .8px,transparent .8px);background-size:20px 20px;mask-image:radial-gradient(ellipse at center,#000,transparent 68%)}.portfolio-intro.is-leaving{opacity:0;pointer-events:none}.portfolio-intro .intro-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 42px;flex:0 0 auto}.intro-skip{padding:8px 12px;border:1px solid #ffffff24;border-radius:6px;background:transparent;color:var(--intro-paper);font:11px DM Sans,sans-serif;cursor:pointer}.intro-skip:hover{background:#ffffff0a}.intro-skip:focus-visible{outline:2px solid var(--intro-accent);outline-offset:4px}.intro-wordmark{font-family:Syne,sans-serif;font-size:14px;font-weight:800;letter-spacing:-.03em}.intro-wordmark span{display:block;margin-top:6px;font:9px DM Sans,sans-serif;letter-spacing:.16em;color:var(--intro-muted)}.portfolio-intro .intro-center{position:relative;width:100%;margin:auto;padding:8px 24px 30px;text-align:center;transition:opacity .3s ease,transform .4s cubic-bezier(.22,.75,.25,1)}.portfolio-intro.is-leaving .intro-center{opacity:0;transform:translateY(-8px)}.intro-stage{position:relative;width:302px;height:272px;margin:0 auto 26px;display:grid;place-items:center}.intro-orbit{position:absolute;border:1px solid #ffffff08;border-radius:50%;width:270px;height:270px}.intro-orbit-inner{width:216px;height:216px;border-style:dashed;border-color:#ffffff0a}.intro-plus{position:absolute;color:#5dcaa56b;font-size:18px;font-weight:400}.intro-plus-one{left:3px;top:64px}.intro-plus-two{right:5px;bottom:60px;font-size:12px}.intro-sticker-slot{z-index:1;width:248px;height:248px;animation:intro-sticker-enter .24s cubic-bezier(.2,.8,.3,1.3) both}.intro-sticker{width:100%;height:100%;background-image:url(../images/stickers/omar-moods.png);background-size:300% 300%;background-repeat:no-repeat;filter:drop-shadow(0 9px 0 #00000024);transform-origin:50% 85%}.intro-sticker-design{background-position:100% 50%;clip-path:inset(0 0 6% 0);animation:intro-typing .32s steps(2,end) infinite}.intro-sticker-think{background-position:50% 0%;animation:intro-thinking 1.1s ease-in-out infinite}.intro-sticker-ship{background-position:100% 98%;animation:intro-celebrate .7s cubic-bezier(.3,0,.3,1) infinite}.intro-shadow{position:absolute;bottom:1px;width:125px;height:10px;border-radius:50%;background:#000;filter:blur(6px);opacity:.65}.intro-eyebrow{margin:0 0 14px;color:var(--intro-accent);font-size:9px;letter-spacing:.16em;font-weight:500}.intro-caption{font-family:Syne,sans-serif;font-size:clamp(30px,4.4vw,48px);letter-spacing:-.055em;line-height:1.12;font-weight:600;margin:0}.intro-dots{display:inline-flex}.intro-dots i{font-style:normal;animation:intro-dot-pulse .9s infinite}.intro-dots i:nth-child(2){animation-delay:.15s}.intro-dots i:nth-child(3){animation-delay:.3s}.intro-subtitle{margin:14px 0 0;color:var(--intro-muted);font-size:13px;line-height:1.6}.portfolio-intro .intro-footer{position:relative;display:block;padding:20px 42px 34px;flex:0 0 auto;border:0;background:transparent;text-align:left}.portfolio-intro .intro-footer p{margin:0;font-size:11px;line-height:1.7;color:var(--intro-muted)}.portfolio-intro .intro-footer p span{color:#595953}.intro-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes intro-typing{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(2px) rotate(0)}}@keyframes intro-thinking{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(4deg) translateY(-5px)}}@keyframes intro-celebrate{0%,to{transform:translateY(0) rotate(-3deg)}45%{transform:translateY(-14px) rotate(3deg)}75%{transform:translateY(1px) scale(1.02,.98)}}@keyframes intro-sticker-enter{0%{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:none}}@keyframes intro-dot-pulse{0%,70%,to{opacity:.3}35%{opacity:1}}@media(max-width:600px){.portfolio-intro .intro-header{padding:24px}.intro-stage{width:264px;height:242px;margin-bottom:24px}.intro-sticker-slot{width:228px;height:228px}.intro-orbit{width:242px;height:242px}.intro-orbit-inner{width:190px;height:190px}.portfolio-intro .intro-footer{padding:16px 24px 24px}.portfolio-intro .intro-footer p{font-size:10px}}@media(max-height:700px){.portfolio-intro .intro-header{padding-top:20px;padding-bottom:12px}.intro-stage{height:188px;width:228px;margin-bottom:18px}.intro-sticker-slot,.intro-orbit{width:184px;height:184px}.intro-orbit-inner{width:140px;height:140px}.portfolio-intro .intro-center{padding-bottom:12px}.portfolio-intro .intro-footer{padding-bottom:20px}}@media(prefers-reduced-motion:reduce){.portfolio-intro,.portfolio-intro *,.portfolio-intro *:before,.portfolio-intro *:after{animation:none!important;transition:none!important}}