:root{color:#fff;font-synthesis:none;background:#080b12;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#080b12}body{background:radial-gradient(75% 42% at 80% -10%,#3756a82e,#0000 68%),#080b12;min-width:320px;margin:0}button,a{font:inherit}button{cursor:pointer}.site-shell{overflow:hidden}.content-wrap{width:min(1440px,100% - 64px);margin:auto}.hero-section{isolation:isolate;border-bottom:1px solid #ffffff12;min-height:324px;position:relative}.hero-section:after{content:"";z-index:-1;opacity:.4;background-color:#0000;background-image:linear-gradient(90deg,#ffffff06 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:80px 80px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 79%);mask-image:linear-gradient(90deg,#000 0%,#0000 79%)}.hero-layout{grid-template-columns:55% 45%;align-items:center;min-height:324px;display:grid}.hero-copy{animation:.55s both reveal}.hero-eyebrow,.section-kicker,.work-category{text-transform:uppercase;letter-spacing:.12em;color:#ffffff8f;margin:0;font-size:11px;font-weight:650}.hero-eyebrow{align-items:center;gap:8px;display:flex}.hero-eyebrow span{background:#4598ff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #4598ff}.hero-copy h1{letter-spacing:-.07em;margin:13px 0 11px;font-size:clamp(42px,5vw,70px);font-weight:760;line-height:.97}.hero-copy h1 span{color:#0000;background:linear-gradient(105deg,#8c85ff 15%,#45a9ff 80%);-webkit-background-clip:text;background-clip:text}.hero-summary{color:#ffffff9c;margin:0;font-size:16px}.hero-stats{gap:0;margin:32px 0 0;display:flex}.hero-stats div{border-left:1px solid #ffffff26;padding:0 25px}.hero-stats div:first-child{border-left:0;padding-left:0}.hero-stats dt{white-space:nowrap;font-size:15px;font-weight:600}.hero-stats dd{color:#ffffff6b;margin:5px 0 0;font-size:12px}.cube-scene{perspective:800px;height:280px;position:relative}.ai-cube{width:126px;height:126px;transform-style:preserve-3d;filter:drop-shadow(0 0 30px #5280ff54);position:absolute;top:52%;left:53%;transform:translate(-50%,-50%)rotateX(-18deg)rotateY(-30deg)rotate(4deg)}.cube-face{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#c9d9ff;background:linear-gradient(135deg,#7b7bff47,#1931691a);border:1px solid #9ab6ff94;justify-content:center;align-items:center;width:126px;height:126px;display:flex;position:absolute}.cube-front{flex-direction:column;gap:4px;transform:translateZ(63px)}.cube-front b{letter-spacing:-.08em;font-size:42px}.cube-front small{letter-spacing:.2em;color:#95b6ff;font-size:9px}.cube-right{color:#78c6ff;font-family:ui-monospace,monospace;font-size:27px;transform:rotateY(90deg)translateZ(63px)}.cube-top{gap:10px;transform:rotateX(90deg)translateZ(63px)}.cube-top i{border:1px solid #91c1ff;border-radius:50%;width:9px;height:9px;display:block;box-shadow:0 0 8px #609eff}.cube-orbit{border:1px solid #7197ff38;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(65deg)}.orbit-a{width:280px;height:90px}.orbit-b{width:220px;height:220px;transform:translate(-50%,-50%)rotateX(64deg)rotate(58deg)}.hero-glow{z-index:-1;filter:blur(4px);border-radius:50%;position:absolute}.hero-glow-one{background:#4e62ff24;width:280px;height:190px;top:48px;right:12%}.hero-glow-two{background:#39adff29;width:70px;height:70px;top:25px;right:32%}.gallery-section{padding:30px 0 72px}.category-scroll{scrollbar-width:none;margin:0 -4px 34px;overflow-x:auto}.category-scroll::-webkit-scrollbar{display:none}.category-filter{gap:8px;width:max-content;padding:4px;display:flex}.category-pill{color:#fff9;background:#ffffff06;border:1px solid #ffffff1a;border-radius:999px;min-height:38px;padding:0 16px;font-size:13px;transition:all .2s}.category-pill:hover{color:#fff;border-color:#7ea3ff7a}.category-pill.active{color:#fff;background:linear-gradient(100deg,#6c63ffe0,#4598ffcc);border-color:#6884ff9e;box-shadow:0 5px 18px #4968ff2b}.gallery-heading{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.gallery-heading h2{letter-spacing:-.045em;margin:6px 0 0;font-size:clamp(24px,2.3vw,32px)}.results-count{color:#ffffff80;margin:0;font-size:13px}.works-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.work-card{background:#111722;border:1px solid #ffffff14;border-radius:16px;transition:border-color .25s,transform .25s,box-shadow .25s;overflow:hidden}.work-visual{aspect-ratio:16/9;background:#151d2c;position:relative;overflow:hidden}.work-visual:after{content:"";pointer-events:none;background:linear-gradient(130deg,#0000 35%,#ffffff0f,#0000 67%);position:absolute;inset:0}.work-visual img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.visual-game{background:linear-gradient(135deg,#17355c,#25184f)}.visual-tool{background:linear-gradient(135deg,#192a40,#143a40)}.visual-creative{background:linear-gradient(135deg,#27204b,#253b66)}.visual-study{background:linear-gradient(135deg,#172e46,#193754)}.preview-placeholder{color:#fff;background:radial-gradient(circle at 80% 16%,#658cff70,#0000 26%),linear-gradient(140deg,#1c2a43f2,#111722fa);flex-direction:column;justify-content:flex-end;height:100%;padding:16px;display:flex;position:relative;overflow:hidden}.preview-placeholder:before{content:"";border:1px solid #adc9ff61;border-radius:25px;width:110px;height:110px;position:absolute;top:-34px;right:-16px;transform:rotate(30deg)}.preview-placeholder span{letter-spacing:.13em;color:#9ebaff;font-size:10px}.preview-placeholder strong{letter-spacing:-.06em;margin-top:5px;font-size:24px}.preview-placeholder em{color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;font-style:normal;overflow:hidden}.placeholder-marks{gap:5px;display:flex;position:absolute;bottom:17px;right:18px}.placeholder-marks i{background:#74c1ff;border-radius:50%;width:5px;height:5px}.work-content{flex-direction:column;min-height:181px;padding:16px;display:flex}.work-category{color:#9ebaff;font-size:10px}.work-content h3{letter-spacing:-.035em;margin:8px 0 0;font-size:17px;line-height:1.18}.work-description{color:#ffffff8c;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.work-bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:14px;display:flex}.student{color:#ffffff94;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.student span{color:#adc4ff;background:#708fff2b;border-radius:50%;place-items:center;width:19px;height:19px;font-size:10px;display:grid}.work-bottom a{color:#a9c8ff;white-space:nowrap;align-items:center;gap:5px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.work-bottom a b{font-size:16px;font-weight:400;transition:transform .2s}.work-bottom a:hover b{transform:translate(2px,-2px)}.site-footer{border-top:1px solid #ffffff14;height:100px}.site-footer .content-wrap{color:#ffffffb8;justify-content:space-between;align-items:center;height:100%;font-size:13px;display:flex}.site-footer p{margin:0;font-weight:600}.site-footer span{color:#ffffff61}.work-list-enter-active,.work-list-leave-active{transition:opacity .22s,transform .22s}.work-list-enter-from,.work-list-leave-to{opacity:0;transform:translateY(8px)}@keyframes reveal{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media (hover:hover) and (pointer:fine){.work-card:hover{border-color:#91aaff5e;transform:translateY(-4px);box-shadow:0 16px 34px #00000038}.work-card:hover img{transform:scale(1.015)}}@media (width<=1279px){.works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1023px){.content-wrap{width:min(100% - 48px,1100px)}.hero-layout{grid-template-columns:60% 40%}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.content-wrap{width:calc(100% - 32px)}.hero-section,.hero-layout{min-height:300px}.hero-layout{padding-top:58px;display:block}.cube-scene{display:none}.hero-copy h1{font-size:44px}.hero-summary{font-size:15px}.hero-stats{gap:16px;margin-top:27px}.hero-stats div{border:0;padding:0}.hero-stats dt{white-space:normal;font-size:13px}.hero-stats dd{font-size:11px}.hero-glow-one{top:30px;right:-80px}.gallery-section{padding-top:23px}.category-scroll{margin-bottom:27px}.gallery-heading{margin-bottom:17px}.section-kicker{font-size:10px}.gallery-heading h2{font-size:26px}.works-grid{grid-template-columns:1fr;gap:14px}.work-content{min-height:164px}.site-footer{height:96px}.site-footer .content-wrap{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px}.site-footer span{font-size:12px}}@media (width<=390px){.hero-copy h1{font-size:39px}.hero-stats{gap:12px}.hero-stats dt{font-size:12px}.hero-stats dd{font-size:10px}}.video-section{background:radial-gradient(55% 45% at 10% 30%,#4159b91c,#0000 70%);border-top:1px solid #ffffff12;padding:34px 0 72px}.videos-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.video-card{background:#111722;border:1px solid #ffffff14;border-radius:16px;transition:border-color .25s,transform .25s,box-shadow .25s;overflow:hidden}.video-visual{aspect-ratio:16/9;background:#151d2c;position:relative;overflow:hidden}.video-poster{background:#151d2c;border:0;width:100%;height:100%;padding:0;display:block}.video-poster img,.video-visual video{object-fit:cover;width:100%;height:100%;display:block}.video-play{color:#fff;background:#080b128c;border:1px solid #ffffffbd;border-radius:50%;place-items:center;width:48px;height:48px;margin:auto;padding-left:3px;font-size:15px;transition:transform .2s,background .2s;display:grid;position:absolute;inset:0;box-shadow:0 4px 18px #00000047}.video-poster:hover .video-play{background:#4881ffd4;transform:scale(1.08)}.video-placeholder{color:#b9ceff;background:linear-gradient(135deg,#1e3156,#131926);place-items:center;width:100%;height:100%;font-size:13px;display:grid}.video-content{flex-direction:column;min-height:181px;padding:16px;display:flex}.video-content h3{letter-spacing:-.035em;margin:8px 0 0;font-size:17px;line-height:1.18}.video-description{color:#ffffff8c;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.video-content .student{margin-top:auto;padding-top:14px}@media (hover:hover) and (pointer:fine){.video-card:hover{border-color:#91aaff5e;transform:translateY(-4px);box-shadow:0 16px 34px #00000038}.video-card:hover img{transform:scale(1.015)}}@media (width<=1279px){.videos-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1023px){.videos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.video-section{padding-top:28px}.videos-grid{grid-template-columns:1fr;gap:14px}.video-content{min-height:164px}}