:root{font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;color:#fffdf7;background:#101e99;font-synthesis:none;--blue:#193ccc;--navy:#08176b;--yellow:#ffe846;--paper:#f5f3e9;--ink:#1527a2;--muted:#c0c7ee;--line:#ffffff35}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}::selection{background:var(--yellow);color:var(--navy)}.container{width:calc(100% - 128px);max-width:1700px;margin:auto}.mono{font-family:Courier New,monospace;font-size:11px;letter-spacing:1.3px}.dim{color:inherit}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--yellow);margin:0 8px}.navigation{position:absolute;top:0;left:0;width:100%;height:100px;padding:0 64px;z-index:5;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff2a}.wordmark{font-size:35px;font-weight:900;letter-spacing:-3px;display:flex;gap:5px;align-items:start}.wordmark>span{font-size:17px;letter-spacing:0;color:var(--yellow);line-height:28px}.wordmark i{font-size:10px;font-weight:700;letter-spacing:2px;font-style:normal;margin:15px 0 0 18px}.navigation nav{display:flex;gap:40px;font-size:13px;margin-left:-80px}.navigation nav a{transition:color .2s}.navigation nav a:hover{color:var(--yellow)}.nav-contact{font-size:12px;border:1px solid #ffffff80;padding:12px 20px;border-radius:25px;display:flex;gap:25px}.nav-contact:hover{background:var(--yellow);color:var(--navy);border-color:var(--yellow)}.hero{height:100svh;min-height:840px;max-height:1250px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 68% 80%,#1d47cb,transparent 70%),radial-gradient(ellipse at 9% 20%,#183fdc,transparent 60%),#08146e;isolation:isolate}.hero:after,.work:before,.expertise:before,.contact:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:url(/media/paper-grain.svg);opacity:.2;mix-blend-mode:soft-light}.hero-top{position:absolute;top:135px;left:64px;right:64px;display:flex;justify-content:space-between;color:#c4cbef;font-size:10px}.hero-layout{height:100%;padding-top:150px;padding-bottom:90px;display:grid;grid-template-columns:43% 57%;align-items:center;gap:0}.hero-art{height:100%;position:relative;display:flex;align-items:center;justify-content:center;min-height:560px}.character-sticker{position:relative;width:100%;height:100%;max-height:720px;object-fit:contain;object-position:center;transform:rotate(-6deg);filter:drop-shadow(14px 18px 0 #03073d55);z-index:2;animation:sticker-float 7s ease-in-out infinite}.scribble{color:var(--yellow);pointer-events:none}.hero-doodle{position:absolute;top:12%;left:-25%;width:115%;height:180px;z-index:3;transform:rotate(-12deg)}.outline-star{position:absolute;top:0;right:5%;color:var(--yellow);font-size:130px;line-height:1;z-index:3;transform:rotate(15deg)}.hand-note{position:absolute;left:2%;bottom:20%;color:var(--yellow);font-family:Kaiti SC,KaiTi,cursive;font-size:24px;line-height:1.4;z-index:3;transform:rotate(-10deg)}.hand-note svg{width:105px;display:block;transform:rotate(-10deg);margin:10px 0 0 65px}.hero-sticker{position:absolute;right:5%;bottom:4%;background:var(--yellow);color:var(--navy);padding:13px 20px;z-index:3;transform:rotate(5deg);font-weight:700;font-size:17px;box-shadow:5px 5px #070e5899}.hero-content{position:relative;z-index:3;padding:25px 0 20px 7%;align-self:center}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--yellow);margin:0 0 25px}.hero h1{font-size:clamp(105px,11vw,212px);font-weight:900;line-height:.89;letter-spacing:-9px;margin:0;white-space:nowrap}.letter-star{position:relative}.sun-star{position:absolute;top:6%;right:-15%;bottom:-4%;left:-15%;background:var(--yellow);clip-path:polygon(50% 0,58% 34%,83% 12%,70% 42%,100% 49%,70% 57%,88% 86%,58% 70%,50% 100%,42% 70%,13% 89%,30% 57%,0 49%,30% 42%,15% 12%,42% 34%);transform:rotate(-12deg)}.title-dot{color:var(--yellow)}.hero-name{color:var(--yellow);font-size:27px;font-weight:700;margin:32px 0 17px;letter-spacing:1px}.hero-name>span{font-size:12px;font-weight:400;letter-spacing:1.5px;margin-left:16px}.hero-roles{display:flex;gap:9px;flex-wrap:wrap}.hero-roles span{font-size:12px;padding:7px 16px;border:1px solid #ffffff70;border-radius:24px}.hero-description{display:flex;gap:45px;align-items:center;margin-top:22px}.hero-description p{font-size:13px;line-height:1.9;color:#d1d7f2}.round-link{width:49px;height:49px;border:1px solid #ffffff85;border-radius:50%;display:grid;place-items:center;font-size:27px;color:var(--yellow);transition:.25s;flex-shrink:0}.round-link:hover{background:var(--yellow);color:var(--navy);transform:rotate(45deg)}.title-doodle{width:70%;height:110px;position:absolute;right:-6%;bottom:-55px;transform:rotate(5deg);opacity:.75;z-index:-1}.hero-bottom{position:absolute;bottom:28px;left:64px;right:64px;display:flex;justify-content:space-between;align-items:center;color:#cbd4f5;font-size:10px;z-index:3}.hero-bottom button{font-size:10px;padding:8px 0;color:var(--yellow);border-bottom:1px solid #ffe84680}.ticker{overflow:hidden;background:var(--yellow);color:var(--navy);border-block:3px solid var(--navy);padding:13px 0;font-size:20px;font-weight:900;white-space:nowrap;letter-spacing:1px}.ticker>div{display:flex;width:max-content;animation:ticker-slide 36s linear infinite}.ticker span{display:inline-block}.ticker b{font-size:24px;margin:0 28px}.section{padding-block:105px}.section-label{display:flex;justify-content:space-between;color:#d3daf2;border-bottom:1px solid #ffffff50;padding-bottom:18px;margin-bottom:55px;font-size:12px}.section-label .mono{color:var(--yellow)}h2{font-weight:700;font-size:clamp(35px,3.6vw,65px);line-height:1.32;letter-spacing:-1.8px;margin:0}.paper{color:#181a26;background:var(--paper);position:relative;isolation:isolate}.paper:before,.paper:after{content:"";position:absolute;left:0;width:100%;height:24px;background:#122aab;clip-path:polygon(0 0,100% 0,100% 50%,98% 25%,95% 85%,93% 45%,91% 80%,88% 20%,85% 65%,82% 45%,80% 90%,77% 30%,74% 75%,72% 25%,68% 90%,65% 40%,62% 65%,60% 25%,58% 70%,55% 45%,52% 95%,50% 45%,48% 70%,45% 30%,42% 80%,40% 45%,37% 75%,35% 25%,32% 80%,28% 40%,25% 90%,22% 45%,20% 75%,18% 25%,15% 80%,12% 40%,10% 70%,7% 35%,5% 80%,2% 30%,0 65%);z-index:2;pointer-events:none}.paper:before{top:-1px}.paper:after{bottom:-1px;transform:rotate(180deg)}.about .container{background-image:linear-gradient(135deg,transparent 75%,#d9d4c91a 75%)}.about .section-label{color:#77736c;border-color:#c6c6bc}.about .section-label .mono{color:var(--ink)}.about-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:9%;align-items:center}.portrait-wrap{grid-column:2;grid-row:1;position:relative;max-width:460px;padding:24px 24px 72px;background:#fffef9;border:1px solid #e9e5d8;transform:rotate(5deg);box-shadow:5px 12px 14px #252d4920}.portrait{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;filter:none;display:block}.paper-tape{position:absolute;width:180px;height:43px;left:calc(50% - 90px);top:-20px;background:#e6dab790;transform:rotate(-8deg);z-index:2;clip-path:polygon(2% 0,100% 2%,98% 95%,0 100%,2% 78%,0 65%,2% 51%,0 33%)}.portrait-caption{display:flex;justify-content:space-between;margin-top:17px;font-size:9px;color:#7180ba}.portrait-cross{position:absolute;bottom:-34px;left:-40px;font-size:108px;line-height:1;color:#edd000;transform:rotate(10deg)}.photo-handwriting{position:absolute;bottom:17px;left:25px;font-size:25px;color:var(--ink);font-family:Kaiti SC,KaiTi,cursive;transform:rotate(-4deg)}.about-content{grid-column:1;grid-row:1}.about-content .eyebrow{color:var(--ink);font-size:16px;font-weight:700;letter-spacing:0;margin-bottom:20px}.about-content h2{color:var(--ink)}.bio{color:#44454d;font-size:14px;line-height:1.95;max-width:620px;margin-top:25px}.bio+.bio{margin-top:12px}.timeline{display:grid;grid-template-columns:1fr 1fr;margin-top:28px;padding-top:23px;border-top:1px solid #cccbc2;gap:22px}.timeline span{display:block;color:#575862;font-size:10px;margin-bottom:12px;border:1px solid #aaaba7;border-radius:20px;width:fit-content;padding:5px 10px;letter-spacing:.2px}.timeline strong{font-size:13px;font-weight:700;display:block;color:var(--ink)}.timeline small{font-size:11px;color:#5d5e68;display:block;margin-top:8px}.about-links{display:flex;gap:30px;margin-top:28px;font-size:12px;color:var(--ink)}.about-links a{border-bottom:1px solid var(--ink);padding-bottom:7px}.about-links span{margin-left:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px;border-top:1px dashed #adada4;padding-top:35px;gap:30px}.stats>div:not(:first-child){border-left:1px solid #c9c8be;padding-left:32px}.stats strong{font-weight:800;font-size:48px;letter-spacing:-2px;color:var(--ink)}.stats strong span{font-size:16px;letter-spacing:0;margin-left:8px;color:#82827b}.stats p{color:#64646b;font-size:11px;line-height:1.7}.work{position:relative;isolation:isolate}.work>.section-label{margin-bottom:45px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px;gap:40px}.section-heading h2{font-size:24px;margin-top:14px;font-weight:500;letter-spacing:0}.large-en{font-size:clamp(43px,5.2vw,95px);line-height:1;font-weight:900;letter-spacing:-3px;margin:0}.large-en span{color:var(--yellow)}.section-heading>p{font-size:13px;line-height:1.9;color:#d0d7ef;max-width:350px;margin-bottom:8px}.filters{display:flex;gap:12px;margin-bottom:45px;flex-wrap:wrap}.filters button{font-size:12px;border:1px solid #ffffff70;color:#e4e8fc;padding:9px 17px;border-radius:24px;transition:.2s}.filters button.active{background:var(--yellow);border-color:var(--yellow);color:var(--navy)}.filters span{font-family:monospace;font-size:9px;margin-left:9px;opacity:.65}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 35px}.project-card{text-align:left;padding:16px 16px 22px;width:100%;background:var(--paper);color:#1b2030;position:relative;transform:rotate(-1deg);transition:transform .35s,box-shadow .35s}.project-card:nth-child(2n){transform:rotate(1.3deg)}.project-card:hover{transform:rotate(0) translateY(-6px);box-shadow:10px 12px #04105f80}.project-image{position:relative;aspect-ratio:1.52;background:#11182a}.project-image>img{width:100%;height:100%;object-fit:cover;display:block}.card-tape{position:absolute;top:-24px;left:calc(50% - 50px);width:100px;height:28px;background:#d8d0b8b0;transform:rotate(-4deg);z-index:3;border-inline:2px dashed #eee9ce99}.project-number{position:absolute;top:20px;left:20px;color:#ffffffa0;font-size:9px}.cover-note{position:absolute;bottom:15px;left:20px;font-size:9px;color:#ffffffa0;letter-spacing:.5px}.project-arrow{position:absolute;top:15px;right:15px;display:grid;place-items:center;width:36px;height:36px;background:#ffffff15;border:1px solid #ffffff50;border-radius:50%;font-size:19px;color:#fff}.project-card:hover .project-arrow{background:var(--yellow);color:var(--navy)}.project-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;padding-top:18px}.project-meta p{margin:0 0 8px;font-size:10px;color:#6d7282}.project-meta h3{font-size:23px;font-weight:800;margin:0;letter-spacing:-.5px;color:var(--ink)}.project-meta>span{font-size:10px;line-height:1.7;color:#727584;text-align:right;max-width:210px}.expertise{background:#070a17;position:relative;isolation:isolate;overflow:hidden}.expertise:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 60% 0,#202a5144,transparent 65%);z-index:-1}.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:60px}.advantage{padding:30px 25px;min-height:350px;display:flex;flex-direction:column;color:#17247c;background:var(--paper);transform:rotate(-2deg);box-shadow:5px 7px #1d42cf;transition:transform .3s}.advantage:nth-child(2n){transform:rotate(2deg);background:#e9eeff}.advantage:nth-child(3){background:#ffe846}.advantage:hover{transform:rotate(0) translateY(-8px)}.advantage-top{display:flex;justify-content:space-between;align-items:start;color:#5969a9;margin-bottom:40px}.capability-icon{font-size:33px;color:var(--ink);line-height:1}.advantage .eyebrow{font-size:11px;letter-spacing:1px;margin-bottom:15px;color:#5363a4}.advantage h3{font-weight:700;font-size:18px;margin:0;line-height:1.5}.advantage-description{font-size:12px;line-height:1.9;color:#565d74;margin:18px 0 30px}.advantage-en{font-size:9px;color:#596cac;margin-top:auto}.tool-line{display:flex;gap:40px;border-top:1px solid #ffffff35;margin-top:50px;padding-top:24px;align-items:center}.tool-line>.mono{font-size:9px;flex-shrink:0;color:var(--yellow)}.tool-line p{font-size:11px;color:#c1c6e2;line-height:2}.tool-line i{color:#70799c;margin:0 11px;font-style:normal}.contact{min-height:900px;min-height:100svh;background:radial-gradient(ellipse at 0 90%,#254cdc,transparent 75%),#081675;display:flex;position:relative;isolation:isolate;overflow:hidden}.contact-inner{padding-top:75px;display:flex;flex-direction:column}.contact .section-label{margin-bottom:60px}.contact-main{flex:1;padding-block:10px 70px;position:relative}.contact-kicker{font-size:28px;font-weight:700;color:var(--yellow);margin:0 0 15px}.contact h2{font-size:clamp(72px,8.2vw,145px);font-weight:900;line-height:.98;letter-spacing:-6px;position:relative}.contact-imaginary{position:relative}.contact-star{font-size:.9em;margin-left:30px;color:var(--yellow);display:inline-block;transform:rotate(12deg)}.contact-chinese{font-size:22px;font-weight:500;margin:25px 0 0}.email-link{font-size:clamp(22px,2.5vw,43px);display:flex;width:fit-content;align-items:center;gap:60px;margin-top:40px;border-bottom:2px solid #ffe846;padding-bottom:12px;font-weight:400;letter-spacing:-1px}.email-link span{color:var(--yellow)}.contact-actions{display:flex;gap:35px;margin-top:25px;font-size:12px;color:#d1d6f4;align-items:center}.contact-actions button{padding:0;color:var(--yellow)}footer{border-top:1px solid #ffffff40;display:flex;align-items:center;justify-content:space-between;padding:28px 0;color:#b7c4ee;font-size:11px}footer .wordmark{font-size:28px;color:#fff}footer>.mono{font-size:9px}.project-dialog{color:#1b2030;border:5px solid var(--paper);background:var(--paper);padding:0;max-width:880px;width:calc(100% - 40px);max-height:90svh;overflow:auto;box-shadow:10px 12px #0d175e}.project-dialog::backdrop{background:#000a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.project-dialog>img{width:100%;max-height:260px;object-fit:cover;display:block}.dialog-close{position:absolute;top:15px;right:15px;width:38px;height:38px;background:var(--yellow);border:1px solid var(--ink);color:var(--ink);border-radius:50%;font-size:25px;z-index:2}.dialog-body{padding:32px 40px}.dialog-body .eyebrow{margin-bottom:10px;font-size:10px;color:var(--ink)}.dialog-body h2{font-size:35px;color:var(--ink)}.dialog-body p,.dialog-body li{font-size:14px;line-height:1.9;color:#5b6070}.dialog-body .dialog-subtitle{color:var(--ink);font-size:18px}.dialog-role{border-block:1px solid #ccc;padding:14px 0}.dialog-body ul{padding-left:18px}.dialog-body small{font-size:10px;color:#697799}.detail-contact{display:block;margin-top:22px;color:var(--ink);font-size:12px;text-decoration:underline}.skip{position:fixed;top:10px;left:10px;transform:translateY(-150%);z-index:30;background:var(--yellow);color:var(--navy);padding:12px}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.motion-paused *{animation-play-state:paused!important}@keyframes sticker-float{0%,to{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-10px)}}@keyframes ticker-slide{to{transform:translate(-25%)}}@media(min-width:1900px){.navigation{padding-inline:max(64px,calc((100vw - 1700px)/2))}.hero-top,.hero-bottom{left:max(64px,calc((100vw - 1700px)/2));right:max(64px,calc((100vw - 1700px)/2))}}@media(max-width:1100px){.container{width:calc(100% - 72px)}.navigation{padding-inline:36px}.hero-top,.hero-bottom{left:36px;right:36px}.navigation nav{margin-left:0;gap:25px}.wordmark i{display:none}.hero{min-height:800px}.hero h1{font-size:clamp(100px,10.9vw,150px);letter-spacing:-6px}.hero-name{font-size:23px}.hero-name>span{display:block;margin:10px 0 0 26px}.hero-content{padding-left:4%}.hero-roles{gap:6px}.hero-roles span{font-size:10px;padding:6px 10px}.hero-description{gap:20px}.hero-description p{font-size:12px}.hero-sticker{font-size:13px;right:0}.hand-note{font-size:18px;left:0}.outline-star{font-size:90px}.about-grid{gap:6%}.portrait-wrap{padding:18px 18px 70px}.advantage-grid{grid-template-columns:1fr 1fr;gap:25px}.timeline{grid-template-columns:1fr}.stats strong{font-size:40px}.stats>div:not(:first-child){padding-left:20px}.project-meta{align-items:flex-start;flex-direction:column}.project-meta>span{text-align:left}.tool-line{align-items:flex-start;gap:22px}.tool-line p{margin-top:-5px}.large-en{font-size:55px}.section-heading h2{font-size:20px}}@media(max-width:700px){.container{width:calc(100% - 40px)}.navigation{height:80px;padding:0 20px}.navigation nav{gap:20px;font-size:12px}.nav-contact{padding:10px;font-size:0;gap:0}.nav-contact span{font-size:17px}.hero{min-height:950px;height:auto;max-height:none}.hero-top{top:102px;left:20px;right:20px;font-size:8px}.hero-top>span:first-child{max-width:180px;line-height:1.7}.hero-layout{padding-top:145px;padding-bottom:95px;display:flex;flex-direction:column}.hero-art{width:100%;height:370px;min-height:0;order:1;margin-top:22px}.character-sticker{max-height:365px;width:80%;transform:rotate(-6deg)}.hero-content{order:0;padding:15px 0 0;width:100%}.hero h1{font-size:clamp(86px,24.4vw,145px);letter-spacing:-5px;line-height:.91}.hero .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:18px}.hero-name{font-size:22px;margin:20px 0 12px}.hero-name>span{display:inline;font-size:9px;letter-spacing:.6px;margin:0 0 0 10px}.hero-description{margin-top:14px;gap:20px}.hero-description p{font-size:11px}.round-link{width:43px;height:43px;font-size:23px}.title-doodle{height:60px;right:-5%;bottom:-25px;width:55%}.hand-note{font-size:17px;left:1%;bottom:38%}.hand-note svg{width:75px;margin:5px 0 0 30px}.hero-sticker{bottom:0;right:2%;font-size:12px;padding:10px 15px}.hero-doodle{top:25%;left:-20%;height:80px}.outline-star{top:10px;right:4%;font-size:75px}.hero-bottom{left:20px;right:20px;bottom:25px;flex-wrap:wrap;gap:15px;font-size:8px}.hero-bottom a{display:none}.ticker{font-size:13px;padding:10px 0}.ticker b{font-size:15px;margin-inline:15px}.section{padding-block:70px}.section-label{margin-bottom:35px;font-size:10px}.section-label>.mono{font-size:9px;letter-spacing:.7px}.about-grid{grid-template-columns:1fr;gap:55px}.about-content{grid-column:1;grid-row:1}.portrait-wrap{grid-column:1;grid-row:2;width:80%;max-width:350px;justify-self:center}.about-content h2{font-size:35px}.bio{font-size:13px}.timeline{grid-template-columns:1fr 1fr;gap:15px}.timeline strong{font-size:11px}.timeline small{font-size:10px}.timeline span{font-size:8px;padding:4px 7px}.about-links{gap:20px;font-size:11px}.stats{grid-template-columns:1fr 1fr;gap:28px 20px;margin-top:55px}.stats>div:not(:first-child){border:0;padding:0}.stats strong{font-size:39px}.stats p{font-size:10px}.section-heading{display:block;margin-bottom:30px}.large-en{font-size:clamp(33px,10vw,58px);letter-spacing:-1.6px;line-height:1.1}.section-heading h2{font-size:18px;letter-spacing:-.3px}.section-heading>p{margin-top:20px;font-size:12px}.filters{gap:8px;margin-bottom:30px}.filters button{font-size:10px;padding:8px 10px}.filters span{margin-left:5px}.project-grid{grid-template-columns:1fr;gap:35px}.project-card{padding:12px 12px 18px}.project-meta h3{font-size:20px}.project-meta{flex-direction:row;gap:18px}.project-meta>span{text-align:right;font-size:9px;max-width:130px}.project-number{top:15px;left:14px;font-size:8px}.cover-note{left:14px;font-size:8px;bottom:12px}.advantage-grid{grid-template-columns:1fr;gap:25px;margin-top:40px}.advantage{min-height:260px;padding:25px}.advantage-top,.advantage-description{margin-bottom:20px}.tool-line{display:block;margin-top:40px}.tool-line p{margin-top:14px}.contact{min-height:730px}.contact-inner{padding-top:45px}.contact .section-label{margin-bottom:45px}.contact-kicker{font-size:18px}.contact h2{font-size:clamp(43px,12.1vw,83px);letter-spacing:-2.5px;line-height:1.05}.contact-star{margin-left:14px}.contact-chinese{font-size:18px;margin-top:20px}.email-link{gap:22px;letter-spacing:0;font-size:22px;margin-top:35px}.contact-actions{flex-wrap:wrap;gap:20px;font-size:11px}.contact-main{padding-bottom:55px}footer{gap:10px}footer>.mono{font-size:8px;letter-spacing:0}.dialog-body{padding:25px 22px}.dialog-body h2{font-size:29px}.dialog-body p,.dialog-body li{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.hero-layout{display:flex;align-items:center;justify-content:center;padding-top:155px;padding-bottom:100px}.hero-content{padding:20px 0;text-align:center;width:100%}.hero h1{font-size:clamp(102px,12.4vw,220px);letter-spacing:-9px;line-height:.91}.hero h1 .sun-star{top:10%;right:-5%;bottom:0;left:-5%;opacity:.97}.hero-name{margin-top:32px;font-size:25px}.hero-roles{justify-content:center}.hero-description{justify-content:center;margin-top:24px}.hero-description p{text-align:left}.title-doodle{right:-4%;bottom:-35px;width:35%;height:130px}.about-character{position:absolute;width:37%;height:70%;object-fit:contain;bottom:-10%;left:-25%;transform:rotate(-12deg);filter:drop-shadow(4px 6px 0 #10257833);z-index:3}@media(max-width:1100px){.hero h1{font-size:clamp(95px,12.4vw,170px);letter-spacing:-6px}.title-doodle{width:30%}}@media(max-width:700px){.hero{height:100svh;min-height:720px}.hero-layout{padding-top:145px;padding-bottom:95px;display:flex;flex-direction:row}.hero-content{padding:0;text-align:left}.hero h1{font-size:clamp(47px,15.4vw,100px);letter-spacing:-3px}.hero-name{font-size:19px;margin-top:25px}.hero-roles,.hero-description{justify-content:flex-start}.title-doodle{bottom:-90px;right:0;width:70%;height:100px}.about-character{left:-19%;bottom:-8%;width:35%}}.project-image video{display:block;width:100%;height:100%;object-fit:cover;background:#08176b;pointer-events:none}.project-dialog>video{display:block;width:100%;max-height:70vh;object-fit:contain;background:#000}.project-arrow{font-size:0}.project-arrow:after{content:"▶";font-size:21px}.hero{background:radial-gradient(ellipse at 68% 80%,#3560ed,transparent 70%),radial-gradient(ellipse at 9% 20%,#2855ed,transparent 60%),#193ccc}.hero-liquid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;opacity:1}.hero-liquid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 48%,#193ccc18 0%,transparent 65%);pointer-events:none}.hero-top{z-index:3}.hero h1{text-shadow:0 3px 28px #08146e40}.section-liquid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;overflow:hidden}.section-liquid-about{opacity:.3}.section-liquid-work{opacity:1}.section-liquid-expertise{opacity:.25}.section-liquid-contact{opacity:1}.section-liquid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.section-liquid-about:after{background:linear-gradient(90deg,#f5f3e9a6,transparent 70%)}.section-liquid-work:after{background:radial-gradient(ellipse at 50% 48%,#193ccc18 0%,transparent 65%)}.section-liquid-expertise:after{background:linear-gradient(#070a1720,#070a1760)}.section-liquid-contact:after{background:radial-gradient(ellipse at 50% 48%,#193ccc18 0%,transparent 65%)}.work,.contact{background:radial-gradient(ellipse at 68% 80%,#3560ed,transparent 70%),radial-gradient(ellipse at 9% 20%,#2855ed,transparent 60%),#193ccc}.work>.container>.section-label{margin-bottom:45px}.hero h1.hero-tech-title{width:min(100%,1100px);margin-inline:auto;line-height:1}.hero-tech-line{display:block;width:100%;height:.91em}@media(max-width:700px){.hero h1.hero-tech-title{width:100%}.hero-tech-line{height:1.06em}}.border-glow-card>.border-glow-inner{display:contents}.border-glow-card:before,.border-glow-card:after{pointer-events:none}.portrait-wrap.border-glow-card{display:block;transform:rotate(5deg);box-shadow:5px 12px 14px #252d4920}.project-card.border-glow-card{display:block;transform:rotate(-1deg)}.project-card.border-glow-card:nth-child(2n){transform:rotate(1.3deg)}.project-card.border-glow-card:hover{transform:rotate(0) translateY(-6px);box-shadow:10px 12px #04105f80}.advantage.border-glow-card{display:flex;transform:rotate(-2deg);box-shadow:5px 7px #1d42cf}.advantage.border-glow-card:nth-child(2n){transform:rotate(2deg)}.advantage.border-glow-card:hover{transform:rotate(0) translateY(-8px)}.project-dialog.border-glow-card{display:none;overflow:auto;box-shadow:10px 12px #0d175e}.project-dialog.border-glow-card[open]{display:block}.project-dialog .border-glow-inner>video{display:block;width:100%;max-height:70vh;object-fit:contain;background:#000}.project-dialog.border-glow-card>.edge-light{top:0;right:0;bottom:0;left:0}.project-dialog.border-glow-card>.edge-light:before{top:0;right:0;bottom:0;left:0}.entrance-item{transition:opacity .75s cubic-bezier(.22,1,.36,1) var(--entrance-delay,0ms),translate .75s cubic-bezier(.22,1,.36,1) var(--entrance-delay,0ms),transform .35s,box-shadow .35s,background .2s,color .2s}.entrance-item[data-reveal=pending]{opacity:0;translate:0 24px}.entrance-item[data-reveal=shown]{translate:0 0}.project-dialog.entrance-item{--entrance-delay:0ms!important}@media(prefers-reduced-motion:reduce){.entrance-item[data-reveal]{opacity:1;translate:none;transition:none}}.liquid-ether-container{position:relative;overflow:hidden;width:100%;height:100%;pointer-events:none}.tech-text{position:relative;width:100%;height:100%;touch-action:pan-y;-webkit-user-select:none;user-select:none}.tech-text-canvas{display:block;width:100%;height:100%}.border-glow-card{--edge-proximity: 0;--cursor-angle: 45deg;--edge-sensitivity: 30;--color-sensitivity: calc(var(--edge-sensitivity) + 20);--border-radius: 28px;--glow-padding: 40px;--cone-spread: 25;position:relative;border-radius:var(--border-radius);isolation:isolate;transform:translateZ(.01px);display:grid;border:1px solid rgb(255 255 255 / 15%);background:var(--card-bg, #120F17);overflow:visible;box-shadow:#0000001a 0 1px 2px,#0000001a 0 2px 4px,#0000001a 0 4px 8px,#0000001a 0 8px 16px,#0000001a 0 16px 32px,#0000001a 0 32px 64px}.border-glow-card--light{border-color:#18181b1f;box-shadow:#18181b0a 0 1px 2px,#18181b0d 0 8px 24px}.border-glow-card--light:after,.border-glow-card--light>.edge-light{mix-blend-mode:normal}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{border:1px solid transparent;background:linear-gradient(var(--card-bg, #120F17) 0 100%) padding-box,linear-gradient(#fff0,#fff0) border-box,var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) border-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) border-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) border-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) border-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) border-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%))}.border-glow-card:after{border:1px solid transparent;background:var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) padding-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) padding-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) padding-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) padding-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) padding-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;opacity:calc(var(--fill-opacity, .5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color, hsl(40deg 80% 80% / 100%)),inset 0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),inset 0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),inset 0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),inset 0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),inset 0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),inset 0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%)),0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%))}.border-glow-inner{display:flex;flex-direction:column;position:relative;overflow:auto;z-index:1}