@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap";:root{--ink:#060a41;--navy:#0a0e59;--indigo:#25258c;--violet:#7165ff;--ice:#f3f3ff;--muted:#b9b9db;--line:#dcddff5c;color:var(--ice);background:#080a47;font-family:Archivo,Noto Sans SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Cpath d='M5 3v22l6-6 5 11 4-2-5-11h10L5 3Z' fill='%23f5f4ff' stroke='%236d62ff' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 5 3,auto;background:#080a47;margin:0}button,a{font:inherit;color:inherit;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Cpath d='M5 3v22l6-6 5 11 4-2-5-11h10L5 3Z' fill='%23b6b0ff' stroke='%23fff' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 5 3,pointer}a{text-decoration:none}main{background:radial-gradient(at 55% 3%,#323aab 0,#15186b 29%,#070a42 64%);overflow:hidden}.hero-shell,.experience-section,.skills-section,.works-section,footer{width:min(1320px,100% - 80px);margin:auto}.hero-shell{min-height:790px;position:relative}.hero-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#a7b0ff14 1px,#0000 1px),linear-gradient(90deg,#a7b0ff14 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0 -18vw;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.hero-shell:after{content:"";z-index:0;filter:blur(18px);opacity:.85;pointer-events:none;background:radial-gradient(38% 32% at 67% 40%,#7165ff80,#0000 72%),radial-gradient(30% 28% at 32% 70%,#14acff40,#0000 72%),radial-gradient(45% 35% at 78% 77%,#683fff45,#0000 74%);animation:13s ease-in-out infinite alternate ambient-flow;position:absolute;inset:42px -20vw -80px}.top-nav{z-index:3;border-bottom:1px solid var(--line);justify-content:flex-start;align-items:center;height:112px;display:flex;position:relative}.monogram{letter-spacing:-1.5px;font-size:23px;font-weight:900}.monogram span{color:#a8a1ff}.nav-items{gap:41px;margin-left:110px;display:flex}.nav-items a{opacity:.72;font-size:14px;transition:opacity .2s;position:relative}.nav-items a:hover,.nav-items .selected{opacity:1;font-weight:700}.nav-items .selected:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;bottom:-17px;left:50%;translate:-50%}.nav-tools{align-items:center;gap:18px;display:flex}.search{color:#e3e3fa;background:#dcdcff2b;border:1px solid #ffffff45;border-radius:50px;justify-content:space-between;align-items:center;width:198px;height:38px;padding:0 14px;font-size:11px;display:flex}.search b{font-size:22px;font-weight:400;line-height:0}.settings{color:#fff;opacity:.9;background:0 0;border:0;font-size:28px;line-height:1;transform:rotate(90deg)}.hero-content{z-index:1;grid-template-columns:47% 53%;min-height:614px;display:grid;position:relative}.hero-copy{z-index:2;padding:104px 0 34px 3px;animation:.8s both fade-up;position:relative}.kicker{letter-spacing:2.2px;color:#c9c7f7;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:10px;font-weight:700;display:flex}.kicker span{background:#a39bff;width:22px;height:1px;display:inline-block}.hero-copy h1{letter-spacing:-9px;margin:37px 0 31px;font-size:clamp(92px,10.8vw,154px);font-weight:900;line-height:.77}.hero-copy h1 em{color:#a5a2ff;font-style:normal}.hero-intro{color:#e6e6f8;margin:0;font:500 15px/1.75 Noto Sans SC,sans-serif}.scroll-link{letter-spacing:1px;border-bottom:1px solid #9998d1;align-items:center;gap:24px;margin-top:40px;padding:0 0 10px;font-size:12px;font-weight:700;transition:gap .2s;display:inline-flex}.scroll-link:hover{gap:34px}.scroll-link b{color:#9994ff;font-size:19px}.hero-stage{height:578px;box-shadow:none;isolation:isolate;background:0 0;border:0;border-radius:160px 160px 0 0;align-self:end;animation:.9s cubic-bezier(.22,.78,.3,1) .1s both stage-in;position:relative;overflow:hidden}.hero-stage:after{content:"";z-index:6;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(105deg,#0000 34%,#b6b1ff3b 49%,#0000 61%);animation:.85s .16s both signal-sweep;position:absolute;inset:0;transform:translate(-120%)}.hero-video{object-fit:cover;object-position:57% center;filter:saturate(1.08)contrast(1.1)brightness(1.08);mix-blend-mode:screen;z-index:-3;width:100%;height:100%;position:absolute;inset:0}.stage-tint{mix-blend-mode:color;background:linear-gradient(135deg,#554bffa6,#050a3c0a 52%,#16d3ff38);position:absolute;inset:0}.stage-grid{opacity:.45;background-image:linear-gradient(90deg,#ffffff21 1px,#0000 1px),linear-gradient(#ffffff21 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 91%);mask-image:linear-gradient(90deg,#000,#0000 91%)}.cut-tool{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090d4c8c;border:1px solid #ffffff8c;place-items:center;display:grid;position:absolute;box-shadow:0 8px 25px #00002838}.scissors{border-radius:50%;width:67px;height:67px;font-size:30px;animation:4s ease-in-out infinite float;top:22%;right:8%;rotate:-27deg}.play{color:#d8d6ff;border-radius:50%;width:48px;height:48px;font-size:15px;animation:4.6s ease-in-out .7s infinite float;top:47%;left:7%}.timecode{letter-spacing:1px;border-radius:5px;padding:10px 13px;font-size:10px;bottom:25%;right:8%}.timeline{border-top:1px solid #ffffff80;align-items:end;gap:4px;height:27px;display:flex;position:absolute;bottom:8%;left:8%;right:9%}.timeline i{background:#c5c0ff9c;width:22%;height:11px;display:block}.timeline i:nth-child(2){background:#9791ff;height:19px}.timeline i:nth-child(4){background:#a2eeff;height:16px}.timeline b{background:#fff;width:1px;height:36px;position:absolute;top:-5px;left:46%;box-shadow:0 0 9px #fff}.role-badge{letter-spacing:1px;background:#070a4173;border:1px solid #fff6;border-radius:30px;padding:8px 12px;font-size:8px;position:absolute;top:6%;right:5%}.role-badge span{color:#b9b6ff;margin-right:4px;font-size:14px}.hero-foot{z-index:2;letter-spacing:4px;color:#aaa9da;margin:18px 0;font-size:9px;position:relative}.hero-foot span{color:#a9a2ff;padding:0 17px;font-size:14px}.experience-section{padding:88px 0 63px}.section-title,.works-heading{justify-content:space-between;align-items:end;display:flex}.section-title h2,.works-heading h2{letter-spacing:-3px;margin:18px 0 0;font-size:clamp(35px,4.3vw,58px);font-weight:800;line-height:.95}.section-title>p,.works-heading>p{color:#c5c5e2;text-align:right;margin:0 4px 4px;font:500 12px/1.75 Noto Sans SC,sans-serif}.experience-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;display:grid}.experience-card{background:linear-gradient(145deg,#b5b5e6ba,#6c6bb2bf);border:1px solid #f3f3ff61;border-radius:31px;min-height:278px;padding:21px 26px 26px;transition:transform .3s,background .3s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40,0 16px 35px #04053f29}.experience-art{z-index:0;object-fit:cover;object-position:center;opacity:.82;filter:saturate(1.08)contrast(1.04);width:80%;height:106%;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 -18% -6% auto}.experience-card:nth-child(2) .experience-art{object-position:57% 32%;width:76%;right:-6%}.experience-card:nth-child(3) .experience-art{object-position:56% center;right:-16%}.experience-wash{z-index:1;background:linear-gradient(90deg,#3f3d8ef0 0%,#5754a3b8 47%,#4a48961f 100%),linear-gradient(#0000 45%,#1f1f6a52);position:absolute;inset:0}.experience-card>:not(.experience-art):not(.experience-wash){z-index:2;position:relative}.experience-card:hover .experience-art{transform:scale(1.06)translate(-7px)}.experience-card:hover{background:linear-gradient(145deg,#c6c4ffe6,#756dcce6);transform:translateY(-10px)}.experience-card:before{content:"";border:1px solid #ffffff36;border-radius:50%;width:290px;height:290px;position:absolute;top:-143px;right:-90px}.card-index{letter-spacing:1px;opacity:.6;font-size:10px}.experience-card strong{letter-spacing:-6px;color:#fff;text-shadow:0 3px 12px #2422725e;margin:24px 0 15px;font-size:clamp(58px,6vw,84px);font-weight:800;line-height:1;display:block}.experience-card h3{margin:0 0 6px;font:700 16px Noto Sans SC,sans-serif}.experience-card p{color:#f2f2ff;max-width:260px;margin:0;font:400 12px/1.7 Noto Sans SC,sans-serif}.corner-plus{color:#e6e4ff;font-size:25px;font-weight:300;position:absolute;bottom:15px;right:22px}.skills-section{flex-direction:column;align-items:center;gap:17px;padding:22px 0 86px;display:flex}.skills-pill{background:#aeaedbad;border:1px solid #ffffff59;border-radius:80px;align-items:center;gap:22px;min-height:88px;padding:11px 26px 11px 10px;display:flex;box-shadow:0 15px 30px #00004040}.skills-pill>b{letter-spacing:1px;background:#11145f;border-radius:60px;align-self:stretch;align-items:center;padding:0 20px;font-size:11px;display:flex}.skill{flex-direction:column;align-items:center;gap:5px;min-width:58px;display:flex}.skill>span{color:#fff;border-radius:9px;place-items:center;width:37px;height:37px;font-size:15px;font-weight:700;display:grid}.skill small{color:#171950;font-size:8px;font-weight:700}.pr{background:#443fa0}.ae{background:#24145f}.ps{background:#146f9c}.cc{background:#11132b}.skill.ai span{background:linear-gradient(135deg,#b4a3ff,#6154ed)}.works-section{border-top:1px solid #d6d6ff2e;padding:73px 0 23px}.works-heading h2{letter-spacing:-5px;font-family:Noto Sans SC}.work-carousel{justify-content:center;align-items:center;height:485px;margin-top:46px;display:flex;position:relative}.project-stack{width:100%;height:100%;position:relative}.project-card{transform-origin:50% 115%;will-change:transform;border:1px solid #ededff70;border-radius:25px;width:294px;height:396px;transition:transform .55s cubic-bezier(.22,.8,.2,1),opacity .45s,filter .45s;position:absolute;top:28px;left:50%;overflow:hidden;box-shadow:0 24px 38px #02032b5e}.project-card.offset-0{opacity:.45;filter:brightness(.65);z-index:1;transform:rotate(-22deg)}.project-card.offset-1{opacity:.77;filter:brightness(.82);z-index:2;transform:rotate(-11deg)}.project-card.offset-2{z-index:5;transform:rotate(0);box-shadow:0 28px 55px #01022887}.project-card.offset-3{opacity:.77;filter:brightness(.82);z-index:2;transform:rotate(11deg)}.project-card.offset-4{opacity:.45;filter:brightness(.65);z-index:1;transform:rotate(22deg)}.project-visual{background:var(--card-color);height:100%;padding:22px;position:relative;overflow:hidden}.visual-grain{opacity:.4;mix-blend-mode:overlay;background-image:radial-gradient(#fff9 .5px,#0000 .8px);background-size:4px 4px;position:absolute;inset:0}.project-code{z-index:2;letter-spacing:1.5px;font-size:9px;font-weight:700;position:relative}.project-detail{z-index:5;background:linear-gradient(#0000,#050832f2);padding:55px 21px 18px;position:absolute;bottom:0;left:0;right:0}.project-detail span{letter-spacing:1px;color:#cac9e6;font-size:8px}.project-detail h3{margin:5px 0 0;font:600 16px Noto Sans SC}.reel{background:radial-gradient(circle at 50% 43%,#aaa0ff 0 4%,#6759ec 19%,#312c95 53%,#181d6c 100%)}.reel-orbit{border:1px solid #ffffffa6;border-radius:50%;position:absolute;top:44%;left:50%;translate:-50% -50%}.orbit-one{width:265px;height:265px}.orbit-two{border-style:dashed;width:180px;height:180px;animation:11s linear infinite spin}.reel-play{color:#5045cd;background:#f6f4ff;border-radius:50%;place-items:center;width:71px;height:71px;padding-left:4px;font-size:25px;display:grid;position:absolute;top:44%;left:50%;translate:-50% -50%;box-shadow:0 0 0 13px #ffffff1f}.reel-name{text-align:center;letter-spacing:-4px;opacity:.85;font-size:48px;font-weight:900;position:absolute;top:29%;left:0;right:0}.reel-name i{letter-spacing:8px;font-size:15px;font-style:normal}.brand{background:linear-gradient(135deg,#1698c9,#142569 74%)}.brand-sun{background:#d2ceff;border-radius:50%;width:162px;height:162px;position:absolute;bottom:62px;right:-35px}.brand-curve{border:22px solid #5fe2ff;border-radius:50%;width:250px;height:280px;position:absolute;bottom:-117px;left:-100px}.vertical-copy{writing-mode:vertical-rl;letter-spacing:3px;font-size:14px;font-weight:700;position:absolute;top:103px;right:24px}.motion{background:linear-gradient(135deg,#096184,#3547ab)}.motion-box{border:2px solid #b3ecff;position:absolute}.b1{width:100px;height:100px;top:89px;left:45px;rotate:29deg}.b2{opacity:.65;width:145px;height:145px;top:112px;left:79px;rotate:29deg}.b3{opacity:.35;width:195px;height:195px;top:145px;left:94px;rotate:29deg}.motion-word{letter-spacing:-3px;font-size:35px;font-weight:800;position:absolute;bottom:80px;left:23px}.commercial{background:linear-gradient(145deg,#988bf7,#1e246d)}.commercial-lines{border-top:1px solid #eee;border-bottom:1px solid #eee;position:absolute;inset:70px -30px 95px;rotate:-28deg}.commercial-num{letter-spacing:-14px;font-size:130px;font-weight:800;line-height:1;position:absolute;top:124px;left:25px}.social{background:linear-gradient(145deg,#594bc0,#14185e)}.social-dot{background:#b9b2ff;border-radius:50%;position:absolute}.d1{width:120px;height:120px;top:72px;right:-35px}.d2{background:#82e8ff;width:60px;height:60px;top:167px;right:66px}.d3{width:22px;height:22px;top:138px;left:35px}.social-copy{letter-spacing:-4px;font-size:50px;font-weight:800;line-height:.8;position:absolute;bottom:78px}.arrow{z-index:8;color:#fff;background:#a49dffb3;border:1px solid #c8c5ff;border-radius:50%;width:59px;height:59px;font-size:27px;transition:scale .2s,background .2s;position:absolute;top:194px}.arrow:hover{background:#8177ff;scale:1.13}.left{left:0}.right{right:0}.slide-status{color:#c8c5e7;letter-spacing:1px;justify-content:center;align-items:center;gap:9px;font-size:10px;display:flex}.slide-status i{background:#8582c4;width:46px;height:1px}.slide-status span:first-child{color:#fff;font-weight:700}.shorts-section{width:min(1320px,100% - 80px);margin:62px auto 0;padding:0 0 74px;position:relative}.shorts-heading{justify-content:space-between;align-items:end;margin-bottom:35px;display:flex}.shorts-heading h2{letter-spacing:-5px;margin:18px 0 0;font:800 clamp(36px,4.4vw,62px)/.95 Noto Sans SC}.shorts-heading>p{letter-spacing:2px;color:#c3c5ef;margin:0 4px 7px;font-size:10px}.shorts-carousel{border-top:1px solid #d1d1ff33;border-bottom:1px solid #d1d1ff33;grid-template-columns:68px minmax(0,1fr) 68px;place-items:center;gap:24px;min-height:610px;padding:28px 0;display:grid;position:relative}.short-stack{isolation:isolate;width:min(760px,100%);height:555px;position:relative}.short-stage{aspect-ratio:9/16;z-index:3;background:#050733;border:1px solid #d9d7ff9e;border-radius:26px;width:322px;height:auto;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;top:12px;left:50%;overflow:hidden;translate:-50%;box-shadow:0 24px 50px #00002685}.short-stage:before{content:"";z-index:3;pointer-events:none;border:1px solid #dcdcff4d;border-radius:19px;position:absolute;inset:11px}.short-video{object-fit:cover;background:#050733;width:100%;height:100%;position:absolute;inset:0}.short-overlay{z-index:1;pointer-events:none;background:linear-gradient(#0000 55%,#04052ae0),linear-gradient(#04052a73,#0000 30%);position:absolute;inset:0}.short-tag{z-index:2;letter-spacing:1.3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#090b4052;border:1px solid #ffffff8c;border-radius:20px;padding:7px 10px;font-size:8px;position:absolute;top:24px;left:23px}.short-title{z-index:2;pointer-events:auto;position:absolute;bottom:43px;left:23px}.short-title small{letter-spacing:1.8px;color:#c2c0ff;font-size:8px}.short-title h3{letter-spacing:-1.5px;margin:7px 0 0;font:700 24px Noto Sans SC}.short-count{z-index:2;color:#d8d7fd;letter-spacing:1px;pointer-events:none;font-size:9px;position:absolute;bottom:24px;right:23px}.short-arrow{color:#fff;background:#6860eb33;border:1px solid #cbc9ffa8;border-radius:50%;width:57px;height:57px;font-size:24px;transition:transform .2s,background .2s}.short-arrow:hover{background:#746cff;transform:scale(1.1)}.short-stack-card{z-index:1;aspect-ratio:9/16;color:#fff;text-align:left;opacity:.58;filter:brightness(.7);background:#0a0c55;border:1px solid #cbcaff59;border-radius:21px;width:226px;padding:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s,filter .3s;position:absolute;top:95px;overflow:hidden;box-shadow:0 20px 35px #00002557}.short-stack-card.left{left:43px;transform:rotate(-11deg)}.short-stack-card.right{right:43px;transform:rotate(11deg)}.short-stack-card video,.short-stack-card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.short-stack-card>div{background:linear-gradient(#0000 44%,#050731f0);position:absolute;inset:0}.short-stack-card span,.short-stack-card b{z-index:1;position:absolute;left:17px}.short-stack-card span{letter-spacing:1px;color:#d5d3ff;font-size:8px;bottom:45px}.short-stack-card b{font:600 14px Noto Sans SC;bottom:21px}.short-stack-card:hover{opacity:1;filter:brightness();z-index:2}.short-stack-card.left:hover{transform:rotate(-13deg)translate(-9px,-10px)}.short-stack-card.right:hover{transform:rotate(13deg)translate(9px,-10px)}.short-status{letter-spacing:1px;color:#c8c5e7;justify-content:center;align-items:center;gap:9px;margin-top:23px;font-size:10px;display:flex}.short-status i{background:#8582c4;width:46px;height:1px}.short-status span:first-child{color:#fff;font-weight:700}.reels-section{background:linear-gradient(135deg,#24207d,#0a105b 56%,#122875);border:1px solid #bebfff40;border-radius:42px 42px 0 0;width:min(1450px,100% - 40px);margin:54px auto 0;padding:68px min(5.4vw,72px) 57px;position:relative;overflow:hidden}.reels-section:before{content:"";pointer-events:none;background-image:linear-gradient(#cacdff12 1px,#0000 1px),linear-gradient(90deg,#cacdff12 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000)}.ai-section{background:radial-gradient(circle at 72% 21%,#28e4ff52,#0000 30%),linear-gradient(135deg,#162872,#18205e 51%,#451a74);margin-top:40px}.ai-section:before{background-image:linear-gradient(#56f1ff1a 1px,#0000 1px),linear-gradient(90deg,#c277ff1a 1px,#0000 1px)}.ai-section .reel-tag{background:#0a5b8057;border-color:#70f0ffc2}.ai-section .reel-arrow{background:#1fbbd729;border-color:#68efffad}.ai-section .reel-arrow:hover{background:#28bfde}.ai-section .reel-status i{background:#4cdbea}.ai-section .switch-hint{color:#b7edf5}.reels-heading{z-index:1;justify-content:space-between;align-items:end;margin-bottom:39px;display:flex;position:relative}.reels-heading h2{letter-spacing:-5px;margin:18px 0 0;font:800 clamp(36px,4.4vw,62px)/.95 Noto Sans SC}.reels-heading>p{letter-spacing:2px;color:#c3c5ef;margin:0 0 6px;font-size:10px}.reel-layout{z-index:1;grid-template-columns:67px minmax(0,1fr) 67px;align-items:center;gap:25px;display:grid;position:relative}.reel-stage{aspect-ratio:16/8.65;background:#070a43;border:1px solid #dcdcff85;border-radius:23px;position:relative;overflow:hidden;box-shadow:0 23px 50px #0000296b}.reel-video{z-index:0;object-fit:cover;filter:saturate(1.04)contrast(1.03);background:#04062c;width:100%;height:100%;position:absolute;inset:0}.reel-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#03052694,#0000 58%),linear-gradient(#0000 58%,#0305268c);position:absolute;inset:0}.reel-tag{z-index:2;letter-spacing:1.4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#07093e59;border:1px solid #ffffff87;border-radius:20px;padding:7px 11px;font-size:9px;position:absolute;top:24px;left:27px}.reel-play{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#aeabff3d;border:1px solid #ffffffd9;border-radius:50%;width:75px;height:75px;padding-left:5px;font-size:24px;transition:transform .25s,background .25s;position:absolute;top:50%;left:50%;translate:-50% -50%}.reel-play:hover{background:#9790ff99;transform:scale(1.12)}.reel-timeline{color:#e0e0fc;align-items:center;gap:10px;font-size:9px;display:flex;position:absolute;bottom:27px;left:27px;right:26px}.reel-timeline i{background:#ffffff54;flex:1;height:3px;position:relative}.reel-timeline i:before{content:"";background:#aaa3ff;width:30%;position:absolute;top:0;bottom:0;left:0}.reel-timeline b{background:#b3afff;border-radius:50%;width:11px;height:11px;box-shadow:0 0 13px #a8a3ff}.reel-title{z-index:2;pointer-events:auto;position:absolute;bottom:45px;left:27px}.reel-title small{letter-spacing:2px;color:#c4c2ff;font-size:9px}.reel-title h3{letter-spacing:-2px;margin:7px 0 0;font:700 clamp(20px,2.2vw,31px) Noto Sans SC}.reel-corners i{z-index:3;border-color:#bdbaff;width:11px;height:11px;position:absolute}.reel-corners i:first-child{border-top:1px solid;border-left:1px solid;top:16px;left:16px}.reel-corners i:nth-child(2){border-top:1px solid;border-right:1px solid;top:16px;right:16px}.reel-corners i:nth-child(3){border-bottom:1px solid;border-left:1px solid;bottom:16px;left:16px}.reel-corners i:nth-child(4){border-bottom:1px solid;border-right:1px solid;bottom:16px;right:16px}.reel-arrow{color:#fff;background:#9792ff38;border:1px solid #c8c7ffb3;border-radius:50%;width:50px;height:50px;font-size:22px;transition:transform .2s,background .2s}.reel-arrow:hover{background:#746cff;transform:scale(1.1)}.reel-thumbnails{z-index:1;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 91px 0;display:grid;position:relative}.reel-layout{grid-template-columns:67px minmax(0,1fr) 67px;min-height:530px}.reel-stack{isolation:isolate;width:min(1020px,100%);height:510px;position:relative}.reel-stage{z-index:3;aspect-ratio:16/8.65;width:min(700px,70%);position:absolute;top:17px;left:50%;translate:-50%;box-shadow:0 26px 55px #0000298a}.reel-stack-card{z-index:1;aspect-ratio:16/8.65;color:#fff;text-align:left;opacity:.57;filter:brightness(.7);background:#070943;border:1px solid #d5d4ff66;border-radius:20px;width:390px;padding:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s,filter .3s;position:absolute;top:122px;overflow:hidden;box-shadow:0 21px 36px #00002559}.reel-stack-card.left{left:25px;transform:rotate(-10deg)}.reel-stack-card.right{right:25px;transform:rotate(10deg)}.reel-stack-card video,.reel-stack-card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.preview-cta{color:#fff;letter-spacing:1.1px;background:#271e8575;border:1px solid #ffffff73;border-radius:999px;margin-top:12px;padding:7px 10px;font-size:9px;transition:transform .2s,background .2s;display:inline-flex}.preview-cta:hover{background:#6154ff;transform:translateY(-2px)}.reel-stack-card>div{background:linear-gradient(#0000 43%,#050731ed);position:absolute;inset:0}.reel-stack-card span,.reel-stack-card b{z-index:1;position:absolute;left:19px}.reel-stack-card span{letter-spacing:1px;color:#d5d3ff;font-size:8px;bottom:43px}.reel-stack-card b{font:600 15px Noto Sans SC;bottom:19px}.reel-stack-card:hover{opacity:1;filter:brightness();z-index:2}.reel-stack-card.left:hover{transform:rotate(-12deg)translate(-10px,-10px)}.reel-stack-card.right:hover{transform:rotate(12deg)translate(10px,-10px)}.reel-status{z-index:1;letter-spacing:1px;color:#c8c5e7;justify-content:center;align-items:center;gap:9px;margin-top:15px;font-size:10px;display:flex;position:relative}.reel-status i{background:#8582c4;width:46px;height:1px}.reel-status span:first-child{color:#fff;font-weight:700}.switch-hint{z-index:1;text-align:center;color:#bcbbe4;letter-spacing:1.1px;margin:3px 0 0;font-size:10px;position:relative}.reel-thumb{color:#fff;text-align:left;opacity:.56;background:#0a0d58;border:1px solid #d6d6ff3b;border-radius:12px;height:95px;padding:0;transition:opacity .25s,transform .25s,border-color .25s;position:relative;overflow:hidden}.reel-thumb-video{object-fit:cover;object-position:center;opacity:.62;filter:saturate(.8);width:100%;height:100%;position:absolute;inset:0}.reel-thumb:after{content:"";background:linear-gradient(90deg,#050732d9,#0507322e);position:absolute;inset:0}.reel-thumb span,.reel-thumb b{z-index:1;margin-left:13px;display:block;position:relative}.reel-thumb span{letter-spacing:1px;color:#c6c3ff;margin-top:20px;font-size:9px}.reel-thumb b{margin-top:6px;font:600 12px Noto Sans SC}.reel-thumb:hover,.reel-thumb.active{opacity:1;border-color:#b9b5ff;transform:translateY(-4px)}footer{letter-spacing:1px;color:#c7c6e7;border-top:1px solid #d6d6ff2e;justify-content:space-between;padding:26px 0 37px;font-size:10px;display:flex}.footer-contact{align-items:center;gap:18px;display:flex}.footer-contact a:not(.footer-cta):hover{color:#b0abff;text-decoration:underline}.footer-cta{color:#fff;background:#6f65ff38;border:1px solid #cbc9ffb3;border-radius:999px;padding:9px 14px;font-weight:700;transition:background .2s,transform .2s}.footer-cta:hover{background:#746cff;transform:translateY(-2px)}.footer-brand{color:#fff;font-weight:700}.footer-brand span{color:#9994ff;margin:0 4px}footer a:hover{color:#b0abff}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes stage-in{0%{clip-path:inset(0);filter:blur(7px)brightness(.86)saturate(.86);opacity:0;transform:translate(32px,26px)scale(.94)}58%{filter:blur()brightness(1.04)saturate(1.04);opacity:1;transform:translate(-2px,-3px)scale(1.008)}to{clip-path:inset(0);filter:blur()brightness()saturate();opacity:1;transform:translate(0,0)scale(1)}}@keyframes signal-sweep{0%{opacity:0;transform:translate(-120%)}30%{opacity:.62}70%{opacity:.18;transform:translate(56%)}to{opacity:0;transform:translate(120%)}}@keyframes float{50%{transform:translateY(-13px)}}@keyframes spin{to{rotate:360deg}}@keyframes ambient-flow{0%{transform:translate(-4%,-2%)scale(.94)}50%{transform:translate(5%,4%)scale(1.08)}to{transform:translate(-1%,8%)scale(1)}}@media (width<=800px){.hero-shell,.experience-section,.skills-section,.works-section,footer{width:min(100% - 36px,1320px)}.top-nav{height:76px}.nav-items{gap:17px;margin-left:0}.nav-items a{font-size:11px}.nav-tools{display:none}.hero-content{min-height:690px;display:block}.hero-copy{padding-top:65px}.hero-copy h1{letter-spacing:-6px;margin:28px 0;font-size:86px}.hero-stage{opacity:.79;border-radius:100px 100px 0 0;width:88%;height:350px;margin-top:-26px;margin-left:auto}.hero-foot{display:none}.section-title,.works-heading{align-items:start}.section-title>p,.works-heading>p{display:none}.experience-section{padding-top:59px}.experience-grid{grid-template-columns:1fr;gap:14px;margin-top:28px}.experience-card{min-height:210px}.experience-card strong{margin:13px 0;font-size:64px}.skills-section{padding:54px 0}.skills-pill{justify-content:space-around;gap:7px;width:100%;padding:9px}.skills-pill>b{padding:0 12px}.skill small{display:none}.works-section{padding-top:54px}.work-carousel{height:385px;margin-top:24px}.project-card{width:230px;height:329px}.project-card.offset-0{transform:rotate(-23deg)}.project-card.offset-1{transform:rotate(-12deg)}.project-card.offset-2{translate:-50%}.project-card.offset-3{transform:rotate(12deg)}.project-card.offset-4{transform:rotate(23deg)}.arrow{width:46px;height:46px;top:144px}.project-detail h3{font-size:14px}.footer-brand{display:none}footer{font-size:9px}.role-badge{display:none}.reels-section{border-radius:25px 25px 0 0;width:calc(100% - 28px);margin-top:56px;padding:44px 18px 32px}.reels-heading>p{display:none}.reel-layout{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px}.reel-arrow{width:38px;height:38px;font-size:18px}.reel-stage{border-radius:15px}.reel-tag{padding:5px 7px;font-size:7px;top:13px;left:13px}.reel-play{width:46px;height:46px;font-size:15px}.reel-timeline{bottom:14px;left:14px;right:14px}.reel-thumbnails{gap:7px;margin:15px 0 0}.reel-thumb{height:68px}.reel-thumb span{margin:12px 0 0 8px;font-size:7px}.reel-thumb b{margin:3px 6px 0 8px;font-size:9px;line-height:1.25}.shorts-section{width:calc(100% - 36px);margin-top:58px;padding-bottom:51px}.shorts-heading>p{display:none}.short-arrow{width:37px;height:37px;font-size:17px}.short-stage{border-radius:19px}.short-tag{padding:5px 7px;font-size:7px;top:15px;left:15px}.short-title{bottom:35px;left:15px}.short-title h3{font-size:19px}.short-count{bottom:17px;right:15px}.short-thumbnails{gap:9px;margin-top:19px}.short-thumb{border-radius:11px;width:93px}.short-thumb span,.short-thumb b{margin-left:8px}.short-thumb span{font-size:7px}.short-thumb b{margin-top:2px;font-size:9px}.shorts-carousel{grid-template-columns:40px minmax(0,1fr) 40px;gap:4px;min-height:430px;padding:17px 0}.short-stage{border-radius:18px;width:218px;top:7px}.short-stage:before{border-radius:13px;inset:8px}.short-stack-card{border-radius:14px;width:145px;top:75px}.short-stack-card span{font-size:6px;bottom:32px;left:10px}.short-stack-card b{font-size:9px;bottom:14px;left:10px}.short-status{margin-top:17px}.shorts-section{padding-bottom:45px}.reel-layout{grid-template-columns:40px minmax(0,1fr) 40px;gap:4px;min-height:300px}.reel-stage{border-radius:14px;width:72%;top:11px}.reel-stack-card{border-radius:13px;width:47%;top:71px}.reel-stack-card span{font-size:6px;bottom:29px;left:9px}.reel-stack-card b{font-size:9px;bottom:12px;left:9px}.reel-title{bottom:37px;left:14px}.reel-title h3{font-size:16px}.reel-status{margin-top:9px}.reel-corners i{width:7px;height:7px}.reels-section{padding-bottom:31px}.top-nav{justify-content:flex-start}.nav-items{gap:13px}.switch-hint{letter-spacing:.7px;font-size:8px}.footer-contact{flex-wrap:wrap;justify-content:center;gap:8px}.footer-contact>span{display:none}footer{align-items:center;gap:10px}.footer-cta{padding:8px 11px}body{overflow-x:hidden}.top-nav{gap:14px;overflow:hidden}.monogram{flex:none}.nav-items{white-space:nowrap;scrollbar-width:none;flex:1;gap:17px;min-width:0;padding:4px 3px;overflow-x:auto}.nav-items::-webkit-scrollbar{display:none}.nav-items a{flex:none;font-size:11px}.skills-pill{scrollbar-width:none;justify-content:flex-start;gap:12px;padding:9px 12px;overflow-x:auto}.skills-pill::-webkit-scrollbar{display:none}.skills-pill>b,.skill{flex:none}.skill{min-width:48px}.reel-layout,.shorts-carousel{isolation:isolate;display:block}.reel-layout{min-height:260px}.reel-stack{width:100%;height:245px}.reel-stage{width:86%;top:7px}.reel-stack-card{width:51%;top:57px}.reel-stack-card.left{left:-4%;transform:rotate(-10deg)}.reel-stack-card.right{right:-4%;transform:rotate(10deg)}.reel-layout>.reel-arrow,.shorts-carousel>.short-arrow{z-index:8;position:absolute;top:50%;translate:0 -50%;box-shadow:0 9px 22px #00002b6b}.reel-layout>.reel-arrow:first-child,.shorts-carousel>.short-arrow:first-child{left:-7px}.reel-layout>.reel-arrow:last-child,.shorts-carousel>.short-arrow:last-child{right:-7px}.shorts-carousel{min-height:458px;padding:7px 0}.short-stack{width:100%;height:438px}.short-stage{width:235px;top:8px}.short-stack-card{width:44%;top:82px}.short-stack-card.left{left:-2%;transform:rotate(-11deg)}.short-stack-card.right{right:-2%;transform:rotate(11deg)}}@media (width<=380px){.hero-copy h1{font-size:76px}.reel-stage{width:88%}.reel-stack-card{width:52%}.short-stage{width:218px}.short-stack-card{width:45%}}@media (width<=800px){.hero-stage{opacity:1;background:#080b42 url(/art/hero-poster.jpg) 68%/cover no-repeat;width:86%;height:300px;margin-top:-12px}.hero-video{display:none}.experience-section{padding-top:42px;padding-bottom:28px}.experience-grid{gap:8px;margin-top:20px}.experience-card{border-radius:21px;height:142px;min-height:142px;padding:12px 16px}.experience-art{opacity:.74;width:52%;height:126%;right:-3%}.experience-card:nth-child(2) .experience-art{width:54%;right:-1%}.experience-card:nth-child(3) .experience-art{width:57%;right:-6%}.experience-card:before{width:160px;height:160px;top:-80px;right:-48px}.card-index{font-size:8px}.experience-card strong{letter-spacing:-4px;margin:5px 0 4px;font-size:47px}.experience-card h3{margin:0 0 3px;font-size:13px}.experience-card p{max-width:58%;font-size:10px;line-height:1.4}.corner-plus{font-size:20px;bottom:8px;right:13px}}