.border-glow{position:relative;display:grid;isolation:isolate;border:1px solid rgba(255,255,255,.15);box-shadow:0 1px 2px #0000001a,0 8px 20px #0003,0 32px 64px #00000047;transform:translateZ(.01px)}.border-glow__border,.border-glow__fill,.border-glow__halo,.border-glow__halo>span{position:absolute;border-radius:inherit;pointer-events:none}.border-glow__border,.border-glow__fill{inset:-1px;z-index:0;border:1px solid transparent;transition:opacity .25s ease-out}.border-glow__fill{mix-blend-mode:soft-light}.border-glow__halo{z-index:0;mix-blend-mode:plus-lighter;transition:opacity .25s ease-out}.border-glow__halo>span{position:absolute}.border-glow__content{position:relative;z-index:1;overflow:hidden;border-radius:inherit}.grainient-container{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(135deg,#ec4899,#000 52%,#8e49cf)}.grainient-container canvas{display:block;width:100%;height:100%}.grainient-fallback{background:linear-gradient(135deg,#ec4899,#000 52%,#8e49cf)}:root{color:#f3f6f8;background:#05070a;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--accent: #ff2f75;--accent-hover: #ff79a9;--accent-deep: #a8003f;--accent-soft: rgba(255, 47, 117, .68);--accent-glow: rgba(255, 47, 117, .34);--cyan: #ff79a9}*{box-sizing:border-box}html{scroll-behavior:smooth}section[id]{scroll-margin-top:92px}body{margin:0;min-width:1180px;background:linear-gradient(180deg,#05070af5,#090b0f),#05070a;color:#f3f6f8}body.is-opening{overflow:hidden}.opening{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;pointer-events:none}.motion-ready .opening{visibility:hidden}.opening-panel{position:absolute;left:0;width:100%;height:51%;background:#05070a}.opening-panel--top{top:0;transform-origin:top}.opening-panel--bottom{bottom:0;transform-origin:bottom}.opening-mark{position:relative;z-index:1;color:var(--accent-hover);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 24px var(--accent-glow)}a{color:inherit;text-decoration:none}a,button,.metric,.project-card,.strength-card,.portrait-wrap{transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease,filter .18s ease}.shell{width:min(1700px,calc(100% - 96px));margin:0 auto}.hero{position:relative;z-index:2;min-height:100vh;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(118deg,rgba(255,47,117,.09) 0 1px,transparent 1px 18%),linear-gradient(104deg,transparent 0 64%,rgba(255,121,169,.12) 64.2%,transparent 64.6%),linear-gradient(180deg,transparent 0 64%,rgba(7,11,15,.8) 100%);mix-blend-mode:screen;opacity:.62}.hero-media,.motion-video,.video-shade{position:absolute;inset:0;width:100%;height:100%}.motion-video{object-fit:cover}.motion-video{opacity:.72;filter:saturate(.92) contrast(1.08) brightness(.78)}.motion-video.ready{opacity:.72}.video-shade{background:radial-gradient(circle at 52% 22%,rgba(255,47,117,.22),transparent 26%),radial-gradient(circle at 70% 35%,rgba(255,121,169,.14),transparent 24%),radial-gradient(circle at 18% 80%,rgba(255,47,117,.08),transparent 24%),linear-gradient(90deg,#05070afa,#05070a52 52%,#05070ae0),linear-gradient(180deg,#05070a2e,#05070a59 48%,#05070a)}.nav-slot{position:relative;z-index:4;min-height:70px}.nav{position:relative;display:flex;align-items:center;justify-content:space-between;width:min(1700px,calc(100% - 96px));margin:0 auto;padding:18px 0;min-height:70px;border-bottom:1px solid rgba(255,255,255,.08)}.nav.is-floating{position:fixed;top:14px;left:50%;z-index:100;width:min(1700px,calc(100% - 48px));min-height:58px;margin:0;padding:10px 14px;border:1px solid rgba(255,47,117,.26);border-radius:6px;background:#08080db3;box-shadow:0 14px 50px #0000006b,inset 0 1px #ffffff14,0 0 34px #ff2f751a;-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%);transform:translate(-50%);animation:nav-float-in .22s ease-out both}.nav.is-floating .brand-mark{width:32px;height:32px}.nav.is-floating .nav-cta{height:38px;padding:0 18px}@keyframes nav-float-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.brand{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:0;color:#f3f6f8db}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(255,47,117,.46);color:var(--accent);background:#ff2f7514;box-shadow:0 0 24px #ff2f7538}.nav-links{display:flex;gap:30px;padding:0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.nav-links a,.nav-cta,.ghost-btn,.primary-btn{font-size:14px;line-height:1}.nav-links a{position:relative;color:#f3f6f8a8;transition:color .18s ease}.nav-links a:after{content:"";position:absolute;top:50%;right:-18px;width:3px;height:3px;background:var(--accent);box-shadow:0 0 10px var(--accent)}.nav-links a:last-child:after{display:none}.nav-links a:hover{color:var(--accent-hover);text-shadow:0 0 18px var(--accent-glow)}.nav-cta,.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f}.nav-cta,.primary-btn{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700;box-shadow:0 0 30px #ff2f7547}.ghost-btn{color:#f3f6f8}.nav-cta:hover,.primary-btn:hover{background:#fff;color:var(--accent-deep);border-color:#fff;box-shadow:0 0 42px #ff79a985;transform:translateY(-2px)}.ghost-btn:hover{color:#fff;border-color:var(--accent-hover);background:#ff2f7529;box-shadow:inset 0 0 26px #ff2f751f,0 0 32px #ff2f7542;transform:translateY(-2px)}.hero-content{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 70px);padding:42px 0 36px}.hero-topline,.hero-status{display:flex;align-items:center;justify-content:space-between;color:#f3f6f870;font-size:12px;font-weight:700}.hero-topline{border-left:2px solid var(--accent);padding-left:16px;letter-spacing:.18em}.hero-layout{display:grid;grid-template-columns:minmax(520px,820px) 420px;gap:96px;align-items:flex-end;justify-content:space-between;margin-top:auto;margin-bottom:56px}.hero-main{max-width:820px}.eyebrow,.section-kicker{margin:0;color:var(--cyan);font-size:13px;font-weight:700}.hero h1{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:18px 0 0;font-size:96px;line-height:.92;letter-spacing:0;text-shadow:0 18px 52px rgba(0,0,0,.58)}.hero h1 small{color:var(--accent);font-size:24px;font-weight:800;text-transform:uppercase}.hero-name-reveal,.hero-sub-reveal{display:block;overflow:hidden;will-change:clip-path}.hero-name-inner,.hero-sub-inner{display:block;will-change:transform}.hero-title{margin:24px 0 0;color:var(--accent-hover);font-size:25px;font-weight:700}.hero-actions{display:flex;gap:16px;margin-top:42px}.primary-btn,.ghost-btn,.nav-cta{position:relative;overflow:hidden}.primary-btn:after,.ghost-btn:after,.nav-cta:after{content:"";width:34px;height:1px;margin-left:14px;background:currentColor;opacity:.65}.hero-console{position:relative;padding:30px 32px 26px;border:1px solid rgba(255,47,117,.42);background:linear-gradient(180deg,#17071280,#05070a4d);box-shadow:0 24px 70px #00000061,inset 0 0 40px #ff2f750f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-console:before{content:"";position:absolute;inset:-1px;border-top:1px solid rgba(255,121,169,.54);pointer-events:none}.console-label{display:block;color:var(--accent-hover);font-size:13px;font-weight:800;margin-bottom:24px}.console-line{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:20px 0;border-top:1px solid rgba(255,255,255,.1)}.console-line strong{color:#f3f6f8;font-size:46px;line-height:1}.console-line span{color:#f3f6f89e;font-size:15px;white-space:nowrap}.hero-status{min-height:118px;padding:18px 24px;border:1px solid rgba(255,47,117,.22);background:linear-gradient(90deg,#090c12a3,#0f08107a);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 28px 70px #0000005c}.hero-status span{flex:1;min-height:68px;display:flex;flex-direction:column;justify-content:center;padding:0 28px;border-left:1px solid rgba(255,255,255,.08)}.hero-status span:first-child{border-left:0}.hero-status strong{display:block;margin-bottom:8px;color:var(--accent);font-size:34px;line-height:1;text-shadow:0 0 24px rgba(255,47,117,.38)}.hero-status a{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;margin-left:22px;border:1px solid rgba(255,47,117,.54);border-radius:999px;color:#fff;font-size:34px;box-shadow:inset 0 0 28px #ff2f752e,0 0 28px #ff2f7533}.hero-status a:hover{background:#fff;color:var(--accent-deep);border-color:#fff;box-shadow:0 0 42px #ff79a98c;transform:translate(4px)}.about,.projects,.strengths{padding:130px 0}.content-stage{position:relative;isolation:isolate;background:#05070a}.nav-trigger{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}.content-grainient{position:sticky;top:0;z-index:0;height:100vh;margin-bottom:-100vh;pointer-events:none;opacity:.62}.content-grainient:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05070a85,#05070a2e 48%,#05070a80),linear-gradient(180deg,#05070a52,#05070a1f 50%,#05070a6b)}.content-layer{position:relative;z-index:1}.experience-glow{width:100%}.experience-glow-content{padding:52px}.about-grid{display:grid;grid-template-columns:470px 1fr;gap:72px;align-items:center;margin-top:28px}.portrait-wrap{position:relative;min-height:560px;border:1px solid rgba(255,47,117,.42);background:linear-gradient(135deg,rgba(255,47,117,.14),transparent 22%),linear-gradient(180deg,#0c0309eb,#030407fa);box-shadow:0 24px 80px #ff2f7524,inset 0 0 48px #ff2f7514;overflow:hidden}.portrait-wrap:before,.project-card:before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,47,117,.22);pointer-events:none;z-index:2}.portrait-wrap:after,.project-card:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,transparent 0 18px,rgba(255,47,117,.65) 18px 54px,transparent 54px) left 18px top 18px / 130px 1px no-repeat,linear-gradient(180deg,transparent 0 18px,rgba(255,47,117,.65) 18px 54px,transparent 54px) left 18px top 18px / 1px 130px no-repeat,radial-gradient(circle at 50% 48%,transparent 0 42%,rgba(5,7,10,.36) 72%,rgba(5,7,10,.82) 100%)}.portrait-wrap img{display:block;width:100%;height:560px;object-fit:cover;object-position:50% 28%;filter:saturate(1.1) contrast(1.06) brightness(.86)}.about-main h2,.section-heading h2,.contact-inner h2{margin:0;max-width:980px;font-size:54px;line-height:1.12;letter-spacing:0}.about-main p{max-width:980px;margin:28px 0 0;color:#f3f6f8bd;font-size:18px;line-height:1.95}.contact-strip{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.contact-strip span,.tags span{border:1px solid rgba(255,47,117,.18);background:#ff2f750f;padding:11px 14px;color:#f3f6f8c7;font-size:14px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:68px}.metric,.strength-card{border:1px solid rgba(255,47,117,.16);background:#ff2f7509}.metric{padding:32px}.metric strong{display:block;color:var(--accent-hover);font-size:42px;line-height:1}.metric:hover,.strength-card:hover{border-color:var(--accent-hover);background:#ff2f7514;box-shadow:0 24px 54px #ff2f7524,inset 0 0 32px #ff2f750f;transform:translateY(-4px)}.metric span{display:block;margin-top:14px;color:#f3f6f899}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading h2{margin-top:16px}.section-heading p{max-width:520px;margin:0;color:#f3f6f89e;font-size:17px;line-height:1.8}.project-list{display:flex;flex-direction:column;gap:30px}.project-card{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(400px,.8fr);min-height:500px;border:1px solid rgba(255,47,117,.24);background:linear-gradient(120deg,rgba(255,47,117,.08),transparent 44%),#08090d;box-shadow:0 26px 70px #00000061,inset 0 0 36px #ff2f750a;overflow:hidden}.project-card:nth-child(2n){grid-template-columns:minmax(400px,.8fr) minmax(0,1.45fr)}.project-card img{display:block;width:100%;height:106%;margin-top:-3%;min-height:500px;object-fit:cover;border-right:1px solid rgba(255,47,117,.24);filter:saturate(1.16) contrast(1.08) brightness(.84)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.opening{display:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.project-card:nth-child(2n) img{order:2;border-right:0;border-left:1px solid rgba(255,47,117,.24)}.project-card:nth-child(2n) .project-info{order:1}.project-card:hover{border-color:var(--accent-hover);box-shadow:0 30px 86px #ff2f752e,inset 0 0 48px #ff2f7514;transform:translateY(-5px)}.project-card:hover img{filter:saturate(1.28) contrast(1.1) brightness(1)}.project-info{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:48px}.project-card:before,.project-card:after{display:none}.project-index{display:flex;align-items:baseline;gap:12px;margin-bottom:30px;color:var(--accent)}.project-index span{font-size:34px;font-weight:800;line-height:1;text-shadow:0 0 24px var(--accent-glow)}.project-index small{color:#f3f6f86b;font-size:11px;letter-spacing:0}.project-meta{display:flex;justify-content:space-between;gap:18px;color:#f3f6f875;font-size:13px;line-height:1.5}.project-info h3{margin:26px 0 0;font-size:34px;line-height:1.22}.project-info p{margin:20px 0 0;color:#f3f6f8a8;font-size:16px;line-height:1.82}.project-info strong{display:block;margin-top:22px;color:var(--accent-hover);font-size:17px;line-height:1.65}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.strength-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.strength-card{min-height:330px;padding:34px}.strength-card span{color:var(--accent-hover);font-size:13px;font-weight:700}.strength-card h3{margin:72px 0 0;font-size:26px;line-height:1.28}.strength-card p{margin:20px 0 0;color:#f3f6f89e;font-size:16px;line-height:1.8}.contact-page{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#05070a52,#0b0d10bd);border-top:1px solid rgba(255,255,255,.08)}.contact-page:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 76% 120% at 18% 52%,#05070af5,#05070ac7 46%,#05070a4d 74%,#05070a0f),linear-gradient(180deg,rgba(5,7,10,.24),transparent 30%,transparent 72%,rgba(5,7,10,.32))}.footer-samurai{position:absolute;right:clamp(24px,7vw,150px);bottom:-8%;z-index:0;width:auto;height:min(94vh,1040px);opacity:.5;filter:blur(2.4px) saturate(.9) brightness(.82) contrast(1.08) drop-shadow(0 0 56px rgba(255,47,117,.26));transform:translate(8%) scale(1.03);transform-origin:bottom center;-webkit-mask-image:radial-gradient(ellipse 68% 78% at 50% 52%,#000 34%,rgba(0,0,0,.9) 58%,transparent 100%);mask-image:radial-gradient(ellipse 68% 78% at 50% 52%,#000 34%,rgba(0,0,0,.9) 58%,transparent 100%)}.contact-inner{position:relative;z-index:2}.contact-inner h2{max-width:980px;margin-top:20px;font-size:76px}.contact-actions{display:flex;gap:16px;margin-top:46px}.contact-actions a{display:inline-flex;align-items:center;min-height:58px;padding:0 26px;border:1px solid rgba(255,47,117,.28);background:#ff2f7512;color:#f3f6f8d6}.contact-actions a:hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 38px #ff2f7557;transform:translateY(-2px)}@media(max-width:1320px){body{min-width:1024px}.hero h1{font-size:82px}.hero-layout{grid-template-columns:490px 340px;gap:52px}.hero-console{padding:24px 26px 20px}.experience-glow-content{padding:40px}.footer-samurai{right:12px;height:88vh;opacity:.42}.console-line strong{font-size:38px}.project-card{grid-template-columns:minmax(0,1.2fr) minmax(360px,.9fr);min-height:460px}.project-card:nth-child(2n){grid-template-columns:minmax(360px,.9fr) minmax(0,1.2fr)}.project-card img{min-height:460px}.project-info{padding:38px}.strength-card{min-height:380px}}
