:root{color:#090909;background:#fff;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}.mobile-portfolio{background:#000;color:#fff;font-family:Inter,PingFang SC,Noto Sans SC,Microsoft YaHei,Arial,sans-serif;min-height:100vh;overflow-x:hidden;width:100%}.sticky-menu-toggle{background:transparent;border:0;cursor:pointer;height:24px;padding:0;position:fixed;right:max(28px,calc((100vw - 440px)/2 + 28px));top:40px;width:24px;z-index:92}.sticky-menu-toggle-icon{display:block;height:24px;inset:0;pointer-events:none;position:absolute;transition:opacity .18s ease,transform .26s cubic-bezier(.2,.9,.22,1);width:24px}.sticky-menu-toggle-shadow{display:block;height:40px;left:-8px;pointer-events:none;position:absolute;top:-8px;width:40px}.sticky-menu-toggle-icon.is-close{opacity:0;transform:rotate(-45deg) scale(.65)}.sticky-menu-toggle-icon.is-web-close,.sticky-menu-panel-art.is-web-panel{display:none}.sticky-menu-toggle.is-open .sticky-menu-toggle-icon.is-hamburger{opacity:0;transform:rotate(45deg) scale(.65)}.sticky-menu-toggle.is-open .sticky-menu-toggle-icon.is-close{opacity:1;transform:rotate(0) scale(1)}.sticky-menu-toggle:focus-visible,.sticky-menu-link:focus-visible{outline:1px solid #0dff00;outline-offset:4px}.sticky-menu-overlay{inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .24s ease;z-index:90}.sticky-menu-overlay.is-open{opacity:1;pointer-events:auto}.sticky-menu-scrim{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0003;border:0;cursor:default;inset:0;padding:0;position:absolute;width:100%}.sticky-menu-panel-art{height:200px;pointer-events:none;position:absolute;right:0;top:0;transform:rotate(90deg) translate(100%);transform-origin:right top;width:100vh;z-index:1}.sticky-menu-links{display:grid;gap:28px;position:fixed;right:max(28px,calc((100vw - 440px)/2 + 28px));top:92px;width:136px;z-index:2}.sticky-menu-link{color:#b6c5b5;font-size:16px;font-weight:400;letter-spacing:0;line-height:16px;text-decoration:none;text-shadow:0 0 12px rgba(13,255,0,.08);transition:color .16s ease,opacity .2s ease,transform .2s ease}.sticky-menu-overlay:not(.is-open) .sticky-menu-link{opacity:0;transform:translate(10px)}.sticky-menu-link.is-active{color:#0dff00;font-weight:800;text-shadow:0 0 12px rgba(13,255,0,.45)}.mobile-stage{background:#000;margin:0 auto;max-width:440px;min-height:100vh;overflow:hidden;position:relative;width:min(100vw,440px)}.mobile-stage img{display:block;max-width:100%}.reveal-ready [data-reveal] .reveal-item{clip-path:inset(0 0 100% 0);filter:blur(8px) brightness(.1) contrast(1.8);opacity:0;transform:translate3d(0,18px,0) scaleY(.985);will-change:clip-path,opacity,transform,filter}.reveal-ready [data-reveal].is-visible .reveal-item{animation:content-scan-in 1.8s steps(1,end) both;animation-delay:calc(var(--reveal-delay, 0) * 70ms)}@keyframes content-scan-in{0%{clip-path:inset(0 0 100% 0);filter:blur(8px) brightness(.1) contrast(1.8);opacity:0;transform:translate3d(0,18px,0) scaleY(.985)}10%{clip-path:inset(0 0 58% 0);filter:blur(2px) brightness(1.8) contrast(2.5);opacity:.86;transform:translate3d(-2px,0,0) scaleY(1.01)}18%{clip-path:inset(0 0 96% 0);filter:blur(6px) brightness(.25) contrast(1.8);opacity:.22;transform:translate3d(2px,-1px,0) scaleY(.99)}24%{clip-path:inset(0 0 28% 0);filter:blur(1px) brightness(1.35) contrast(1.8);opacity:.92;transform:translateZ(0) scaleY(1)}32%{clip-path:inset(0 0 72% 0);filter:blur(5px) brightness(.45) contrast(1.6);opacity:.38;transform:translate3d(-1px,1px,0) scaleY(.99)}42%{clip-path:inset(0 0 8% 0);filter:blur(1px) brightness(1.15) contrast(1.35);opacity:.96;transform:translateZ(0) scaleY(1)}56%{clip-path:inset(0 0 0 0);filter:blur(.5px) brightness(.75) contrast(1.25);opacity:.72;transform:translateZ(0) scaleY(1)}68%{clip-path:inset(0 0 0 0);filter:blur(1px) brightness(1.45) contrast(1.75);opacity:1;transform:translate3d(1px,0,0) scaleY(1)}76%{clip-path:inset(0 0 0 0);filter:blur(0) brightness(.88) contrast(1.2);opacity:.84;transform:translateZ(0) scaleY(1)}to{clip-path:inset(0 0 0 0);filter:blur(0) brightness(1) contrast(1);opacity:1;transform:translateZ(0) scaleY(1)}}.glitch-title{animation:none;display:block;letter-spacing:0;line-height:1;margin:0;position:relative;text-shadow:0 0 1px rgba(255,255,255,.18);transform:translateZ(0)}.glitch-title:before,.glitch-title:after{animation:none;content:attr(data-text);display:none;inset:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;white-space:pre-line;will-change:clip-path,opacity,transform,filter}.glitch-title:before{color:#fff;filter:saturate(2) contrast(1.5);mix-blend-mode:screen;text-shadow:-14px 0 0 #00eaff,12px 0 0 #19ff00,0 0 2px #fff;transform:translate(0)}.glitch-title:after{color:#fff;filter:saturate(2.2) contrast(1.55);mix-blend-mode:screen;text-shadow:15px 0 0 #ff002d,-10px 0 0 #1538ff,0 0 2px #fff;transform:translate(0)}.header-glitch-title{color:#fff;display:block;letter-spacing:0;margin:0;overflow:visible;position:relative;transform:translateZ(0)}.header-glitch-base,.header-glitch-slice{display:block;white-space:pre-line}.header-glitch-base{animation:header-glitch-base 3.25s steps(1,end) infinite;position:relative;text-shadow:.7px 0 currentColor,-.7px 0 currentColor,0 .7px currentColor}.header-glitch-slice{animation-duration:3.25s;animation-iteration-count:infinite;animation-timing-function:steps(1,end);inset:0;opacity:0;pointer-events:none;position:absolute;transform-origin:50% 50%;will-change:clip-path,opacity,transform,filter}.header-glitch-slice.slice-a{animation-name:header-glitch-slice-a;color:#fff200;filter:contrast(1.6) saturate(1.4);text-shadow:-8px 0 0 #00eaff,7px 0 0 #00ff66}.header-glitch-slice.slice-b{animation-name:header-glitch-slice-b;color:#fff;filter:contrast(1.8) saturate(1.7);text-shadow:10px 0 0 #ff002d,-7px 0 0 #1538ff}.header-glitch-slice.slice-c{animation-name:header-glitch-slice-c;color:#0dff00;filter:brightness(1.4) contrast(1.5);text-shadow:-5px 0 0 #fff200,8px 0 0 #00eaff}.header-glitch-slice.slice-d{animation-name:header-glitch-slice-d;color:#fff;filter:contrast(2) saturate(1.5);text-shadow:14px 0 0 #ff002d,-12px 0 0 #00eaff}.header-glitch-slice.slice-e{animation-name:header-glitch-slice-e;color:#fff200;filter:brightness(1.25) contrast(2.1);mix-blend-mode:screen;text-shadow:-16px 0 0 #00ff66,13px 0 0 #1538ff}@keyframes header-glitch-base{0%,6%,12%,18%,25%,to{filter:none;transform:translateZ(0) skew(0)}4%{filter:contrast(1.3) brightness(1.12);transform:translate3d(-1px,0,0) skew(-.8deg)}8%{filter:contrast(1.55) brightness(1.18);transform:translate3d(1px,0,0) skew(.9deg)}15%{filter:contrast(1.25) brightness(.92);transform:translate3d(0,1px,0) skew(-.4deg)}}@keyframes header-glitch-slice-a{0%,2%,7%,11%,to{opacity:0;transform:translateZ(0)}3%{clip-path:inset(0 0 72% 0);opacity:.9;transform:translate3d(-18px,-2px,0) skew(-7deg) scaleX(1.08)}5%{clip-path:inset(7% 0 62% 0);opacity:1;transform:translate3d(24px,1px,0) skew(8deg) scaleX(1.16)}9%{clip-path:inset(14% 0 58% 0);opacity:.82;transform:translate3d(-10px,0,0) skew(-4deg) scaleX(1.06)}}@keyframes header-glitch-slice-b{0%,3%,9%,14%,to{opacity:0;transform:translateZ(0)}4%{clip-path:inset(24% 0 48% 0);opacity:.86;transform:translate3d(20px,0,0) skew(10deg) scaleX(1.14)}6%{clip-path:inset(30% 0 42% 0);opacity:1;transform:translate3d(-26px,1px,0) skew(-11deg) scaleX(1.2)}11%{clip-path:inset(35% 0 39% 0);opacity:.72;transform:translate3d(12px,0,0) skew(4deg) scaleX(1.08)}}@keyframes header-glitch-slice-c{0%,5%,12%,18%,to{-webkit-mask-image:none;mask-image:none;opacity:0;transform:translateZ(0)}6%{clip-path:inset(42% 0 30% 0);-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 3px,transparent 3px 6px);mask-image:repeating-linear-gradient(180deg,#000 0 3px,transparent 3px 6px);opacity:.95;transform:translate3d(-22px,-1px,0) skew(-8deg) scaleX(1.18)}10%{clip-path:inset(48% 0 24% 0);-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 4px,transparent 4px 8px);mask-image:repeating-linear-gradient(180deg,#000 0 4px,transparent 4px 8px);opacity:1;transform:translate3d(28px,0,0) skew(9deg) scaleX(1.18)}15%{clip-path:inset(52% 0 20% 0);opacity:.7;transform:translate3d(-8px,1px,0) skew(-3deg) scaleX(1.05)}}@keyframes header-glitch-slice-d{0%,7%,16%,23%,to{opacity:0;transform:translateZ(0)}8%{clip-path:inset(60% 0 16% 0);opacity:1;transform:translate3d(18px,0,0) skew(12deg) scaleX(1.14)}13%{clip-path:inset(66% 0 9% 0);opacity:.95;transform:translate3d(-30px,1px,0) skew(-10deg) scaleX(1.22)}19%{clip-path:inset(72% 0 5% 0);opacity:.66;transform:translate3d(10px,0,0) skew(3deg) scaleX(1.06)}}@keyframes header-glitch-slice-e{0%,10%,20%,28%,to{-webkit-mask-image:none;mask-image:none;opacity:0;transform:translateZ(0)}11%{clip-path:inset(0 0 0 0);-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 5px,transparent 5px 11px);mask-image:repeating-linear-gradient(180deg,#000 0 5px,transparent 5px 11px);opacity:.65;transform:translate3d(16px,0,0) skew(5deg) scaleX(1.04)}16%{clip-path:inset(0 0 0 0);-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 2px,transparent 2px 7px);mask-image:repeating-linear-gradient(180deg,#000 0 2px,transparent 2px 7px);opacity:.85;transform:translate3d(-18px,0,0) skew(-6deg) scaleX(1.08)}22%{clip-path:inset(0 0 0 0);opacity:.32;transform:translate3d(6px,0,0) skew(2deg) scaleX(1.02)}}@keyframes title-main-glitch{0%,6%,31%,to{filter:none;text-shadow:0 0 1px rgba(255,255,255,.18);transform:translateZ(0)}10%{filter:contrast(1.15) brightness(1.08);text-shadow:-3px 0 0 #00eaff,4px 0 0 #ff002d;transform:translate3d(-2px,0,0)}13%{filter:contrast(1.9) brightness(1.32) saturate(1.9);text-shadow:-16px 0 0 #00eaff,14px 0 0 #ff002d,6px 0 0 #19ff00,-6px 0 0 #1538ff;transform:translate3d(4px,-1px,0) skew(-2deg)}18%{filter:contrast(2.2) brightness(1.42) saturate(2.4);text-shadow:-21px 0 0 #00eaff,18px 0 0 #ff002d,10px 0 0 #19ff00,-12px 0 0 #1538ff;transform:translate3d(-5px,1px,0) skew(2deg)}24%{filter:contrast(1.8) brightness(1.28) saturate(1.8);text-shadow:-12px 0 0 #00eaff,12px 0 0 #ff002d,6px 0 0 #19ff00;transform:translate3d(3px,0,0) skew(-1deg)}30%{filter:none;text-shadow:-2px 0 0 rgba(0,234,255,.7),2px 0 0 rgba(255,0,45,.7);transform:translateZ(0)}}@keyframes title-channel-glitch{0%,6%,31%,to{clip-path:inset(0 0 0 0);-webkit-mask-image:none;mask-image:none;opacity:0;transform:translateZ(0)}10%{clip-path:inset(10% 0 72% 0);-webkit-mask-image:none;mask-image:none;opacity:.65;transform:translate3d(-9px,0,0)}13%{clip-path:inset(0 0 0 0);-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 4px,transparent 4px 7px);mask-image:repeating-linear-gradient(180deg,#000 0 4px,transparent 4px 7px);opacity:.98;transform:translate3d(18px,0,0) scaleX(1.02)}16%{clip-path:inset(20% 0 46% 0);-webkit-mask-image:none;mask-image:none;opacity:1;transform:translate3d(-22px,0,0) scaleX(1.04)}19%{clip-path:inset(38% 0 28% 0);-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 3px,transparent 3px 6px);mask-image:repeating-linear-gradient(180deg,#000 0 3px,transparent 3px 6px);opacity:1;transform:translate3d(24px,0,0) scaleX(1.06)}22%{clip-path:inset(58% 0 15% 0);-webkit-mask-image:none;mask-image:none;opacity:.96;transform:translate3d(-18px,0,0) scaleX(1.03)}25%{clip-path:inset(0 0 0 0);-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 5px,transparent 5px 9px);mask-image:repeating-linear-gradient(180deg,#000 0 5px,transparent 5px 9px);opacity:.8;transform:translate3d(12px,0,0)}30%{clip-path:inset(0 0 0 0);opacity:0;transform:translateZ(0)}}.hero-mobile{height:480px;overflow:hidden;position:relative}.hero-bg{height:440px;inset:0;object-fit:cover;position:absolute;width:100%}.hero-mobile:before,.about-mobile:before,.visual-mobile:before,.continued-mobile:before{background:linear-gradient(180deg,#000,#0000);content:"";height:60px;left:0;pointer-events:none;position:absolute;right:0;top:296px;z-index:2}.hero-mobile:after{background:none;content:"";height:296px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.hero-mobile .hero-copy{z-index:4}.hero-mobile:before{display:none}.hero-gif{z-index:2}.hero-mobile .hero-bg{z-index:0}.hero-gif{height:185px;left:73px;object-fit:cover;position:absolute;top:296px;width:440px;z-index:2}.hero-copy{left:40px;position:absolute;top:80px;width:357px;z-index:4}.hero-tag{background:red;color:#000;display:inline-flex;font-size:12px;font-weight:700;height:24px;line-height:16px;padding:4px 8px}.hero-copy h1{color:#fff;font-size:35px;font-weight:1000;line-height:40px;margin-top:20px;max-width:357px;white-space:pre-line;text-shadow:.45px 0 currentColor,-.45px 0 currentColor,0 .45px currentColor;-webkit-text-stroke:.55px currentColor}.hero-red{color:red;font-size:24px;font-weight:1000;line-height:28px;margin-top:4px;-webkit-text-stroke:.2px currentColor}.hero-note{border-left:2px solid red;color:#fff9;font-size:14px;line-height:20px;margin-top:20px;padding-left:12px}.hero-note p{margin:0}.mobile-section-title{align-items:flex-start;display:flex;gap:12px;height:134px;padding:60px 40px 0;position:relative;z-index:2}.mobile-section-title:after{background:linear-gradient(90deg,#000,#0000);content:"";height:16px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.section-strip{height:auto;left:0;object-fit:cover;pointer-events:none;position:absolute;width:100%;z-index:1}.section-strip-top{height:16px;top:0}.section-strip-bottom{bottom:0;height:var(--strip-height, 14px);left:var(--strip-left, 28px);object-fit:contain;z-index:0;width:var(--strip-width, 353px)}.mobile-section-title>span{background:red;flex:0 0 2px;height:38px;margin-top:5px;position:relative;z-index:2}.mobile-section-title>div{position:relative;z-index:2}.mobile-section-title h2{color:#fff;font-size:24px;font-weight:1000;line-height:28px;white-space:nowrap;text-shadow:.35px 0 currentColor,-.35px 0 currentColor,0 .35px currentColor;-webkit-text-stroke:.45px currentColor}.mobile-section-title p{color:#fff9;font-size:12px;line-height:20px;margin:0}.about-mobile{min-height:560px;overflow:hidden;position:relative}.about-gif{height:170px;object-fit:cover;position:absolute;right:0;top:0;width:255px}.about-bottom{bottom:-68px;height:146px;left:0;object-fit:cover;position:absolute;width:100%}.about-mobile:after{background:linear-gradient(90deg,#000,#0009 64%,#0000);bottom:0;content:"";height:78px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.about-copy{display:grid;gap:18px;padding:20px 40px 80px;position:relative;z-index:2}.about-copy>div{padding-left:14px;position:relative}.about-copy>div>span,.visual-note:before{background:red;content:"";height:6px;left:0;position:absolute;top:5px;width:2px}.about-copy h3{color:#fff9;font-size:12px;font-weight:700;line-height:16px;margin:0 0 8px}.about-copy p{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:14px;gap:4px;line-height:20px;margin:0}.about-copy img{height:16px;width:16px}.strength-mobile{min-height:400px;overflow:hidden;position:relative}.strength-mobile .mobile-section-title{padding-bottom:0}.strength-shell{height:206px;position:relative;z-index:2}.strength-track{display:flex;gap:20px;height:206px;overflow-x:auto;overscroll-behavior-x:contain;padding:20px;scroll-padding-inline:20px;scroll-snap-type:x mandatory;scrollbar-width:none}.strength-track::-webkit-scrollbar{display:none}.strength-card{color:#111;flex:0 0 280px;height:166px;opacity:.48;padding:31px 28px 18px 36px;position:relative;scroll-snap-align:center;transform:scale(.96);transition:opacity .28s ease,transform .28s ease,box-shadow .28s ease}.strength-card.is-active{opacity:1;transform:scale(1)}.strength-card-bg{inset:0;object-fit:cover;opacity:0;pointer-events:none;position:absolute;transition:opacity .26s ease;width:100%;height:100%}.strength-card-bg-default{opacity:1}.strength-card.is-active .strength-card-bg-default{opacity:0}.strength-card.is-active .strength-card-bg-active{opacity:1}.strength-card-head{align-items:flex-start;display:flex;gap:4px;position:relative;z-index:1}.strength-card strong{font-size:8px;font-weight:900;line-height:10px;min-width:12px}.strength-card h3{color:#080808;font-size:16px;font-weight:1000;line-height:20px;margin:0;white-space:nowrap;-webkit-text-stroke:.15px currentColor}.strength-card p{color:#727a71;font-size:10px;font-weight:800;line-height:12px;margin:0}.strength-card ul{color:#cdd8cd;display:grid;font-size:8px;gap:6px;left:62px;line-height:10px;list-style:none;margin:0;padding:0;opacity:0;position:absolute;top:93px;transition:opacity .22s ease;z-index:1}.strength-card li{position:relative;white-space:nowrap}.strength-card li:before{content:none}.strength-fade{background:linear-gradient(90deg,#0000,#000);height:206px;pointer-events:none;position:absolute;right:0;top:0;width:80px}.strength-arrow{filter:drop-shadow(0 0 8px #2dff58);height:20px;object-fit:contain;position:absolute;right:40px;top:93px;width:20px}.strength-bg{height:72px;object-fit:cover;width:100%}.works-mobile{position:relative}.works-mobile .mobile-section-title{height:126px;padding-top:60px}.terminal-copy{color:#00ff37;font-family:Courier New,monospace;font-size:7px;font-weight:700;line-height:10px;margin:20px 40px 30px;position:relative;z-index:2}.work-group-title{align-items:flex-start;display:flex;gap:12px;margin:28px 40px}.work-group-title>span{background:#0dff00;flex:0 0 2px;height:26px;margin-top:2px}.work-group-title p{color:#ffffff80;font-size:10px;font-weight:900;line-height:12px;margin:0}.work-group-title h3{color:#fff;font-size:22px;font-weight:1000;line-height:26px;margin:0;text-shadow:.25px 0 currentColor,-.25px 0 currentColor;-webkit-text-stroke:.28px currentColor}.work-card-mobile{border:1px solid rgba(13,255,0,.2);border-radius:8px;height:320px;margin:0 40px 20px;overflow:hidden;position:relative}.work-image-stage{inset:0;position:absolute}.work-image-stage img{inset:0;opacity:0;position:absolute;transition:opacity .7s ease,transform 5s linear;width:100%}.work-image-stage img.is-active{opacity:1}.work-card-copy{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#00000038,#000000c7);bottom:0;color:#fff;height:100px;left:0;padding:16px 32px 14px 20px;position:absolute;right:0}.work-card-copy h3{font-size:16px;font-weight:1000;line-height:20px;margin:0 0 10px;-webkit-text-stroke:.15px currentColor}.work-card-copy p{font-size:10px;line-height:14px;margin:0}.work-arrow{display:block;height:20px;position:absolute;right:18px;text-decoration:none;top:14px;width:20px}.work-arrow img{height:20px;object-fit:contain;width:20px}.work-card-lavender .work-card-copy{background:linear-gradient(180deg,#ebebff4d,#d6d8ffd1);color:#505182}.work-card-warm .work-card-copy{background:linear-gradient(180deg,#fff6e440,#f1e7c4db);color:#6c4b35}.work-card-system .work-card-copy{background:linear-gradient(180deg,#f8f8ff52,#f5f7fff0);color:#7273eb}.work-divider{height:91px;object-fit:cover;width:100%}.visual-mobile{overflow:hidden;position:relative}.visual-bg{height:205px;object-fit:cover;position:absolute;right:-54px;top:0;width:440px}.visual-note{color:#fff;font-size:12px;line-height:16px;margin:20px 40px;padding-left:14px;position:relative;z-index:2}.poster-grid{display:grid;gap:4px;grid-template-columns:repeat(3,108px);margin:0 54px 40px;position:relative;z-index:2}.poster-grid:after,.logo-grid:after{background:linear-gradient(180deg,#0000,#0009 30%,#000);bottom:0;content:"";height:160px;left:-54px;pointer-events:none;position:absolute;right:-54px}.poster-grid img{height:192px;object-fit:cover;width:108px}.logo-grid{display:grid;gap:4px;grid-template-columns:repeat(3,108px);grid-template-rows:repeat(4,108px);margin:0 54px 40px;position:relative;z-index:2}.logo-grid:after{height:80px}.logo-grid img{height:100%;object-fit:cover;width:100%}.logo-grid .logo-1{grid-column:span 2;grid-row:span 2}.logo-grid .logo-5,.logo-grid .logo-6{grid-column:span 2}.visual-pager{height:281px;margin:0 54px 80px;position:relative;z-index:2}.visual-stack{height:281px;width:211px;position:relative}.visual-slide{appearance:none;background:transparent;border:1px solid #f55;border-radius:8px;cursor:pointer;height:281px;left:0;overflow:hidden;padding:0;position:absolute;top:0;transform-origin:left center;transition:opacity .43s ease,transform .56s cubic-bezier(.19,1,.22,1),height .56s cubic-bezier(.19,1,.22,1),top .56s cubic-bezier(.19,1,.22,1),width .56s cubic-bezier(.19,1,.22,1);width:211px}.visual-slide img{height:100%;object-fit:cover;width:100%}.visual-slide-0{opacity:1;transform:translateZ(0) scale(1)}.visual-slide-1{height:261px;opacity:.62;top:10px;transform:translate3d(36px,0,0) scale(1);width:196px}.visual-slide-2{height:235px;opacity:.42;top:23px;transform:translate3d(77px,0,0) scale(1);width:176px}.visual-slide:not(.visual-slide-0):not(.visual-slide-1):not(.visual-slide-2){opacity:0;pointer-events:none;transform:translate3d(108px,0,0) scale(.84)}.visual-metric{left:272px;position:absolute;top:120px;white-space:nowrap}.visual-metric span{color:#fff9;display:block;font-size:14px;font-weight:600;line-height:17px}.visual-metric strong{color:#f55;display:block;font-size:20px;font-weight:900;line-height:24px}.continued-mobile{min-height:320px;overflow:hidden;position:relative}.continued-mobile .mobile-section-title{padding-bottom:0;background:#000;z-index:4}.continued-mobile>img{height:186px;object-fit:cover;position:relative;width:100%;z-index:1}.continued-mobile:before{background:linear-gradient(180deg,#000,#000000c7 42%,#0000);height:100px;top:134px;z-index:3}.placeholder-page{min-height:100vh;padding:80px 40px}.placeholder-page .back-link{color:#0dff00;display:inline-block;font-size:14px;margin-bottom:90px;text-decoration:none}.placeholder-page p{color:#ffffff8f;font-size:12px;letter-spacing:0;margin:0 0 10px}.placeholder-page h1{color:#fff;font-size:34px;font-weight:900;line-height:1.08;margin-bottom:18px}.placeholder-page strong{color:red;font-size:18px;font-weight:900}.mobile-stage.placeholder-page{padding-bottom:48px}.knowledge-detail-mobile{min-height:100vh;overflow:visible;padding-bottom:96px}.knowledge-back-link{align-items:center;color:#0dff00;display:flex;font-size:28px;font-weight:800;height:32px;left:28px;line-height:1;position:absolute;text-decoration:none;top:42px;width:32px;z-index:4}.knowledge-mobile-hero{height:270px;object-fit:cover;object-position:center;width:100%}.knowledge-detail-intro{background:#121228e6;margin:0;padding:26px 28px 28px}.knowledge-detail-intro h1,.knowledge-detail-body h3,.knowledge-detail-body p{letter-spacing:0}.knowledge-detail-intro h1{color:#fff;font-size:24px;font-weight:900;line-height:1.18;margin:0 0 14px}.knowledge-detail-intro p,.knowledge-detail-body p{color:#ffffffd1;font-size:13px;line-height:1.65;margin:0}.knowledge-detail-body{background:#000;padding:30px 28px 0}.knowledge-detail-body>p{margin-bottom:30px}.knowledge-detail-body strong{color:#fff;font-weight:900}.knowledge-detail-section{margin:0 0 30px}.knowledge-detail-section h3{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:900;gap:8px;line-height:1.5;margin:0 0 16px}.knowledge-detail-section h3 span{background:#ff2b1f;flex:0 0 3px;height:13px}.knowledge-detail-section p+p{margin-top:4px}.knowledge-mobile-carousel{display:flex;gap:14px;margin:12px -28px 18px 0;overflow-x:auto;overscroll-behavior-x:contain;padding:0 28px 8px 0;scroll-behavior:smooth;scroll-padding-left:0;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.knowledge-mobile-carousel::-webkit-scrollbar{display:none}.knowledge-mobile-carousel img{background:#111;border-radius:6px;flex:0 0 86%;object-fit:cover;scroll-snap-align:start;width:86%}.knowledge-mobile-carousel.prototype-carousel img{aspect-ratio:1.36}.knowledge-mobile-carousel.map-carousel img{aspect-ratio:1}.knowledge-feature-image{background:#111;border-radius:6px;margin:12px 0 18px;object-fit:cover;width:100%}.section-bg{inset:0 auto auto 0;pointer-events:none;position:absolute;width:440px;z-index:0}.hero-mobile{height:561px}.hero-bg{height:440px}.hero-mobile:before{background:linear-gradient(180deg,#000,#0000);display:block;height:60px;top:376px;z-index:3}.hero-mobile:after{background:linear-gradient(180deg,#0000,#000);height:96px;top:465px;z-index:3}.hero-gif{height:185px;left:0;top:376px;width:440px}.hero-copy{top:120px}.hero-copy h1{font-size:40px;line-height:40px}.about-mobile{height:576px;min-height:576px}.about-section-bg{height:576px}.about-mobile:before,.about-mobile:after{content:none}.mobile-section-title{height:160px;padding:80px 40px 0}.mobile-section-title:after{content:none}.mobile-section-title>span{height:42px;margin-top:7px}.mobile-section-title h2{font-size:28px;line-height:36px}.mobile-section-title p{line-height:16px}.section-strip-bottom{bottom:auto;height:12px;left:0;object-fit:cover;top:148px;width:440px}.about-copy{gap:20px;padding:28px 40px 0}.strength-mobile{height:528px;min-height:528px}.strength-section-bg{height:528px}.strength-shell{height:288px}.strength-track{gap:20px;height:288px;padding:20px 40px;scroll-padding-inline:40px}.strength-card{flex:0 0 280px;height:248px;opacity:.5;padding:0;transform:none}.strength-card.is-active{opacity:1;transform:none}.strength-card-bg{height:248px;object-fit:cover;width:280px}.strength-card strong,.strength-card h3,.strength-card p,.strength-card ul{position:absolute;z-index:1}.strength-card strong{color:#050505;font-size:8px;font-weight:900;left:36px;line-height:10px;min-width:0;top:32px}.strength-card h3{color:#050505;font-size:16px;font-weight:900;left:48px;line-height:20px;margin:0;top:32px;white-space:nowrap}.strength-card p{color:#727a71;font-size:8px;font-weight:500;left:48px;line-height:10px;margin:0;top:52px;white-space:nowrap}.strength-card ul{color:#cdd8cd;display:grid;font-size:12px;font-weight:500;gap:8px;left:58px;line-height:16px;list-style:none;margin:0;opacity:0;padding:0;top:98px;transition:opacity .22s ease;width:186px}.strength-card.is-active ul{opacity:1}.strength-card li{white-space:normal}.strength-card-04 ul{display:block;font-size:11px;line-height:15px;width:216px}.strength-card-04 li{position:absolute;width:216px}.strength-card-04 li:nth-child(1){top:0}.strength-card-04 li:nth-child(2){top:42px}.strength-card-04 li:nth-child(3){top:82px}.strength-fade{height:288px}.works-mobile{min-height:2040px;overflow:hidden}.works-section-bg{height:2040px}.works-mobile .mobile-section-title{height:188px;padding-top:80px}.selected-works-list{display:grid;gap:28px;margin-left:36px;position:relative;width:370px;z-index:2}.selected-work-card{display:block;height:328px;overflow:hidden;position:relative;text-decoration:none;width:370px}.selected-work-image{height:328px;inset:0;object-fit:cover;position:absolute;width:370px;z-index:0}.visual-mobile{min-height:1524px}.visual-hero{height:205px;left:0;object-fit:cover;position:absolute;top:0;width:440px;z-index:0}.visual-mobile .mobile-section-title{height:184px;padding-top:80px}.visual-mobile .section-strip-bottom{top:144px}.visual-note{margin-bottom:20px;margin-top:0}.poster-grid{margin-bottom:28px}.logo-grid{margin-bottom:80px}.continued-mobile{min-height:258px}.continued-mobile .mobile-section-title{height:134px;padding-top:60px}.continued-gif,.continued-mask{height:186px;object-fit:cover;width:440px}.continued-mobile>.continued-mask{display:none}@media(min-width:768px){.sticky-menu-toggle{height:4.167vw;left:90.278vw;right:auto;top:5.556vw;width:4.167vw}.sticky-menu-toggle-icon{height:4.167vw;width:4.167vw}.sticky-menu-toggle-shadow,.sticky-menu-toggle-icon.is-mobile-close{display:none}.sticky-menu-toggle-icon.is-web-close{display:block}.sticky-menu-panel-art.is-mobile-panel{display:none}.sticky-menu-panel-art.is-web-panel{display:block;height:34.722vw;right:0;transform:rotate(90deg) translate(100%);width:max(56.25vw,100vh)}.sticky-menu-links{gap:4.167vw;left:70.833vw;right:auto;top:13.889vw;width:23.611vw}.sticky-menu-link{font-size:2.778vw;line-height:2.778vw}.web-portfolio{background:#000;color:#fff;font-family:Inter,PingFang SC,Noto Sans SC,Microsoft YaHei,Arial,sans-serif;min-height:100vh;overflow-x:hidden;width:100%}.web-portfolio.knowledge-detail-shell{background:#eee;overflow-x:hidden;padding:0 0 80px}.web-portfolio img{display:block}@media(min-width:1440px){.sticky-menu-toggle{height:60px;left:calc(50% + 580px);top:80px;width:60px}.sticky-menu-toggle-icon{height:60px;width:60px}.sticky-menu-panel-art.is-web-panel{height:500px;right:calc((100vw - 1440px)/2);width:max(810px,100vh)}.sticky-menu-links{gap:60px;left:calc(50% + 300px);top:200px;width:340px}.sticky-menu-link{font-size:40px;line-height:40px}}.web-hero,.web-about,.web-strengths,.web-works,.web-visual,.web-end{margin:0 auto;max-width:1440px;overflow:hidden;position:relative;width:100%}.web-hero{height:800px}.web-hero-bg{height:800px;left:0;object-fit:cover;object-position:left top;position:absolute;top:0;width:131.67%}.web-hero-copy{left:80px;position:absolute;top:80px;width:714px;z-index:2}.web-hero-copy>span{background:red;color:#000;display:inline-flex;font-size:24px;font-weight:700;line-height:32px;padding:8px 16px}.web-hero-copy h1{color:#fff;font-size:80px;font-weight:900;line-height:80px;margin:40px 0 0;text-shadow:.7px 0 currentColor,-.7px 0 currentColor,0 .7px currentColor;white-space:nowrap}.web-hero-copy strong{color:red;display:block;font-size:48px;font-weight:900;line-height:56px;margin-top:8px}.web-hero-copy>div{border-left:4px solid red;color:#fff9;font-size:28px;line-height:40px;margin-top:40px;padding-left:24px}.web-hero-copy p{margin:0}.web-about{min-height:1079px;padding-top:80px}.web-about:after{background:linear-gradient(90deg,#000 0% 39%,#000000e0 50%,#0000002e 72%,#0000),linear-gradient(180deg,#0000,#000 92%);content:"";height:510px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.web-about-bg-main{height:510px;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.web-about-bg-bottom{bottom:0;height:255px;left:0;object-fit:cover;position:absolute;width:100%}.web-section-title{align-items:flex-start;display:flex;gap:24px;margin-left:80px;position:relative;z-index:2}.web-section-title>span{background:red;flex:0 0 4px;height:76px;margin-top:10px}.web-section-title h2{color:#fff;font-size:48px;font-weight:900;line-height:56px;margin:0;text-shadow:.45px 0 currentColor,-.45px 0 currentColor;white-space:nowrap}.web-section-title p{color:#fff9;font-size:24px;line-height:40px;margin:0}.web-title-strip{height:40px;margin:20px 0 0 88px;max-width:calc(100% - 176px);object-fit:contain;object-position:left center;position:relative;z-index:2}.web-about-copy{display:grid;gap:44px;margin:64px 80px 0;position:relative;z-index:2}.web-about-copy>div{padding-left:28px;position:relative}.web-about-copy span,.web-note:before{background:red;content:"";height:12px;left:0;position:absolute;top:10px;width:4px}.web-about-copy h3{color:#fff9;font-size:24px;font-weight:700;line-height:32px;margin:0 0 16px}.web-about-copy p{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:28px;gap:8px;line-height:48px;margin:0}.web-about-copy img{height:32px;width:32px}.web-strengths{min-height:1040px;padding-top:80px}.web-strengths:before,.web-works:before,.web-end:before{background-image:url(../figma/web-final/strip-green.png);background-position:center top;background-size:cover;content:"";height:52px;left:0;position:absolute;right:0;top:0}.web-horizontal-shell{position:relative;z-index:2}.web-strength-shell{margin-top:20px}.web-strength-track,.web-project-track,.web-image-track{display:flex;gap:40px;overflow-x:auto;overscroll-behavior-x:contain;padding:20px 80px;scroll-behavior:smooth;scroll-padding-inline:80px;scroll-snap-type:x proximity;scrollbar-width:none}.web-strength-track::-webkit-scrollbar,.web-project-track::-webkit-scrollbar,.web-image-track::-webkit-scrollbar{display:none}.web-strength-card{color:#111;flex:0 0 560px;height:332px;opacity:.5;padding:62px 56px 36px 72px;position:relative;scroll-snap-align:start;transition:opacity .22s ease,transform .22s ease}.web-strength-card:focus-visible{outline:2px solid #00ff15;outline-offset:4px}.web-strength-card.is-active{opacity:1;transform:translateY(-2px)}.web-strength-track:has(.web-strength-card:hover) .web-strength-card{opacity:.5;transform:none}.web-strength-track:has(.web-strength-card:hover) .web-strength-card:hover{opacity:1;transform:translateY(-2px)}.web-strength-bg{height:100%;inset:0;object-fit:cover;opacity:0;pointer-events:none;position:absolute;transition:opacity .18s ease;width:100%}.web-strength-bg-default{opacity:1}.web-strength-card.is-active .web-strength-bg-default{opacity:0}.web-strength-card.is-active .web-strength-bg-active{opacity:1}.web-strength-track:has(.web-strength-card:hover) .web-strength-card .web-strength-bg-default{opacity:1}.web-strength-track:has(.web-strength-card:hover) .web-strength-card .web-strength-bg-active{opacity:0}.web-strength-track:has(.web-strength-card:hover) .web-strength-card:hover .web-strength-bg-default{opacity:0}.web-strength-track:has(.web-strength-card:hover) .web-strength-card:hover .web-strength-bg-active{opacity:1}.web-strength-head{align-items:flex-start;display:flex;gap:8px;position:relative;z-index:1}.web-strength-head strong{font-size:16px;font-weight:900;line-height:20px;min-width:20px}.web-strength-head h3{color:#080808;font-size:32px;font-weight:900;line-height:40px;margin:0;white-space:nowrap}.web-strength-head p{color:#727a71;font-size:20px;font-weight:800;line-height:24px;margin:0}.web-strength-card ul{color:#cdd8cd;display:grid;font-size:16px;gap:13px;left:116px;line-height:19px;list-style:none;margin:0;opacity:0;padding:0;position:absolute;top:186px;transition:opacity .18s ease;z-index:1}.web-strength-card.is-active ul{opacity:1}.web-strength-track:has(.web-strength-card:hover) .web-strength-card ul{opacity:0}.web-strength-track:has(.web-strength-card:hover) .web-strength-card:hover ul{opacity:1}.web-scroll-button{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:0;padding:0;pointer-events:none;position:absolute;top:166px;transition:opacity .18s ease,filter .18s ease;width:40px;z-index:6}.web-scroll-button.is-visible{opacity:1;pointer-events:auto}.web-scroll-button:disabled{cursor:default}.web-scroll-button-right{right:80px}.web-scroll-button-left{left:80px}.web-scroll-button img{display:block;height:40px;width:40px}.web-scroll-button-left img{transform:scaleX(-1)}.web-scroll-button:focus-visible{outline:2px solid #0dff00;outline-offset:4px}.web-strength-shell .web-fade-left,.web-strength-shell .web-fade-right{bottom:20px;opacity:0;top:20px;transition:opacity .18s ease;width:160px;z-index:4}.web-strength-shell .web-fade-left.is-visible,.web-strength-shell .web-fade-right.is-visible{opacity:1}.web-section-bottom{height:197px;margin-top:0;object-fit:cover;width:100%}.web-fade-left,.web-fade-right{bottom:20px;pointer-events:none;position:absolute;top:20px;width:80px;z-index:3}.web-fade-left{background:linear-gradient(90deg,#000,#0009 70%,#0000);left:0}.web-fade-right{background:linear-gradient(270deg,#000,#0009 70%,#0000);right:0}.web-works{min-height:2094px;padding-top:80px}.web-group-title{align-items:flex-start;display:flex;gap:24px;margin:40px 0 40px 80px;position:relative;z-index:2}.web-group-title>span{background:#0dff00;flex:0 0 4px;height:52px;margin-top:4px}.web-group-title p{color:#ffffff80;font-size:16px;font-weight:900;line-height:20px;margin:0}.web-group-title h3{color:#fff;font-size:32px;font-weight:900;line-height:40px;margin:0}.web-project-shell{margin-left:80px;margin-top:0;overflow:hidden}.web-project-track{gap:60px;padding:0 80px 20px 0;scroll-padding-inline:0}.web-project-card{border:2px solid rgba(13,255,0,.2);border-radius:16px;flex:0 0 720px;height:640px;overflow:hidden;position:relative;scroll-snap-align:start;z-index:2}.web-works>.web-project-card{margin-left:80px}.web-project-slides{inset:0;position:absolute}.web-project-image{height:112.5%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .62s ease;width:100%}.web-project-image.is-active{opacity:1}.web-project-system .web-project-image{height:209.45%}.web-project-copy{-webkit-backdrop-filter:blur(18px) saturate(1.12);backdrop-filter:blur(18px) saturate(1.12);background-color:#0408127a;background-size:100% 100%;bottom:0;height:200px;left:0;padding:32px 32px 24px;position:absolute;right:0;z-index:2}.web-project-copy:before{background:linear-gradient(180deg,#ffffff14,#fff0);content:"";inset:0;pointer-events:none;position:absolute}.web-project-copy>*{position:relative;z-index:1}.web-project-copy h3{color:#fff;font-size:32px;font-weight:900;line-height:40px;margin:0 56px 20px 0}.web-project-copy p{color:#fffc;font-size:20px;line-height:28px;margin:0;max-width:656px}.web-project-copy a{height:40px;position:absolute;right:30px;top:32px;width:40px;z-index:3}.web-project-copy a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.web-project-copy img{height:40px;width:40px}.web-project-mistake .web-project-copy h3,.web-project-mistake .web-project-copy p{color:#505182}.web-project-system .web-project-copy h3,.web-project-system .web-project-copy p{color:#7273eb}.web-project-vibe .web-project-copy h3,.web-project-vibe .web-project-copy p{color:#6c4b35}.web-system-title{margin-top:40px}.web-works-bottom{height:298px;margin-top:0;object-fit:cover;width:100%}.web-visual{min-height:1705px;padding-top:80px}.web-visual:after{background:linear-gradient(90deg,#000 0% 38%,#000000eb 49%,#00000040 72%,#0000),linear-gradient(180deg,#0000,#000 92%);content:"";height:462px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.web-visual-bg{height:462px;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.web-note{color:#fff;font-size:24px;line-height:32px;margin:60px 80px 20px;padding-left:28px;position:relative;z-index:2}.web-poster-shell .web-image-track{gap:8px;padding-left:108px;padding-right:108px;scroll-snap-type:none}.web-poster-shell img{flex:0 0 234px;height:384px;object-fit:cover;scroll-snap-align:start;width:234px}.web-logo-shell{margin:20px 0 0;overflow:hidden;padding:0 108px;position:relative;z-index:2}.web-logo-shell:after{display:none}.web-logo-composite{display:block;height:auto;max-width:1224px;width:100%}.web-logo-grid{display:grid;gap:8px;grid-template-columns:404px 199px 199px 404px 199px;grid-template-rows:repeat(2,199px);min-width:1228px;position:relative;z-index:2}.web-logo-grid img{background:#2f2f2f;height:100%;object-fit:contain;width:100%}.web-logo-1{grid-column:1;grid-row:1 / span 2}.web-logo-3{grid-column:2;grid-row:2}.web-logo-4{grid-column:3;grid-row:1;object-fit:contain}.web-logo-5{grid-column:4;grid-row:1}.web-logo-6{grid-column:3 / span 2;grid-row:2}.web-logo-7{grid-column:5;grid-row:2}.web-ai-shell{background:#000}.web-ai-shell .web-image-track{gap:20px;padding-left:108px;padding-right:108px;scroll-snap-type:none}.web-ai-shell img{border:1px solid #f55;border-radius:8px;flex:0 0 211px;height:281px;object-fit:cover;scroll-snap-align:start;width:211px}.web-end{min-height:424px;padding-top:80px}.web-end>img{height:372px;margin-left:auto;margin-top:-16px;object-fit:cover;width:880px}.web-end:after{background:linear-gradient(90deg,#000,#000000f5 36%,#000000b8 63%,#0000003d),linear-gradient(180deg,#000000e0,#000000ad 38%,#00000024);bottom:0;content:"";left:0;pointer-events:none;position:absolute;top:52px;width:100%;z-index:1}.web-end .web-section-title{z-index:2}.web-detail-placeholder{min-height:100vh;padding:120px 80px 190px}.web-detail-placeholder a{color:#0dff00;display:inline-block;margin-bottom:120px;text-decoration:none}.web-detail-placeholder p{color:#ffffff8f;margin:0 0 12px}.web-detail-placeholder h1{color:#fff;font-size:56px;line-height:1.08;margin:0 0 24px}.web-detail-placeholder strong{color:red;font-size:24px}.knowledge-detail-web{background:#000;color:#fff;margin:56px auto 0;max-width:1320px;min-height:calc(100vh - 112px);padding-bottom:90px;position:relative;width:min(91.67vw,1320px)}.knowledge-web-back{align-items:center;color:#0dff00;display:flex;font-size:14px;font-weight:800;height:36px;left:42px;position:absolute;text-decoration:none;top:42px;z-index:3}.knowledge-web-hero{height:760px;object-fit:cover;object-position:center;width:100%}.knowledge-web-content{margin:0 auto;padding:74px 0 0;width:min(1080px,calc(100% - 176px))}.knowledge-web-content h1{color:#fff;font-size:48px;font-weight:900;line-height:1.16;margin:0 0 28px}.knowledge-web-content h2{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:900;gap:10px;line-height:1.4;margin:52px 0 22px}.knowledge-web-content h2:before{background:#ff2b1f;content:"";height:14px;width:3px}.knowledge-web-content p{color:#ffffffd6;font-size:15px;letter-spacing:0;line-height:1.7;margin:0 0 24px}.knowledge-web-content strong{color:#fff;font-weight:900}.knowledge-web-prototype-grid{display:grid;gap:14px;grid-template-columns:1.25fr 1fr 1fr 1.25fr;margin:0 0 24px}.knowledge-web-prototype-grid img,.knowledge-web-map-grid img,.knowledge-web-final-grid img,.knowledge-web-key-layout img{background:#111;border-radius:6px;height:100%;object-fit:cover;width:100%}.knowledge-web-prototype-grid img{aspect-ratio:1.32}.knowledge-web-key-layout{align-items:center;display:grid;gap:34px;grid-template-columns:360px 1fr;margin-bottom:36px}.knowledge-web-key-layout img{aspect-ratio:1.56}.knowledge-web-key-layout p{margin:0}.knowledge-web-map-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin:0 0 24px}.knowledge-web-map-grid img{aspect-ratio:1.36}.knowledge-web-final-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:42px 0 24px}.knowledge-web-final-grid img{aspect-ratio:1.55}.web-tab-placeholder{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}}@media(min-width:768px)and (max-width:1180px){.web-hero-copy,.web-section-title,.web-about-copy,.web-group-title,.web-works>.web-project-card,.web-note{margin-left:48px}.web-hero-copy{left:48px}.web-title-strip{margin-left:56px;max-width:calc(100% - 112px)}.web-strength-track,.web-project-track,.web-image-track{padding-left:48px;padding-right:48px;scroll-padding-inline:48px}.web-project-shell{margin-left:48px}.web-project-track{padding-left:0;scroll-padding-inline:0}.web-hero-copy h1{font-size:64px;line-height:68px}.web-hero-copy strong{font-size:40px;line-height:48px}.web-logo-shell{padding-left:48px;padding-right:48px}.knowledge-detail-web{margin-top:36px;width:min(94vw,1320px)}.knowledge-web-hero{height:54vw;max-height:760px;min-height:420px}.knowledge-web-content{width:calc(100% - 112px)}.knowledge-web-key-layout{grid-template-columns:300px 1fr}}@media(max-width:439px){.hero-copy{left:9.09vw;width:81.14vw}.hero-copy h1{font-size:clamp(34px,9.09vw,40px);line-height:1}.mobile-section-title,.about-copy{padding-left:9.09vw;padding-right:9.09vw}.work-card-mobile,.work-group-title,.terminal-copy,.visual-note{margin-left:9.09vw;margin-right:9.09vw}.poster-grid,.logo-grid,.visual-pager{margin-left:12.27vw;margin-right:12.27vw}}@media(prefers-reduced-motion:reduce){.sticky-menu-overlay,.sticky-menu-toggle-icon,.sticky-menu-link{transition:none}.reveal-ready [data-reveal] .reveal-item{animation:none;clip-path:inset(0 0 0 0);filter:none;opacity:1;transform:none;transition:none}.glitch-title,.glitch-title:before,.glitch-title:after,.header-glitch-base,.header-glitch-slice{animation:none}.header-glitch-slice{display:none}.work-image-stage img{transition:none}}*{box-sizing:border-box}body{margin:0;min-width:320px}img{max-width:none}button,input,textarea,select{font:inherit}.portfolio{margin:0 auto;max-width:1280px;min-height:100vh;background:#fff}.portfolio-home{background:linear-gradient(rgba(255,0,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,97,.05) 1px,transparent 1px),radial-gradient(circle at 15% 20%,rgba(190,0,0,.22),transparent 32%),radial-gradient(circle at 86% 8%,rgba(0,240,122,.18),transparent 28%),#020403;background-size:28px 28px,28px 28px,auto,auto,auto;max-width:none;overflow-x:hidden;width:100%}.nav{align-items:center;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);height:80px;padding:0 120px;position:relative;z-index:5}.nav button{align-items:center;background:transparent;border:0;color:#090909;cursor:pointer;display:flex;flex-direction:column;font-size:16px;font-weight:400;height:100%;justify-content:center;opacity:.65}.nav button.active{font-weight:600;opacity:1}.nav button:focus-visible{outline:2px solid currentColor;outline-offset:-8px}.portfolio-home .nav{background:#030303e6;border-bottom:1px solid rgba(255,44,44,.5);color:#f2f2f2;max-width:none}.portfolio-home .nav button{color:#f2f2f2}.portfolio-home .nav button.active{color:#21ff72;text-shadow:0 0 12px rgba(33,255,114,.65)}.nav-icon{display:none}.hero{height:640px;position:relative}.media-block{align-items:center;background:#666;color:#090909;display:flex;font-size:80px;font-weight:600;height:100%;justify-content:center;overflow:hidden;width:100%}.media-block img{display:block;height:100%;object-fit:cover;width:100%}.scroll-cue{display:none}.works,.project{margin:0}.project .media-block{aspect-ratio:1280 / 2273;height:auto;min-height:0}.home-page{color:#f0f3ef;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,Arial,sans-serif;margin:0 auto;max-width:1440px;overflow:hidden}.home-hero,.home-section{border-bottom:1px solid rgba(255,39,39,.44);margin:0;position:relative}.home-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);min-height:660px;padding:64px clamp(24px,5vw,72px)}.home-hero:before,.home-section:before{border:2px solid rgba(255,20,20,.8);content:"";inset:14px;pointer-events:none;position:absolute}.home-glitch-label{background:#ff1d1d;color:#050505;font-size:13px;font-weight:700;left:clamp(24px,5vw,72px);letter-spacing:0;padding:6px 12px;position:absolute;top:20px;z-index:2}.home-hero-copy{align-self:center;max-width:640px;padding:80px 0;position:relative;z-index:2}.home-hero-copy h1{color:#dfe9f3;font-size:clamp(42px,5.1vw,72px);font-weight:800;letter-spacing:0;line-height:1.08;margin:0 0 34px;text-shadow:6px 0 0 rgba(4,255,108,.18),-4px 0 0 rgba(255,0,0,.2);word-break:keep-all}.home-hero-copy ul{border-left:3px solid #ff2424;color:#f5e9dc;display:grid;font-size:18px;gap:12px;line-height:1.6;list-style:none;margin:0;padding:0 0 0 18px}.home-hero-media{align-self:stretch;min-height:500px;position:relative;z-index:1}.home-hero-media .media-block{background:#ffffff14;border-left:1px solid rgba(255,42,42,.55);height:100%;min-height:500px}.home-hero-media img{filter:contrast(1.06) saturate(1.08);object-position:100% center;transform:scale(1.22);transform-origin:right center}.home-scanline{background:linear-gradient(90deg,transparent,rgba(33,255,114,.8),transparent);bottom:40px;height:1px;left:8%;opacity:.9;position:absolute;right:8%}.home-section{padding:68px clamp(24px,5vw,72px)}.home-section-header{align-items:start;border-top:2px solid rgba(255,48,48,.8);display:flex;justify-content:space-between;margin-bottom:22px;padding-top:16px;position:relative;z-index:1}.home-section-header p,.home-section-header h2{margin:0}.home-section-header p{color:#f5c8b5;font-size:18px;font-weight:700}.home-section-header h2{color:#fff;font-size:clamp(28px,3vw,46px);letter-spacing:0;line-height:1.2}.home-section-header span{color:#ff3030;font-size:12px;padding-right:18px}.terminal-line{color:#16ff68;font-family:Courier New,monospace;font-size:14px;line-height:1.5;margin:0 0 34px;position:relative;z-index:1}.about-grid{display:grid;gap:42px;grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr);position:relative;z-index:1}.about-grid p,.about-grid li,.featured-copy p,.work-card p{color:#f2f4eed1;font-size:15px;line-height:1.8}.about-grid ol{border-left:1px solid rgba(33,255,114,.6);display:grid;gap:12px;list-style:none;margin:0;padding:2px 0 2px 22px}.featured-work{align-items:stretch;display:grid;gap:28px;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);margin-bottom:34px;position:relative;z-index:1}.featured-copy{align-self:center;border-left:3px solid #ff2424;padding:8px 0 8px 20px}.featured-copy span,.work-card span,.system-grid span,.visual-grid span{color:#14ff6a;font-family:Courier New,monospace;font-size:12px}.featured-copy h3,.work-card h3{color:#fff;font-size:clamp(24px,3vw,42px);letter-spacing:0;line-height:1.15;margin:12px 0}.featured-work .media-block{aspect-ratio:16 / 9;border:1px solid rgba(33,255,114,.55);box-shadow:0 0 28px #21ff7238;height:auto}.work-detail-grid{display:grid;gap:28px;position:relative;z-index:1}.work-card{align-items:center;display:grid;gap:26px;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr)}.work-card:nth-child(2n) .media-block{order:2}.work-card .media-block{aspect-ratio:4 / 3;border:1px solid rgba(255,48,48,.5);height:auto}.system-grid,.visual-grid{display:grid;gap:18px;position:relative;z-index:1}.system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.system-grid article,.visual-grid article{background:#ffffff09;border:1px solid rgba(33,255,114,.24);padding:10px}.system-grid .media-block{aspect-ratio:4 / 5;height:auto}.system-grid span,.visual-grid span{display:block;margin-top:10px}.visual-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.visual-grid article:nth-child(1),.visual-grid article:nth-child(4){grid-column:span 2}.visual-grid .media-block{aspect-ratio:3 / 4;height:auto}.home-about{background:linear-gradient(90deg,#000000b3,#00000059),radial-gradient(circle at 85% 40%,rgba(33,255,114,.12),transparent 34%)}.portfolio-home{background:#050505}.portfolio-home .nav{background:#190909;border-bottom:0;height:calc(100vw * 160 / 2880);min-height:64px;padding:0 8.333vw}.portfolio-home .nav button{color:#fff;font-size:clamp(14px,1.111vw,32px);opacity:1;position:relative}.portfolio-home .nav button.active{color:#00ff15;text-shadow:none}.portfolio-home .nav button.active:after{background:#00ff15;border-radius:999px;box-shadow:0 0 18px #00ff158c;content:"";height:max(4px,.4167vw);left:50%;position:absolute;top:50%;transform:translate(-50%,26%);width:6.944vw}.figma-home{--design-width: 2880;background:#050505;color:#f4f6f5;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,Arial,sans-serif;overflow:hidden;width:100%}.figma-home-section{min-height:0;overflow:hidden;position:relative;width:100vw}.figma-picture{display:block;max-width:none}.figma-home-bg{height:100%;inset:0;object-fit:fill;pointer-events:none;position:absolute;width:100%}.figma-hero{height:50vw}.figma-about{height:41.6667vw}.figma-projects{height:172.5vw}.figma-systematic{height:96.9444vw}.figma-visual{height:173.3333vw}@media(min-width:768px){.figma-hero-copy,.figma-about-copy,.figma-project-intro,.figma-section-copy,.figma-project-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.figma-copy{color:#d0d0d0;position:absolute;z-index:2}.figma-copy p,.figma-copy h1,.figma-copy h2,.figma-copy h3,.figma-copy ul{margin:0}.figma-copy p{color:#ff5959;font-size:clamp(10px,.972vw,28px);font-weight:600;letter-spacing:0}.figma-copy h1{color:#f4f5fb;font-size:clamp(36px,4.58vw,132px);font-weight:800;letter-spacing:0;line-height:1.08;text-shadow:.2vw 0 0 rgba(0,255,64,.18),-.16vw 0 0 rgba(255,0,0,.26)}.figma-copy h2{color:#fff;font-size:clamp(26px,2.64vw,76px);font-weight:700;letter-spacing:0;line-height:1.15}.figma-copy h3{color:#fff;font-size:clamp(22px,2.1vw,60px);font-weight:700;letter-spacing:0;line-height:1.18}.figma-copy div,.figma-copy li,.figma-copy span{color:#d0d0d0;font-size:clamp(13px,.972vw,28px);line-height:1.42}.figma-hero-copy{left:8.333vw;top:6.2vw;width:42vw}.figma-hero-copy p{background:#ff2a2a;color:#190909;display:inline-block;font-size:clamp(11px,.72vw,22px);margin-bottom:6vw;padding:.42vw 1vw}.figma-hero-copy ul{border-left:.16vw solid #ff5959;display:grid;gap:.72vw;list-style:none;margin-top:2.7vw;padding-left:1.2vw}.figma-about-copy{left:5.1vw;top:14.9vw;width:54vw}.figma-about-copy h2,.figma-project-intro h2,.figma-section-copy h2{margin:.4vw 0 1.2vw}.figma-about-copy span{color:#00ff40;display:block;font-family:Courier New,monospace;margin-bottom:2vw}.figma-project-intro{left:6.38vw;top:19vw;width:27vw}.figma-project-intro span{color:#ff5959;display:block;font-family:Courier New,monospace;font-size:clamp(10px,.62vw,18px);margin-bottom:1.5vw}.figma-knowledge-row{display:grid;gap:2.78vw;grid-template-columns:repeat(3,1fr);left:30.28vw;position:absolute;top:17.15vw;width:72.8vw;z-index:2}.figma-frame-card{aspect-ratio:696 / 528;filter:drop-shadow(0 0 1.38vw rgba(0,255,38,.38));position:relative}.figma-frame-shell,.figma-frame-image{inset:0;height:100%;object-fit:fill;position:absolute;width:100%}.figma-frame-image{border-radius:.3vw;height:88.6%;left:4.3%;top:5.7%;width:91.4%}.figma-knowledge-feature{align-items:start;display:grid;gap:3.2vw;grid-template-columns:1fr 1.22fr;left:9.16vw;position:absolute;top:50vw;width:81.6vw;z-index:2}.figma-knowledge-feature .figma-copy,.figma-mistake-book .figma-copy,.figma-workflow .figma-copy{position:static}.figma-knowledge-feature .figma-frame-card{aspect-ratio:1270 / 966}.figma-mistake-book{display:grid;gap:3vw;grid-template-columns:.38fr .62fr;left:9.16vw;position:absolute;top:83.5vw;width:81.6vw;z-index:2}.figma-mistake-grid{align-items:end;display:grid;gap:1vw;grid-template-columns:.95fr .72fr .64fr .64fr .64fr .9fr}.figma-mistake-grid img{border-radius:.83vw;box-shadow:0 0 1.2vw #45387c8c;height:auto;width:100%}.figma-workflow{left:9.16vw;position:absolute;top:131vw;width:81.6vw;z-index:2}.figma-workflow .figma-copy{margin-bottom:2vw;max-width:33vw}.figma-workflow-hero{height:auto;margin-left:44vw;margin-top:-13vw;width:46.8vw}.figma-workflow-row{display:grid;gap:1.3vw;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:3vw}.figma-workflow-row img{border-radius:.25vw;height:7.48vw;object-fit:contain;width:100%}.figma-section-copy{left:9.16vw;top:8.5vw;width:38vw}@media(max-width:767px){.portfolio-home .nav{height:72px;inset:auto 0 0;min-height:72px;padding:0 10px;position:fixed;z-index:20}.portfolio-home .nav button{font-size:12px}.portfolio-home .nav button.active:after{height:3px;top:14px;width:32px}.figma-home{padding-bottom:72px}.figma-home-section{height:auto;min-height:0;overflow:visible;padding:28px 18px}.figma-home-bg{height:auto;position:relative;width:100%}.figma-copy{position:relative}.figma-copy p{font-size:13px}.figma-copy h1{font-size:38px;margin-top:20px}.figma-copy h2{font-size:28px}.figma-copy h3{font-size:24px}.figma-copy div,.figma-copy li,.figma-copy span{font-size:14px;line-height:1.7}.figma-hero{display:grid;gap:24px;padding-top:30px}.figma-hero .figma-home-bg{order:2}.figma-hero-copy,.figma-about-copy,.figma-project-intro,.figma-section-copy{left:auto;top:auto;width:auto}.figma-hero-copy p{font-size:12px;margin-bottom:0;padding:6px 10px}.figma-hero-copy ul{border-left-width:2px;gap:8px;margin-top:20px;padding-left:14px}.figma-about{background:#080b08}.figma-about .figma-home-bg{margin:-12px 0 18px}.figma-projects{background:#060706}.figma-projects .figma-home-bg{margin:-20px 0 24px}.figma-knowledge-row,.figma-knowledge-feature,.figma-mistake-book,.figma-workflow{display:grid;gap:18px;grid-template-columns:1fr;left:auto;margin-top:22px;position:relative;top:auto;width:auto}.figma-knowledge-row{grid-template-columns:1fr}.figma-frame-card{filter:drop-shadow(0 0 14px rgba(0,255,38,.28))}.figma-frame-image{border-radius:4px}.figma-mistake-grid,.figma-workflow-row{display:grid;gap:12px;grid-template-columns:1fr 1fr}.figma-mistake-grid img,.figma-workflow-row img{border-radius:8px;height:auto;object-fit:contain;width:100%}.figma-workflow .figma-copy{max-width:none}.figma-workflow-hero{margin:0;width:100%}.figma-systematic,.figma-visual{display:grid;gap:20px}.figma-systematic .figma-home-bg,.figma-visual .figma-home-bg{order:2}}.admin-shell{background:#f7f7f5;margin:0 auto;min-height:100vh;padding:34px clamp(20px,6vw,72px) 100px}.admin-header{align-items:end;display:flex;justify-content:space-between;margin:0 auto 28px;max-width:1080px}.header-actions{display:flex;gap:10px}.admin-header p{color:#777;font-size:14px;margin:0 0 8px}.admin-header h1{font-size:clamp(28px,4vw,42px);font-weight:600;margin:0}.notice{background:#eceae5;border-radius:8px;color:#555;line-height:1.6;margin:0 auto 20px;max-width:1080px;padding:16px 18px}.notice strong{color:#111}.uid-row{border-top:1px solid #dad7d0;font-size:13px;margin-top:12px;padding-top:12px}.uid-row code{color:#222;word-break:break-all}.editor-card{background:#fff;border-radius:10px;margin:0 auto 18px;max-width:1080px;padding:26px}.editor-card h2{font-size:20px;font-weight:600;margin:0 0 18px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;min-width:0}.field span{color:#555;font-size:14px}.field input,.field textarea,.field select{background:#fff;border:1px solid #d5d3ce;border-radius:6px;color:#111;min-height:44px;min-width:0;padding:10px 12px;width:100%}.field textarea{min-height:88px;resize:vertical}.tab-fields{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.page-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.page-tabs button{background:#f2f1ee;border:1px solid transparent;border-radius:20px;cursor:pointer;padding:9px 16px}.page-tabs button.active{background:#111;color:#fff}.project-editor{border-top:1px solid #eee;margin-top:18px;padding-top:22px}.project-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.inline-button{background:transparent;border:0;color:#333;cursor:pointer;margin-left:14px;padding:6px 0}.inline-button.danger{color:#8e4038}.inline-button:disabled{color:#c8c7c3;cursor:default}.project-editor:first-of-type{border-top:0}.image-preview{border-radius:6px;height:140px;object-fit:cover;width:180px}.field-help{color:#777;font-size:13px}.section-title{align-items:center;display:flex;justify-content:space-between}.plain-button,.muted-button,.save-button{border-radius:6px;cursor:pointer;min-height:44px;padding:0 18px}.plain-button{background:transparent;border:1px solid #c9c7c1}.admin-actions{display:flex;gap:12px;justify-content:flex-end;margin:26px auto 0;max-width:1080px}.muted-button{background:#fff;border:1px solid #ccc}.save-button{background:#111;border:1px solid #111;color:#fff}.save-button:disabled{cursor:wait;opacity:.55}.login-shell,.loading-shell{align-items:center;background:#f7f7f5;display:flex;justify-content:center;min-height:100vh;padding:24px}.loading-shell{color:#666}.login-card{background:#fff;border-radius:10px;max-width:420px;padding:34px;width:100%}.login-card p{color:#777;margin:0 0 8px}.login-card h1{font-size:28px;font-weight:600;margin:0 0 28px}.full-button{margin-top:10px;width:100%}.form-error,.form-success{border-radius:6px;font-size:14px;line-height:1.5;padding:12px 14px}.form-error{background:#f7e6e3;color:#8e4038}.form-success{background:#e7f0e7;color:#316243}.action-message{margin:18px auto 0;max-width:1080px}@media(max-width:600px){.portfolio,.portfolio-home{padding-bottom:90px}.nav{background:#d7d7d7;bottom:0;height:90px;padding:8px 20px 38px;position:fixed;top:auto;width:100%}.portfolio-home .nav{background:#080808f0;border-top:1px solid rgba(255,44,44,.7);border-bottom:0}.nav button{font-size:10px;gap:0;justify-content:flex-start}.nav-icon{background:#999;display:block;height:28px;margin-bottom:0;width:28px}.portfolio-home .nav-icon{background:#21ff72;box-shadow:0 0 10px #21ff7273}.hero{height:calc(100svh - 90px)}.scroll-cue{border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:16px solid white;bottom:28px;display:block;height:0;left:calc(50% - 9px);position:absolute;width:0}.works,.project{margin:0}.project .media-block,.project-landscape .media-block{aspect-ratio:auto;height:calc(100svh - 90px);min-height:0}.home-hero{display:flex;flex-direction:column;min-height:calc(100svh - 90px);padding:54px 20px 34px}.home-hero:before,.home-section:before{inset:8px}.home-glitch-label{font-size:11px;left:20px;top:12px}.home-hero-copy{padding:32px 0 24px}.home-hero-copy h1{font-size:42px;margin-bottom:22px}.home-hero-copy ul{font-size:14px}.home-hero-media{min-height:320px}.home-hero-media .media-block{border-left:0;border-top:1px solid rgba(255,42,42,.55);min-height:260px}.home-section{padding:48px 20px}.home-section-header{margin-bottom:18px}.home-section-header p{font-size:15px}.home-section-header h2{font-size:28px}.home-section-header span{display:none}.terminal-line{font-size:12px;margin-bottom:24px}.about-grid,.featured-work,.work-card{grid-template-columns:1fr}.work-card:nth-child(2n) .media-block{order:0}.system-grid{grid-template-columns:1fr}.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-grid article:nth-child(1),.visual-grid article:nth-child(4){grid-column:span 1}.admin-shell{padding:22px 16px 96px}.admin-header{align-items:center;gap:16px}.tab-fields{grid-template-columns:repeat(2,1fr)}.editor-card{padding:20px}.login-card{padding:26px 20px}}