#root,body,html{min-height:100%}body{margin:0}:root{--bg:#03050a;--bg-soft:#080c14;--text:#f5f7fb;--muted:#a8afbd;--blue:#2997ff;--border:#ffffff1c}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#03050a;background:var(--bg);color:#f5f7fb;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-width:320px;overflow-x:hidden}a,button{font:inherit}button{color:inherit}.animated-bg{background:linear-gradient(180deg,#020409,#050811 55%,#020307);inset:0;overflow:hidden;position:fixed;z-index:-5}.grid-bg{background:linear-gradient(hsla(0,0%,100%,.022) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.022) 1px,#0000 0);background-size:72px 72px;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 94%);mask-image:linear-gradient(#000,#0000 94%)}.grid-bg,.orb{position:absolute}.orb{aspect-ratio:1;border-radius:50%;filter:blur(90px);mix-blend-mode:screen;opacity:.34;width:55vw;will-change:transform}.orb-1{animation:orbOne 18s ease-in-out infinite alternate;background:radial-gradient(circle,#1279ff,#043a91 38%,#0000 70%);left:-18%;top:-28%}.orb-2{animation:orbTwo 22s ease-in-out infinite alternate;background:radial-gradient(circle,#55c7ff,#075aab 34%,#0000 70%);right:-22%;top:-20%}.orb-3{animation:orbThree 26s ease-in-out infinite alternate;background:radial-gradient(circle,#0057d6,#03295f 42%,#0000 70%);bottom:-35%;left:24%}@keyframes orbOne{to{transform:translate(35%,18%) scale(1.12)}}@keyframes orbTwo{to{transform:translate(-30%,28%) scale(1.16)}}@keyframes orbThree{to{transform:translate(24%,-24%) scale(1.14)}}.section{display:grid;min-height:100vh;padding:138px 7% 145px;place-items:center}.dark-section{background:linear-gradient(180deg,#070a11eb,#04060bf2)}.container{width:min(1160px,100%)}.centered{text-align:center}h1,h2,h3,p{overflow-wrap:normal;word-break:normal}h2{text-wrap:balance;font-size:clamp(2.8rem,6vw,5.8rem);letter-spacing:-.04em;line-height:1.1;margin-top:20px;max-width:1080px;width:100%}.centered h2{margin-inline:auto}.gradient-text{background:linear-gradient(94deg,#fff 4%,#cfedff 38%,#70c4ff 72%,#2c8dff);-webkit-background-clip:text;background-clip:text;color:#0000}.section-pill{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#2997ff12;border:1px solid #46a8ff3d;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff14;color:#91cfff;display:inline-flex;font-size:.82rem;font-weight:700;justify-content:center;letter-spacing:.08em;min-height:38px;padding:9px 15px;text-transform:uppercase}.liquid-card{--tone-soft:#2997ff1f;--tone-glow:#2997ff12;--tone-glow-strong:#2997ff29;--tone-border:#4caeff6b;--tone-icon:#7bc9ff;-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%);background:radial-gradient(circle at 12% 10%,var(--tone-soft),#0000 42%),linear-gradient(145deg,hsla(0,0%,100%,.085),hsla(0,0%,100%,.025));border:1px solid #ffffff1f;box-shadow:inset 0 1px 0 #ffffff21,0 22px 55px #00000038,0 0 36px var(--tone-glow);overflow:hidden;position:relative;transition:transform .42s cubic-bezier(.19,1,.22,1),border-color .35s ease,box-shadow .35s ease}.liquid-card:before{background:linear-gradient(135deg,#ffffff2e,#0000 34%);content:"";inset:0;opacity:.38;pointer-events:none;position:absolute}.tone-blue{--tone-soft:#2997ff29;--tone-glow:#2997ff14;--tone-glow-strong:#2997ff33;--tone-border:#53b4ff73;--tone-icon:#7bc9ff}.tone-cyan{--tone-soft:#31cdff24;--tone-glow:#31cdff14;--tone-glow-strong:#31cdff2e;--tone-border:#5bddff6b;--tone-icon:#87e3ff}.tone-purple,.tone-violet{--tone-soft:#8f67ff26;--tone-glow:#8f67ff14;--tone-glow-strong:#8f67ff30;--tone-border:#a788ff70;--tone-icon:#b9a4ff}.tone-amber{--tone-soft:#ffab3d24;--tone-glow:#ffab3d12;--tone-glow-strong:#ffab3d2e;--tone-border:#ffbe656b;--tone-icon:#ffc77d}.tone-green{--tone-soft:#32d67021;--tone-glow:#32d67012;--tone-glow-strong:#32d6702e;--tone-border:#53e5876b;--tone-icon:#7df0a5}.hero{min-height:100svh;overflow:hidden;padding-bottom:100px;padding-top:96px;position:relative;text-align:center}.hero-content{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.hero-name{text-wrap:balance;font-size:clamp(4.35rem,10vw,9.2rem);letter-spacing:-.065em;line-height:.94;margin:0 auto;max-width:1180px;width:100%}.hero-name span{display:block}.hero-role{color:#ffffffa3;font-size:.78rem;font-weight:760;letter-spacing:.38em;margin-top:20px;text-transform:uppercase}.hero-scroll{-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);background:radial-gradient(circle at 30% 20%,#ffffff24,#0000 42%),linear-gradient(145deg,#2a9eff21,hsla(0,0%,100%,.035));border:1px solid #37c7ff80;border-radius:50%;box-shadow:inset 0 1px 0 #ffffff26,0 0 26px #20b4ff29,0 18px 40px #00000038;color:#52d4ff;display:grid;height:84px;margin-top:54px;place-items:center;text-decoration:none;transition:transform .35s cubic-bezier(.19,1,.22,1),border-color .3s ease,box-shadow .3s ease;width:84px}.hero-scroll:hover{border-color:#5ddcffd9;box-shadow:inset 0 1px 0 #fff3,0 0 42px #20b4ff47,0 20px 44px #00000047;transform:translateY(6px) scale(1.04)}.hero-scroll svg{animation:heroArrow 1.9s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(46,207,255,.8));font-size:2.55rem}.hero-bottom-fade{background:linear-gradient(180deg,#0000,#02050a85 56%,#03050a);bottom:0;height:28%;left:0;pointer-events:none;position:absolute;right:0;z-index:1}@keyframes heroArrow{0%,to{opacity:.6;transform:translateY(-3px)}50%{opacity:1;transform:translateY(7px)}}.about-container{overflow:visible}.about-groups{grid-gap:22px;display:grid;gap:22px;margin-top:46px;width:100%}.about-group{overflow:visible;width:100%}.about-group-toggle{grid-gap:20px;align-items:center;border-radius:26px;cursor:pointer;display:grid;gap:20px;grid-template-columns:66px minmax(0,1fr) 52px;min-height:108px;padding:18px 24px;text-align:left;width:100%}.about-group-toggle:hover{border-color:#5bbeff75;box-shadow:inset 0 1px 0 #ffffff26,0 22px 48px #00000040,0 0 34px #2997ff1c;transform:translateY(-3px)}.about-group-icon{background:linear-gradient(145deg,#44aeff38,hsla(0,0%,100%,.045));border:1px solid #6ecbff52;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff26,0 0 25px #2997ff2b;color:#fff;display:grid;height:58px;place-items:center;position:relative;width:58px;z-index:1}.about-group-icon svg{filter:drop-shadow(0 0 10px rgba(106,203,255,.48));font-size:2rem}.about-group-title{min-width:0;position:relative;z-index:1}.about-group-title small{background:#2997ff14;border:1px solid #5dbcff4d;border-radius:999px;color:#8bd2ff;display:inline-flex;font-size:.65rem;font-weight:800;letter-spacing:.08em;padding:5px 10px;text-transform:uppercase}.about-group-title h3{font-size:clamp(1.25rem,2vw,1.55rem);letter-spacing:-.025em;line-height:1.1;margin-top:8px}.about-group-action{background:#2997ff17;border:1px solid #48b3ff66;border-radius:50%;box-shadow:0 0 20px #2997ff21;color:#75c8ff;display:grid;height:46px;place-items:center;position:relative;transition:transform .45s cubic-bezier(.19,1,.22,1),background .3s ease;width:46px;z-index:1}.about-group-action svg{font-size:1.8rem}.about-group.is-open .about-group-action{transform:rotate(180deg)}.about-group-collapse{display:grid;filter:blur(7px);grid-template-rows:0fr;opacity:0;pointer-events:none;transition:grid-template-rows .55s cubic-bezier(.19,1,.22,1),opacity .3s ease,filter .4s ease,visibility 0s linear .55s;visibility:hidden}.about-group-collapse-inner{min-height:0;overflow:hidden;padding:0 18px}.about-group.is-open .about-group-collapse{filter:blur(0);grid-template-rows:1fr;opacity:1;pointer-events:auto;transition:grid-template-rows .55s cubic-bezier(.19,1,.22,1),opacity .4s ease .08s,filter .42s ease;visibility:visible}.about-group.is-open .about-group-collapse-inner{padding:18px 18px 10px}.about-list{grid-gap:12px;display:grid;gap:12px}.about-list-card{grid-gap:18px;align-items:center;border-radius:24px;display:grid;gap:18px;grid-template-columns:42px 1px 66px minmax(0,1fr);margin-inline:auto;min-height:130px;overflow:visible;padding:17px 22px;width:calc(100% - 34px)}.about-list-card:hover{border-color:var(--tone-border);box-shadow:inset 0 1px 0 #ffffff21,0 18px 42px #00000040,0 0 26px var(--tone-glow-strong);transform:scale(1.008);z-index:5}.about-number{color:var(--tone-icon);filter:drop-shadow(0 0 10px var(--tone-icon));font-size:1.05rem;font-weight:850;text-align:center}.about-card-line{background:linear-gradient(180deg,#0000,var(--tone-border),#0000);height:66px;width:1px}.about-card-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--tone-icon) 16%,#0000),#ffffff0a);border:1px solid color-mix(in srgb,var(--tone-icon) 38%,#0000);border-radius:18px;box-shadow:inset 0 1px 0 #ffffff21,0 0 24px color-mix(in srgb,var(--tone-icon) 16%,#0000);color:var(--tone-icon);display:grid;height:60px;overflow:hidden;place-items:center;width:60px}.about-card-icon svg{font-size:1.75rem}.about-institution-logo{background:#fff;border-radius:11px;box-shadow:0 0 16px #ffffff3d;height:48px;object-fit:contain;padding:5px;width:48px}.about-card-content{min-width:0;text-align:left}.about-card-content small{color:var(--tone-icon);display:block;font-size:.68rem;font-weight:760}.about-card-content h3{font-size:1.15rem;letter-spacing:-.02em;line-height:1.2;margin-top:4px}.about-card-content p{color:#e1e8f2c7;font-size:.86rem;line-height:1.5;margin-top:6px;max-width:820px}.about-detail{background:color-mix(in srgb,var(--tone-icon) 8%,#0000);border:1px solid color-mix(in srgb,var(--tone-icon) 28%,#0000);border-radius:999px;color:color-mix(in srgb,var(--tone-icon) 78%,#fff);display:inline-flex;font-size:.64rem;font-weight:730;margin-top:9px;padding:5px 10px;width:fit-content}.about-story-divider{display:flex;justify-content:center;margin-top:70px;width:100%}.about-story-divider span{background:linear-gradient(90deg,#0000,#ffffffe0,#0000);box-shadow:0 0 11px #ffffff8c,0 0 25px #2997ff59;height:2px;width:92%}.about-intro-bottom{background:linear-gradient(90deg,rgba(41,151,255,.065),#ffffff05);border:1px solid #ffffff14;border-left:3px solid #2997ff;border-radius:0 24px 24px 0;box-shadow:inset 0 1px 0 #ffffff0f,0 16px 38px #00000029;color:#e8eef7db;font-size:.96rem;line-height:1.85;margin:46px auto 0;max-width:880px;overflow:hidden;padding:24px 30px 24px 34px;position:relative;text-align:left}.contact-intro,.skills-intro{color:#a8afbd;color:var(--muted);font-size:1.05rem;line-height:1.75;margin:24px auto 0;max-width:760px}.skills{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:42px}.skill-level-card{grid-gap:20px;align-items:center;border-radius:26px;display:grid;gap:20px;grid-template-columns:auto 1fr;min-height:126px;padding:22px;text-align:left}.skill-level-card:hover{border-color:var(--tone-border);box-shadow:inset 0 1px 0 #ffffff29,0 24px 55px #00000047,0 0 35px var(--tone-glow-strong);transform:translateY(-5px)}.skill-icon{border-radius:16px;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--skill-color) 35%,transparent));height:64px;object-fit:contain;position:relative;width:64px;z-index:1}.skill-level-content{min-width:0;position:relative;z-index:1}.skill-level-heading{display:flex;gap:18px;justify-content:space-between}.skill-name{font-size:1rem;font-weight:720}.skill-level-heading strong{color:color-mix(in srgb,var(--skill-color) 78%,#fff)}.skill-track{background:hsla(0,0%,100%,.055);border:1px solid #ffffff14;border-radius:999px;box-shadow:inset 0 2px 5px #00000040;height:11px;margin-top:14px;overflow:hidden}.skill-fill{animation:fillSkill 1.1s cubic-bezier(.19,1,.22,1) both;background:linear-gradient(90deg,color-mix(in srgb,var(--skill-color) 60%,#fff),var(--skill-color));border-radius:inherit;box-shadow:0 0 14px var(--skill-color),0 0 28px color-mix(in srgb,var(--skill-color) 48%,#0000);display:block;height:100%;transform-origin:left;width:var(--skill-level)}@keyframes fillSkill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.projects{grid-gap:22px;display:grid;gap:22px;margin-top:48px}.project{grid-gap:40px;align-items:center;border:1px solid #ffffff1c;border:1px solid var(--border);border-radius:38px;display:grid;gap:40px;grid-template-columns:1.1fr 1fr;min-height:430px;padding:54px}.p1{background:radial-gradient(circle at 82% 12%,#2f9cff61,#0000 32%),linear-gradient(145deg,#172337,#090d15 65%)}.p2{background:radial-gradient(circle at 86% 10%,#855dff57,#0000 32%),linear-gradient(145deg,#211a36,#0b0912 65%)}.p3{background:radial-gradient(circle at 84% 12%,#ff536a4d,#0000 32%),linear-gradient(145deg,#30191f,#10090b 65%)}.project small{color:#7dc7ff;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project h3{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.035em;line-height:1.08;margin-top:12px}.project p{color:#e7ebf2ad;line-height:1.7;margin-top:18px}.mockup{background:#ffffff0f;border:1px solid #ffffff24;border-radius:28px;color:#ffffff7a;display:grid;min-height:270px;place-items:center}.contact-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin:40px auto 0;width:min(930px,100%)}.contact-card{grid-gap:17px;align-items:center;border-radius:26px;color:inherit;display:grid;gap:17px;grid-template-columns:auto 1fr auto;min-height:112px;padding:21px;text-align:left;text-decoration:none}.contact-card:hover{border-color:var(--tone-border);box-shadow:inset 0 1px 0 #ffffff2e,0 28px 64px #0000004d,0 0 48px var(--tone-glow-strong);transform:translateY(-7px)}.contact-arrow,.contact-copy,.contact-icon{position:relative;z-index:1}.contact-icon{background:color-mix(in srgb,var(--tone-icon) 11%,#0000);border:1px solid color-mix(in srgb,var(--tone-icon) 34%,#0000);border-radius:17px;box-shadow:0 0 26px color-mix(in srgb,var(--tone-icon) 13%,#0000);color:var(--tone-icon);display:grid;height:52px;place-items:center;width:52px}.contact-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.contact-copy small{color:var(--tone-icon);font-weight:750;letter-spacing:.05em;text-transform:uppercase}.contact-copy strong{font-size:.98rem;overflow-wrap:anywhere}.contact-arrow{background:hsla(0,0%,100%,.055);border-radius:13px;color:#ffffff9e;display:grid;height:38px;place-items:center;width:38px}.resume-section{border-top:1px solid #ffffff17;margin:34px auto 0;padding-top:30px;width:min(820px,100%)}.resume-section-heading{margin-bottom:18px}.resume-section-heading small{color:#7dc7ff;display:block;font-size:.74rem;font-weight:760;letter-spacing:.07em;text-transform:uppercase}.resume-section-heading strong{display:block;font-size:clamp(1.1rem,2vw,1.35rem);margin-top:7px}.resume-actions{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.resume-action{grid-gap:16px;align-items:center;border-radius:24px;color:#fff;display:grid;gap:16px;grid-template-columns:auto 1fr auto;min-height:94px;padding:18px 20px;text-align:left;text-decoration:none}.resume-action:hover{border-color:#54b4ff7a;box-shadow:0 20px 44px #0000003d,0 0 34px #2997ff21;transform:translateY(-5px)}.resume-action-icon{background:#2997ff1c;border:1px solid #64c2ff52;border-radius:16px;box-shadow:0 0 22px #2997ff24;color:#76c7ff;display:grid;height:50px;place-items:center;width:50px}.resume-action small,.resume-action strong{display:block}.resume-action small{color:#7dc7ff;font-size:.7rem;font-weight:760;letter-spacing:.05em;text-transform:uppercase}.resume-action strong{font-size:.96rem;margin-top:5px}.resume-action-arrow{color:#ffffff85}.dock{-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);background:#141822a3;border:1px solid #ffffff21;border-radius:26px;bottom:18px;display:flex;gap:6px;left:50%;padding:8px;position:fixed;transform:translateX(-50%);transition:opacity .4s ease,transform .4s ease;z-index:100}.dock.hidden{opacity:.28;transform:translate(-50%,calc(100% + 34px))}.dock-link{align-items:center;background:#0000;border:0;border-radius:18px;color:#cfd5df;cursor:pointer;display:flex;gap:9px;height:50px;justify-content:center;min-width:54px;padding:0 16px;transition:color .25s ease,background .25s ease,transform .25s ease}.dock-link:hover{background:#ffffff12;color:#fff;transform:translateY(-2px)}.dock-link.active{background:#2997ff30;color:#fff}.dock-link svg{font-size:1.15rem}.reveal{filter:blur(14px);opacity:0;transform:translateY(34px) scale(.985);transition:opacity .78s cubic-bezier(.2,.72,.2,1),transform .88s cubic-bezier(.19,1,.22,1),filter .82s ease;transition-delay:0ms;transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform,filter}.reveal.visible{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}@media (max-width:900px){.section{padding-top:124px}.hero{padding-top:86px}.contact-list,.project,.skills{grid-template-columns:1fr}}@media (max-width:720px){.section{min-height:auto;padding:100px 5% 130px}h2{font-size:clamp(2.5rem,11vw,4.2rem);letter-spacing:-.032em;line-height:1.12}.hero{min-height:100svh;padding:82px 20px 90px}.hero-name{font-size:clamp(3.5rem,14vw,6rem);line-height:.98}.hero-role{font-size:.7rem;letter-spacing:.3em;margin-top:16px}.hero-scroll{height:72px;margin-top:44px;width:72px}.about-group-toggle{gap:13px;grid-template-columns:54px minmax(0,1fr) 42px;min-height:94px;padding:16px}.about-group-icon{border-radius:15px;height:50px;width:50px}.about-group-action{height:40px;width:40px}.about-group-collapse-inner{padding-inline:0}.about-group.is-open .about-group-collapse-inner{padding:14px 0 8px}.about-list-card{gap:11px;grid-template-columns:32px 1px 52px minmax(0,1fr);min-height:auto;padding:16px 13px;width:calc(100% - 10px)}.about-card-icon{border-radius:14px;height:50px;width:50px}.about-institution-logo{height:41px;padding:4px;width:41px}.about-story-divider{margin-top:48px}.about-intro-bottom{font-size:.9rem;line-height:1.75;margin-top:34px;padding:21px 18px 21px 25px}.project{min-height:540px;padding:28px}.resume-actions{grid-template-columns:1fr}.dock{bottom:12px;justify-content:space-around;width:calc(100% - 24px)}.dock-link{min-width:46px;padding:0 12px}.dock-link b{display:none}}@media (max-width:520px){.section{padding:90px 20px 120px}h2{font-size:clamp(2.2rem,11vw,3.35rem);letter-spacing:-.025em;line-height:1.14}.hero-name{font-size:clamp(3rem,15vw,4.8rem)}.about-list-card{gap:9px;grid-template-columns:29px 47px minmax(0,1fr)}.about-card-line{display:none}.about-number{font-size:.88rem}.about-card-icon{height:45px;width:45px}.about-institution-logo{height:38px;width:38px}.skill-level-card{gap:16px;min-height:112px;padding:19px}.skill-icon{height:54px;width:54px}.skill-track{height:10px}.project{border-radius:28px;gap:26px;min-height:auto;padding:24px}.project h3{font-size:2rem}.mockup{min-height:220px}.contact-card{grid-template-columns:auto 1fr}.contact-arrow{display:none}.dock{gap:2px;padding:7px}.dock-link{height:46px;min-width:44px;padding:0 10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,.reveal.visible{filter:none;opacity:1;transform:none}}.projects-container{width:min(1280px,100%)}.project-catalog{margin-top:52px}.project-row-header{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:18px}.project-row-header small{color:#73c8ff;display:block;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.project-row-header h3{color:#fff;font-size:clamp(1.3rem,2vw,1.75rem);letter-spacing:-.025em;margin-top:6px}.project-row-controls{display:flex;gap:9px}.project-row-controls button{background:linear-gradient(145deg,#2997ff1f,hsla(0,0%,100%,.035));border:1px solid #69c4ff47;border-radius:50%;box-shadow:inset 0 1px 0 #ffffff1a,0 0 20px #2997ff14;color:#8ed6ff;cursor:pointer;display:grid;height:44px;place-items:center;transition:transform .3s ease,border-color .3s ease,color .3s ease,background .3s ease;width:44px}.project-row-controls button:hover{background:#2997ff2e;border-color:#69c4ff7a;color:#fff;transform:scale(1.08)}.project-rail-shell{overflow:visible;position:relative}.project-rail{grid-gap:14px;cursor:grab;display:grid;gap:14px;grid-auto-columns:clamp(220px,24vw,310px);grid-auto-flow:column;overflow-x:auto;overflow-y:visible;padding:12px 6px 26px;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none}.project-rail:active{cursor:grabbing}.project-rail::-webkit-scrollbar{display:none}.project-poster-card{aspect-ratio:4/5;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:24px;box-shadow:inset 0 1px 0 #ffffff1a,0 18px 42px #00000038;overflow:hidden;position:relative;scroll-snap-align:start;transform:translateZ(0);transition:transform .42s cubic-bezier(.19,1,.22,1),border-color .35s ease,box-shadow .35s ease}.project-poster-card:after{background:linear-gradient(135deg,#ffffff29,#0000 34%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .35s ease}.project-poster-card:hover{border-color:#57bbff7a;box-shadow:inset 0 1px 0 #ffffff26,0 28px 58px #00000057,0 0 38px #2997ff29;transform:translateY(-10px) scale(1.035);z-index:6}.project-poster-card:hover:after{opacity:.8}.project-poster-card img{display:block;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.19,1,.22,1),filter .4s ease;width:100%}.project-poster-card:hover img{filter:brightness(.78) saturate(1.05);transform:scale(1.06)}.project-poster-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000,#02050a52 22%,#02050aeb);bottom:0;display:flex;gap:14px;justify-content:space-between;left:0;min-height:96px;opacity:0;padding:46px 17px 17px;position:absolute;right:0;transform:translateY(12px);transition:opacity .35s ease,transform .42s cubic-bezier(.19,1,.22,1);z-index:2}.project-poster-card:hover
.project-poster-overlay{opacity:1;transform:translateY(0)}.project-poster-overlay div{min-width:0}.project-poster-overlay small,.project-poster-overlay strong{display:block}.project-poster-overlay small{color:#7dcaff;font-size:.66rem;font-weight:760;letter-spacing:.05em;text-transform:uppercase}.project-poster-overlay strong{color:#fff;font-size:.96rem;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-open-icon{background:#2997ff1a;border:1px solid #6fcbff47;border-radius:13px;box-shadow:0 0 18px #2997ff1a;color:#83d1ff;display:grid;flex:0 0 auto;height:38px;place-items:center;width:38px}.project-open-icon svg{font-size:1.15rem}.project-edge{bottom:0;pointer-events:none;position:absolute;top:0;width:70px;z-index:5}.project-edge-left{background:linear-gradient(90deg,#03050af5,#0000);left:0}.project-edge-right{background:linear-gradient(270deg,#03050af5,#0000);right:0}@media (max-width:720px){.project-row-header{align-items:center}.project-row-controls{display:none}.project-rail{gap:12px;grid-auto-columns:min(72vw,280px);margin-right:-20px;padding-right:42px}.project-poster-card{border-radius:21px}.project-poster-overlay{opacity:1;transform:none}.project-edge-left{display:none}.project-edge-right{width:46px}}.projects-section{overflow:hidden;width:100%}.projects-section .projects-container{margin-inline:auto;max-width:none;width:min(1400px,calc(100% - 48px))}.projects-section .projects-container>.section-pill,.projects-section .projects-container>h2{margin-left:0;margin-right:auto;text-align:left}.project-catalog,.project-rail,.project-rail-shell,.project-row-header{width:100%}.portfolio-projects-section{display:block;min-height:100vh;overflow:hidden;padding:138px 0 150px;position:relative;width:100%}.portfolio-projects-heading{margin-inline:auto;width:min(1400px,calc(100% - 80px))}.portfolio-projects-heading>h2{margin:20px 0 0;max-width:1080px;text-align:left;width:100%}.portfolio-projects-catalog{margin-top:64px;width:100%}.portfolio-projects-row-header{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-inline:auto;margin-bottom:20px;width:min(1400px,calc(100% - 80px))}.portfolio-projects-row-header h3{color:#fff;font-size:clamp(1.45rem,2.2vw,2rem);letter-spacing:-.035em;line-height:1.15}.portfolio-projects-controls{align-items:center;display:flex;gap:10px}.portfolio-projects-controls button{-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%);background:radial-gradient(circle at 30% 20%,#ffffff1f,#0000 48%),linear-gradient(145deg,#2997ff21,hsla(0,0%,100%,.035));border:1px solid #5bc1ff52;border-radius:50%;box-shadow:inset 0 1px 0 #ffffff1f,0 0 22px #2997ff1a;color:#8ed8ff;cursor:pointer;display:grid;height:46px;place-items:center;transition:transform .3s ease,color .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease;width:46px}.portfolio-projects-controls button:hover{background:#2997ff33;border-color:#5bcbff9e;box-shadow:inset 0 1px 0 #ffffff2b,0 0 30px #2997ff2e;color:#fff;transform:scale(1.08)}.portfolio-projects-rail-wrapper{position:relative;width:100%}.portfolio-projects-rail{-webkit-overflow-scrolling:touch;align-items:stretch;cursor:grab;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:14px max(40px,calc(50vw - 700px)) 32px;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;width:100%}.portfolio-projects-rail::-webkit-scrollbar{display:none}.portfolio-projects-rail.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.portfolio-project-card{aspect-ratio:4/5;background:hsla(0,0%,100%,.045);border:1px solid #ffffff1f;border-radius:25px;box-shadow:inset 0 1px 0 #ffffff1c,0 20px 48px #00000040;flex:0 0 auto;min-width:clamp(230px,20vw,310px);overflow:hidden;position:relative;scroll-snap-align:start;transform:translateZ(0);transition:transform .42s cubic-bezier(.19,1,.22,1),border-color .35s ease,box-shadow .35s ease;width:clamp(230px,20vw,310px)}.portfolio-project-card:after{background:linear-gradient(135deg,#ffffff2b,#0000 34%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .35s ease;z-index:1}.portfolio-project-card:hover{border-color:#58bfff85;box-shadow:inset 0 1px 0 #ffffff29,0 30px 64px #00000059,0 0 40px #2997ff2b;transform:translateY(-8px) scale(1.025);z-index:8}.portfolio-project-card:hover:after{opacity:.75}.portfolio-project-card img{display:block;height:100%;object-fit:cover;pointer-events:none;transition:transform .6s cubic-bezier(.19,1,.22,1),filter .4s ease;width:100%}.portfolio-project-card:hover img{filter:brightness(.76) saturate(1.08);transform:scale(1.055)}.portfolio-project-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000,#02050a6b 27%,#02050af2);bottom:0;display:flex;gap:14px;justify-content:space-between;left:0;min-height:112px;opacity:0;padding:52px 18px 18px;position:absolute;right:0;transform:translateY(15px);transition:opacity .35s ease,transform .42s cubic-bezier(.19,1,.22,1);z-index:3}.portfolio-project-card:hover
.portfolio-project-overlay{opacity:1;transform:translateY(0)}.portfolio-project-overlay>div{min-width:0}.portfolio-project-overlay small,.portfolio-project-overlay strong{display:block}.portfolio-project-overlay small{color:#7bcfff;font-size:.65rem;font-weight:780;letter-spacing:.07em;text-transform:uppercase}.portfolio-project-overlay strong{color:#fff;font-size:.94rem;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-project-expand{background:#2997ff1c;border:1px solid #6ccbff4d;border-radius:13px;box-shadow:0 0 18px #2997ff1f;color:#85d4ff;display:grid;flex:0 0 auto;height:39px;place-items:center;width:39px}.portfolio-project-expand svg{font-size:1.15rem}.portfolio-projects-fade{bottom:26px;-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 10%,#000 90%,#0000);mask-image:linear-gradient(180deg,#0000 0,#000 10%,#000 90%,#0000);opacity:0;pointer-events:none;position:absolute;top:10px;transform:scaleX(.72);transition:opacity .28s ease,transform .38s cubic-bezier(.19,1,.22,1),visibility .28s ease;visibility:hidden;width:clamp(42px,6vw,96px);z-index:10}.portfolio-projects-fade.is-visible{opacity:1;transform:scaleX(1);visibility:visible}.portfolio-projects-fade-left{background:linear-gradient(90deg,#030811fa,#030811d1 28%,#0308115c 64%,#03081100);left:0;transform-origin:left center}.portfolio-projects-fade-right{background:linear-gradient(270deg,#030811fa,#030811d1 28%,#0308115c 64%,#03081100);right:0;transform-origin:right center}@media (max-width:900px){.portfolio-projects-heading,.portfolio-projects-row-header{width:calc(100% - 48px)}.portfolio-projects-rail{padding-inline:24px}.portfolio-project-card{min-width:clamp(220px,31vw,280px);width:clamp(220px,31vw,280px)}}@media (max-width:720px){.portfolio-projects-section{min-height:auto;padding:100px 0 125px}.portfolio-projects-heading,.portfolio-projects-row-header{width:calc(100% - 40px)}.portfolio-projects-heading>h2{font-size:clamp(2.5rem,11vw,4.2rem)}.portfolio-projects-catalog{margin-top:48px}.portfolio-projects-controls{display:none}.portfolio-projects-rail{gap:13px;padding:12px 20px 28px}.portfolio-project-card{border-radius:22px;min-width:min(72vw,280px);width:min(72vw,280px)}.portfolio-project-overlay{opacity:1;transform:none}.portfolio-projects-fade{bottom:24px;top:8px;width:52px}}@media (max-width:520px){.portfolio-projects-heading,.portfolio-projects-row-header{width:calc(100% - 32px)}.portfolio-projects-rail{padding-left:16px;padding-right:40px}.portfolio-project-card{min-width:min(78vw,270px);width:min(78vw,270px)}}.projects-tabs{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,hsla(0,0%,100%,.065),hsla(0,0%,100%,.025));border:1px solid #ffffff1a;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff17,0 16px 36px #00000029;display:flex;gap:5px;margin-top:38px;padding:5px;width:fit-content}.projects-tabs button{background:#0000;border:0;border-radius:999px;color:#a8afbd;color:var(--muted);cursor:pointer;font-size:.82rem;font-weight:720;padding:11px 18px;transition:color .3s ease,background .3s ease,box-shadow .3s ease}.projects-tabs button:hover{color:#fff}.projects-tabs button.active{background:linear-gradient(135deg,#2997ffd1,#2997ff5c);box-shadow:inset 0 1px 0 #fff3,0 0 22px #2997ff33;color:#fff}.portfolio-projects-row-header>div:first-child small{color:#73caff;display:block;font-size:.67rem;font-weight:800;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.portfolio-video-card,.project-carousel-card{color:inherit;cursor:pointer;padding:0;text-align:left}.project-pages-badge{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#03080fb3;border:1px solid #89d7ff47;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff1a,0 0 20px #2997ff1f;color:#fff;display:inline-flex;font-size:.68rem;font-weight:750;gap:6px;padding:7px 10px;position:absolute;right:14px;top:14px;z-index:4}.project-pages-badge svg{font-size:1rem}.videos-projects-rail{align-items:stretch}.portfolio-video-card{aspect-ratio:9/16;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:26px;box-shadow:inset 0 1px 0 #ffffff1a,0 22px 50px #00000042;flex:0 0 auto;min-width:clamp(210px,18vw,270px);overflow:hidden;position:relative;scroll-snap-align:start;transition:transform .42s cubic-bezier(.19,1,.22,1),border-color .3s ease,box-shadow .35s ease;width:clamp(210px,18vw,270px)}.portfolio-video-card:hover{border-color:#57bfff80;box-shadow:inset 0 1px 0 #ffffff29,0 30px 65px #0000005c,0 0 38px #2997ff2b;transform:translateY(-8px) scale(1.025)}.portfolio-video-card>img{display:block;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.19,1,.22,1),filter .35s ease;width:100%}.portfolio-video-card:hover>img{filter:brightness(.7);transform:scale(1.045)}.video-placeholder{background:radial-gradient(circle at 50% 35%,#2997ff3d,#0000 42%),linear-gradient(155deg,#13243c,#060a11 70%);display:grid;inset:0;place-items:center;position:absolute}.video-placeholder:before{background:linear-gradient(hsla(0,0%,100%,.025) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,#0000 0);background-size:28px 28px;content:"";inset:0;position:absolute}.video-placeholder>span{color:#ffffff1f;font-size:5rem;font-weight:850;letter-spacing:-.08em;position:relative;z-index:1}.video-play-button{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#2997ff7a,#ffffff14);border:1px solid #67cfff80;border-radius:50%;box-shadow:inset 0 1px 0 #ffffff38,0 0 35px #2997ff47;color:#fff;display:grid;height:66px;left:50%;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .35s ease,box-shadow .35s ease;width:66px;z-index:4}.portfolio-video-card:hover
.video-play-button{box-shadow:inset 0 1px 0 #ffffff40,0 0 46px #2997ff6b;transform:translate(-50%,-50%) scale(1.1)}.video-play-button svg{font-size:2.15rem}.video-card-copy{background:linear-gradient(180deg,#0000,#02050af5);bottom:0;left:0;padding:72px 17px 18px;position:absolute;right:0;z-index:3}.video-card-copy small,.video-card-copy strong{display:block}.video-card-copy small{color:#77cdff;font-size:.65rem;font-weight:770;letter-spacing:.07em;text-transform:uppercase}.video-card-copy strong{color:#fff;font-size:.96rem;margin-top:5px}.project-modal{animation:projectModalFade .3s ease both;-webkit-backdrop-filter:blur(24px) saturate(125%);backdrop-filter:blur(24px) saturate(125%);background:#010409d1;display:grid;inset:0;padding:28px;place-items:center;position:fixed;z-index:1000}.project-modal-content,.video-modal-content{animation:projectModalUp .4s cubic-bezier(.19,1,.22,1) both;background:radial-gradient(circle at 50% 0,#2997ff1f,#0000 42%),linear-gradient(145deg,#121925f5,#04070cfa);border:1px solid #ffffff21;border-radius:30px;box-shadow:inset 0 1px 0 #ffffff1f,0 40px 100px #0000008c,0 0 60px #2997ff1a;max-height:calc(100vh - 56px);padding:22px;position:relative;width:min(1180px,100%)}.project-modal-close{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03070dbd;border:1px solid #ffffff29;border-radius:50%;color:#fff;cursor:pointer;display:grid;height:44px;place-items:center;position:absolute;right:16px;top:16px;transition:transform .3s ease,background .3s ease;width:44px;z-index:20}.project-modal-close:hover{background:#2997ff3d;transform:rotate(6deg) scale(1.07)}.project-modal-stage{background:#00000052;border-radius:22px;display:grid;min-height:0;overflow:hidden;place-items:center;position:relative}.project-modal-stage img{display:block;height:min(68vh,760px);max-height:68vh;max-width:100%;object-fit:contain;width:auto}.project-modal-arrow{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03070db8;border:1px solid #70cdff47;border-radius:50%;box-shadow:0 0 26px #2997ff24;color:#fff;cursor:pointer;display:grid;height:52px;place-items:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .3s ease,transform .3s ease;width:52px;z-index:10}.project-modal-arrow:hover{background:#2997ff42}.project-modal-arrow-left{left:18px}.project-modal-arrow-left:hover{transform:translate(-3px,-50%)}.project-modal-arrow-right{right:18px}.project-modal-arrow-right:hover{transform:translate(3px,-50%)}.project-modal-footer{align-items:center;display:flex;gap:20px;justify-content:space-between;padding:18px 5px 4px}.project-modal-footer small,.project-modal-footer strong{display:block}.project-modal-footer small{color:#76ccff;font-size:.66rem;font-weight:780;letter-spacing:.08em;text-transform:uppercase}.project-modal-footer strong{font-size:1.04rem;margin-top:5px}.project-modal-counter{color:#a8afbd;color:var(--muted);font-size:.86rem;font-weight:700}.project-modal-dots{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;padding:12px 0 2px}.project-modal-dots button{background:#ffffff38;border:0;border-radius:999px;cursor:pointer;height:7px;padding:0;transition:width .3s ease,background .3s ease,box-shadow .3s ease;width:7px}.project-modal-dots button.active{background:#46b7ff;box-shadow:0 0 14px #2997ffa6;width:25px}.video-modal-content{display:flex;flex-direction:column;width:min(500px,100%)}.video-modal-content video{background:#000;border-radius:22px;display:block;max-height:74vh;object-fit:contain;width:100%}@keyframes projectModalFade{0%{opacity:0}to{opacity:1}}@keyframes projectModalUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:720px){.projects-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.projects-tabs button{font-size:.74rem;padding-inline:10px}.portfolio-video-card{min-width:min(66vw,240px);width:min(66vw,240px)}.project-modal{padding:12px}.project-modal-content,.video-modal-content{border-radius:23px;max-height:calc(100vh - 24px);padding:12px}.project-modal-stage{border-radius:17px}.project-modal-stage img{height:auto;max-height:72vh}.project-modal-arrow{height:43px;width:43px}.project-modal-arrow-left{left:8px}.project-modal-arrow-right{right:8px}.project-modal-close{height:40px;right:8px;top:8px;width:40px}}.portfolio-projects-rail img,.portfolio-projects-rail>button{-webkit-user-drag:none}.project-modal-stage,.project-modal-stage img{opacity:1;visibility:visible}.project-modal-arrow{pointer-events:auto}@media (hover:none),(pointer:coarse){.portfolio-projects-rail{cursor:auto;scroll-snap-type:x proximity;touch-action:pan-x pan-y}.portfolio-projects-rail.is-dragging{cursor:auto}}.portfolio-projects-section .portfolio-projects-catalog+.portfolio-projects-catalog{margin-top:86px}.stories-projects-rail{align-items:stretch}.portfolio-story-card{aspect-ratio:9/16;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:26px;box-shadow:inset 0 1px 0 #ffffff1a,0 22px 50px #00000042;color:inherit;cursor:pointer;flex:0 0 auto;min-width:clamp(210px,18vw,270px);overflow:hidden;padding:0;position:relative;scroll-snap-align:start;text-align:left;transition:transform .42s cubic-bezier(.19,1,.22,1),border-color .3s ease,box-shadow .35s ease;width:clamp(210px,18vw,270px)}.portfolio-story-card:hover{border-color:#57bfff80;box-shadow:inset 0 1px 0 #ffffff29,0 30px 65px #0000005c,0 0 38px #2997ff2b;transform:translateY(-8px) scale(1.025)}.portfolio-story-card>img{display:block;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.19,1,.22,1),filter .35s ease;width:100%}.portfolio-story-card:hover>img{filter:brightness(.72);transform:scale(1.045)}.story-modal-content{animation:projectModalUp .38s cubic-bezier(.19,1,.22,1);-webkit-backdrop-filter:blur(30px) saturate(145%);backdrop-filter:blur(30px) saturate(145%);background:#050a12e0;border:1px solid #ffffff1f;border-radius:28px;box-shadow:0 35px 100px #0000008c;display:flex;flex-direction:column;max-height:calc(100vh - 32px);overflow:hidden;padding:14px;position:relative;width:min(470px,100%)}.story-modal-content>img{background:#000;border-radius:20px;display:block;max-height:76vh;object-fit:contain;width:100%}@media (max-width:720px){.portfolio-projects-section .portfolio-projects-catalog+.portfolio-projects-catalog{margin-top:64px}.portfolio-story-card{min-width:min(66vw,240px);width:min(66vw,240px)}.story-modal-content{border-radius:23px;max-height:calc(100vh - 24px);padding:12px}.story-modal-content>img{border-radius:17px;max-height:74vh}}
/*# sourceMappingURL=main.11d8c447.css.map*/