:root{--ink:#071326;--night:#080f20;--navy:#0b1732;--ice:#f2f6ff;--azure:#6398ff;--blue:#326af1;--muted:#67778f;--stroke:#ffffff16}body{background:var(--night)}header{height:92px;padding:0 6%;border-bottom:0}header:before{content:'';position:absolute;inset:0;backdrop-filter:blur(12px);background:#080f2050;z-index:-1}.wordmark{font-size:32px}nav{gap:30px}.nav-contact{background:#ffffff08}.hero{height:auto;min-height:900px;max-height:none;padding:165px 8% 105px;background:radial-gradient(ellipse at 76% 30%,#1b3f7945,transparent 49%),var(--night)}.hero:after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.13' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.13;pointer-events:none;z-index:-1}.hero-grid{opacity:.4;background-size:100px 100px}.hero-content{max-width:600px}.hero .eyebrow{font-size:10px;letter-spacing:1px;text-transform:none;margin-bottom:30px}h1{font-family:'Bahnschrift','Manrope','Segoe UI',sans-serif;font-size:clamp(90px,9.2vw,148px);font-weight:650;letter-spacing:-7px;line-height:1.01;margin-bottom:26px}h1 span{color:#d7e5ff}.hero-sub{font-size:25px;line-height:1.4;max-width:390px}.hero-description{font-size:14px;color:#a1b1cd}.hero-actions{margin-top:30px}.primary{background:#91b6ff;border-radius:100px;padding:18px 24px}.hero-bottom{font-size:8px;letter-spacing:1px}.hero-orbit{width:600px;height:590px;left:51%;top:175px;scale:1;transform:translateY(var(--parallax));pointer-events:auto;--px:0deg;--py:0deg}.hero-orbit:before{inset:-60px;background:radial-gradient(ellipse,#205cba38,transparent 67%)}.scene{position:relative;width:100%;height:100%;transform:perspective(1300px) rotateX(var(--px)) rotateY(var(--py));transition:transform .5s ease}.scene-grid{position:absolute;width:550px;height:500px;inset:70px 0 0;background-image:linear-gradient(#659cff15 1px,transparent 1px),linear-gradient(90deg,#659cff15 1px,transparent 1px);background-size:44px 44px;transform:rotateX(62deg) rotateZ(-25deg);mask-image:radial-gradient(ellipse,black,transparent 69%)}.scene-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.scene-lines path{fill:none;stroke:#638dce55;stroke-width:1;stroke-dasharray:5 8}.scene-lines circle{fill:#92bdff;filter:drop-shadow(0 0 5px #85b4ff)}.scene-core{position:absolute;left:110px;top:140px;width:365px;height:250px;border:1px solid #97bafa50;border-radius:18px;background:linear-gradient(125deg,#214b8a90,#102044ee 60%);box-shadow:inset 0 0 35px #7daeff0b,0 50px 100px #0007;backdrop-filter:blur(20px);transform:rotate(-9deg);padding:24px}.scene-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#92b6ee}.scene-core .scene-logo{font-size:94px;font-family:'Manrope',sans-serif;font-weight:750;letter-spacing:-12px;line-height:1.25;color:#c8deff}.scene-core strong{display:block;font-size:14px;color:#e1eaff;font-weight:500;letter-spacing:-.2px}.scene-core>p{font-size:9px;color:#9ab7e1;margin-top:10px}.scene-mini{position:absolute;width:175px;border:1px solid #a9c8ff40;border-radius:12px;padding:15px;color:white;box-shadow:0 20px 50px #0005;transition:translate .3s,border-color .3s;backdrop-filter:blur(18px)}.scene-mini:hover{translate:0 -7px;border-color:#b3cfff}.scene-mini>span{display:block;font-size:7px;letter-spacing:1px;color:#96b6e7;margin-bottom:8px}.scene-mini>strong{font-size:13px;font-weight:500}.mini-code{right:10px;top:75px;background:linear-gradient(135deg,#24446bdd,#0c172bed);transform:rotate(8deg);width:190px}.mini-code pre{font-size:9px;line-height:1.8;color:#a2c5ff;margin:14px 0 0}.mini-code em{color:#66d7db;font-style:normal}.mini-phone{left:40px;top:385px;background:linear-gradient(135deg,#2757a7dd,#11223fed);transform:rotate(-6deg);width:155px}.mini-phone svg{width:100%;height:45px;margin-top:10px}.mini-projects{right:20px;top:380px;background:linear-gradient(135deg,#1b3158f0,#101e36f0);transform:rotate(7deg);width:180px}.mini-icons{display:flex;gap:6px;margin-top:13px}.mini-icons i{width:27px;height:27px;background:#8db5ff16;border:1px solid #8db5ff30;border-radius:6px;display:grid;place-items:center;font-style:normal;font-size:10px;color:#b6d0ff}.scene-caption{position:absolute;bottom:0;left:120px;font-size:7px;letter-spacing:1.5px;color:#6482b3}.hero-orbit .scene{animation:scene-entrance 1.2s cubic-bezier(.16,1,.3,1) both}.hero-content> *{animation:hero-entrance .9s both}.hero-content>h1{animation-delay:.1s}.hero-content>.hero-sub{animation-delay:.2s}.hero-content>.hero-description{animation-delay:.3s}.hero-content>.hero-actions{animation-delay:.4s}.project-rail{padding:27px 8%;background:#0c172b;border-block:1px solid var(--stroke);display:flex;justify-content:space-between;align-items:center;gap:25px;color:#90a5c8}.rail-label{font-size:10px;max-width:100px;line-height:1.6;color:#59749f}.rail-items{display:flex;gap:38px;flex-wrap:wrap}.rail-items a{font-family:'Manrope',sans-serif;font-size:13px;font-weight:600;transition:color .2s}.rail-items a:hover{color:#d9e8ff}.rail-items span{color:#4f6d9e;margin-right:7px;font-size:11px}.section{padding-top:100px;padding-bottom:110px}.about,.journey,.personal{background:var(--ice)}.section-label{font-size:10px;letter-spacing:.2px;border-top:0;margin-bottom:60px}.section-label>span:first-child{color:#3764ad}.section-label span:last-child{color:#8c9ab0;font-size:9px}h2{font-family:'Bahnschrift','Manrope','Segoe UI',sans-serif;font-size:clamp(38px,4vw,60px);letter-spacing:-2.3px;line-height:1.15}h2 span{color:#7890b2}.about-layout{gap:8%;grid-template-columns:1.15fr 1fr}.about-copy p{font-size:14px}.about-copy .lead{font-size:21px}.strengths{background:#0c172b;color:#e4edff}.strengths .section-label{border-color:var(--stroke)}.strengths h2 span{color:#7c9fcf}.strengths .section-label>span:first-child{color:#96b7ec}.strengths .section-heading>p{color:#94a6c3}.strength-card{background:#101e36;border-color:#ffffff12;border-radius:15px;min-height:350px}.strength-card p{color:#9baecb}.strength-card h3{color:#e3ecfd}.strength-card:before{background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#386bba30,transparent 65%)}.strength-card:hover{border-color:#5c8dd370;box-shadow:0 25px 60px #02071530}.card-no,.card-tag{color:#6682ad}.line-icon{color:#97bdff}.journey{border-bottom:1px solid #dce5f3}.journey-layout{gap:12%}.timeline h3{font-size:23px}.work-section{background:var(--night);color:#edf3ff;padding-bottom:100px;overflow:hidden}.work-section .section-label{color:#9bb6df}.work-section .section-label>span:first-child{color:#9bb6df}.work-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:end;margin-bottom:55px}.work-heading h2{font-size:clamp(44px,5.8vw,84px);letter-spacing:-3px;margin:0}.work-heading p{color:#91a5c5;font-size:14px;line-height:1.85;max-width:340px;margin-bottom:4px}.work-count{font-size:12px;color:#6f90c1;display:block;margin-bottom:18px}.work-feature{border:1px solid #ffffff16;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;background:#0f1b31;margin-bottom:25px}.work-description{padding:45px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project-type{font-size:10px;color:#8ba9d3;margin-bottom:28px}.work-description h3{font-family:'Bahnschrift','Manrope',sans-serif;font-size:46px;letter-spacing:-1.5px;margin-bottom:16px}.work-description .work-summary{font-size:22px;line-height:1.35;color:#d4e3fc;margin-bottom:20px;letter-spacing:-.5px}.work-description p{color:#93a8c8;font-size:13px;line-height:1.8}.work-description .tags span{background:#192b49;color:#a2bde4;font-size:9px}.work-description .tags{margin:15px 0 28px}.work-button{background:transparent;border:1px solid #718fba60;border-radius:30px;padding:12px 18px;color:#d1e2ff;font-size:11px;display:inline-flex;gap:30px;align-items:center;transition:background .25s,transform .25s}.work-button:hover{background:#284473;transform:translateY(-2px)}.work-feature .project-visual{min-height:490px;background:radial-gradient(ellipse at 50% 20%,#477de8,#1b449c 70%,#122b60);border-left:1px solid #ffffff10}.work-feature .app-window{max-width:400px}.work-feature .visual-caption{font-size:7px;text-transform:none;letter-spacing:.4px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.work-card{border-radius:18px;background:#0f1b31;border:1px solid #ffffff13;overflow:hidden;--rx:0deg;--ry:0deg;transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .3s,border-color .3s;position:relative}.work-card:hover{border-color:#749ce15e}.work-art{height:295px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #ffffff10;background:radial-gradient(ellipse at 50% 100%,#1f477e,#10233e 70%)}.work-art:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#a6c9ff12,transparent 60%);pointer-events:none}.work-art small{position:absolute;bottom:15px;left:20px;color:#7893bd;font-size:7px;letter-spacing:.2px}.work-card-copy{padding:30px 32px;position:relative}.work-card-copy .project-type{margin-bottom:12px;display:block;font-size:9px}.work-card h3{font-size:29px;letter-spacing:-1px;margin:0 0 12px}.work-card-copy>p{font-size:13px;color:#8ea5c7;line-height:1.8;max-width:380px;min-height:47px;margin-bottom:24px}.work-meta{display:flex;align-items:center;justify-content:space-between;gap:15px}.work-meta>span{font-size:9px;color:#6f8bb6}.work-meta .work-button{font-size:10px;padding:10px 15px;gap:18px}.med-symbol{font-family:'Manrope',sans-serif;font-weight:800;font-size:145px;letter-spacing:-12px;color:#e0f0ff;transform:rotate(-12deg);text-shadow:0 10px 0 #466997,0 35px 45px #020d2740;position:relative}.med-ring{position:absolute;width:230px;height:230px;border:1px solid #86c7e838;border-radius:50%;transform:rotateX(55deg) rotate(-30deg);box-shadow:0 0 0 30px #86c7e806,0 0 0 60px #86c7e804}.art-med{background:radial-gradient(ellipse at 25% 20%,#2a6174,#123648 55%,#0d2136)}.art-med .art-label{position:absolute;top:28px;right:28px;font-size:9px;color:#7fbdcc}.route-map{position:absolute;inset:0;background-image:linear-gradient(30deg,transparent 48.5%,#78a6ee14 49%,#78a6ee14 50%,transparent 50.5%),linear-gradient(115deg,transparent 48.5%,#78a6ee14 49%,#78a6ee14 50%,transparent 50.5%);background-size:90px 90px;transform:scale(1.4) rotate(-12deg)}.route-svg{width:85%;height:78%;position:absolute;inset:10% 7%;filter:drop-shadow(0 0 10px #76b0ff30)}.route-svg path{fill:none;stroke:#81b1ff;stroke-width:3;stroke-dasharray:5 5}.route-svg circle{fill:#b2d1ff;stroke:#305ca0;stroke-width:6}.route-pill{position:absolute;left:30px;bottom:45px;background:#182d4de8;border:1px solid #8caee445;border-radius:9px;padding:14px 20px;font-size:11px;box-shadow:0 15px 35px #0004;transform:rotate(-6deg);color:#d2e4ff}.route-pill span{display:block;color:#82a4d1;font-size:8px;margin-bottom:5px}.receipt{position:relative;width:155px;height:220px;background:linear-gradient(145deg,#f0f5ff,#b4c9ed);color:#1d3964;padding:25px 20px;transform:rotate(-12deg);box-shadow:0 25px 55px #0005;clip-path:polygon(0 0,100% 0,100% 96%,94% 100%,88% 96%,82% 100%,76% 96%,70% 100%,64% 96%,58% 100%,52% 96%,46% 100%,40% 96%,34% 100%,28% 96%,22% 100%,16% 96%,10% 100%,4% 96%,0 100%)}.receipt strong{font-size:15px;letter-spacing:-.4px}.receipt i{display:block;background:#7696c246;height:4px;margin-top:13px;border-radius:1px}.receipt i:nth-of-type(2n){width:70%}.receipt .receipt-total{font-size:8px;border-top:1px dashed #718db3;margin-top:18px;padding-top:12px;display:flex;justify-content:space-between}.receipt-barcode{height:22px;margin-top:18px;background:repeating-linear-gradient(90deg,#345682 0,#345682 1px,transparent 1px,transparent 3px)}.scan-frame{position:absolute;width:210px;height:235px;border:1px solid #78a9ff55;border-radius:12px;transform:rotate(6deg);box-shadow:0 0 60px #528cff15}.scan-line{position:absolute;top:34%;left:15%;right:15%;height:1px;background:#8bbcff;box-shadow:0 0 15px 2px #4889f5;transform:rotate(6deg)}.art-receipt{background:radial-gradient(ellipse at 70% 30%,#3d4978,#1c2b4c 60%,#111c33)}.code-window{position:relative;width:85%;max-width:350px;border:1px solid #ffffff20;background:#0c172bea;border-radius:10px;box-shadow:0 25px 55px #0004;transform:rotate(-5deg);padding:17px 20px}.code-title{font-size:8px;color:#7899c8;border-bottom:1px solid #ffffff10;padding-bottom:14px}.code-dots{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6084b5;box-shadow:9px 0 #6084b5,18px 0 #6084b5;margin-right:28px}.code-window pre{font-family:Consolas,monospace;font-size:10px;line-height:1.9;color:#9fc0ef;margin:18px 0 10px;white-space:pre-wrap}.code-window em{color:#74c8d3;font-style:normal}.code-window b{color:#dbd5fc;font-weight:400}.art-code{background:radial-gradient(ellipse at 80% 40%,#3a4571,#18243f 60%,#10192c)}.work-note{margin:30px 0 0;color:#5e789f;font-size:10px;text-align:right}.tech-strip{border-top:1px solid #ffffff15;padding-top:36px;margin-top:65px}.tech-strip>p:first-child{color:#7793bc;text-transform:none;letter-spacing:.2px}.tech-strip>div{font-size:23px;color:#c0d2ef;gap:18px 35px}.tech-note{color:#7590b8}.personal .section-label{margin-bottom:50px}.contact{background:radial-gradient(ellipse at 90% 100%,#1d428050,transparent 70%),#0a1428}.contact-decoration{color:#203b6929;right:6%;font-size:390px}.contact h2{font-family:'Bahnschrift','Manrope',sans-serif;font-size:clamp(64px,8vw,112px);letter-spacing:-4px}.contact .section-label{border-top:0;color:#99b6e0}.contact .section-label>span:first-child{color:#99b6e0}footer{background:#080f20;color:#647fa8;border-top:1px solid #ffffff10}footer .wordmark{color:#d3e2fa}footer a:last-child{color:#a9c5ed}.project-dialog{border:1px solid #5d7dac50;background:#111f36;color:#e4eeff;border-radius:18px;width:min(650px,90vw);max-height:85svh;padding:40px;box-shadow:0 45px 150px #000a}.project-dialog::backdrop{background:#020714bb;backdrop-filter:blur(10px)}.dialog-close{position:absolute;right:18px;top:18px;border:1px solid #ffffff26;background:#ffffff08;width:35px;height:35px;border-radius:50%;color:#c5d9f7;font-size:23px}.dialog-type{font-size:11px;color:#8baadd;margin-bottom:25px}.project-dialog h2{font-size:42px;letter-spacing:-1.5px;margin-right:20px}.dialog-description{font-size:15px;line-height:1.85;color:#aabedb}.dialog-points{padding:20px 0 0;border-top:1px solid #ffffff16;margin:25px 0;display:flex;flex-wrap:wrap;gap:9px}.dialog-points span{background:#1c3252;color:#a5c5f3;padding:8px 12px;border-radius:5px;font-size:11px}.dialog-foot{font-size:11px;color:#7896bf;line-height:1.7}.dialog-open{overflow:hidden}.visible{opacity:1;translate:0 0}.reveal{animation:none;transition:opacity .8s ease,translate .8s cubic-bezier(.2,.65,.25,1)}.motion-ready .reveal:not(.visible){opacity:0;translate:0 28px}.strength-grid .reveal:nth-child(2){transition-delay:.08s}.strength-grid .reveal:nth-child(3){transition-delay:.16s}@keyframes hero-entrance{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes scene-entrance{from{opacity:0;translate:40px 20px;scale:.95}to{opacity:1;translate:0 0;scale:1}}@media(min-width:1600px){.hero-orbit{left:55%}.work-heading h2{font-size:84px}}@media(max-width:1150px){.hero-orbit{left:48%;scale:.8;transform-origin:left center}.hero{min-height:860px}h1{font-size:110px}.hero-content{max-width:510px}.hero-description{max-width:330px}.rail-items{gap:20px}.rail-items a{font-size:11px}.work-description{padding:32px}.work-description h3{font-size:39px}.work-card-copy{padding:27px}.work-art{height:270px}.work-meta{align-items:flex-start;flex-direction:column}.work-count{font-size:11px}}@media(max-width:760px){header{height:78px}.hero{padding:125px 7% 90px;min-height:1020px}h1{font-size:99px;letter-spacing:-5px}.hero-content{max-width:100%}.hero .eyebrow{margin-bottom:24px}.hero-sub{font-size:23px}.hero-description{max-width:340px}.hero-orbit{top:590px;left:calc(50% - 280px);width:600px;height:590px;scale:.58;transform-origin:50% 0;opacity:1}.hero-bottom{font-size:7px;bottom:23px}.scene-caption{font-size:9px;left:150px;bottom:5px}.project-rail{padding:24px 7%;display:block}.rail-label{max-width:none;margin-bottom:15px;font-size:9px}.rail-items{gap:15px 22px}.rail-items a{font-size:11px}.section{padding:65px 7% 75px}.section-label{font-size:9px;letter-spacing:0;margin-bottom:35px}.section-label span:last-child{font-size:8px}h2{font-size:37px;letter-spacing:-1.5px}.about-layout{grid-template-columns:1fr;gap:15px}.about-copy .lead{font-size:19px}.strength-card{min-height:285px}.journey-layout{gap:30px}.journey-intro{margin-bottom:0}.work-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.work-heading h2{font-size:50px;letter-spacing:-2px}.work-heading p{font-size:13px;max-width:100%}.work-count{font-size:10px;margin-bottom:12px}.work-feature{grid-template-columns:1fr;border-radius:15px;margin-bottom:18px}.work-description{padding:30px}.work-description h3{font-size:37px}.work-description .work-summary{font-size:22px}.project-type{margin-bottom:20px}.work-feature .project-visual{min-height:360px;border-left:0;padding:45px 30px 65px}.work-grid{grid-template-columns:1fr;gap:18px}.work-art{height:270px}.work-card{transform:none}.work-card-copy{padding:27px}.work-card h3{font-size:28px}.work-card-copy>p{min-height:0}.work-meta{flex-direction:row;align-items:center}.work-meta .work-button{gap:15px}.work-note{font-size:9px;line-height:1.7;text-align:left}.tech-strip{margin-top:40px;padding-top:27px}.tech-strip>div{font-size:18px;gap:15px 22px}.tech-note{font-size:11px}.contact h2{font-size:69px;letter-spacing:-3px}.contact-decoration{font-size:260px;right:-10%;top:55%}.project-dialog{padding:32px 26px}.project-dialog h2{font-size:32px}.dialog-description{font-size:14px}}@media(max-width:380px){h1{font-size:85px}.hero-sub{font-size:21px}.hero-actions{gap:17px}.hero-actions .text-link{font-size:11px}.hero-orbit{top:620px}.work-meta{flex-direction:column;align-items:flex-start}.contact-email{font-size:10px}}@media(prefers-reduced-motion:reduce){.motion-ready .reveal:not(.visible){opacity:1;translate:0 0}.hero-orbit,.scene,.work-card{transform:none!important}.hero-content>*,.hero-orbit .scene{animation:none!important}}