.contact-pill{color:#080900;background:var(--acid);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 16px;font-size:16px;font-weight:800;transition:transform .35s,box-shadow .35s;display:inline-flex}.contact-pill:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 0 32px #e1ff0473}.contact-pill span{font-size:22px;line-height:1}.mobile-contact-fab{z-index:55;color:#070800;background:var(--acid);cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:.5px solid #ffffff38;border-radius:999px;place-items:center;width:54px;height:54px;font-size:23px;display:none;position:fixed;bottom:22px;right:18px;box-shadow:0 18px 48px #0000006b,0 0 28px #e1ff0438}.contact-modal{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#000000a3;place-items:center;padding:28px;animation:.24s both modalFade;display:grid;position:fixed;inset:0}.contact-card{background:radial-gradient(circle at 88% 12%,#e1ff041f,#0000 32%),linear-gradient(135deg,#ffffff1a,#ffffff06),#0a0b0ceb;border:.5px solid #ffffff2e;border-radius:18px;width:min(520px,100vw - 40px);padding:38px;animation:.42s cubic-bezier(.16,1,.3,1) both contactCardIn;position:relative;overflow:hidden;box-shadow:0 34px 110px #00000094,inset 0 1px #ffffff21}.contact-close{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;place-items:center;width:38px;height:38px;font-size:26px;line-height:1;display:grid;position:absolute;top:18px;right:18px}.contact-kicker{color:var(--acid);letter-spacing:.34em;margin:0 0 14px;font-size:12px;font-weight:900}.contact-card h2{color:#fff;letter-spacing:0;margin:0 0 18px;font-size:36px;font-weight:900}.contact-copy{color:#ffffffad;margin:0 0 28px;font-size:16px;line-height:1.8}.contact-methods{gap:12px;display:grid}.contact-methods button{color:#fff;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;min-height:70px;padding:0 18px;transition:border-color .28s,background .28s,transform .28s;display:flex}.contact-methods button:hover{background:#ffffff12;border-color:#e1ff046b;transform:translateY(-1px)}.contact-methods span{color:#ffffff7a;font-size:13px;font-weight:800}.contact-methods strong{color:#ffffffeb;font-size:16px;font-weight:800}.contact-actions{justify-content:space-between;align-items:center;gap:18px;margin-top:26px;display:flex}.contact-actions a{color:#060700;background:var(--acid);border-radius:999px;justify-content:center;align-items:center;height:42px;padding:0 20px;font-size:14px;font-weight:900;display:inline-flex}.contact-actions span{color:#ffffff75;font-size:13px}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes contactCardIn{0%{opacity:0;filter:blur(10px);transform:translateY(18px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (max-width:760px){.contact-pill{display:none}.mobile-contact-fab{display:grid}.contact-card{padding:32px 22px 24px}.contact-card h2{font-size:28px}.contact-methods button,.contact-actions{flex-direction:column;align-items:flex-start}}
:root{--bg:#030405;--panel:#141516;--panel-2:#252627;--text:#f5f5f2;--muted:#77787d;--muted-2:#a5a5a8;--acid:#e1ff04;--line:#fff3;--glass:#08090a85;--font-pingfang:"PingFang SC", "PingFang TC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;background:var(--bg)}html.works-route{scroll-snap-type:none}body{min-width:320px;color:var(--text);font-family:var(--font-pingfang);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 50% 72%,#e1ff040b,#0000 23vw),linear-gradient(#050607 0%,#020303 100%);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{width:100%;position:relative}.glass-nav{z-index:50;isolation:isolate;-webkit-backdrop-filter:blur(22px)saturate(155%);backdrop-filter:blur(22px)saturate(155%);background:linear-gradient(135deg,#12131594,#0405064d),#05060747;border:.5px solid #ffffff1f;border-radius:999px;grid-template-columns:168px 1fr 156px;align-items:center;gap:20px;width:min(1600px,100vw - 84px);height:72px;padding:0 28px;transition:border-color .35s,background .35s;display:grid;position:fixed;top:28px;left:50%;transform:translate(-50%);box-shadow:0 24px 70px #00000061,0 0 0 1px #ffffff06,inset 0 1px #ffffff1f,inset 0 -1px #ffffff09}.glass-nav:before{z-index:-1;border-radius:inherit;content:"";opacity:.76;pointer-events:none;background:linear-gradient(100deg,#ffffff5c,#ffffff14 28%,#ffffff08 56%,#e1ff042e 100%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-nav:after{z-index:-1;border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(#ffffff0b,#0000 48%);position:absolute;inset:1px}.brand{border-radius:4px;align-items:center;width:160px;height:60px;display:flex;overflow:visible}.brand img{object-fit:contain;width:100%;height:100%}.nav-links{justify-content:center;gap:60px;font-size:18px;font-weight:700;display:flex;position:relative}.nav-links a{z-index:1;letter-spacing:.1em;color:#f4f4f4;transition:color .28s,transform .28s;position:relative}.nav-indicator{background:var(--acid);pointer-events:none;will-change:transform, width;border-radius:999px;height:2px;transition:transform .52s cubic-bezier(.22,1,.36,1),width .52s cubic-bezier(.22,1,.36,1),opacity .22s;position:absolute;bottom:-8px;left:0;box-shadow:0 0 16px #e1ff045c}.nav-links .active{color:#f4f4f4}.nav-links a:hover{color:var(--acid);transform:translateY(-2px)}.panel{scroll-snap-align:start;scroll-snap-stop:always;width:100%;height:100vh;min-height:100vh;position:relative;overflow:hidden}.section-background{z-index:0;pointer-events:none;background:#121418;position:absolute;inset:0;overflow:hidden}.background-radial,.background-glow,.background-dot-matrix{position:absolute}.background-radial{background:radial-gradient(circle,#17191e 0%,#0d0f12 100%);inset:0}.background-glow{filter:blur(140px);border-radius:50%}.background-glow-acid{background:radial-gradient(circle,#e1ff0433 0%,#0000 70%);width:700px;height:700px;animation:4.8s ease-in-out infinite backgroundPulse;top:-10%;right:-5%}.background-glow-teal{background:radial-gradient(circle,#2a8b7533 0%,#0000 70%);width:800px;height:800px;animation:7.4s ease-in-out infinite backgroundDrift;bottom:-15%;left:-10%}.background-dot-matrix{background-image:radial-gradient(#000c 1.5px,#0000 1.5px);background-size:22px 22px;inset:0}.section-inner{z-index:1;width:min(1800px,100vw - 128px);height:100%;margin:0 auto;position:relative}.hero-panel{background:#050607;place-items:center;display:grid}.hero-bg{background:linear-gradient(90deg,#00000057,#00000014 36%,#00000070),linear-gradient(#00000047 0%,#03040557 70%,#030405 100%),url(/assets/hero-bg.png) 50%/cover no-repeat;animation:18s ease-in-out infinite alternate heroDrift;position:absolute;inset:0}.hero-copy{z-index:1;text-align:center;flex-direction:column;align-items:center;margin-top:10px;display:flex;position:relative}.eyebrow{color:#ffffffc7;letter-spacing:.34em;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0506077a;border:1px solid #ffffff6b;border-radius:999px;align-items:center;gap:10px;padding:8px 23px;font-size:10px;font-weight:700;display:inline-flex}.spark-dot{background:var(--acid);width:8px;height:8px;box-shadow:0 0 18px var(--acid);border-radius:50%}.hero-copy h1{letter-spacing:-.03em;text-shadow:0 25px 60px #0000008a;margin:28px 0 18px;font-size:clamp(82px,8vw,180px);font-weight:900;line-height:.9}.hero-copy h1 span{color:#fff}.hero-copy h1 strong{color:var(--acid);font-weight:900}.hero-copy p{letter-spacing:.05em;margin:26px 0 70px;font-size:clamp(22px,1.9vw,34px);font-weight:500}.explore-button{color:#fff;letter-spacing:.04em;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0506076b;border:1px solid #ffffff6b;border-radius:999px;justify-content:center;align-items:center;gap:16px;width:278px;height:58px;font-size:18px;font-weight:800;transition:border-color .35s,background .35s,color .35s;animation:3.4s ease-in-out infinite floatAction;display:inline-flex;box-shadow:inset 0 1px #ffffff1f,0 18px 50px #0000006b}.explore-button:hover{border-color:var(--acid);color:var(--acid);background:#0e0f10b8}.works-panel,.about-panel,.skills-panel{background:radial-gradient(circle at 82% 18%,#e1ff0409,#0000 30vw),#030405}.works-layout{z-index:1;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#e1ff046b transparent;width:min(1800px,100vw - 128px);height:100%;padding-top:180px;padding-bottom:64px;display:block;position:relative;overflow-y:auto}.works-layout::-webkit-scrollbar{width:6px}.works-layout::-webkit-scrollbar-track{background:0 0}.works-layout::-webkit-scrollbar-thumb{background:#e1ff046b;border-radius:999px}.works-main{flex-direction:column;display:flex}.works-head{flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-bottom:38px;display:flex}.works-title{flex-direction:column;display:flex}.work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.work-card{aspect-ratio:1;cursor:pointer;will-change:transform;background:#242526;border:0;border-radius:8px;transition:transform .42s cubic-bezier(.19,1,.22,1),box-shadow .42s;animation:6.6s ease-in-out infinite workFloat;position:relative;overflow:hidden;box-shadow:0 10px 28px #00000038}.work-card:nth-child(4n+2){animation-delay:-1.4s}.work-card:nth-child(4n+3){animation-delay:-2.8s}.work-card:nth-child(4n){animation-delay:-4.2s}.work-card img{z-index:1;object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.19,1,.22,1);position:absolute;inset:0}.work-card-visual{width:100%;height:100%;aspect-ratio:inherit;background:linear-gradient(115deg,#0000 0%,#ffffff14 24%,#0000 48%) 0 0/260% 100%,radial-gradient(circle at 50% 38%,#e1ff0414,#0000 42%),#18191b;position:relative;overflow:hidden}.work-card-visual:before{z-index:0;background:inherit;content:"";animation:1.8s linear infinite imageShimmer;position:absolute;inset:0}.work-preview-trigger{width:100%;height:100%;aspect-ratio:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block;position:relative}.work-card span{display:none}.work-card:hover{animation-play-state:paused;transform:translateY(-4px)scale(1.01);box-shadow:0 24px 54px #00000061,0 0 28px #e1ff0414}.work-card:hover img{transform:scale(1.03)}.filter-stack{flex-wrap:wrap;justify-content:center;gap:14px;max-width:none;display:flex}.filter-stack button,.view-all-link{color:#fff;letter-spacing:.1em;cursor:pointer;background:#222326;border:0;border-radius:999px;justify-content:center;align-items:center;min-width:160px;height:50px;padding:0 56px;font-size:16px;font-weight:700;transition:transform .35s cubic-bezier(.19,1,.22,1),color .28s,background .28s,box-shadow .35s;display:inline-flex}.filter-stack .selected,.view-all-link:hover{color:#060700;background:var(--acid);-webkit-text-stroke:.25px #060700;font-weight:900;transform:translateY(-1px)scale(1.025);box-shadow:0 0 36px #e1ff0447}.filter-stack button:hover,.view-all-link:hover{transform:translateY(-1px)}.filter-stack .selected:hover{color:#060700;background:var(--acid);box-shadow:0 0 36px #e1ff0447}.about-layout{z-index:1;grid-template-columns:520px minmax(0,610px);justify-content:center;align-items:center;gap:118px;width:min(1800px,100vw - 128px);display:grid;position:relative}.hy-mark{isolation:isolate;border-radius:58px;justify-self:center;place-items:center;width:500px;height:500px;display:grid;position:relative}.hy-mark span{z-index:3;color:#e1ff0420;letter-spacing:0;font-size:252px;font-style:normal;font-weight:900;line-height:1;position:relative}.hy-mark:before{z-index:2;border-radius:inherit;content:"";background:linear-gradient(135deg,#2b2d28f0,#222421f7);position:absolute;inset:0;box-shadow:inset 0 1px #ffffff08,0 34px 90px #00000042}.hy-mark:after{z-index:2;filter:blur(52px);content:"";background:#e1ff040e;border-radius:50%;position:absolute;inset:15%}.orbit{z-index:1;transform-origin:50%;border:1px solid #ffffff1a;border-radius:58px;position:absolute;inset:0}.orbit-b{display:none}.orbit-a{animation:20s linear infinite orbitSpin;transform:rotate(-34deg)}.about-copy{width:100%;max-width:610px}.about-copy h2{color:#fff;letter-spacing:1px;margin:0 0 0 -6px;font-size:74px;font-weight:900;line-height:1}.subline{color:#fff6;letter-spacing:.44em;margin:17px 0 30px;font-size:14px;font-weight:400}.accent-line{background:var(--acid);width:130px;height:6px;margin-bottom:36px}.lead{color:#ffffffe0;letter-spacing:0;max-width:610px;margin:0 0 30px;font-size:31px;font-weight:300;line-height:1.7}.lead strong{color:#fff;text-decoration:underline;-webkit-text-decoration-color:var(--acid);text-decoration-color:var(--acid);text-underline-offset:10px;font-weight:900;text-decoration-thickness:3px}.about-copy ul{color:#ffffff8c;letter-spacing:.08em;gap:21px;margin:0;padding:0;font-size:17px;font-weight:350;line-height:1.4;list-style:none;display:grid}.about-copy li{padding-left:33px;position:relative}.about-copy li:before{background:var(--acid);content:"";border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 18px #e1ff04b8}.skills-panel{place-items:center;display:grid}.skills-inner{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:min(1520px,100vw - 160px);display:flex;position:relative}.tiny-pill{color:#ffffffdb;letter-spacing:.1em;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:12px;height:54px;padding:0 28px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff0a,0 12px 36px #00000040}.tiny-pill:before{color:var(--acid);content:"</>";font-size:17px;font-weight:900}.skills-inner h2{color:#f4f4f2;letter-spacing:1px;margin:44px 0 78px;font-size:72px;font-weight:400;line-height:1}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;width:100%;display:grid}.skill-card{background:linear-gradient(145deg,#232426d1,#121314e6),#161718f0;border:1px solid #fff2;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:28px;height:240px;transition:transform .38s cubic-bezier(.19,1,.22,1),border-color .3s,background .3s,box-shadow .38s;animation:4.8s ease-in-out infinite skillFloat;display:flex;position:relative;box-shadow:0 18px 54px #00000047,inset 0 1px #ffffff16,inset 0 -1px #ffffff07}.skill-card:before{content:"";opacity:.72;pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:22px;right:22px}.skill-card-visual{flex-direction:column;justify-content:center;align-items:center;gap:28px;width:100%;height:100%;display:flex}.skill-card:nth-child(2),.skill-card:nth-child(5){background:linear-gradient(145deg,#262729d6,#141516e6),#18191af0;animation-delay:-1.6s}.skill-card:nth-child(3),.skill-card:nth-child(4){background:linear-gradient(145deg,#202226d6,#121316e6),#151619f0;animation-delay:-3.2s}.skill-card:after{content:"";background:#accf0057;border-radius:50%;width:11px;height:11px;transition:background .28s,box-shadow .28s;position:absolute;top:18px;right:18px;box-shadow:0 0 10px #accf0029}.skill-card i{text-shadow:0 12px 34px #ffffff14;font-size:72px;font-style:normal;line-height:1;transition:transform .4s;display:block}.skill-card strong{color:#ffffffdb;letter-spacing:0;font-size:24px;font-weight:800;line-height:1;transition:color .28s}.skill-card:hover{background:linear-gradient(145deg,#28292bdb,#151617eb),#18191af5;border-color:#e1ff0447;animation-play-state:paused;transform:translateY(-5px);box-shadow:0 24px 70px #0000005c,0 0 30px #e1ff040b,inset 0 1px #ffffff1a}.skill-card:hover:after{background:#accf0085;box-shadow:0 0 14px #accf0042}.skill-card:hover i{transform:translateY(-2px)scale(1.04)}.skill-card:hover strong{color:#fffffff5}.reveal{opacity:0;filter:blur(10px);will-change:opacity, transform, filter;transition:opacity .95s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1),filter .95s cubic-bezier(.16,1,.3,1);transform:translateY(34px)scale(.985)}.reveal.is-visible{opacity:1;filter:blur();transform:translateY(0)scale(1)}.stagger-item{opacity:0;filter:blur(10px);will-change:opacity, transform, filter;transform:translateY(34px)}.stagger-scope>.stagger-item:first-child{--stagger-index:0}.stagger-scope>.stagger-item:nth-child(2){--stagger-index:1}.stagger-scope>.stagger-item:nth-child(3){--stagger-index:2}.stagger-scope>.stagger-item:nth-child(4){--stagger-index:3}.stagger-scope>.stagger-item:nth-child(5){--stagger-index:4}.reveal.is-visible .stagger-item{animation:.86s cubic-bezier(.16,1,.3,1) both staggerFadeUp;animation-delay:calc(var(--stagger-index,0) * 75ms)}.works-page-shell{background:radial-gradient(circle at 82% 18%,#e1ff0409,#0000 30vw),#030405;min-height:100vh;padding:150px max(64px,50vw - 836px) 86px;position:relative;overflow:visible}.works-page-top,.works-page-content{z-index:1;position:relative}.works-page-top{z-index:60;-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);background:linear-gradient(#030405e0,#03040594);border-bottom:.5px solid #ffffff1a;justify-content:space-between;align-items:center;gap:28px;width:100%;min-height:104px;margin-bottom:0;padding:26px max(64px,50vw - 836px);display:flex;position:fixed;top:0;left:0}.back-home-link{color:#ffffffb8;letter-spacing:.08em;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0e;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;height:44px;padding:0 20px;font-size:14px;font-weight:800;transition:color .28s,border-color .28s,transform .28s;display:inline-flex}.back-home-link:hover{color:var(--acid);border-color:#e1ff0485;transform:translateY(-1px)}.works-page-filter{justify-content:flex-end}.works-page-grid{perspective:1200px;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,auto);align-content:start;min-height:calc(50vw - 91px);padding-bottom:40px}.load-more-works{color:#ffffffd6;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:min(220px,100%);height:48px;margin:34px auto 0;font-size:15px;font-weight:800;transition:border-color .28s,color .28s,background .28s,transform .28s;display:flex}.load-more-works:hover{color:var(--acid);background:#e1ff0414;border-color:#e1ff047a;transform:translateY(-2px)}.product-banner-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.product-banner-grid .work-card{aspect-ratio:3/4}.product-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-detail-grid .work-card{aspect-ratio:3/4}.product-detail-grid .work-card img{object-position:top center}.works-page-grid .work-card:hover{animation-play-state:running;transform:translateY(-6px)scale(1.012)}.work-grid .work-card{transition:opacity .42s cubic-bezier(.16,1,.3,1),filter .42s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s}.work-grid.is-filtering .work-card{opacity:0;filter:blur(14px)saturate(.85);transform:translateY(18px)scale(.985)}.work-grid:not(.is-filtering) .work-card{animation-name:workFloat,filterFadeIn;animation-duration:6.6s,.56s;animation-timing-function:ease-in-out,cubic-bezier(.16,1,.3,1);animation-iteration-count:infinite,1;animation-delay:0s,0s;animation-fill-mode:none,both}.work-grid:not(.is-filtering) .work-card:nth-child(4n+2){animation-delay:-1.4s,35ms}.work-grid:not(.is-filtering) .work-card:nth-child(4n+3){animation-delay:-2.8s,70ms}.work-grid:not(.is-filtering) .work-card:nth-child(4n){animation-delay:-4.2s,.105s}.works-page-grid:not(.is-filtering) .work-card,.works-page-grid:not(.is-filtering) .work-card:nth-child(4n+2),.works-page-grid:not(.is-filtering) .work-card:nth-child(4n+3),.works-page-grid:not(.is-filtering) .work-card:nth-child(4n){animation-name:worksCardRise;animation-duration:.7s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-iteration-count:1;animation-fill-mode:both;animation-delay:min(calc(var(--stagger-index,0) * 22ms), .52s)}.image-preview-modal{z-index:100;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);cursor:zoom-out;background:radial-gradient(circle at 50% 45%,#e1ff040e,#0000 34%),#000000d6;place-items:center;padding:48px;animation:.26s both previewBackdropIn;display:grid;position:fixed;inset:0;overflow:hidden}.image-preview-stage{place-items:center;max-width:min(92vw,1600px);max-height:88vh;display:grid}.image-preview-stage img{object-fit:contain;cursor:default;border-radius:10px;max-width:100%;max-height:88vh;animation:.42s cubic-bezier(.16,1,.3,1) both previewImageIn;display:block;box-shadow:0 36px 120px #0000009e,0 0 0 .5px #ffffff1f}.image-preview-close{z-index:101;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff38;border-radius:999px;place-items:center;width:46px;height:46px;font-size:30px;line-height:1;transition:border-color .28s,color .28s,background .28s,transform .28s;animation:.34s both previewControlIn;display:grid;position:fixed;top:clamp(48px,10vh,120px);right:clamp(48px,28vw,580px)}.image-preview-close:hover{color:var(--acid);background:#e1ff041a;border-color:#e1ff0499;transform:scale(1.04)}.image-preview-modal.is-original-size{cursor:default;place-items:stretch stretch;padding:0;overflow:hidden}.image-preview-modal.is-original-size .image-preview-stage{text-align:center;max-width:none;max-height:none;padding:104px 48px 64px;display:block;position:absolute;inset:0;overflow:auto}.image-preview-modal.is-original-size .image-preview-stage img{width:auto;max-width:none;height:auto;max-height:none;margin:0 auto}.image-preview-modal.is-original-size .image-preview-nav{z-index:102;position:fixed}.image-preview-stage img.can-toggle-original{cursor:zoom-in}.image-preview-modal.is-original-size .image-preview-stage img.can-toggle-original{cursor:zoom-out}.image-preview-nav{z-index:101;color:#ffffff8f;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:.62;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;place-items:center;width:54px;height:54px;font-size:42px;line-height:1;transition:opacity .28s,border-color .28s,color .28s,background .28s,transform .28s;animation:.34s both previewControlIn;display:grid;position:fixed;top:50%;transform:translateY(-50%)scale(.96)}.image-preview-nav:hover{color:#ffffffdb;opacity:1;background:#ffffff14;border-color:#ffffff38;transform:translateY(-50%)scale(1.04)}.image-preview-prev{left:clamp(52px,28vw,580px)}.image-preview-next{right:clamp(52px,28vw,580px)}@keyframes heroDrift{0%{transform:scale(1.02)translate(0,0)}to{transform:scale(1.08)translate(-1.2%,-1%)}}@keyframes floatAction{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes backgroundPulse{0%,to{opacity:.62;transform:scale(1)}50%{opacity:.92;transform:scale(1.08)}}@keyframes backgroundDrift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(4%,-3%)scale(1.06)}}@keyframes skillFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes workFloat{0%,to{transform:translate(0,0)}50%{transform:translateY(-12px)}}@keyframes filterFadeIn{0%{opacity:0;filter:blur(12px)saturate(.9)}to{opacity:1;filter:blur()saturate()}}@keyframes worksCardRise{0%{opacity:0;filter:blur(14px)saturate(.9);transform:translateY(24px)scale(.985)rotateX(3deg)}to{opacity:1;filter:blur()saturate();transform:translateY(0)scale(1)rotateX(0)}}@keyframes imageShimmer{0%{background-position:220% 0,50%,50%}to{background-position:-60% 0,50%,50%}}@keyframes previewBackdropIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}}@keyframes previewImageIn{0%{opacity:0;filter:blur(12px);transform:translateY(18px)scale(.96)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes previewControlIn{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur()}}@keyframes staggerFadeUp{0%{opacity:0;filter:blur(10px);transform:translateY(34px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes orbitSpin{0%{transform:rotate(-34deg)}to{transform:rotate(326deg)}}@media (max-width:1180px){.glass-nav{grid-template-columns:150px 1fr 150px;width:min(960px,100vw - 32px);padding:0 22px}.nav-links{gap:32px}.section-inner{width:min(1000px,100vw - 48px)}.works-layout{width:min(1000px,100vw - 48px);padding-top:110px}.works-head{flex-direction:column;align-items:center;margin-bottom:28px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-stack{justify-content:center;max-width:none}.filter-stack button,.view-all-link{min-width:82px;height:28px;padding:0 16px;font-size:10px}.about-layout{text-align:center;grid-template-columns:1fr;justify-items:center;gap:34px;width:min(900px,100vw - 64px);padding-top:100px}.hy-mark{width:min(420px,78vw);height:min(420px,78vw)}.accent-line{margin-left:auto;margin-right:auto}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:min(850px,88vw)}.skills-inner{width:min(900px,100vw - 64px)}.skills-inner h2{margin-bottom:54px;font-size:56px}.skill-card{border-radius:18px;height:190px}.skill-card i{font-size:60px}.about-copy{max-width:640px}.about-copy h2{font-size:56px}.lead{font-size:26px}}@media (max-width:760px){html{scroll-snap-type:y proximity}.glass-nav{grid-template-columns:96px 1fr;gap:12px;height:66px;top:14px}.brand{width:92px;height:42px}.nav-links{justify-content:flex-end;gap:18px;font-size:13px}.hero-copy h1{font-size:clamp(58px,18vw,104px)}.eyebrow{letter-spacing:.22em;padding:8px 16px;font-size:10px}.explore-button{width:240px;height:58px;font-size:17px}.hero-copy p{margin-bottom:56px}.works-layout{width:calc(100vw - 32px);padding-top:96px}.works-head{gap:18px;margin-bottom:22px}.work-grid{gap:12px}.filter-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.filter-stack button,.view-all-link{min-width:0;height:46px;padding:0 14px;font-size:14px}.works-page-shell{padding:176px 16px 44px}.works-page-top{flex-direction:column;align-items:stretch;gap:18px;min-height:148px;padding:18px 16px}.works-page-filter{justify-content:stretch}.works-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:auto}.about-copy ul{text-align:left;gap:14px;font-size:14px}.about-layout{width:calc(100vw - 32px);padding-top:92px}.hy-mark{border-radius:36px;width:min(320px,80vw);height:min(320px,80vw)}.hy-mark span{font-size:152px}.about-copy h2{font-size:42px}.subline{margin:12px 0 20px;font-size:10px}.accent-line{width:90px;height:5px;margin-bottom:24px}.about-copy li{padding-left:28px}.lead{font-size:20px;line-height:1.7}.skills-grid{grid-template-columns:1fr;gap:14px;width:100%}.skills-inner{width:calc(100vw - 32px)}.tiny-pill{height:44px;padding:0 22px;font-size:13px}.skills-inner h2{margin:28px 0 34px;font-size:42px}.skill-card{border-radius:14px;gap:16px;height:132px}.skill-card i{font-size:46px}.skill-card strong{font-size:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.stagger-item{opacity:1!important;filter:none!important;transform:none!important}}
