@font-face{font-family:Satoshi;src:url('assets/Satoshi-Regular.otf') format('opentype');font-weight:400;font-display:swap}@font-face{font-family:Satoshi;src:url('assets/Satoshi-Medium.otf') format('opentype');font-weight:500;font-display:swap}@font-face{font-family:Satoshi;src:url('assets/Satoshi-Bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{--bg:#0d0303;--mint:#54ffb2;--lime:#a0ff73;--white:#eff8ff;--muted:#a3a7ab;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Satoshi,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--mint);color:var(--bg)}.ambient{position:absolute;top:400px;left:0;right:0;height:1000px;background:radial-gradient(ellipse at 50% 45%,#54ffb207,transparent 65%);pointer-events:none}.intro{max-width:920px;margin:0 auto;padding:0 32px;text-align:center;position:relative}.portrait-scene{width:690px;max-width:100%;height:610px;margin:-4px auto -50px;position:relative;isolation:isolate}.portrait{width:100%;height:100%;object-fit:cover;object-position:center 37%;mask-image:linear-gradient(to bottom,#000 75%,transparent 99%);animation:portrait-in 1.4s ease both}.portrait-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(to right,var(--bg),transparent 14%,transparent 86%,var(--bg));pointer-events:none}.portrait-glow{position:absolute;inset:20% 12%;background:#54ffb219;filter:blur(80px);z-index:-1}.scene-bottom{position:absolute;bottom:0;left:0;right:0;height:22%;background:linear-gradient(transparent,var(--bg));z-index:1}.orbit{position:absolute;z-index:2;color:var(--mint);filter:drop-shadow(0 0 14px #54ffb250);animation:float 7s ease-in-out infinite}.orbit-one{left:11%;top:53%;font-size:25px}.orbit-two{right:10%;top:32%;font-size:23px;animation-delay:-3s}.identity{position:relative;z-index:2;animation:rise-in .9s .15s both}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2.5px;color:#b6beb7;margin:0 0 17px;display:flex;align-items:center;justify-content:center;gap:9px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #54ffb277}h1{font-size:66px;font-weight:700;line-height:1.13;letter-spacing:-3.7px;margin:0 0 23px}h1>span:not(.name-dot){font-weight:400}h1 .name-dot{color:var(--mint);font-weight:700}.bio{font-size:17px;line-height:1.8;color:#aeb2b8;max-width:666px;margin:0 auto;text-wrap:pretty}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:38px auto 0;max-width:790px;animation:rise-in 1s .35s both}.contact{display:flex;align-items:center;text-align:left;gap:16px;border:1px solid #69ffa54d;border-radius:19px;min-height:114px;padding:23px;color:var(--white);text-decoration:none;background:linear-gradient(125deg,#54ffb215,#a0ff7306 70%);position:relative;overflow:hidden;isolation:isolate;transition:transform .35s,border-color .35s,box-shadow .35s;will-change:transform}.contact:before{content:'';position:absolute;top:0;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,var(--mint),transparent);opacity:.8}.contact:hover{transform:translateY(-5px);border-color:#82ffc7;box-shadow:0 12px 55px #54ffb215}.icon-box{width:43px;height:43px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;color:#0b2419;background:linear-gradient(135deg,var(--mint),var(--lime));box-shadow:0 0 25px #54ffb21f}.icon-box svg{width:27px;height:27px}.contact-copy{display:flex;flex-direction:column;gap:7px}.contact-copy strong{font-size:17px;font-weight:500;white-space:nowrap}.contact-copy>span{font-size:13px;color:#a5b4aa}.arrow{margin-left:auto;font-size:27px;font-weight:400;color:var(--mint);transition:transform .3s}.contact:hover .arrow{transform:translate(3px,-3px)}.behance{border-color:#528fff4d;background:linear-gradient(125deg,#2968ff1c,#0057ff05 70%)}.behance:before{background:linear-gradient(90deg,transparent,#5f9bff,transparent)}.behance .icon-box{background:linear-gradient(135deg,#77adff,#2966ff);color:#fff;box-shadow:0 0 25px #2966ff22}.behance-icon{font-size:24px;font-weight:700;letter-spacing:-1px}.behance .arrow{color:#77adff}.behance .contact-copy>span{color:#a6afc2}.behance:hover{border-color:#77adff;box-shadow:0 12px 55px #2966ff22}.contact-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff08 45%,transparent 65%);transform:translateX(-150%);pointer-events:none;animation:shine 9s 2s infinite}.behance .contact-shine{animation-delay:3s}a:focus-visible,.carousel:focus-visible{outline:2px solid var(--mint);outline-offset:6px}.contact-status{height:18px;min-height:18px;margin:13px 0 0;font-size:12px;color:#c3cbca}.section-bridge{display:flex;align-items:center;justify-content:center;gap:22px;margin:28px auto 45px;color:#54ffb278}.section-bridge span{height:1px;width:70px;background:linear-gradient(90deg,transparent,#54ffb22d)}.section-bridge span:last-child{transform:rotate(180deg)}.section-bridge svg{animation:nudge 3s ease-in-out infinite}.projects{padding-bottom:70px;overflow:hidden;position:relative}.projects-heading{text-align:center;padding:0 24px}.projects-heading .eyebrow{font-size:9px;letter-spacing:2.5px;color:#7c9282;margin-bottom:13px}h2{font-size:36px;letter-spacing:-1.4px;line-height:1.2;font-weight:500;margin:0 0 12px}h2 span{background:linear-gradient(110deg,var(--mint),var(--lime));background-clip:text;color:transparent}.projects-heading>p:last-child{font-size:14px;color:#8b9095;margin:0}.carousel{margin:38px 0 0;overflow:hidden;perspective:1300px;padding:24px 0 40px;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.project-track{display:flex;gap:27px;width:max-content;animation:travel 85s linear infinite;transform-style:preserve-3d}.project-set{display:flex;gap:27px;padding-right:27px;transform-style:preserve-3d}.project-card{width:230px;height:305px;position:relative;flex-shrink:0;border-radius:12px;background:#101414;transform:rotateY(-17deg) rotateX(7deg) rotateZ(-4deg);transform-origin:center;box-shadow:12px 17px 30px #0009,2px 0 0 #7d968060;border:1px solid #a8ffcf30;overflow:hidden;transition:transform .5s,border-color .5s}.project-card img{display:block;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top}.project-card:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#eff8ff12,transparent 40%,#0003);pointer-events:none}.project-card:hover{transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateY(-10px) scale(1.04);border-color:#54ffb2aa}.project-caption{display:flex;justify-content:center;align-items:center;gap:10px;font-size:11px;letter-spacing:.4px;color:#727f76;margin-top:5px}.tiny-star{color:var(--mint);font-size:18px}footer{margin:0 auto;max-width:1080px;padding:26px 32px 30px;border-top:1px solid #eff8ff0c;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#66706a}footer>span:first-child{color:#bbc4bd;font-weight:500}.footer-dot{color:var(--mint)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}@keyframes travel{to{transform:translateX(-50%)}}@keyframes rise-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes portrait-in{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes float{50%{transform:translateY(-13px) rotate(12deg)}}@keyframes shine{0%,70%{transform:translateX(-150%)}100%{transform:translateX(150%)}}@keyframes nudge{50%{transform:translateY(5px)}}
@media(min-width:1500px){.intro{padding-top:20px}}
@media(max-width:700px){.intro{padding:0 22px}.portrait-scene{width:540px;height:auto;aspect-ratio:1/1;margin:-4px auto -28px;max-width:calc(100% + 44px);left:-22px;width:calc(100% + 44px)}h1{font-size:46px;letter-spacing:-2.7px;margin-bottom:19px}.eyebrow{font-size:8px;letter-spacing:1.9px;margin-bottom:15px}.bio{font-size:14px;line-height:1.85;max-width:480px}.contact-grid{grid-template-columns:1fr;gap:14px;margin-top:29px;max-width:470px}.contact{min-height:100px;border-radius:17px;padding:21px;gap:17px}.contact-copy strong{font-size:17px}.contact-copy>span{font-size:12px}.icon-box{width:44px;height:44px}.arrow{font-size:28px}.section-bridge{margin:22px auto 38px}.projects-heading h2{font-size:30px;letter-spacing:-1.2px}.projects-heading>p:last-child{font-size:13px}.carousel{margin-top:25px;padding-bottom:35px;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.project-card{width:190px;height:266px}.project-track,.project-set{gap:20px}.project-set{padding-right:20px}.project-track{animation-duration:75s}.projects{padding-bottom:48px}.project-caption{font-size:10px}footer{margin:0 22px;padding:22px 0;font-size:10px}.orbit-one{font-size:20px}}
@media(max-width:360px){h1{font-size:39px}.contact-copy strong{font-size:15px}.contact{padding:18px;gap:13px}.bio{font-size:13px}.eyebrow{letter-spacing:1.4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.carousel{overflow-x:auto;mask-image:none}.project-card{transform:none}.project-set[aria-hidden]{display:none}}

.project-track{gap:0}