@font-face{font-family:Urbanist;src:url(/fonts/urbanist/Urbanist-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Urbanist;src:url(/fonts/urbanist/Urbanist-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Urbanist;src:url(/fonts/urbanist/Urbanist-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Urbanist;src:url(/fonts/urbanist/Urbanist-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--primary: #2CFFF4;--primary-contrast: #061D20;--accent-lime: #9CFF3F;--accent-pink: #FFB8DF;--bg: #050506;--surface: #111115;--surface-2: #191A1F;--surface-3: #23242A;--surface-50: #FAFAFA;--surface-100: #F3F3F5;--surface-200: #E8E8EC;--surface-300: #D4D4DA;--surface-400: #A1A1AB;--surface-500: #71717A;--surface-700: #3F3F46;--surface-850: #1E1E22;--surface-950: #000000;--text: #F2F0E8;--muted: #A6A8AE;--quiet: #686B73;--line: rgba(255, 255, 255, .1);--line-strong: rgba(44, 255, 244, .34);--shadow: 0 32px 90px rgba(0, 0, 0, .42);color-scheme:dark;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;color:var(--surface-300);background:var(--surface-950);font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Source Han Sans SC,Urbanist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;max-width:100%}.brand-pdf-mobile-cover,.brand-mobile-pdf-pages{display:none}.brand-manual-preview-page .brand-mobile-pdf-pages{display:grid;gap:18px}.brand-manual-preview-page .brand-mobile-pdf-page{overflow:hidden;margin:0;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;box-shadow:0 18px 46px #00000047}.brand-manual-preview-page .brand-mobile-pdf-page img{display:block;width:100%;height:auto;-o-object-fit:contain;object-fit:contain;background:#fff}.brand-manual-preview-page .brand-mobile-pdf-page figcaption{padding:10px 12px 12px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.16em}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 72%);mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 72%)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,p{margin-top:0}.site-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 clamp(18px,3vw,46px);background:#0505069e;border-bottom:1px solid transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:border-color .22s ease,background .22s ease}.site-header[data-elevated=true]{border-color:var(--line);background:#050506d6}.brand-mark{display:inline-grid;place-items:center;width:46px;height:46px;padding:2px;overflow:hidden;border:1px solid var(--line);border-radius:16px;color:var(--primary);background:#ffffff0a;font-size:13px;font-weight:800;box-shadow:inset 0 1px #ffffff14;transition:transform .22s ease,border-color .22s ease}.brand-mark:hover{transform:translateY(-2px) rotate(-2deg);border-color:var(--line-strong)}.brand-mark img{display:block;width:100%;height:100%;border-radius:13px;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 40%;object-position:50% 40%}.header-actions{display:flex;align-items:center;gap:clamp(14px,2vw,24px)}.site-nav{display:flex;gap:clamp(18px,3vw,36px);color:var(--muted);font-size:13px;font-weight:600}.site-nav a{transition:color .18s ease}.site-nav a:hover{color:var(--primary)}.nav-toggle,.onsite-mobile-controls{display:none}main{overflow:hidden}.hero{min-height:100svh;position:relative;display:block;padding:0;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(44,255,244,.22),transparent 18rem),radial-gradient(circle at 24% 72%,rgba(255,184,223,.16),transparent 18rem),linear-gradient(180deg,#06155b,#0b3ab4 54%,#74b7ff)}.cover-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;opacity:.18;mix-blend-mode:screen}.cover-hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(180deg,rgba(1,4,22,.22),transparent 34%,rgba(255,255,255,.08) 100%),radial-gradient(circle,transparent 58%,rgba(0,0,0,.38) 100%)}.cover-stars{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.66) 0 1px,transparent 2px),radial-gradient(circle,rgba(44,255,244,.9) 0 1px,transparent 2px);background-position:4% 18%,16% 42%,30% 12%;background-size:92px 92px,146px 146px,214px 214px;animation:starDrift 14s linear infinite}.cover-scene{position:absolute;inset:0;z-index:3;animation:coverReveal .9s cubic-bezier(.22,1,.36,1) both}.cover-art{position:absolute;inset:0;width:100%;height:100%}.cover-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 48% 38%,rgba(44,255,244,.18),transparent 23rem),linear-gradient(115deg,transparent 18%,rgba(255,255,255,.08) 38%,transparent 58%);mix-blend-mode:screen;opacity:.58;animation:coverLightSweep 6.8s ease-in-out infinite}.cover-art img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:scale(1.012);animation:coverBreath 8s ease-in-out infinite}.screen-title{position:absolute;left:50%;top:43%;width:min(48vw,760px);height:auto;transform:translate(-50%,-50%);display:grid;place-items:center;align-content:center;text-align:center;pointer-events:none}.screen-title:before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,rgba(44,255,244,.24),transparent 62%);filter:blur(12px);animation:titleGlow 3.2s ease-in-out infinite}.screen-title p,.screen-title h1,.screen-title span{position:relative;z-index:2}.screen-title p{margin:0 0 8px;color:#ffffffb3;font-size:clamp(11px,1.1vw,15px);font-weight:850;letter-spacing:.14em;text-transform:uppercase}.screen-title h1{margin:0;color:#f8f7ef;font-size:clamp(74px,9.2vw,158px);line-height:.9;font-weight:950;letter-spacing:0;text-shadow:0 0 10px rgba(255,255,255,.62),0 0 30px rgba(44,255,244,.5),0 18px 44px rgba(0,0,0,.4);animation:titlePulse 2.8s ease-in-out infinite}.screen-title span{margin-top:12px;color:var(--primary);font-size:clamp(12px,1.1vw,16px);font-weight:900;letter-spacing:.2em}.cover-meta{position:absolute;z-index:4;top:112px;display:grid;gap:8px;color:#ffffffbd;font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.cover-meta span:first-child{color:#fff}.cover-meta-left{left:clamp(18px,3vw,46px)}.cover-meta-right{right:clamp(18px,3vw,46px);max-width:220px;text-align:right}.eyebrow{margin:0 0 20px;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:1px solid var(--line);border-radius:999px;color:var(--text);background:#ffffff0d;font-size:14px;font-weight:760;transition:transform .22s ease,background .22s ease,border-color .22s ease,color .22s ease}.button:hover{transform:translateY(-3px);border-color:var(--line-strong)}.button-primary{color:var(--primary-contrast);background:var(--primary);border-color:var(--primary)}.button-secondary{color:var(--primary);background:#2cfff414}.button-ghost{color:var(--text)}.button:focus-visible,.nav-toggle:focus-visible,.work-trigger:focus-visible,.contact-links a:focus-visible,.site-nav a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.floating-badge{position:absolute;z-index:5;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:18px;color:#061d20;background:#ffffffd1;box-shadow:0 18px 42px #0000002e;font-size:clamp(11px,1.2vw,15px);font-weight:900;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:stickerFloat 4.6s ease-in-out infinite}.badge-one{top:16%;left:4%;width:60px;height:60px;background:linear-gradient(135deg,#b9faff,#d8cbff);transform:rotate(-8deg)}.badge-two{top:6%;right:9%;width:76px;height:48px;background:linear-gradient(135deg,#ffe66d,#ffb8df);transform:rotate(10deg);animation-delay:-1.4s}.badge-three{right:-1%;bottom:27%;width:86px;height:40px;color:#fff;background:linear-gradient(135deg,#0934b8,#2cfff4);transform:rotate(-12deg);animation-delay:-2.2s}.retro-monitor{position:relative;width:min(740px,80vw);display:grid;place-items:center}.monitor-body{position:relative;width:100%;aspect-ratio:1.72;padding:clamp(28px,3.2vw,40px);border:clamp(12px,1.35vw,17px) solid #CBC4BC;border-radius:clamp(40px,4.6vw,60px);background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.78),transparent 26%),linear-gradient(145deg,#e4ddd4,#b9b0a8 62%,#f3ede5);box-shadow:inset 0 3px #ffffffad,inset -22px -12px 28px #46403c33,28px 24px #2e2c3847,0 48px 92px #00000052}.monitor-brand{position:absolute;z-index:4;top:14px;left:50%;transform:translate(-50%);color:#18191e6b;font-size:11px;font-weight:900;letter-spacing:.18em;white-space:nowrap}.monitor-body:before,.monitor-body:after{content:"";position:absolute;z-index:4;background:#1c1d22;border-radius:999px;opacity:.78}.monitor-body:before{left:11%;bottom:8%;width:6%;height:7px;box-shadow:15px 0 #1c1d22,30px 0 #1c1d22}.monitor-body:after{right:12%;bottom:8%;width:9%;height:7px;box-shadow:-15px 0 #1c1d22,-30px 0 #1c1d22}.monitor-top{position:absolute;top:-2.6%;z-index:2;display:flex;gap:8px;width:31%;height:40px;justify-content:center;padding-top:12px;border-radius:20px 20px 0 0;background:linear-gradient(180deg,#d9d2cb,#bdb5ad)}.monitor-top span{width:18px;height:8px;border-radius:999px;background:#26282d;opacity:.74}.monitor-screen{position:relative;z-index:2;width:100%;height:100%;display:grid;place-items:center;align-content:center;overflow:hidden;border:9px solid #1B1D25;border-radius:clamp(28px,3vw,42px);background:radial-gradient(circle at 50% 50%,rgba(44,255,244,.26),transparent 25%),radial-gradient(circle at 50% 44%,rgba(75,133,255,.34),transparent 46%),linear-gradient(180deg,#061e82,#03104c);box-shadow:inset 0 0 44px #2cfff433,inset 0 0 112px #0000009e,0 2px #ffffff14}.monitor-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 7px);opacity:.22;animation:scanline 3s linear infinite}.monitor-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 34%,rgba(0,0,0,.46) 100%)}.monitor-screen h1{position:relative;z-index:2;margin:0;color:#f2f0e8;font-size:clamp(74px,10.4vw,142px);line-height:.9;font-weight:900;letter-spacing:0;text-shadow:0 0 10px rgba(255,255,255,.56),0 0 24px rgba(44,255,244,.48),0 12px 42px rgba(0,0,0,.46);animation:titlePulse 2.4s ease-in-out infinite}.screen-kicker,.screen-subtitle{position:relative;z-index:2;margin:0;color:#f2f0e8b8;font-size:clamp(12px,1.2vw,16px);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.screen-subtitle{margin-top:14px;color:var(--primary);letter-spacing:.12em}.monitor-stickers span{position:absolute;z-index:6;display:grid;place-items:center;min-width:42px;height:32px;padding:0 9px;border-radius:999px;color:#101115;background:#ffe66d;border:1px solid rgba(0,0,0,.16);font-size:12px;font-weight:900;box-shadow:0 8px 18px #0000003d;animation:stickerFloat 4s ease-in-out infinite}.monitor-stickers span:nth-child(1){left:5%;bottom:6%}.monitor-stickers span:nth-child(2){right:8%;top:7%;background:var(--primary);animation-delay:-1s}.monitor-stickers span:nth-child(3){right:-3%;top:35%;color:#fff;background:#7f68ff;transform:rotate(8deg);animation-delay:-1.8s}.monitor-stickers span:nth-child(4){left:-2%;top:32%;background:#ffb8df;transform:rotate(-9deg);animation-delay:-2.4s}.monitor-neck{width:18%;height:clamp(34px,3.4vw,46px);margin-top:-1px;border-radius:0 0 16px 16px;background:linear-gradient(180deg,#afa79e,#7e766f);box-shadow:inset 0 2px #ffffff47}.keyboard-deck{width:90%;display:grid;grid-template-columns:1fr clamp(64px,7vw,94px);gap:clamp(14px,1.8vw,22px);align-items:end;padding:clamp(14px,1.7vw,18px) clamp(22px,3vw,38px);border-radius:22px 22px 10px 10px;background:linear-gradient(180deg,#25283a,#121421);box-shadow:0 22px 44px #0000004d}.keyboard{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.keyboard span{height:clamp(12px,1.2vw,18px);border-radius:6px;background:linear-gradient(180deg,#e7f5ff,#89b8ff)}.keyboard span:nth-child(3n){background:linear-gradient(180deg,#f7d5ff,#9a70ff)}.keyboard span:nth-child(4n){background:linear-gradient(180deg,#cffffc,#2cfff4)}.mouse{height:clamp(42px,4.8vw,62px);border-radius:999px 999px 22px 22px;background:radial-gradient(circle at 50% 24%,#d9b4ff,#7f68ff 72%);box-shadow:inset 0 3px #ffffff57}.cover-copy{position:absolute;left:clamp(18px,3vw,46px);bottom:clamp(22px,3vw,38px);z-index:4}.cover-copy p{max-width:500px;margin:0;padding:12px 16px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#ffffffd1;background:#040c2c47;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:clamp(14px,1.2vw,17px);line-height:1.75;font-weight:650;text-align:center}.cover-side-actions{position:absolute;right:clamp(62px,7.6vw,150px);top:46%;z-index:4;display:grid;grid-template-columns:1fr;width:clamp(148px,9vw,176px);padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:#040c2c38;box-shadow:0 24px 72px #00000038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translateY(-50%)}.cover-side-actions .button{width:100%;min-height:48px;padding:0 18px;white-space:nowrap}@media(max-width:1280px){.cover-meta-right{display:none}}.section-block,.about,.contact{padding:clamp(88px,11vw,150px) clamp(18px,3vw,46px)}.section-block{background:linear-gradient(180deg,transparent,rgba(255,255,255,.025) 16%,transparent 100%)}.section-heading{max-width:980px;margin-bottom:clamp(46px,7vw,86px)}.section-heading h2,.contact h2{margin-bottom:18px;color:var(--text);font-size:clamp(44px,7vw,112px);line-height:.88;font-weight:600;letter-spacing:0;text-transform:uppercase}.section-heading h2:first-letter{color:var(--primary)}.section-heading p:not(.eyebrow),.contact p{max-width:680px;color:var(--muted);font-size:clamp(15px,1.3vw,18px);line-height:1.9}.lq-title{margin:0;color:#f2f0e8;font-size:clamp(34px,6vw,92px);line-height:.92;font-weight:500;letter-spacing:0}.lq-title span{display:block}.lq-title-row{display:inline-flex;align-items:baseline;gap:.26em}.lq-title .accent-lime,.lq-title .accent-pink{display:inline;color:inherit;font-weight:700}.lq-title-note{max-width:560px;margin:24px 0 0;color:var(--surface-400);font-size:clamp(13px,1vw,15px);line-height:1.9;font-weight:400}.section-kicker,.case-kicker{margin:0 0 18px;color:var(--primary);font-size:12px;line-height:1;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.portfolio-title,.case-title{margin:0;color:#f4f2ec;font-weight:720;letter-spacing:0}.portfolio-title{max-width:820px;font-size:clamp(38px,4.6vw,72px);line-height:1.02}.portfolio-title span,.case-title span{display:block;margin-top:14px;color:#f4f2ecb8;font-weight:500}.portfolio-title span{font-size:clamp(17px,1.55vw,25px);line-height:1.32}.case-title{font-size:clamp(56px,6.2vw,104px);line-height:.95}.case-title span{font-size:clamp(26px,2.8vw,48px);line-height:1.18}.case-lead{max-width:640px;color:#ffffffad;font-size:clamp(16px,1.35vw,22px);line-height:1.72;font-weight:520}.featured-cards-section{position:relative;overflow:hidden;padding:clamp(84px,8vw,118px) clamp(18px,3vw,46px) clamp(96px,10vw,142px);color:var(--surface-100);background:#000}.featured-cards-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;opacity:.38}.featured-cards-inner{position:relative;z-index:1;width:min(1600px,100%);margin:0 auto}.featured-cards-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:clamp(34px,4.2vw,62px)}.featured-cards-heading p,.featured-cards-heading h2{margin:0}.featured-cards-heading p{color:#f3f3f58a;font-size:clamp(13px,.9vw,16px);line-height:1.3;font-weight:500}.featured-cards-heading h2{margin-top:8px;color:var(--surface-100);font-size:clamp(30px,3.6vw,58px);line-height:1.06;font-weight:700}.featured-cards-heading>span{color:#f3f3f561;font-size:clamp(11px,.75vw,13px);line-height:1;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.featured-card-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,1.8vw,28px);align-items:stretch}.featured-project-card{display:grid;grid-template-rows:1fr auto;gap:clamp(26px,2.1vw,36px);min-width:0;min-height:clamp(250px,20vw,330px);padding:clamp(28px,2.5vw,44px);border:1px solid rgba(255,255,255,.065);border-radius:clamp(24px,2.3vw,34px);color:inherit;background:#111113;text-align:left;cursor:pointer;box-shadow:inset 0 1px #ffffff09;transition:transform .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1),background .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1)}.featured-project-card:disabled{cursor:default;opacity:1}.featured-project-card:not(:disabled):hover{border-color:#ffffff1f;background:#151518;box-shadow:inset 0 1px #ffffff0d,0 26px 70px #00000057;transform:translateY(-8px)}.featured-card-copy{display:grid;gap:clamp(10px,1vw,15px);align-content:start}.featured-card-tag{color:#f3f3f575;font-family:Urbanist,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(12px,.82vw,14px);line-height:1.2;font-weight:600}.featured-card-copy h3{margin:0;color:var(--primary);font-size:clamp(26px,2.05vw,38px);line-height:1.12;font-weight:700}.featured-card-copy p{margin:0;color:#f3f3f5a8;font-size:clamp(14px,1vw,17px);line-height:1.55;font-weight:400}.featured-card-copy small{display:block;max-width:92%;color:#f3f3f56e;font-size:clamp(12px,.85vw,14px);line-height:1.7;font-weight:400}.featured-card-link{align-self:end;padding-top:clamp(8px,1vw,14px);color:var(--primary);font-size:clamp(13px,.95vw,15px);line-height:1;font-weight:600}.project-nav-strip{margin-top:clamp(72px,8vw,128px);padding:clamp(28px,3vw,42px) 0 clamp(18px,2vw,28px);border-top:1px solid rgba(255,255,255,.1)}.project-nav-strip-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}.project-nav-strip-head p,.project-nav-strip-head span{margin:0}.project-nav-strip-head p{color:var(--surface-100);font-size:clamp(20px,1.55vw,28px);line-height:1.1;font-weight:700}.project-nav-strip-head span{color:#ffffff57;font-size:11px;line-height:1;font-weight:650;letter-spacing:.16em}.project-nav-strip-scroll{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;overflow-x:visible;padding:2px 2px 14px;scrollbar-color:rgba(44,255,244,.44) rgba(255,255,255,.08);scrollbar-width:thin}.project-nav-card{position:relative;display:flex;flex-direction:column;min-height:176px;padding:20px;overflow:hidden;border:1px solid rgba(255,255,255,.085);border-radius:24px;color:inherit;background:linear-gradient(145deg,rgba(44,255,244,.045),transparent 48%),#ffffff09;text-align:left;cursor:pointer;opacity:.68;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s ease,background .3s ease,opacity .3s ease}.project-nav-card:after{content:"";position:absolute;inset:auto 18px 18px auto;width:28px;height:1px;background:#2cfff48a;transform-origin:right center;transition:transform .3s ease,opacity .3s ease}.project-nav-card:hover{border-color:#2cfff46b;background:linear-gradient(145deg,rgba(44,255,244,.11),transparent 52%),#ffffff0e;opacity:1;transform:translateY(-6px)}.project-nav-card:hover:after{opacity:1;transform:scaleX(1.45)}.project-nav-card.is-current{border-color:#2cfff47a;background:linear-gradient(145deg,rgba(44,255,244,.16),transparent 56%),#2cfff409;box-shadow:0 0 0 1px #2cfff41f inset,0 24px 70px #2cfff414;cursor:default;opacity:1}.project-nav-card span,.project-nav-card strong,.project-nav-card small,.project-nav-card em{display:block}.project-nav-card span{color:#2cfff4c7;font-size:12px;line-height:1;font-weight:700}.brand-manual-preview-shell{padding-top:18px}.brand-manual-preview-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-manual-preview-header .case-title{max-width:980px;font-size:clamp(42px,6.4vw,96px)}.brand-manual-preview-header>span{color:var(--surface-100);font-size:clamp(24px,2.4vw,42px);line-height:1;font-weight:800}.project-nav-card strong{margin-top:24px;color:var(--surface-100);font-size:clamp(18px,1.25vw,24px);line-height:1.18;font-weight:760}.project-nav-card small{margin-top:12px;max-width:220px;color:#ffffff7a;font-size:13px;line-height:1.62;font-weight:430}.project-nav-card em{margin-top:auto;padding-top:22px;color:var(--primary);font-size:13px;line-height:1;font-style:normal;font-weight:700}.work-grid{display:grid;gap:clamp(22px,4vw,62px)}.work-card{overflow:hidden;border:1px solid var(--line);border-radius:clamp(24px,3vw,38px);background:#ffffff0b;box-shadow:0 24px 70px #00000038;transition:transform .32s cubic-bezier(.22,1,.36,1),border-color .26s ease,background .26s ease;transform:translateZ(0)}.work-card:hover{transform:translateY(-8px);border-color:var(--line-strong);background:#ffffff12}.work-trigger{width:100%;display:flex;align-items:end;justify-content:space-between;gap:24px;padding:clamp(22px,3vw,38px);border:0;color:var(--text);background:transparent;font:inherit;text-align:left;cursor:pointer}.work-trigger span{display:grid;gap:10px;font-size:clamp(28px,4.8vw,72px);font-weight:590;letter-spacing:0;line-height:.92}.work-trigger small{color:var(--quiet);font-size:13px;font-weight:800;letter-spacing:0}.work-trigger strong{flex:0 0 auto;color:var(--primary);font-size:14px;font-weight:800}.work-trigger:after{content:"+";display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:16px;color:var(--primary-contrast);background:var(--primary);font-size:24px;line-height:1;transition:transform .22s ease}.work-trigger[aria-expanded=true]:after{content:"-";transform:rotate(180deg)}.work-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(18px,3vw,32px);align-items:stretch;padding:0 clamp(16px,2.4vw,30px) clamp(16px,2.4vw,30px)}.work-panel[hidden]{display:none}.work-panel img{width:100%;min-height:clamp(300px,42vw,570px);-o-object-fit:cover;object-fit:cover;border-radius:clamp(20px,2.4vw,30px);background:var(--surface-2);filter:saturate(.68) contrast(1.08) brightness(.8);transition:transform .7s cubic-bezier(.22,1,.36,1),filter .26s ease}.work-card:hover .work-panel img{transform:scale(1.025);filter:saturate(.86) contrast(1.1) brightness(.92)}.work-content{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(20px,3vw,34px);border:1px solid var(--line);border-radius:clamp(20px,2.4vw,30px);background:linear-gradient(180deg,#2cfff414,#ffffff0a)}.work-content p{color:var(--text);font-size:clamp(17px,1.45vw,21px);line-height:1.75}.work-content ul{display:grid;gap:11px;margin:22px 0 0;padding:0;color:var(--muted);list-style:none;font-size:14px}.work-content li:before{content:"";display:inline-block;width:7px;height:7px;margin-right:10px;border-radius:50%;background:var(--accent-lime);vertical-align:middle}.about{position:relative;overflow:hidden;padding:clamp(48px,5.2vw,82px) clamp(16px,2.6vw,32px) clamp(34px,3.8vw,58px);background:#000}.about:before{content:none}.about-marquee{position:relative;z-index:1;display:flex;justify-content:space-between;gap:clamp(28px,5vw,80px);margin:0 0 clamp(56px,7vw,96px);color:var(--primary);font-size:clamp(40px,6.4vw,104px);line-height:.86;font-weight:520;letter-spacing:0;text-transform:uppercase;white-space:nowrap}.about-marquee span{flex:0 0 auto}.about-marquee span:nth-child(2):before,.about-marquee span:nth-child(3):before{content:"✦";margin-right:clamp(28px,5vw,80px);font-weight:400}.about-title{position:relative;z-index:1;max-width:1560px;margin:0 auto clamp(28px,3.4vw,44px)}.about-layout{position:relative;z-index:1;display:grid;grid-template-columns:clamp(270px,21vw,340px) minmax(0,1fr);gap:clamp(38px,5vw,72px);align-items:start;max-width:1560px;margin:0 auto}.about-profile{display:grid;gap:18px}.about-profile img{width:100%;aspect-ratio:1 / 1.06;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 36%;object-position:50% 36%;border-radius:16px;border:0;box-shadow:none}.about-info-card{overflow:hidden;border:1px solid rgba(255,255,255,.065);border-radius:18px;background:#111113;box-shadow:inset 0 1px #ffffff09}.about-info-card>p{margin:0;padding:16px 24px 15px;border-bottom:1px solid rgba(255,255,255,.065);color:var(--surface-100);font-size:clamp(13px,1vw,17px);line-height:1;font-weight:600;letter-spacing:.02em;text-transform:uppercase;text-align:center}.about-name-row{display:flex;align-items:baseline;gap:14px;padding:26px 24px 0}.about-name-row h2{margin:0;color:var(--primary);font-size:clamp(32px,2.65vw,46px);line-height:.96;font-weight:600;letter-spacing:0}.about-name-row span{color:#d8dae2;font-size:clamp(15px,1.1vw,20px);font-weight:360}.about-grad{display:block;padding:10px 24px 28px;color:var(--surface-300);font-size:clamp(14px,1vw,18px);line-height:1.3;font-weight:400}.about-info-list{display:grid;gap:16px;padding:0 24px 30px}.about-info-list strong{display:block;color:var(--surface-200);font-size:clamp(15px,1.08vw,19px);line-height:1.4;font-weight:400}.about-content{display:grid;gap:0;padding-top:0}.about-intro h2{margin:0;color:var(--text);font-size:clamp(48px,7vw,112px);line-height:.88;font-weight:620;letter-spacing:0;text-transform:uppercase}.about-intro>p:not(.eyebrow){max-width:920px;margin:24px 0 0;color:#ffffffc2;font-size:clamp(20px,2.1vw,32px);line-height:1.48;font-weight:470;letter-spacing:0}.about-intro strong{color:var(--text);font-weight:850}.experience-list{display:grid;gap:clamp(24px,2.6vw,40px)}.experience-item{display:grid;gap:14px;padding-top:0;border-top:0}.experience-head{display:grid;grid-template-columns:minmax(0,1fr) max-content max-content;align-items:baseline;gap:clamp(28px,3.8vw,66px)}.experience-head h3{margin:0;color:var(--surface-50);font-size:clamp(21px,1.65vw,30px);line-height:1.12;font-weight:620;letter-spacing:0}.experience-head span,.experience-head time{color:var(--surface-300);font-size:clamp(13px,1vw,18px);line-height:1.2;font-weight:400;white-space:nowrap}.experience-item ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.experience-item li{position:relative;padding-left:14px;color:var(--surface-400);font-size:clamp(13px,.98vw,16px);line-height:1.74;font-weight:400;letter-spacing:0}.experience-item li:before{content:"";position:absolute;left:0;top:.86em;width:3px;height:3px;border-radius:999px;background:#aeb2be}.experience-item li strong{color:#f2f3f6;font-weight:560}.about-stats{display:grid;gap:12px}.about-stats span{padding:18px 20px;border:1px solid var(--line);border-radius:20px;color:var(--text);background:#ffffff0d;font-size:14px;font-weight:760}.about-stats span:nth-child(2){color:var(--primary)}.about-stats span:nth-child(4){color:var(--accent-pink)}.contact{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(620px,1.18fr);gap:clamp(36px,5vw,86px);align-items:center;min-height:380px;padding:clamp(34px,3.8vw,58px) clamp(16px,2.6vw,32px) clamp(50px,5.6vw,78px);background:#000;color:#e8e9ee}.contact:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000000eb,#00000073 48%,#000000eb),linear-gradient(180deg,#000000f5,#0000008a 48%,#000000f0),url(/images/portfolio-cover-yxt-lite.jpg) center 40% / cover no-repeat;opacity:.38;filter:saturate(.7) blur(1px);pointer-events:none}.contact:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.18) 1px,transparent 1.5px),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-position:12% 18%,0 0;background-size:90px 90px,100% 4px;opacity:.18}.contact>*{position:relative;z-index:1}.contact-heading{display:grid;gap:0}.contact .section-kicker{color:var(--primary);font-size:12px;line-height:1;font-weight:800;letter-spacing:.22em}.contact .portfolio-title{max-width:820px;margin:0;color:#f4f2ec;font-size:clamp(38px,4.6vw,72px);line-height:1.02;font-weight:720;letter-spacing:0;text-transform:none}.contact .portfolio-title span{display:block;margin-top:14px;color:#f4f2ecb8;font-size:clamp(17px,1.55vw,25px);line-height:1.32;font-weight:500;white-space:nowrap}.contact-card{position:relative;display:grid;grid-template-columns:208px minmax(260px,1fr) minmax(180px,.56fr);gap:clamp(22px,3vw,38px);align-items:center;min-height:280px;padding:clamp(30px,3.4vw,46px);overflow:hidden;border:1px solid rgba(44,255,244,.28);border-radius:32px;background:linear-gradient(145deg,rgba(44,255,244,.11),transparent 44%),linear-gradient(180deg,#ffffff1a,#ffffff09),#030818d1;box-shadow:0 34px 110px #0000006b,inset 0 1px #ffffff1f}.contact-card:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:28px 28px;opacity:.24}.contact-card>*{position:relative;z-index:1}.contact-card-qr{display:grid;gap:12px;justify-items:center}.contact-card-qr img{width:100%;aspect-ratio:1;padding:10px;border:1px solid rgba(44,255,244,.28);border-radius:22px;background:#fff;-o-object-fit:contain;object-fit:contain;box-shadow:0 22px 56px #00000042}.contact-card-qr span,.contact-card-main p{margin:0;color:var(--primary);font-size:12px;line-height:1;font-weight:820;letter-spacing:.18em;text-transform:uppercase}.contact-card-qr span{text-align:center}.contact-card-main{display:grid;gap:20px}.contact-card-main dl{display:grid;gap:0;margin:0}.contact-card-main dl div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:18px;align-items:baseline;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}.contact-card-main dt,.contact-card-main dd{margin:0;font-size:15px;line-height:1.35}.contact-card-main dt{color:#ffffff6b;font-weight:620}.contact-card-main dd{color:#ffffffe0;font-weight:720}.contact-card-main a{color:inherit;transition:color .18s ease}.contact-card-main a:hover{color:var(--primary)}.contact-card-tags{display:flex;flex-wrap:wrap;gap:10px;align-content:center}.contact-card-tags span{display:inline-flex;min-height:34px;align-items:center;justify-content:center;border:1px solid rgba(44,255,244,.24);border-radius:999px;padding:0 13px;color:#ffffffc2;background:#2cfff40e;font-size:13px;line-height:1;font-weight:650;text-align:center;white-space:nowrap}.contact-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 36%,rgba(44,255,244,.14),transparent 30rem),#000000b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:modalFadeIn .18s ease both}.resume-preview-modal{position:fixed;inset:0;z-index:100;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:78px 14px 14px;background:#050506}.resume-preview-back{justify-self:start;display:inline-flex;height:42px;align-items:center;gap:8px;padding:0 16px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#0000008f;color:#ffffffe6;font-size:13px;font-weight:900;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.resume-preview-pages{display:grid;gap:14px;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.resume-preview-pages img{display:block;width:100%;height:auto;border-radius:18px;background:#fff}.contact-modal-card{position:relative;grid-area:1 / 1;display:grid;grid-template-columns:minmax(220px,.82fr) minmax(300px,1.18fr);gap:clamp(22px,3vw,42px);width:min(760px,92vw);padding:clamp(22px,3vw,34px);overflow:hidden;border:1px solid rgba(44,255,244,.28);border-radius:32px;background:linear-gradient(145deg,rgba(44,255,244,.12),transparent 44%),linear-gradient(180deg,#ffffff1a,#ffffff09),#030818eb;box-shadow:0 34px 110px #00000094,inset 0 1px #ffffff1f;animation:modalCardIn .24s cubic-bezier(.22,1,.36,1) both}.contact-modal-card:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:28px 28px;opacity:.28}.contact-modal-close{position:relative;grid-area:1 / 1;align-self:start;justify-self:end;margin:16px;z-index:3;display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#ffffffb8;background:#ffffff0f;font-size:24px;line-height:1;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease}.contact-modal-close:hover{border-color:#2cfff494;color:var(--primary);background:#2cfff414;transform:rotate(90deg)}.contact-modal-qr,.contact-modal-info{position:relative;z-index:2}.contact-modal-qr{display:grid;align-content:start;gap:14px}.contact-modal-qr img{width:100%;aspect-ratio:1;padding:12px;border:1px solid rgba(44,255,244,.28);border-radius:24px;background:#fff;-o-object-fit:contain;object-fit:contain;box-shadow:0 22px 56px #00000052}.contact-modal-qr span{color:var(--primary);font-size:12px;line-height:1;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.contact-modal-info{display:grid;align-content:center;gap:20px;padding-right:26px}.contact-modal-kicker{margin:0;color:var(--primary);font-size:12px;line-height:1;font-weight:850;letter-spacing:.2em}.contact-modal-info h2{margin:0;color:#fff;font-size:clamp(38px,4vw,58px);line-height:.95;font-weight:900;letter-spacing:0}.contact-modal-info dl{display:grid;gap:12px;margin:4px 0 0}.contact-modal-info dl div{display:grid;grid-template-columns:78px 1fr;gap:18px;align-items:baseline;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}.contact-modal-info dt,.contact-modal-info dd{margin:0;font-size:15px;line-height:1.35}.contact-modal-info dt{color:#ffffff6b;font-weight:620}.contact-modal-info dd{color:#ffffffe0;font-weight:720}.contact-modal-info a{color:inherit;transition:color .18s ease}.contact-modal-info a:hover{color:var(--primary)}.contact-modal-note{margin:0;color:#ffffff85;font-size:14px;line-height:1.7;font-weight:560}@keyframes modalFadeIn{0%{opacity:0}}@keyframes modalCardIn{0%{opacity:0;transform:translateY(18px) scale(.97)}}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:30px clamp(18px,3vw,46px);color:var(--quiet);background:var(--bg);font-size:14px}.section-reveal{opacity:0;transform:translateY(28px);transition:opacity .76s ease,transform .76s cubic-bezier(.22,1,.36,1)}.section-reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes sceneFloat{0%,to{transform:translateY(0) rotate(-.2deg)}50%{transform:translateY(-12px) rotate(.4deg)}}@keyframes coverReveal{0%{opacity:0;transform:scale(1.035);filter:blur(12px) brightness(.72)}to{opacity:1;transform:scale(1);filter:blur(0) brightness(1)}}@keyframes coverBreath{0%,to{transform:scale(1.012);filter:saturate(1) brightness(1)}50%{transform:scale(1.028);filter:saturate(1.08) brightness(1.05)}}@keyframes coverLightSweep{0%,to{opacity:.34;transform:translate(-3%) scale(1.02)}45%{opacity:.62}70%{opacity:.42;transform:translate(4%) scale(1.02)}}@keyframes starDrift{0%{background-position:4% 18%,16% 42%,30% 12%;opacity:.72}50%{opacity:1}to{background-position:9% 22%,12% 38%,36% 8%;opacity:.72}}@keyframes stickerFloat{0%,to{translate:0 0}50%{translate:0 -9px}}@keyframes scanline{0%{transform:translateY(-18px)}to{transform:translateY(18px)}}@keyframes titlePulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.025);filter:brightness(1.2)}}@keyframes titleGlow{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes detailPageScroll{0%{transform:translateY(0)}to{transform:translateY(calc(-100% + var(--preview-height)))}}.detail-page-scroll{animation:detailPageScroll var(--scroll-duration, 28s) linear infinite alternate;will-change:transform}.detail-page-frame:hover .detail-page-scroll{animation-play-state:paused}@keyframes detailDesktopScroll{0%{transform:translateY(0)}92%,to{transform:translateY(calc(-100% + var(--preview-height)))}}.detail-desktop-showcase{position:relative;isolation:isolate;padding:18px 10px 10px 28px}.detail-desktop-showcase:before{content:"";position:absolute;left:9%;right:3%;bottom:4px;z-index:-2;height:30%;border-radius:999px;background:radial-gradient(ellipse at center,rgba(44,255,244,.18),rgba(44,255,244,.04) 42%,transparent 72%);filter:blur(30px)}.detail-desktop-showcase:after{content:"";position:absolute;inset:12% 3% 12% 10%;z-index:-3;border-radius:36px;background:linear-gradient(115deg,rgba(44,255,244,.1),transparent 42%),radial-gradient(circle at 72% 20%,rgba(255,255,255,.16),transparent 34%);filter:blur(38px);opacity:.62}.detail-desktop-window{position:relative;display:block;width:min(100%,1120px);overflow:hidden;padding:14px 14px 18px;border:1px solid rgba(229,233,238,.22);border-radius:30px 30px 24px 24px;background:linear-gradient(145deg,#eef2f82e,#757d8a14 34%,#0f1116f5 74%),#101116;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #000000e6,0 42px 92px #000000ad,0 18px 76px #2cfff414;color:inherit;text-align:left;cursor:pointer;transition:transform .52s cubic-bezier(.22,1,.36,1),box-shadow .52s cubic-bezier(.22,1,.36,1),border-color .52s cubic-bezier(.22,1,.36,1)}.detail-desktop-window:hover,.detail-desktop-window:focus-visible{border-color:#2cfff46b;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #000000e6,0 52px 104px #000000b8,0 20px 90px #2cfff424;transform:translateY(-6px)}.detail-desktop-window:before{content:"";position:absolute;top:8px;left:50%;z-index:5;width:6px;height:6px;border-radius:999px;background:radial-gradient(circle at 42% 38%,rgba(255,255,255,.42),transparent 1px),#151820;box-shadow:0 0 0 1px #ffffff14;transform:translate(-50%)}.detail-desktop-toolbar{position:relative;z-index:4;display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,#000000db,#000000ad),#000000c7;border-radius:17px 17px 0 0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.detail-desktop-toolbar span{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.detail-desktop-toolbar strong{margin-left:14px;color:#ffffffa8;font-size:11px;line-height:1;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.detail-desktop-screen{position:relative;height:var(--preview-height, 590px);overflow:hidden;border-radius:0 0 14px 14px;background:#050506}.detail-desktop-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.16),transparent 16%,transparent 74%,rgba(0,0,0,.42)),radial-gradient(circle at 50% 0%,rgba(255,255,255,.12),transparent 38%)}.detail-desktop-screen img{width:100%;max-width:none;height:auto}.detail-desktop-scroll{animation:detailDesktopScroll var(--scroll-duration, 34s) linear infinite;will-change:transform}.detail-desktop-window:hover .detail-desktop-scroll,.detail-desktop-window:focus-within .detail-desktop-scroll{animation-play-state:paused}.detail-desktop-caption{pointer-events:none;position:absolute;inset-inline:0;bottom:0;z-index:5;padding:72px 28px 28px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.88))}.detail-desktop-caption p,.detail-desktop-caption h2{margin:0}.detail-desktop-caption p{color:var(--primary);font-size:12px;line-height:1;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.detail-desktop-caption h2{margin-top:10px;color:#fff;font-size:clamp(30px,2.6vw,44px);line-height:1;font-weight:800}.detail-conversion-title{line-height:1.12!important}@keyframes enterprisePhoneScroll{0%{transform:translateY(0)}92%,to{transform:translateY(calc(-100% + var(--preview-height)))}}.enterprise-website-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#050608eb,#0506086b 46%,#050608c7),linear-gradient(180deg,#05060814,#050608d1)}.enterprise-hero-bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.72;filter:saturate(1.08)}.enterprise-hero-copy{display:flex;min-height:100%;flex-direction:column;justify-content:space-between;gap:clamp(38px,6vw,86px);padding:clamp(12px,2vw,24px) 0}.enterprise-hero-copy-top{max-width:720px}.enterprise-hero-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.enterprise-hero-stats span{display:inline-flex;align-items:baseline;gap:8px;min-height:42px;padding:10px 15px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#ffffff8a;background:#00000042;font-size:12px;line-height:1;font-weight:700;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.enterprise-hero-stats strong{color:var(--primary);font-size:20px;line-height:1;font-weight:800}.enterprise-hero-controls{width:min(680px,100%)}.enterprise-hero-controls-mobile{display:none}.enterprise-hero-controls-label{margin:0 0 14px;color:#f3f3f575;font-size:12px;line-height:1;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.enterprise-phone-stage{position:relative;min-height:clamp(740px,58vw,860px);isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:24px;padding-right:clamp(24px,6vw,96px)}.enterprise-phone{position:relative;overflow:hidden;padding:10px;border:1px solid rgba(255,255,255,.16);border-radius:42px;background:linear-gradient(145deg,#ffffff38,#ffffff0b),#0b0d12;box-shadow:inset 0 1px #ffffff38,inset 0 -18px 36px #00000052,0 36px 110px #0000009e}.enterprise-phone-large{width:min(372px,25.5vw);min-width:320px}.enterprise-phone-medium{width:min(318px,22vw)}.enterprise-phone-small{width:min(260px,18vw);min-width:224px}.enterprise-phone-center{justify-self:center;z-index:2}.enterprise-phone-speaker{position:absolute;top:21px;left:50%;z-index:4;width:78px;height:7px;border-radius:999px;background:#0000008a;transform:translate(-50%)}.enterprise-phone-screen{position:relative;height:var(--phone-screen-height, 540px);overflow:hidden;border-radius:32px;background:#fff}.enterprise-phone-screen img{width:100%;max-width:none;height:auto}.enterprise-phone-scroll{animation:enterprisePhoneScroll var(--scroll-duration, 28s) linear infinite;will-change:transform}.enterprise-phone:hover .enterprise-phone-scroll,.enterprise-phone:focus-within .enterprise-phone-scroll{animation-play-state:paused}.enterprise-phone-glare{position:absolute;inset:10px;pointer-events:none;border-radius:32px;background:linear-gradient(115deg,rgba(255,255,255,.2),transparent 34%),linear-gradient(180deg,rgba(44,255,244,.08),transparent 22%,rgba(0,0,0,.12));mix-blend-mode:screen;opacity:.8}.enterprise-hero-switcher{position:relative;z-index:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.enterprise-hero-switcher-mobile{display:none}.enterprise-phone-stage .enterprise-hero-controls{width:min(760px,100%)}.enterprise-hero-switch{position:relative;display:grid;gap:6px;width:100%;min-height:92px;padding:18px 20px;border:1px solid rgba(255,255,255,.16);border-radius:18px;color:#fff;background:#ffffff0e;text-align:left;cursor:pointer;opacity:.82;transition:opacity .26s ease,border-color .26s ease,background .26s ease,box-shadow .26s ease,transform .26s cubic-bezier(.22,1,.36,1)}.enterprise-hero-switch:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:999px;background:var(--primary);opacity:0;transform:scaleY(.4);transition:opacity .26s ease,transform .26s cubic-bezier(.22,1,.36,1)}.enterprise-hero-switch:hover{opacity:1;border-color:#2cfff457;background:#ffffff14;transform:translateY(-3px)}.enterprise-hero-switch.is-active{opacity:1;border-color:#2cfff48c;background:#2cfff418;box-shadow:0 18px 48px #2cfff414;transform:translateY(-4px)}.enterprise-hero-switch.is-active:before{opacity:1;transform:scaleY(1)}.enterprise-hero-switch span{color:#f3f3f594;font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.enterprise-hero-switch.is-active span{color:var(--primary)}.enterprise-hero-switch strong{color:#ffffffb8;font-size:18px;line-height:1.2;font-weight:700}.enterprise-hero-switch.is-active strong{color:#ffffffeb}.enterprise-page-thumb{aspect-ratio:3 / 4}.enterprise-page-thumb img{height:100%}.brand-manual-preview-action{justify-content:flex-end}.gbe-delivery-card-body{display:flex;flex-direction:column}.gbe-delivery-card-body>a[href^="/pdf/gbe2026/"]{align-self:flex-end}@media(max-width:880px){.site-header{height:68px}.nav-toggle{display:grid;gap:6px;width:46px;height:46px;place-content:center;border:1px solid var(--line);border-radius:16px;background:#ffffff0d}.nav-toggle span{display:block;width:18px;height:2px;background:var(--primary);transition:transform .18s ease}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-nav{position:fixed;top:68px;left:14px;right:14px;display:none;padding:18px;border:1px solid var(--line);border-radius:22px;background:#111115f5;box-shadow:var(--shadow)}.site-nav.is-open{display:grid;gap:14px}.work-panel,.about-layout,.contact{grid-template-columns:1fr}.featured-cards-heading{display:grid;align-items:start}.featured-card-stage{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}.featured-project-card{transform:none}.featured-project-card:not(:disabled):hover{transform:translateY(-6px)}.enterprise-case{padding:96px 18px 72px!important}.enterprise-website-hero{overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-height:0!important;padding:28px 0 22px!important}.enterprise-website-hero:after{display:none!important}.enterprise-hero-bg{display:none!important}.enterprise-website-hero>.relative{display:grid!important;min-height:0!important;grid-template-columns:1fr!important;gap:26px!important}.enterprise-hero-copy,.enterprise-hero-copy-top{min-width:0;max-width:100%!important;overflow:hidden}.enterprise-hero-copy{gap:22px;padding:0}.enterprise-website-hero .case-title{max-width:100%!important;font-size:clamp(36px,10vw,54px)!important;line-height:1.08!important;letter-spacing:0!important;word-break:keep-all;overflow-wrap:normal}.enterprise-website-hero .case-title span{display:block;margin-top:8px;max-width:100%;font-size:clamp(24px,6.6vw,34px)!important;line-height:1.18!important;color:#ffffffb8;white-space:normal;word-break:keep-all;overflow-wrap:break-word}.enterprise-website-hero .case-lead{max-width:100%;font-size:15px!important;line-height:1.78!important}.enterprise-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.enterprise-hero-stats span{min-height:40px;justify-content:center;padding:9px 10px;font-size:11px}.enterprise-phone-stage{justify-content:start;min-height:0;gap:18px;padding-right:0;touch-action:pan-y}.enterprise-phone,.enterprise-phone-screen{touch-action:pan-y}.enterprise-phone-screen{overflow-y:auto;-webkit-overflow-scrolling:touch}.enterprise-phone-scroll{animation:none!important}.enterprise-phone-large{width:min(300px,78vw);min-width:0;--phone-screen-height: 520px !important;--preview-height: 520px !important}.enterprise-hero-controls{width:100%}.enterprise-hero-controls-desktop{display:none}.enterprise-hero-controls-mobile{display:block}.enterprise-hero-controls-label{margin-bottom:10px;font-size:11px}.enterprise-hero-switcher{width:100%;justify-self:stretch;gap:6px;overflow:visible}.enterprise-hero-switcher-desktop{display:none}.enterprise-hero-switcher-mobile{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.enterprise-hero-switcher-mobile .enterprise-hero-switch{grid-column:span 2}.enterprise-hero-switcher-mobile .enterprise-hero-switch:nth-child(4){grid-column:2 / span 2}.enterprise-hero-switcher-mobile .enterprise-hero-switch:nth-child(5){grid-column:4 / span 2}.enterprise-hero-switch{min-height:58px;gap:0;padding:10px 8px;border-radius:12px;text-align:center;align-content:center}.enterprise-hero-switch:before{display:none}.enterprise-hero-switch span{display:none}.enterprise-hero-switch strong{font-size:12px;line-height:1.18}.enterprise-architecture-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.enterprise-architecture-card,.enterprise-architecture-card.md\:col-span-2{min-height:132px;padding:14px 10px!important;border-radius:18px!important}.enterprise-architecture-card.md\:col-span-2{grid-column:1 / -1!important}.enterprise-architecture-card span{font-size:11px!important}.enterprise-architecture-card h3{margin-top:12px!important;font-size:clamp(18px,5vw,24px)!important;line-height:1.1!important}.enterprise-architecture-card p{margin-top:8px!important;font-size:11px!important;line-height:1.5!important;font-weight:650!important}.enterprise-page-matrix{display:none!important}.contact{gap:34px}.contact-card{grid-template-columns:190px 1fr}.contact-card-tags{grid-column:1 / -1}.hero{min-height:100svh;padding:0}.cover-meta{display:none}.cover-copy{display:grid;align-items:start}.cover-side-actions{right:clamp(20px,4vw,42px);top:50%;width:150px}.work-trigger{align-items:flex-start}.work-trigger strong{display:none}.about-marquee{justify-content:flex-start}.about-marquee span:nth-child(n+2){display:none}.about-profile{max-width:420px}.experience-head{grid-template-columns:1fr;gap:8px}.experience-head span,.experience-head time{white-space:normal}}@media(max-width:560px){html{scroll-padding-top:78px}#home,#featured,#about,#contact,#brand-upgrade,#gbe2026,#detail-page,#poster-design,#ip-design,#enterprise-website{scroll-margin-top:78px}.hero.cover-hero{display:grid;min-height:auto;padding:68px 0 28px;background:radial-gradient(circle at 50% 20%,rgba(44,255,244,.12),transparent 18rem),#020515}.cover-hero:before,.cover-hero:after,.cover-stars,.cover-art:after{display:none}.cover-scene,.cover-art{position:relative;inset:auto;width:100%;height:auto}.cover-art img{display:block;width:100%;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;transform:none;animation:none}.screen-title{top:42%;width:76vw}.screen-title p{margin-bottom:4px;font-size:10px;letter-spacing:.12em}.screen-title h1{font-size:clamp(46px,15vw,72px);letter-spacing:0;text-shadow:0 0 7px rgba(255,255,255,.58),0 0 18px rgba(44,255,244,.5)}.screen-title span{margin-top:6px;font-size:10px;letter-spacing:.14em}.retro-monitor{width:min(480px,94vw)}.monitor-body{aspect-ratio:1.34;padding:17px;border-width:10px;border-radius:34px}.monitor-top{width:42%;height:30px;padding-top:9px}.monitor-top span{width:12px;height:5px}.monitor-screen{border-width:6px;border-radius:24px}.monitor-screen h1{font-size:clamp(66px,21vw,92px)}.screen-kicker,.screen-subtitle{font-size:11px}.floating-badge,.badge-three,.monitor-stickers span:nth-child(3),.monitor-stickers span:nth-child(4){display:none}.monitor-stickers span{min-width:38px;height:28px;font-size:11px}.keyboard-deck{width:96%;grid-template-columns:1fr 54px;padding:12px 16px;gap:12px;border-radius:18px 18px 8px 8px}.keyboard{grid-template-columns:repeat(5,1fr);gap:5px}.keyboard span:nth-child(n+16){display:none}.cover-copy{position:relative;left:auto;right:auto;bottom:auto;width:calc(100% - 32px);margin:14px auto 0;padding:0;justify-self:center;background:transparent;border:0;box-shadow:none}.cover-side-actions{position:relative;inset:auto;width:calc(100% - 32px);max-width:none;margin:16px auto 0;transform:none;justify-content:center}.hero-actions .button{flex:1 1 calc(50% - 6px);min-width:0}.hero-actions .button-primary{flex-basis:100%}.cover-side-actions .button,.cover-side-actions .button-primary{flex-basis:auto}.featured-cards-section{padding-block:72px}.featured-cards-inner{width:min(100% - 32px,var(--max-width))}.featured-cards-heading{gap:14px}.featured-cards-heading h2{font-size:clamp(36px,11vw,48px);line-height:1.08;max-width:100%;word-break:keep-all}.featured-cards-heading p,.section-kicker,.case-kicker,.contact .section-kicker,.ip-kicker{margin-bottom:12px;font-size:11px;line-height:1;letter-spacing:.18em}.featured-card-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.featured-project-card{min-height:214px;padding:14px 12px;border-radius:20px}.featured-card-tag{font-size:11px;line-height:1.1}.featured-card-copy h3{display:block;width:auto;font-size:17px;line-height:1.18;letter-spacing:0;white-space:normal;word-break:keep-all;overflow-wrap:normal;transform:none}.featured-card-copy p{font-size:12px;line-height:1.45}.featured-card-copy small{max-width:none;font-size:11px;line-height:1.48}.featured-card-link{font-size:12px}.portfolio-title{font-size:clamp(34px,11vw,48px);line-height:1.12;word-break:keep-all}.portfolio-title span{margin-top:12px;font-size:clamp(16px,4.6vw,19px);line-height:1.48;word-break:keep-all}.case-title{font-size:clamp(38px,11vw,52px);line-height:1.08;word-break:keep-all}.case-title span{margin-top:10px;font-size:clamp(22px,6.8vw,30px);line-height:1.22;word-break:keep-all}.case-lead{margin-top:18px!important;font-size:15px;line-height:1.78}.about-intro h2,.contact .portfolio-title{font-size:clamp(38px,11vw,50px);line-height:1.1;word-break:keep-all}.about-intro>p:not(.eyebrow),.contact .portfolio-title span{max-width:100%;margin-top:12px;font-size:clamp(16px,4.4vw,18px);line-height:1.48;white-space:normal}.experience-list{gap:26px}.experience-head h3{font-size:22px;line-height:1.22}.experience-item li{font-size:14px;line-height:1.72}.ip-section h2{font-size:clamp(34px,10vw,46px);line-height:1.12;word-break:keep-all}.ip-section p{margin-top:12px;font-size:14px;line-height:1.74}.brand-case h2,.gbe-case h2,.detail-case h2,.enterprise-case h2{font-size:clamp(25px,7.4vw,34px)!important;line-height:1.18!important;word-break:normal;overflow-wrap:break-word}.detail-conversion-title{line-height:1.18!important}.brand-case,.gbe-case,.detail-case,.enterprise-case,.ip-case{padding-top:168px!important}.brand-case button[aria-label=返回精选项目],.gbe-case button[aria-label=返回精选项目],.detail-case button[aria-label=返回精选项目],.enterprise-case button[aria-label=返回精选项目],.ip-case button[aria-label=返回精选项目],.poster-gallery-section button[aria-label=返回精选项目]{position:fixed!important;top:82px!important;left:14px!important;z-index:80!important;height:38px!important;padding-inline:16px!important;border-color:#ffffff47!important;background:#0000007a!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:12px!important}.gbe-case .mb-9.flex,.detail-case .mb-9.flex,.enterprise-case .mb-9.flex{display:grid!important;grid-template-columns:1fr;align-items:start;gap:14px}.brand-case .manual-tags{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:16px;width:auto;transform:none}.brand-case .manual-tag{display:inline-flex;min-height:28px;align-items:center;justify-content:center;padding:0 4px!important;font-size:10px!important;line-height:1.1;text-align:center;white-space:nowrap}.brand-manual-preview-action{justify-content:flex-start}.gbe-case article>div>a[href^="/pdf/gbe2026/"]{display:flex!important;width:-moz-max-content;width:max-content;margin-left:0;align-self:flex-start}.brand-case .brand-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-case .brand-process-card{min-height:132px;border-radius:16px!important;padding:14px!important}.brand-case .brand-process-card h3{font-size:15px!important;line-height:1.2!important;white-space:nowrap}.brand-case .brand-process-card p{margin-top:8px!important;font-size:10px!important;line-height:1.5!important}.gbe-case .gbe-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}.gbe-case .gbe-stats-grid>div{border-radius:16px;padding:14px 8px}.gbe-case .gbe-stats-grid span:first-child{font-size:clamp(30px,9vw,42px)}.gbe-case .gbe-stats-grid span:last-child{margin-top:6px;font-size:10px;line-height:1.2}.gbe-case .thinking-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gbe-case .thinking-card{border-radius:16px!important;padding:14px!important}.gbe-case .thinking-card span{font-size:10px}.gbe-case .thinking-card h3{margin-top:10px!important;font-size:16px!important;line-height:1.18!important}.gbe-case .thinking-card p{margin-top:8px!important;font-size:11px!important;line-height:1.55!important}.gbe-case .h-\[520px\],.gbe-case .h-\[360px\],.gbe-case .h-\[250px\]{height:auto!important;max-height:none}.gbe-case img,.enterprise-case img{-o-object-fit:contain;object-fit:contain}.gbe-case .onsite-scroll-gallery{display:flex!important;grid-template-columns:none!important;gap:14px;margin-inline:-16px;padding:0 16px 12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.gbe-case .onsite-scroll-gallery::-webkit-scrollbar{display:none}.gbe-case .onsite-gallery-card{flex:0 0 min(84vw,360px);scroll-snap-align:start}.gbe-case .onsite-gallery-image{height:255px!important;-o-object-fit:cover!important;object-fit:cover!important}.gbe-case .onsite-mobile-controls{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:18px;padding:18px 24px 22px}.gbe-case .onsite-mobile-controls button{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border:1px solid rgba(44,255,244,.46);border-radius:999px;background:#2cfff414;color:var(--accent);font-size:24px;font-weight:900}.gbe-case .onsite-mobile-controls button:disabled{opacity:.32}.gbe-case .onsite-mobile-controls span{color:#ffffffc7;font-size:16px;font-weight:900;letter-spacing:.18em;text-align:center}.detail-case .detail-desktop-showcase{display:grid;justify-items:center;padding:0}.detail-case .detail-desktop-window{width:min(78vw,330px);padding:10px 10px 12px;border-radius:30px;transform:none!important}.detail-case .detail-desktop-toolbar{height:34px;gap:7px;padding-inline:10px;border-radius:18px 18px 0 0}.detail-case .detail-desktop-toolbar span{width:8px;height:8px}.detail-case .detail-desktop-toolbar strong{margin-left:8px;font-size:8px;letter-spacing:.18em}.detail-case .detail-desktop-screen{height:min(72vh,560px);overflow-y:auto;border-radius:0 0 20px 20px;scrollbar-width:thin;scrollbar-color:rgba(44,255,244,.55) rgba(255,255,255,.08)}.detail-case .detail-desktop-screen::-webkit-scrollbar{width:4px}.detail-case .detail-desktop-screen::-webkit-scrollbar-track{background:#ffffff14}.detail-case .detail-desktop-screen::-webkit-scrollbar-thumb{border-radius:999px;background:#2cfff48c}.detail-case .detail-desktop-scroll{animation:none!important;transform:none!important}.detail-case .detail-desktop-caption{position:static;padding:12px 4px 2px;background:transparent}.detail-case .detail-desktop-caption p{font-size:8px;letter-spacing:.16em;white-space:nowrap}.detail-case .detail-desktop-caption h2{margin-top:6px;font-size:19px;line-height:1.12}.detail-case .detail-logic-section h2,.detail-case .detail-structure-section h2{max-width:none!important;font-size:30px!important;line-height:1.18!important;word-break:keep-all}.detail-case .detail-logic-section .text-\[12px\],.detail-case .detail-structure-section .text-\[12px\]{font-size:10px!important;line-height:1!important}.detail-case .detail-logic-section>div:first-child,.detail-case .detail-structure-section .mb-9{gap:12px}.detail-case .detail-logic-section>div:first-child>p:last-child,.detail-case .detail-structure-section .mb-9>p{max-width:100%;font-size:12px!important;line-height:1.6!important}.detail-case .detail-logic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-case .detail-logic-card{min-height:168px;border-radius:16px!important;padding:14px!important}.detail-case .detail-logic-card h3{margin-top:14px!important;font-size:17px!important;line-height:1.2!important;white-space:nowrap}.detail-case .detail-logic-card p{margin-top:8px!important;font-size:10px!important;line-height:1.5!important}.detail-case .detail-structure-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.detail-case .detail-structure-card{min-height:96px;border-radius:16px!important;padding:12px 8px!important}.detail-case .detail-structure-card p{margin-top:18px!important;font-size:15px!important;line-height:1.18!important;white-space:nowrap}.detail-case .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.detail-case .grid-cols-3>div{border-radius:14px!important;padding:12px 8px!important}.detail-case .grid-cols-3 span:first-child{font-size:27px!important}.detail-case .grid-cols-3 span:last-child{margin-top:6px!important;font-size:8px!important;line-height:1.15!important;white-space:nowrap}.detail-case .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}.detail-case .grid-cols-5 button{border-radius:12px!important}.detail-case .grid-cols-5 .h-\[132px\]{height:68px!important}.detail-case .grid-cols-5 img{-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:top center!important;object-position:top center!important}.detail-case .grid-cols-5 p{padding:6px 4px!important;font-size:8px!important}.detail-case .py-16>.grid:not(.detail-logic-grid):not(.detail-structure-grid){grid-template-columns:1fr!important;gap:16px!important}.detail-case .py-16>.grid:not(.detail-logic-grid):not(.detail-structure-grid) article{padding:10px!important;border-radius:20px!important}.detail-case .py-16>.grid:not(.detail-logic-grid):not(.detail-structure-grid) button{height:300px!important;border-radius:16px!important}.detail-case .py-16>.grid:not(.detail-logic-grid):not(.detail-structure-grid) img{width:100%!important;height:auto!important;min-height:300px!important;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:top center!important;object-position:top center!important}.detail-case .py-16>.grid:not(.detail-logic-grid):not(.detail-structure-grid) h3{font-size:22px!important;line-height:1.1!important}.contact{padding-top:96px}.contact-card-tags{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:auto;transform:none}.contact-card-tags span{min-height:28px;padding:0 4px;font-size:10px;line-height:1.1;white-space:nowrap}.project-nav-strip{grid-template-columns:1fr;gap:14px;margin-top:58px}.project-nav-card{min-height:190px}.poster-gallery-section,.brand-case,.gbe-case,.detail-case,.enterprise-case,.ip-case{padding-inline:16px!important}.poster-scroll{gap:18px;padding-inline:2px}.section-block{padding-top:70px}.work-trigger{padding-right:18px}.work-trigger:after{width:38px;height:38px;border-radius:14px}.work-panel img{min-height:250px}.site-footer{flex-direction:column}}.poster-carousel{width:100%}.poster-carousel-stage{position:relative;display:grid;place-items:center;min-height:520px;overflow:hidden;isolation:isolate}.poster-carousel-stage:before,.poster-carousel-stage:after{content:"";position:absolute;inset-block:0;z-index:4;width:clamp(42px,10vw,120px);pointer-events:none}.poster-carousel-stage:before{left:0;background:linear-gradient(90deg,#000,#0000)}.poster-carousel-stage:after{right:0;background:linear-gradient(270deg,#000,#0000)}.poster-carousel-item{position:absolute;inset-block:auto;display:grid;width:min(58vw,520px);max-width:100%;min-height:0;cursor:pointer;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#ffffff0a;padding:0;box-shadow:0 28px 90px #00000085;outline:none}.poster-carousel-item:focus-visible{box-shadow:0 0 0 3px #2cfff46b,0 28px 90px #00000085}.poster-carousel-item-current{z-index:3;cursor:zoom-in}.poster-carousel-item-previous{z-index:1;left:max(0px,calc(50% - (min(58vw,520px)/2) - min(18vw,170px)))}.poster-carousel-item-next{z-index:1;right:max(0px,calc(50% - (min(58vw,520px)/2) - min(18vw,170px)))}.poster-carousel-item img{display:block;width:100%;height:auto;max-height:68vh;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;border-radius:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none}.poster-carousel-square .poster-carousel-item{aspect-ratio:1 / 1}.poster-carousel-square .poster-carousel-item img{height:100%}.poster-carousel-landscape .poster-carousel-stage{min-height:360px}.poster-carousel-landscape .poster-carousel-item{width:min(68vw,720px);aspect-ratio:16 / 9}.poster-carousel-landscape .poster-carousel-item-previous{left:max(0px,calc(50% - (min(68vw,720px)/2) - min(18vw,190px)))}.poster-carousel-landscape .poster-carousel-item-next{right:max(0px,calc(50% - (min(68vw,720px)/2) - min(18vw,190px)))}.poster-carousel-landscape .poster-carousel-item img{height:100%}.poster-carousel-portrait .poster-carousel-item{width:min(48vw,380px);aspect-ratio:1 / 2.01;height:auto;max-height:none;overflow:hidden;overscroll-behavior:contain;scrollbar-color:rgba(44,255,244,.5) rgba(255,255,255,.08);scrollbar-width:thin}.poster-carousel-portrait .poster-carousel-stage{min-height:min(78vw,764px)}.poster-carousel-portrait .poster-carousel-item-previous{left:max(0px,calc(50% - (min(48vw,380px)/2) - min(16vw,140px)))}.poster-carousel-portrait .poster-carousel-item-next{right:max(0px,calc(50% - (min(48vw,380px)/2) - min(16vw,140px)))}.poster-carousel-portrait .poster-carousel-item::-webkit-scrollbar{width:6px}.poster-carousel-portrait .poster-carousel-item::-webkit-scrollbar-thumb{border-radius:999px;background:#2cfff47a}.poster-carousel-portrait .poster-carousel-item img{width:100%;max-width:none;height:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.poster-carousel-controls{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:14px}.poster-carousel-controls button{display:inline-grid;width:44px;height:44px;place-items:center;border:1px solid rgba(44,255,244,.36);border-radius:999px;background:#2cfff414;color:var(--primary);font-size:18px;font-weight:900;transition:transform .25s ease,border-color .25s ease,background .25s ease}.poster-carousel-controls button:hover{transform:translateY(-2px);border-color:#2cfff4bd;background:#2cfff42e}.poster-carousel-controls span{min-width:92px;color:#ffffffc2;font-size:12px;font-weight:900;letter-spacing:.14em;text-align:center}@media(max-width:560px){.poster-carousel-stage{min-height:320px;margin-inline:-16px}.poster-carousel-item{width:82vw;border-radius:18px}.poster-carousel-item-previous{left:calc(50% - 86vw)}.poster-carousel-item-next{right:calc(50% - 86vw)}.poster-carousel-landscape .poster-carousel-stage{min-height:230px}.poster-carousel-landscape .poster-carousel-item{width:86vw}.poster-carousel-landscape .poster-carousel-item-previous{left:calc(50% - 90vw)}.poster-carousel-landscape .poster-carousel-item-next{right:calc(50% - 90vw)}.poster-carousel-portrait .poster-carousel-stage{min-height:161vw}.poster-carousel-portrait .poster-carousel-item{width:80vw;height:auto;max-height:none}.poster-carousel-portrait .poster-carousel-item-previous{left:calc(50% - 84vw)}.poster-carousel-portrait .poster-carousel-item-next{right:calc(50% - 84vw)}.poster-carousel-controls{margin-top:16px;gap:10px}.poster-carousel-controls button{width:40px;height:40px}}.ip-case button{font:inherit}.ip-kicker{margin:0 0 18px;color:var(--primary);font-size:11px;line-height:1;font-weight:820;letter-spacing:.2em;text-transform:uppercase}.ip-section h2{margin:0;color:#f4f2ec;font-size:clamp(32px,3.5vw,58px);line-height:1.04;font-weight:720;letter-spacing:0}.ip-section p{max-width:660px;margin:18px 0 0;color:#ffffff8f;font-size:clamp(14px,1vw,16px);line-height:1.85;font-weight:430}.ip-metric{min-height:126px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,rgba(44,255,244,.08),transparent 52%),#ffffff09}.ip-metric span{display:block;color:var(--primary);font-size:36px;line-height:.9;font-weight:820}.ip-metric strong{display:block;margin-top:12px;color:#fff;font-size:15px;line-height:1.2;font-weight:650}.ip-metric p{margin:8px 0 0;color:#ffffff7a;font-size:13px;line-height:1.55;font-weight:420}.ip-hero-visual,.ip-image-card,.ip-draft-card,.ip-wide-image,.ip-poster-orbit-card,.ip-mascot-card,.ip-package-card{display:block;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.1);color:inherit;background:#ffffff09;text-align:left;cursor:zoom-in;transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s ease,box-shadow .28s ease}.ip-hero-visual:hover,.ip-image-card:hover,.ip-draft-card:hover,.ip-wide-image:hover,.ip-poster-orbit-card:hover,.ip-mascot-card:hover,.ip-package-card:hover{border-color:#2cfff473;box-shadow:0 26px 80px #0000006b;transform:translateY(-6px)}.ip-hero-visual{position:relative;padding:26px;border-radius:34px;background:radial-gradient(circle at 28% 20%,rgba(44,255,244,.14),transparent 28rem),linear-gradient(145deg,#ffffff17,#ffffff06)}.ip-hero-visual img{display:block;width:100%;height:auto;border-radius:24px}.ip-hero-visual span,.ip-image-card span,.ip-poster-orbit-card span{display:block;color:#ffffffb8;font-size:12px;line-height:1;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.ip-hero-visual span{margin-top:18px;color:var(--primary)}.ip-draft-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ip-draft-card{overflow:hidden;border:1px solid rgba(44,255,244,.22);border-radius:24px;background:#fffffff0;box-shadow:0 18px 70px #00000047}.ip-draft-card:hover{border-color:#2cfff4b8;box-shadow:0 24px 80px #00000061,0 0 0 1px #2cfff42e;transform:translateY(-8px) scale(1.018)}.ip-draft-card>div{display:grid;min-height:250px;place-items:center;padding:18px;background:linear-gradient(180deg,#eaf4fbbf,#fffffff5),#fff}.ip-draft-card img{display:block;max-width:100%;max-height:218px;-o-object-fit:contain;object-fit:contain}.ip-draft-card footer{display:grid;gap:6px;padding:16px 18px 18px;background:linear-gradient(135deg,rgba(44,255,244,.18),transparent 44%),#071017;text-align:center}.ip-draft-card strong{color:#f8fffe;font-size:20px;line-height:1.1;font-weight:900}.ip-draft-card span{color:#2cfff4b3;font-size:11px;line-height:1;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.ip-sticker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ip-sticker-card{overflow:hidden;border:1px solid rgba(44,255,244,.22);border-radius:24px;background:#fffffff0;box-shadow:0 18px 70px #00000047;cursor:zoom-in;transition:transform .26s cubic-bezier(.22,1,.36,1),border-color .26s ease,box-shadow .26s ease}.ip-sticker-card:hover{border-color:#2cfff4b8;box-shadow:0 24px 80px #00000061,0 0 0 1px #2cfff42e;transform:translateY(-8px) scale(1.018)}.ip-sticker-card>div{display:grid;min-height:250px;place-items:center;padding:18px;background:linear-gradient(180deg,#eaf4fbbf,#fffffff5),#fff}.ip-sticker-card img{display:block;max-width:100%;max-height:218px;-o-object-fit:contain;object-fit:contain}.ip-sticker-card footer{display:grid;gap:6px;padding:16px 18px 18px;background:linear-gradient(135deg,rgba(44,255,244,.18),transparent 44%),#071017;text-align:center}.ip-sticker-card strong{color:#f8fffe;font-size:20px;line-height:1.1;font-weight:900}.ip-sticker-card span{color:#2cfff4b3;font-size:11px;line-height:1;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.ip-poster-orbit{position:relative;overflow:hidden;min-height:700px;border:1px solid rgba(255,255,255,.08);border-radius:34px;background:radial-gradient(ellipse at 50% 50%,rgba(44,255,244,.1),transparent 36rem),radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.065),transparent 28rem),#000}.ip-poster-orbit:before,.ip-poster-orbit:after{content:"";position:absolute;inset-block:0;z-index:2;width:24%;pointer-events:none}.ip-poster-orbit:before{left:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.82) 42%,transparent)}.ip-poster-orbit:after{right:0;background:linear-gradient(270deg,#000 0%,rgba(0,0,0,.82) 42%,transparent)}.ip-poster-orbit-track{position:absolute;left:50%;top:50%;display:flex;gap:clamp(22px,2.4vw,42px);width:-moz-max-content;width:max-content;transform-style:preserve-3d;animation:ipPosterOrbit 30s ease-in-out infinite}.ip-poster-orbit:hover .ip-poster-orbit-track{animation-play-state:paused}.ip-poster-orbit-card{position:relative;flex:0 0 clamp(230px,16vw,300px);aspect-ratio:9 / 16;padding:0;border:0;border-radius:22px;background:transparent;opacity:var(--poster-opacity);filter:brightness(calc(.72 + var(--poster-opacity) * .35)) saturate(.94);transform:translateY(var(--poster-y)) translateZ(var(--poster-z)) rotateY(var(--poster-rotate)) scale(var(--poster-scale));transform-style:preserve-3d;box-shadow:0 24px 70px #0000006b}.ip-poster-orbit-card:hover{z-index:4;opacity:1;filter:brightness(1.08) saturate(1);transform:translateY(-14px) translateZ(120px) rotateY(0) scale(1.08)}.ip-poster-orbit-card img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:20px;background:transparent}.ip-poster-orbit-card span{position:absolute;left:18px;bottom:18px;z-index:1;padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#0000006b;color:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ip-poster-carousel{display:none;justify-items:center;min-height:0;padding:clamp(28px,4vw,56px) clamp(18px,4vw,44px);perspective:none}.ip-poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ip-poster-grid-card{position:relative;overflow:hidden;border:1px solid rgba(44,255,244,.2);border-radius:24px;background:#ffffff09;padding:0;cursor:zoom-in;box-shadow:0 24px 80px #0000007a}.ip-poster-grid-card img{display:block;width:100%;height:auto}.ip-poster-grid-card span{position:absolute;left:14px;bottom:14px;z-index:1;padding:7px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#00000073;color:#ffffffd1;font-size:12px;line-height:1;font-weight:850;letter-spacing:.08em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ip-poster-carousel:before,.ip-poster-carousel:after{display:none}.ip-poster-carousel-stage{position:relative;display:grid;width:100%;min-height:min(72vh,640px);place-items:center}.ip-poster-carousel-card{position:relative;display:grid;width:min(60vw,440px);max-width:100%;cursor:zoom-in;place-items:center;overflow:hidden;border:1px solid rgba(44,255,244,.2);border-radius:28px;background:#ffffff09;padding:0;box-shadow:0 34px 110px #0000009e}.ip-poster-carousel-card:hover{border-color:#2cfff48f;box-shadow:0 40px 120px #000000bd}.ip-poster-carousel-card img{display:block;width:100%;height:auto;max-height:min(72vh,640px);-o-object-fit:contain;object-fit:contain;border-radius:inherit}.ip-poster-carousel-card span{position:absolute;left:18px;bottom:18px;z-index:1;padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#00000073;color:#ffffffd1;font-size:12px;line-height:1;font-weight:850;letter-spacing:.08em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ip-poster-carousel-controls{margin-top:24px;display:inline-flex;align-items:center;justify-content:center;gap:14px}.ip-poster-carousel-controls button{display:inline-grid;width:44px;height:44px;place-items:center;border:1px solid rgba(44,255,244,.36);border-radius:999px;background:#2cfff414;color:var(--primary);font-size:18px;font-weight:900;transition:transform .25s ease,border-color .25s ease,background .25s ease}.ip-poster-carousel-controls button:hover{transform:translateY(-2px);border-color:#2cfff4bd;background:#2cfff42e}.ip-poster-carousel-controls span{min-width:92px;color:#ffffffc2;font-size:12px;font-weight:900;letter-spacing:.14em;text-align:center}@keyframes ipPosterOrbit{0%{transform:translate3d(-31%,-50%,0) rotateY(-18deg) rotateX(2.5deg)}50%{transform:translate3d(-62%,-50%,0) rotateY(18deg) rotateX(-2.5deg)}to{transform:translate3d(-31%,-50%,0) rotateY(-18deg) rotateX(2.5deg)}}.ip-wide-image{border-radius:28px;background:#ffffff0a}.ip-wide-image img,.ip-package-card img{display:block;width:100%;height:auto}.ip-mascot-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.ip-mascot-card{aspect-ratio:3 / 4;border-radius:24px}.ip-mascot-card img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ip-package-card{padding:18px;border-radius:32px;background:#ffffff09}.ip-package-card img{border-radius:22px}@media(max-width:1180px){.project-nav-strip-scroll{grid-auto-columns:minmax(230px,1fr);grid-auto-flow:column;grid-template-columns:none;overflow-x:auto}.ip-sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ip-poster-orbit{min-height:500px}.ip-mascot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.ip-case{padding-inline:18px!important}.contact-card{grid-template-columns:1fr}.contact-card-qr img{max-width:260px;justify-self:center}.contact-card-qr span{text-align:center}.contact-card-main dl div{grid-template-columns:1fr;gap:6px}.ip-sticker-grid,.ip-draft-grid,.ip-mascot-grid{grid-template-columns:1fr}.ip-image-card img,.ip-image-card.is-wide img{height:auto;max-height:420px}.ip-poster-carousel{display:grid;min-height:0;padding:22px 14px 24px;border-radius:30px}.ip-poster-grid{display:none}.ip-poster-carousel-stage{min-height:520px}.ip-poster-carousel-card{width:min(82vw,340px);border-radius:24px}.ip-poster-carousel-card img{max-height:520px}.ip-poster-carousel-controls{margin-top:18px}.contact-modal-card{grid-template-columns:1fr;max-width:460px}.contact-modal-qr img{max-width:260px;justify-self:center}.contact-modal-qr span{text-align:center}.contact-modal-info{padding-right:0}}@media(max-width:560px){.contact-modal{padding:18px;align-items:center}.contact-modal-card{width:min(360px,88vw);max-height:80vh;padding:20px;overflow-y:auto;border-radius:26px;-webkit-overflow-scrolling:touch}.contact-modal-close{grid-area:auto;align-self:center;justify-self:center;margin:18px 0 0;transform:none;width:48px;height:48px;font-size:30px}.contact-modal-close:hover{transform:rotate(90deg)}.contact-modal-qr img{width:min(100%,240px);justify-self:center}.contact-modal-info dl div{grid-template-columns:1fr;gap:6px}html,body,#root{max-width:100vw;overflow-x:hidden}.brand-pdf-preview{border-radius:22px!important;padding:12px}.brand-manual-card-cover{display:none}.brand-manual-preview-page{padding:104px 16px 72px!important}.brand-manual-preview-back{left:18px!important;top:78px!important;height:42px!important;padding-inline:16px!important;font-size:12px!important}.brand-manual-preview-shell{padding-top:46px}.gbe-pdf-preview-page{padding:104px 16px 72px!important}.gbe-pdf-preview-back{left:18px!important;top:78px!important;height:42px!important;padding-inline:16px!important;font-size:12px!important}.gbe-pdf-preview-shell{padding-top:46px}.gbe-mobile-pdf-pages{display:grid;gap:14px}.gbe-mobile-pdf-page{overflow:hidden;margin:0;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;box-shadow:0 18px 46px #00000047}.gbe-mobile-pdf-page img{display:block;width:100%;height:auto;-o-object-fit:contain;object-fit:contain;background:#fff}.gbe-mobile-pdf-page figcaption{padding:10px 12px 12px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.16em}.brand-manual-preview-header{grid-template-columns:1fr;gap:14px;margin-bottom:18px;padding-bottom:20px}.brand-manual-preview-header .case-title{font-size:clamp(32px,9vw,44px);line-height:1.08}.brand-manual-preview-header>span{font-size:22px}.brand-pdf-iframe{display:none}.brand-pdf-mobile-cover{display:grid;min-height:430px;place-items:center;overflow:hidden;border-radius:18px;background:#ffffff0d}.brand-pdf-mobile-cover img{width:100%;height:auto;max-height:72vh;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.brand-mobile-pdf-pages{display:grid;gap:14px}.brand-mobile-pdf-state{display:grid;min-height:260px;place-items:center;border-radius:18px;background:#ffffff0d;color:#ffffffa8;font-size:14px;font-weight:800;line-height:1.7;text-align:center}.brand-mobile-pdf-state a{margin-top:10px;color:var(--accent)}.brand-mobile-pdf-page{overflow:hidden;margin:0;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;box-shadow:0 18px 46px #00000047}.brand-mobile-pdf-page img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;background:#fff}.brand-mobile-pdf-page figcaption{padding:10px 12px 12px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.16em}.brand-case .brand-pdf-preview,.detail-case .detail-logic-section,.detail-case .detail-structure-section{max-width:100%;overflow:hidden}.brand-case .brand-pdf-preview{width:100%}.detail-case .detail-logic-section>div:first-child,.detail-case .detail-structure-section .mb-9{min-width:0;max-width:100%}.detail-case .detail-logic-section{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;padding-block:48px!important}.detail-case .detail-logic-section h2,.detail-case .detail-structure-section h2{max-width:100%!important;width:100%!important;font-size:clamp(30px,8.6vw,38px)!important;line-height:1.16!important;letter-spacing:0!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:break-word!important}.detail-case .detail-logic-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}.detail-case .detail-logic-card{min-width:0!important;min-height:158px!important;padding:13px!important;border-radius:16px!important}.detail-case .detail-logic-card span{font-size:10px!important}.detail-case .detail-logic-card h3{margin-top:14px!important;font-size:16px!important;line-height:1.16!important;white-space:nowrap!important}.detail-case .detail-logic-card p{margin-top:8px!important;font-size:10px!important;line-height:1.5!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Urbanist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{scroll-behavior:smooth}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.right-8{right:2rem}.top-0{top:0}.top-8{top:2rem}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-5{margin-bottom:1.25rem}.mb-8{margin-bottom:2rem}.mb-9{margin-bottom:2.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.h-11{height:2.75rem}.h-12{height:3rem}.h-\[112px\]{height:112px}.h-\[132px\]{height:132px}.h-\[250px\]{height:250px}.h-\[360px\]{height:360px}.h-\[520px\]{height:520px}.h-\[540px\]{height:540px}.h-\[calc\(100vh-260px\)\]{height:calc(100vh - 260px)}.h-auto{height:auto}.h-full{height:100%}.max-h-\[84vh\]{max-height:84vh}.max-h-\[86vh\]{max-height:86vh}.min-h-\[720px\]{min-height:720px}.min-h-\[calc\(100vh-160px\)\]{min-height:calc(100vh - 160px)}.min-h-\[calc\(100vh-260px\)\]{min-height:calc(100vh - 260px)}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-\[1180px\]{max-width:1180px}.max-w-\[520px\]{max-width:520px}.max-w-\[560px\]{max-width:560px}.max-w-\[640px\]{max-width:640px}.max-w-\[760px\]{max-width:760px}.max-w-\[820px\]{max-width:820px}.max-w-\[840px\]{max-width:840px}.max-w-\[86vw\]{max-width:86vw}.max-w-\[92vw\]{max-width:92vw}.cursor-zoom-out{cursor:zoom-out}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-\[24px\]{border-radius:24px}.rounded-\[26px\]{border-radius:26px}.rounded-\[28px\]{border-radius:28px}.rounded-\[34px\]{border-radius:34px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-0{border-width:0px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-accent\/55{border-color:#2cfff48c}.border-accent\/70{border-color:#2cfff4b3}.border-white\/10{border-color:#ffffff1a}.bg-\[\#050608\]{--tw-bg-opacity: 1;background-color:rgb(5 6 8 / var(--tw-bg-opacity, 1))}.bg-\[\#111\]{--tw-bg-opacity: 1;background-color:rgb(17 17 17 / var(--tw-bg-opacity, 1))}.bg-\[\#28c840\]{--tw-bg-opacity: 1;background-color:rgb(40 200 64 / var(--tw-bg-opacity, 1))}.bg-\[\#c9cacc\]{--tw-bg-opacity: 1;background-color:rgb(201 202 204 / var(--tw-bg-opacity, 1))}.bg-\[\#ff5f57\]{--tw-bg-opacity: 1;background-color:rgb(255 95 87 / var(--tw-bg-opacity, 1))}.bg-\[\#ffbd2e\]{--tw-bg-opacity: 1;background-color:rgb(255 189 46 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/60{background-color:#0009}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/\[0\.035\]{background-color:#ffffff09}.bg-white\/\[0\.045\]{background-color:#ffffff0b}.bg-white\/\[0\.085\]{background-color:#ffffff16}.bg-white\/\[0\.09\]{background-color:#ffffff17}.bg-\[radial-gradient\(circle_at_14\%_10\%\,rgba\(44\,255\,244\,0\.14\)\,transparent_34rem\)\]{background-image:radial-gradient(circle at 14% 10%,rgba(44,255,244,.14),transparent 34rem)}.bg-\[radial-gradient\(circle_at_16\%_10\%\,rgba\(44\,255\,244\,0\.13\)\,transparent_34rem\)\]{background-image:radial-gradient(circle at 16% 10%,rgba(44,255,244,.13),transparent 34rem)}.bg-\[radial-gradient\(circle_at_18\%_10\%\,rgba\(44\,255\,244\,0\.14\)\,transparent_34rem\)\]{background-image:radial-gradient(circle at 18% 10%,rgba(44,255,244,.14),transparent 34rem)}.bg-\[radial-gradient\(circle_at_18\%_8\%\,rgba\(44\,255\,244\,0\.14\)\,transparent_34rem\)\]{background-image:radial-gradient(circle at 18% 8%,rgba(44,255,244,.14),transparent 34rem)}.bg-\[radial-gradient\(circle_at_50\%_8\%\,rgba\(44\,255\,244\,0\.12\)\,transparent_34rem\)\]{background-image:radial-gradient(circle at 50% 8%,rgba(44,255,244,.12),transparent 34rem)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-black{--tw-gradient-from: #000 var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.p-0{padding:0}.p-10{padding:2.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-1{padding-bottom:.25rem}.pb-14{padding-bottom:3.5rem}.pb-4{padding-bottom:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[42px\]{font-size:42px}.text-\[clamp\(24px\,2\.4vw\,38px\)\]{font-size:clamp(24px,2.4vw,38px)}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-normal{letter-spacing:0em}.text-accent{--tw-text-opacity: 1;color:rgb(44 255 244 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow-\[0_18px_48px_rgba\(0\,0\,0\,0\.42\)\]{--tw-shadow: 0 18px 48px rgba(0,0,0,.42);--tw-shadow-colored: 0 18px 48px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_40px_110px_rgba\(0\,0\,0\,0\.52\)\]{--tw-shadow: 0 40px 110px rgba(0,0,0,.52);--tw-shadow-colored: 0 40px 110px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_40px_120px_rgba\(0\,0\,0\,0\.72\)\]{--tw-shadow: 0 40px 120px rgba(0,0,0,.72);--tw-shadow-colored: 0 40px 120px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_40px_140px_rgba\(0\,0\,0\,0\.48\)\]{--tw-shadow: 0 40px 140px rgba(0,0,0,.48);--tw-shadow-colored: 0 40px 140px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_48px_140px_rgba\(0\,0\,0\,0\.82\)\]{--tw-shadow: 0 48px 140px rgba(0,0,0,.82);--tw-shadow-colored: 0 48px 140px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-white\/10{--tw-ring-color: rgb(255 255 255 / .1)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.hover\:border-accent\/45:hover{border-color:#2cfff473}.hover\:border-accent\/60:hover{border-color:#2cfff499}.hover\:bg-accent:hover{--tw-bg-opacity: 1;background-color:rgb(44 255 244 / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/\[0\.07\]:hover{background-color:#ffffff12}.hover\:text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.focus-visible\:rounded-\[24px\]:focus-visible{border-radius:24px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-4:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-accent\/60:focus-visible{--tw-ring-color: rgb(44 255 244 / .6)}.group:hover .group-hover\:scale-\[1\.025\]{--tw-scale-x: 1.025;--tw-scale-y: 1.025;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.04\]{--tw-scale-x: 1.04;--tw-scale-y: 1.04;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media(min-width:768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:row-span-2{grid-row:span 2 / span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[0\.72fr_1\.28fr\]{grid-template-columns:.72fr 1.28fr}.lg\:grid-cols-\[0\.78fr_1\.22fr\]{grid-template-columns:.78fr 1.22fr}.lg\:grid-cols-\[0\.92fr_1\.08fr\]{grid-template-columns:.92fr 1.08fr}.lg\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.lg\:items-end{align-items:flex-end}.lg\:items-stretch{align-items:stretch}.lg\:justify-self-end{justify-self:end}.lg\:p-12{padding:3rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}}@media(min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}