:root { color-scheme: dark; --bg:#090e1b; --surface:#101729; --sub:#a1adc5; --text:#f1f4ff; --purple:#8e81ff; --cyan:#7de4ed; --line:rgba(195,210,247,.13); font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang HK","Noto Sans TC",sans-serif; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{background:var(--bg);margin:0;color:var(--text);line-height:1.65;overflow-x:hidden} a{color:inherit;text-decoration:none} button{font:inherit} ::selection{background:#8881ef80;color:white} .wrap{max-width:1180px;margin:0 auto;padding-left:32px;padding-right:32px;position:relative} .ambient{pointer-events:none;position:absolute;border-radius:50%;z-index:0;filter:blur(100px);opacity:.25}.ambient-one{width:530px;height:550px;background:#4a4388;top:80px;right:-280px}.ambient-two{width:440px;height:450px;background:#104960;top:530px;left:-330px}
.site-header{height:83px;position:relative;z-index:5;border-bottom:1px solid var(--line);background:#090e1bd6;backdrop-filter:blur(16px)}.nav-inner{height:100%;display:flex;align-items:center;gap:40px}.logo{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.logo-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #9a94fd;border-radius:10px;background:#8e81ff19;font-size:23px;font-weight:800;letter-spacing:-3px}.logo-dot{color:var(--cyan)}.logo-word{font-size:14px;letter-spacing:.075em;font-weight:850}.logo-word>span{font-weight:400;color:#b2addd}.logo-word small{font-size:9px;vertical-align:top;margin-left:3px;color:#a8a3f4}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:33px;margin-left:auto}.desktop-nav a{font-size:12px;color:#c5cbe1;transition:.2s}.desktop-nav a:hover{color:#fff}.nav-cta{margin-left:12px;background:#f1f2ff;color:#151b32;font-weight:750;border-radius:999px;font-size:12px;padding:11px 19px;display:flex;align-items:center;gap:22px}.nav-cta span{font-size:17px}.nav-cta:hover,.primary-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.menu-toggle{display:none;border:1px solid var(--line);color:var(--text);padding:6px 12px;background:transparent;border-radius:8px}.mobile-nav[hidden]{display:none!important}
.hero{min-height:665px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:35px;padding-top:52px;padding-bottom:82px}.hero-copy{z-index:1}.eyebrow{display:flex;align-items:center;gap:13px;color:#b7bbf9;letter-spacing:.19em;font-size:10px;font-weight:800}.eyebrow-dot{height:7px;width:7px;box-shadow:0 0 18px #7ff0e9;border-radius:50%;background:#7ff0e9}.eyebrow-sep{opacity:.5}.small-intro{font-size:18px;font-weight:550;color:#c7cde2;margin-top:29px;margin-bottom:13px}.hero h1{font-size:clamp(41px,4.15vw,62px);letter-spacing:-.042em;line-height:1.34;font-weight:850;margin:0 0 24px}.highlight{background:linear-gradient(100deg,#a996ff 5%,#7fcee9 95%);background-clip:text;color:transparent}.punct{color:#8179ea}.hero-description{font-size:15px;color:#b5c0d5;max-width:500px;line-height:2.05;margin:0}.hero-actions{margin-top:31px;display:flex;gap:12px;align-items:center}.primary-btn,.secondary-btn{display:flex;align-items:center;gap:26px;border-radius:9px;padding:12px 20px;font-size:13px;font-weight:750;transition:.2s}.primary-btn{background:linear-gradient(100deg,#8f8bf8,#8a80db);box-shadow:0 8px 28px #6969ed30;color:#fff}.secondary-btn{border:1px solid #505a73;color:#e4e8f7}.hero-under{display:flex;align-items:center;gap:11px;color:#8792ad;font-size:10px;letter-spacing:.14em;margin-top:48px;font-weight:700}.mini-line{height:1px;background:#9b95c9;width:25px}.bullet{color:#7771b9}
.hero-visual{height:520px;position:relative;display:grid;place-items:center}.portrait-glow{position:absolute;inset:90px 60px 10px 60px;border-radius:50%;background:linear-gradient(45deg,#5554ac60,#4b9db75c);filter:blur(65px)}.portrait-frame{height:465px;width:355px;max-width:90%;position:relative;background:linear-gradient(130deg,#182542,#0c1324 73%);border-radius:180px 180px 18px 18px;border:1px solid #7173b582;box-shadow:0 30px 100px #0008;overflow:hidden}.portrait-grid{position:absolute;inset:0;background-image:linear-gradient(#aaa5ff10 1px,transparent 1px),linear-gradient(90deg,#aaa5ff10 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(black,transparent)}.portrait-rim{position:absolute;z-index:1;inset:12px;border:1px solid #a7b2de35;border-radius:170px 170px 12px 12px}.portrait-preview{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center}.portrait-preview svg{width:100%;height:100%;object-fit:contain;position:absolute;bottom:-90px;filter:drop-shadow(0 0 30px #a4aff033)}.portrait-placeholder{position:absolute;bottom:27px;left:23px;right:23px;z-index:2;text-align:center;background:#101a30ce;border:1px solid #ffffff24;border-radius:9px;padding:9px;color:#cfd5e8;font-size:11px;letter-spacing:.08em;backdrop-filter:blur(10px)}.portrait-placeholder span{display:block;letter-spacing:.23em;font-size:9px;color:#acaafa}.portrait-stamp{position:absolute;z-index:2;top:70px;right:16px;transform:rotate(7deg);background:#141d38bb;border:1px solid #9d9cff61;border-radius:12px;padding:10px;box-shadow:0 0 30px #0004}.portrait-stamp span{display:block;letter-spacing:.2em;font-size:8px;color:#a8b5e6}.portrait-stamp strong{font-size:15px;letter-spacing:.06em;line-height:1.15}.floating-tag{position:absolute;bottom:10px;left:0;background:#15203df0;border:1px solid #747bc26b;box-shadow:0 12px 50px #0009;border-radius:12px;padding:13px 18px;display:flex;gap:12px;align-items:center}.floating-tag strong{display:block;font-size:11px;letter-spacing:.08em}.floating-tag small{display:block;font-size:10px;color:#a4b3d2}.signal{height:11px;width:11px;background:#82e4d7;border-radius:50%;box-shadow:0 0 0 5px #82e4d721}.hero-side-text{position:absolute;right:-4px;bottom:110px;transform:rotate(90deg);font-size:9px;letter-spacing:.18em;color:#8a91ad}
.divider-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff04}.skill-strip{display:flex;justify-content:space-between;align-items:center;min-height:77px;color:#a5b0c8;font-size:11px;font-weight:800;letter-spacing:.125em;gap:18px}.skill-strip i{display:block;width:4px;height:4px;background:#8285df;border-radius:50%}.section{padding-top:116px;padding-bottom:116px;scroll-margin-top:60px}.kicker{font-size:11px;color:#a9a2ff;font-weight:850;letter-spacing:.2em}.section-heading h2{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.036em;line-height:1.45;margin:19px 0 0;font-weight:830}.section-heading h2 span{color:#a6afc9}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.heading-row>p{color:#aab4c9;font-size:14px;line-height:1.9;max-width:300px;margin-bottom:4px}.about-layout{display:grid;grid-template-columns:1fr 1.22fr;gap:74px;margin-top:42px;align-items:center}.about-abstract{height:360px;border:1px solid #414f739c;border-radius:18px;background:radial-gradient(circle at 70% 33%,#4a4b995c,transparent 45%),linear-gradient(120deg,#111c33,#0c1324);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.big-monogram{font-size:200px;color:#bbc5f4;letter-spacing:-.13em;font-weight:850;text-shadow:0 0 80px #9495ec85}.big-monogram span{color:#81d6e3}.abstract-lines{position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 55px,#c1baff0d 56px,transparent 57px)}.abstract-caption{position:absolute;bottom:20px;left:24px;font-size:10px;line-height:1.7;letter-spacing:.16em;color:#b6bee2}.about-text>p{font-size:15px;color:#b9c4d9;line-height:2.13;margin:0 0 22px}.principles{margin-top:35px;border-top:1px solid var(--line);padding-top:26px;display:flex;gap:28px}.principles>div{display:flex;flex-direction:column;gap:4px}.principles span{color:#9089f0;font-size:11px;font-weight:800}.principles strong{font-size:13px}.principles small{font-size:10px;color:#8694af}
.services-bg{background:#10182a;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{min-height:312px;background:#151f35;border:1px solid #38445e;border-radius:16px;padding:25px;display:flex;flex-direction:column;position:relative;transition:.2s}.service-card:hover{border-color:#8689c5;transform:translateY(-3px)}.service-icon{height:48px;width:48px;border-radius:12px;display:grid;place-items:center;background:#8580e920;border:1px solid #9794e64f;font-size:26px;color:#b9b7ff}.card-num{position:absolute;right:22px;top:26px;color:#61708e;font-size:12px}.service-card h3{font-size:19px;letter-spacing:-.015em;line-height:1.35;margin:26px 0 11px;max-width:280px}.service-card p{font-size:13px;color:#aebad3;line-height:1.85;margin:0}.card-bottom{margin-top:auto;color:#8eadd3;font-size:11px;border-top:1px solid #ffffff1a;padding-top:19px}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.work-card{background:#11182a;border:1px solid #33405b;border-radius:16px;overflow:hidden}.work-card.featured{grid-column:span 2;display:grid;grid-template-columns:.97fr 1fr}.work-art{height:220px;position:relative;overflow:hidden;background:#212d47}.featured .work-art{height:310px}.work-art-ai{background:radial-gradient(ellipse at center,#5e5d9c 0%,#1b2149 44%,#0d1432 100%);display:grid;place-items:center}.art-tag{position:absolute;left:23px;top:22px;z-index:2;letter-spacing:.16em;font-size:9px;color:#bac5ef}.orbit{border:1px solid #9a9bff78;position:absolute;border-radius:50%;transform:rotate(-23deg)}.orbit-a{width:360px;height:150px}.orbit-b{width:250px;height:260px;transform:rotate(23deg)}.art-center{z-index:2;color:white;font-size:64px;font-weight:900;letter-spacing:-.06em}.art-center span{font-size:28px;color:#91efea}.work-art-beauty{background:radial-gradient(circle at 68% 30%,#88617c,#23213b 57%,#0f152b)}.art-shape{position:absolute;border:1px solid #c99daf91;border-radius:50%}.b-one{width:230px;height:230px;left:38%;top:0}.b-two{width:170px;height:170px;left:19%;top:40px}.work-art-beauty .art-center{position:absolute;left:43%;top:40%;font-size:50px;font-weight:300;color:#eed5e9}.work-art-beauty .art-center span{font-size:14px}.work-art-messaging{background:radial-gradient(circle at 55% 70%,#28748b7a,#111e35 65%)}.bubble{position:absolute;background:#203a58;border:1px solid #6393ad8c;color:#c8ecfa;font-weight:850;border-radius:15px;padding:15px 21px;box-shadow:0 15px 30px #0004}.b1{left:20%;top:53px;transform:rotate(-8deg)}.b2{right:17%;top:92px;transform:rotate(8deg)}.b3{left:43%;top:140px;padding:6px 15px}.work-text{padding:25px 28px}.featured .work-text{display:flex;flex-direction:column;justify-content:center;padding:40px}.work-line{display:flex;justify-content:space-between;gap:9px;font-size:11px;color:#aaa8ff;letter-spacing:-.02em}.status{font-size:10px;color:#c9d1e6;border:1px solid #64718e8a;border-radius:20px;padding:2px 9px;white-space:nowrap}.work-text h3{font-size:21px;letter-spacing:-.02em;margin:17px 0 10px}.work-text p{color:#aab6d0;font-size:13px;line-height:1.9;margin:0 0 25px}.tags{font-size:11px;color:#819dbf}
.process-bg{background:#101729;border-block:1px solid var(--line)}.process-layout{display:grid;grid-template-columns:1fr 1.06fr;gap:80px}.process-layout .section-heading p{font-size:14px;color:#a9b3ca;line-height:1.9;max-width:320px;margin-top:24px}.steps{border-top:1px solid #45516b}.step{padding:19px 0;border-bottom:1px solid #45516b;display:flex;align-items:start;gap:22px}.step>span:first-child{color:#968cfc;font-size:14px;font-weight:800}.step strong{font-size:15px}.step p{color:#9facbf;font-size:12px;line-height:1.7;margin:5px 0 0}.step>div{flex:1}.step-arrow{color:#7c8aa8}.contact{padding-bottom:130px}.contact-box{border:1px solid #7777c982;border-radius:24px;background:radial-gradient(circle at 92% 50%,#4653a16b,transparent 36%),linear-gradient(110deg,#18284c,#111a31);padding:65px 67px;position:relative;margin-top:25px;overflow:hidden;display:flex;align-items:center;justify-content:space-between}.contact-eyebrow{font-size:10px;letter-spacing:.2em;color:#b1b4ee;font-weight:700}.contact-copy{position:relative;z-index:2}.contact-copy h2{font-size:clamp(28px,3.6vw,48px);line-height:1.4;letter-spacing:-.036em;margin:17px 0}.contact-copy h2 span{color:#9eabef}.contact-copy p{font-size:14px;color:#c0cbe1;max-width:550px;line-height:1.95}.contact-note{display:inline-block;font-size:11px;border:1px solid #ffffff38;padding:9px 13px;border-radius:7px;color:#afbbd6;margin-top:14px}.contact-symbol{font-size:210px;line-height:1;color:#a4a4ff4a;font-weight:300;transform:rotate(0deg)}.footer{border-top:1px solid var(--line);background:#070b16}.footer-inner{min-height:105px;display:flex;justify-content:space-between;gap:15px;align-items:center}.footer-inner>span{font-size:10px;letter-spacing:.1em;color:#8591aa}
@media(max-width:950px){.desktop-nav{gap:16px}.nav-cta{margin-left:0}.hero{grid-template-columns:1fr 0.83fr;gap:2px}.hero h1{font-size:clamp(35px,4.6vw,49px)}.portrait-frame{width:300px;height:435px}.floating-tag{left:-12px}.skill-strip{font-size:9px;gap:12px}.section{padding-top:90px;padding-bottom:90px}.process-layout{gap:30px}}
@media(max-width:730px){.site-header{height:70px}.wrap{padding-left:22px;padding-right:22px}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:block;margin-left:auto}.mobile-nav{position:absolute;top:69px;left:0;right:0;background:#121b30;padding:13px 23px 19px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.mobile-nav a{padding:7px;font-size:14px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:50px;padding-bottom:65px;gap:33px}.hero h1{font-size:clamp(37px,8.5vw,51px)}.small-intro{margin-top:23px}.hero-description{font-size:14px}.hero-under{flex-wrap:wrap;font-size:9px;margin-top:33px}.hero-visual{height:410px}.portrait-frame{height:390px;width:300px}.portrait-preview svg{bottom:-62px}.floating-tag{bottom:2px;left:5px}.hero-side-text{right:-19px}.skill-strip{display:grid;grid-template-columns:1fr 1fr;min-height:103px;column-gap:15px;row-gap:0;place-items:center;text-align:center}.skill-strip i{display:none}.section{padding-top:72px;padding-bottom:76px}.section-heading h2{font-size:32px}.heading-row{display:block}.heading-row>p{max-width:560px;margin-top:20px}.about-layout,.process-layout{grid-template-columns:1fr;gap:24px}.about-abstract{height:250px}.big-monogram{font-size:165px}.about-text>p{font-size:14px}.principles{gap:12px}.principles strong{font-size:12px}.principles small{font-size:9px}.service-grid,.work-grid{grid-template-columns:1fr}.work-card.featured{grid-column:auto;display:block}.featured .work-art{height:220px}.featured .work-text{padding:25px 28px}.service-card{min-height:275px}.work-text h3{font-size:18px}.contact{padding-bottom:76px}.contact-box{padding:35px 26px}.contact-copy h2{font-size:30px}.contact-symbol{display:none}.footer-inner{padding-top:24px;padding-bottom:24px;flex-direction:column;gap:11px;align-items:flex-start}.contact-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:730px){.ambient-one{display:none}}
.ambient-one{right:0;width:350px}