@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/noto-sans-sc-subset.woff2)format("woff2")}@font-face{font-family:Noto Serif SC;font-style:normal;font-weight:600 900;font-display:swap;src:url(/fonts/noto-serif-sc-subset.woff2)format("woff2")}:root{--bg:#0d1220;--ink:#2e3850;--ink-soft:#6f7d96;--text:#e2ebf8cc;--text-strong:#f4f8ff;--blue:#7d99cc;--blue-deep:#4f6b9e;--blue-light:#b9cdec;--blue-tint:#e2ebf8;--silver:#a3b2cf;--line-dark:#fff3;--font-sans:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-serif:"Noto Serif SC", "STSong", serif;--container:1700px;--gutter:60px;--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.7}body:before{content:"";z-index:-2;filter:blur(22px)brightness(1.05)saturate(1.1);background:url(/images/bg-music.webp) 50% 28%/cover no-repeat;position:fixed;inset:-50px}body:after{content:"";z-index:-1;background-image:var(--noise), radial-gradient(1400px 700px at 50% -10%, #d2e4fc4d, transparent 62%), linear-gradient(180deg, #adc4eb42 0%, #1c284066 46%, #0c12209e 100%);position:fixed;inset:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:var(--container);padding:0 var(--gutter);margin:0 auto;position:relative}.section{padding:130px 0;position:relative}.section-head{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:70px;display:flex}.section-index{font-family:var(--font-serif);letter-spacing:4px;color:var(--blue-light);margin-bottom:18px;font-size:15px;font-weight:700;display:block}.section-title{font-family:var(--font-serif);letter-spacing:1px;color:var(--text-strong);text-shadow:0 2px 34px #060a14bf;font-size:clamp(38px,3vw,52px);font-weight:900;line-height:1.2}.section-sub{max-width:560px;color:var(--text);text-shadow:0 1px 16px #060a14b3;padding-bottom:8px;font-size:16px}.section-ghost{z-index:0;font-family:var(--font-serif);letter-spacing:.08em;white-space:nowrap;color:#0000;-webkit-text-stroke:1px #b9cdec4d;pointer-events:none;font-size:clamp(110px,13vw,230px);font-weight:900;line-height:1;position:absolute;top:44px;right:1vw}.contact .section-ghost{-webkit-text-stroke-color:#ffffff21}.char-mask{vertical-align:top;line-height:1.18;display:inline-block;overflow:hidden}.char{display:inline-block}.nav{z-index:50;transition:background .35s,box-shadow .35s;position:fixed;inset:0 0 auto}.nav.is-scrolled{-webkit-backdrop-filter:blur(14px);background:linear-gradient(#0a0f1ac7,#0a0f1a8c);box-shadow:0 1px #ffffff1a}.nav-inner{justify-content:space-between;align-items:center;height:84px;display:flex}.nav-logo{font-family:var(--font-serif);letter-spacing:2px;color:var(--text-strong);font-size:22px;font-weight:900}.nav-logo em{color:var(--blue-light);font-style:normal}.nav-links{align-items:center;gap:44px;font-size:15px;display:flex}.nav-links a{color:#ebf2fbbf;padding:6px 0;transition:color .25s;position:relative}.nav-links a:after{content:"";background:var(--blue-light);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-links a:hover{color:#fff}.nav-links a:hover:after{width:100%}.nav-cta{background:var(--blue);color:#fff;border-radius:999px;padding:11px 28px;font-size:15px;transition:background .25s,transform .25s,box-shadow .25s;display:inline-block}.nav-cta:hover{background:var(--blue-deep);transform:translateY(-1px);box-shadow:0 8px 24px -8px #7d99ccb3}.nav-resume{color:var(--ink);border:1px solid #7d99cc99;border-radius:999px;padding:10px 22px;font-size:15px;transition:background .25s,border-color .25s,transform .25s;display:inline-block}.nav-resume:hover{border-color:var(--blue);background:#7d99cc29;transform:translateY(-1px)}.hero{color:#fff;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-glow{z-index:0;pointer-events:none;filter:blur(90px);background:radial-gradient(closest-side,#ffffffe6,#fff0);border-radius:50%;position:absolute}.hero-glow-1{opacity:.5;width:720px;height:560px;top:-12%;right:8%}.hero-glow-2{opacity:.24;width:640px;height:480px;bottom:16%;left:-6%}.hero-flow{z-index:0;pointer-events:none;mix-blend-mode:screen;filter:invert()brightness(1.05)contrast(1.05);position:absolute;-webkit-mask-image:radial-gradient(closest-side,#000 55%,#0000 98%);mask-image:radial-gradient(closest-side,#000 55%,#0000 98%)}.flow-a{opacity:.5;width:620px;animation:30s ease-in-out infinite alternate driftA;top:2%;right:-4%}.flow-b{opacity:.36;width:680px;animation:36s ease-in-out infinite alternate driftB;bottom:-6%;left:-5%}.flow-c{opacity:.28;filter:brightness(1.1);width:700px;animation:42s ease-in-out infinite alternate-reverse driftA;top:30%;left:30%}@keyframes driftA{0%{transform:translate(0)rotate(-2deg)}to{transform:translate(-70px,24px)rotate(-5deg)}}@keyframes driftB{0%{transform:translate(0)rotate(2deg)}to{transform:translate(90px,-30px)rotate(5deg)}}.hero-overlay{z-index:1;background:linear-gradient(#0a0f1a4d 0%,#0a0f1a0f 60%,#0a0f1a00 100%);position:absolute;inset:0}.music-staff{z-index:2;pointer-events:none;height:170px;position:absolute;top:96px;left:0;right:0}.staff-lines{position:absolute;inset:10% 0}.staff-line{background:linear-gradient(90deg,#0000 0%,#d2e2fa80 10%,#e6f0fdbf 50%,#d2e2fa80 90%,#0000 100%);height:1px;position:absolute;left:0;right:0;box-shadow:0 0 10px #b9cdec73}.staff-playhead{filter:blur(5px);background:linear-gradient(90deg,#bed4f500,#d2e2fa4d 42%,#ffffff8c 50%,#d2e2fa4d 58%,#bed4f500);width:150px;animation-name:staffSweep;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-8%;bottom:-8%;left:0;transform:translate(-180px)}@keyframes staffSweep{0%{transform:translate(-180px)}to{transform:translate(calc(100vw + 60px))}}.staff-note{color:#eaf1fd;opacity:.13;animation-name:notePlay;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;transform:translate(-50%,-50%)}.staff-note svg{width:100%;height:auto;display:block}@keyframes notePlay{0%{opacity:.13;filter:drop-shadow(0 0 #bed4f500);transform:translate(-50%,-44%)scale(.9)}2.5%{opacity:1;filter:drop-shadow(0 0 18px #c8dcfaf2);transform:translate(-50%,-58%)scale(1.28)}8%{opacity:.95;transform:translate(-50%,-50%)scale(1)}38%{opacity:.5;transform:translate(-47%,-54%)scale(1)}68%{opacity:.13;filter:drop-shadow(0 0 #bed4f500);transform:translate(-46%,-48%)scale(.94)}to{opacity:.13;transform:translate(-50%,-44%)scale(.9)}}.hero-bends{z-index:1}.hero-inner{z-index:3;width:100%;padding-top:120px;position:relative}.hero-tag{letter-spacing:3px;color:var(--blue-light);border:1px solid #b9cdec73;border-radius:999px;align-items:center;gap:12px;margin-bottom:38px;padding:9px 22px;font-size:15px;display:inline-flex}.hero-tag:before{content:"";background:var(--blue-light);border-radius:50%;width:7px;height:7px;animation:2.2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.hero-title{font-family:var(--font-serif);letter-spacing:4px;margin-bottom:34px;font-size:clamp(64px,6.5vw,116px);font-weight:900;line-height:1.14}.hero-title em{color:var(--blue-light);font-style:normal}.hero-role{letter-spacing:8px;color:#ffffffeb;text-shadow:0 1px 18px #060a148c;margin-bottom:58px;font-size:clamp(18px,1.4vw,24px)}.hero-role strong{font-weight:500}.hero-role .divider{color:#fff6;margin:0 18px}.hero-actions{gap:20px;display:flex}.btn{letter-spacing:2px;border-radius:999px;align-items:center;gap:10px;padding:16px 40px;font-size:16px;transition:transform .25s,background .25s,color .25s,box-shadow .25s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 32px -12px #7d99cce6}.btn-primary:hover{background:var(--blue-deep)}.btn-ghost{color:#fff;border:1px solid #fff9}.btn-ghost:hover{background:#ffffff29}.hero-scroll{z-index:3;color:#ffffffb3;letter-spacing:3px;flex-direction:column;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.hero-scroll:after{content:"";background:linear-gradient(#ffffffb3,#0000);width:1px;height:44px;animation:1.8s infinite drop}@keyframes drop{0%{transform-origin:top;transform:scaleY(0)}60%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.about-lead{align-items:flex-start;gap:48px;max-width:1080px;display:flex}.about-lead-text{flex:1;min-width:0}.about-name{font-family:var(--font-serif);color:var(--text-strong);text-shadow:0 2px 34px #060a14bf;margin-bottom:10px;font-size:clamp(48px,4vw,68px);font-weight:900;line-height:1.2}.about-role-line{color:var(--blue-light);letter-spacing:4px;text-shadow:0 1px 18px #060a1499;margin-bottom:22px;font-size:clamp(17px,1.3vw,21px)}.about-text p{color:var(--text);text-shadow:0 1px 14px #060a14a6;max-width:880px;margin-bottom:16px;font-size:17px}.about-badges{flex-wrap:wrap;gap:12px;margin:8px 0 0;display:flex}.about-badge{letter-spacing:1px;color:var(--blue-light);border:1px solid #b9cdec66;border-radius:999px;padding:8px 18px;font-size:13px}.about-cert{border:1px solid #b9cdec59;border-radius:12px;flex-shrink:0;width:min(190px,40%);margin:6px 0 0;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;display:block;overflow:hidden;box-shadow:0 20px 48px -24px #040810cc}.about-cert:hover{transform:translateY(-4px);box-shadow:0 26px 60px -22px #040810d9,0 0 36px #b9cdec2e}.about-cert img{width:100%;height:auto;display:block}.about-cert-caption{letter-spacing:1px;white-space:nowrap;color:#dee9f8a6;background:#0a0f1a8c;padding:7px 10px;font-size:10px;display:block}#about{padding:80px 0 60px}#about .section-head{margin-bottom:44px}.about-columns{grid-template-columns:1fr;gap:0;max-width:760px;margin-top:40px;display:grid}.about-columns h3{letter-spacing:4px;color:#dee9f899;border-bottom:1px solid var(--line-dark);margin-bottom:14px;padding-bottom:10px;font-size:14px;font-weight:500}.about-meta{grid-template-columns:1fr 1fr;column-gap:44px;display:grid}.about-meta-item{align-items:baseline;gap:18px;padding:7px 0;display:flex}.about-meta-item dt{color:#dee9f88c;letter-spacing:2px;flex-shrink:0;min-width:52px;font-size:14px}.about-meta-item dd{color:var(--text-strong);font-size:16px;font-weight:500}.about-meta-item a:hover{color:var(--blue-light)}.about-exp{flex-direction:column;gap:20px;display:flex}.about-exp-item{padding:14px 0}.about-exp-item .exp-date{letter-spacing:2px;color:var(--blue-light);margin-bottom:4px;font-size:13px}.about-exp-item .exp-title{color:var(--text-strong);font-size:16px;font-weight:700}.about-exp-item .exp-detail{color:var(--text);margin-top:4px;font-size:14.5px}.stats{border-top:1px solid var(--line-dark);grid-template-columns:repeat(4,1fr);margin-top:48px;display:grid}.stat{border-left:1px solid var(--line-dark);padding:28px 30px 0}.stat:first-child{border-left:none;padding-left:0}.stat-value{font-family:var(--font-serif);color:var(--text-strong);text-shadow:0 2px 30px #060a14b3;font-size:clamp(42px,3.4vw,60px);font-weight:900;line-height:1.1}.stat-value .suffix{color:var(--blue-light);margin-left:4px;font-size:.55em}.stat-label{color:#dee9f899;letter-spacing:1px;margin-top:10px;font-size:15px}.deck-stage{height:400px;margin-top:26px;position:relative}.deck-card{cursor:pointer;will-change:transform;border:1px solid #ffffff4d;border-radius:22px;width:400px;height:300px;margin-left:-200px;position:absolute;top:30px;left:50%;overflow:hidden;box-shadow:0 40px 90px -36px #040810bf}.deck-face{-webkit-backdrop-filter:blur(12px)saturate(1.2);background:linear-gradient(152deg,#d8e5fa6b,#8ba4d638);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.deck-card.alt .deck-face{background:linear-gradient(152deg,#eef2f975,#a8b4cd42)}.deck-face .deck-label{font-family:var(--font-serif);letter-spacing:6px;color:#fffffff2;text-shadow:0 2px 26px #1e2d4b8c;font-size:25px;font-weight:900}.deck-face img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.deck-card.decor .deck-notes{object-fit:cover;mix-blend-mode:multiply;opacity:.8;width:100%;height:100%;position:absolute;inset:0}.deck-card.decor .deck-label{letter-spacing:3px;font-size:17px;position:relative}.deck-nav{justify-content:center;align-items:center;gap:26px;margin-top:40px;display:flex}.deck-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff52;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:background .25s,border-color .25s,transform .25s;display:flex}.deck-btn svg{width:20px;height:20px}.deck-btn:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.deck-counter{font-family:var(--font-serif);letter-spacing:3px;color:#ebf2fbb3;text-align:center;min-width:84px;font-size:15px}.deck-info{text-align:center;max-width:900px;margin:38px auto 0;animation:.55s both infoIn}@keyframes infoIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.decor-line{font-family:var(--font-serif);letter-spacing:4px;color:var(--blue-light);text-shadow:0 1px 16px #060a1499;font-size:20px}.project-date{letter-spacing:3px;color:var(--blue-light);margin-bottom:8px;font-size:13px}.project-name{font-family:var(--font-serif);color:var(--text-strong);text-shadow:0 2px 24px #060a14b3;margin-bottom:4px;font-size:28px;font-weight:900}.project-role{color:#dee9f899;letter-spacing:1px;margin-bottom:12px;font-size:14px}.project-desc{color:var(--text);text-shadow:0 1px 12px #060a1499;margin-bottom:14px;font-size:15px}.project-highlight{color:var(--blue-light);text-shadow:0 1px 12px #060a1499;margin-bottom:18px;font-size:15px;font-weight:700}.project-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.project-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.project-tag{color:#dee9f8b3;border:1px solid #ffffff38;border-radius:999px;padding:5px 14px;font-size:12.5px}.project-link{letter-spacing:1px;color:var(--text-strong);border-bottom:2px solid var(--blue);align-items:center;gap:8px;width:fit-content;padding-bottom:3px;font-size:14.5px;font-weight:700;transition:color .25s,gap .25s;display:inline-flex}.project-link:hover{color:var(--blue-light);gap:14px}.video-tabs{flex-wrap:wrap;gap:14px;margin-bottom:18px;display:flex}.video-tab{color:#ebf2fbd9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff47;border-radius:999px;padding:10px 26px;font-family:inherit;font-size:15px;transition:border-color .25s,color .25s,background .25s,box-shadow .25s}.video-tab:hover{border-color:var(--blue-light);color:#fff}.video-tab.is-active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 10px 26px -10px #7d99cccc}.video-current-desc{color:var(--text);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px;font-size:15px;display:flex}.video-meta{flex-wrap:wrap;gap:8px 10px;margin-bottom:14px;display:flex}.video-meta-item{color:var(--text);background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;align-items:baseline;gap:7px;padding:5px 14px;font-size:13px;line-height:1.5;display:inline-flex}.video-meta-item em{letter-spacing:.08em;color:var(--blue-light);opacity:.9;flex:none;font-size:11.5px;font-style:normal}.video-hint{letter-spacing:2px;color:#fff;background:linear-gradient(135deg,#7d99cc52,#5874ae85);border:1px solid #adc4ec8c;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:fit-content;margin:0 auto 14px;padding:9px 26px;font-size:14px;font-weight:600;animation:2.4s ease-in-out infinite videoHintGlow;display:flex;box-shadow:0 10px 30px -12px #7d99cc8c}.video-hint svg{fill:#fff;width:13px;height:13px;animation:1.6s ease-in-out infinite videoHintArrow}@keyframes videoHintGlow{0%,to{box-shadow:0 10px 30px -12px #7d99cc8c}50%{box-shadow:0 14px 40px -10px #a0c4ffcc}}@keyframes videoHintArrow{0%,to{transform:translate(-2px)}50%{transform:translate(3px)}}.video-count{letter-spacing:.5px;color:#dee9f880;flex-shrink:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12.5px}.video-carousel{max-width:760px;margin:0 auto;position:relative}.video-nav{z-index:2;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#1c263a8c;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:background .25s,border-color .25s,opacity .25s,box-shadow .25s;display:flex;position:absolute;top:calc(50% - 45px);transform:translateY(-50%);box-shadow:0 14px 34px -14px #040810cc}.video-nav svg{fill:#ebf2fbeb;width:22px;height:22px;transition:fill .25s}.video-nav:hover:not(:disabled){background:var(--blue);border-color:var(--blue);box-shadow:0 16px 40px -12px #7d99cce6}.video-nav:hover:not(:disabled) svg{fill:#fff}.video-nav:disabled{opacity:.25;cursor:default}.video-nav-prev{left:-18px}.video-nav-next{right:-18px}.video-grid{grid-template-columns:repeat(3,1fr);gap:44px;display:grid}.video-grid.is-partial{justify-content:center;gap:44px;display:flex}.video-grid.is-partial .video-item{flex:none;width:calc(33.3333% - 29.3333px)}.video-item{flex-direction:column;display:flex}.video-cover{aspect-ratio:9/16;background:#0a0f1aa6;border-radius:16px;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 26px 60px -28px #040810b3}.video-item:hover .video-cover{transform:translateY(-6px)scale(1.01);box-shadow:0 36px 80px -32px #040810cc,0 0 50px #b9cdec33}.video-cover .cover-placeholder{-webkit-backdrop-filter:blur(14px)saturate(1.2);background:linear-gradient(152deg,#d8e5fa5c,#8ba4d62e);border:1px solid #ffffff42;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-item:nth-child(2n) .cover-placeholder{background:linear-gradient(152deg,#eef2f966,#a8b4cd33)}.video-cover .cover-placeholder span{font-family:var(--font-serif);letter-spacing:5px;color:#fffffff2;text-shadow:0 2px 22px #28375566;font-size:22px;font-weight:900}.video-cover video,.video-cover img{width:100%;height:100%;position:absolute;inset:0}.video-cover img{object-fit:cover}.video-cover video{object-fit:contain}.video-poster{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0;overflow:hidden}.video-poster .video-poster-bg{z-index:0;object-fit:cover;filter:blur(22px)brightness(.55)saturate(1.1);transform:scale(1.18)}.video-poster .video-poster-img{z-index:1;object-fit:contain;transition:transform .6s cubic-bezier(.22,1,.36,1)}.video-item:hover .video-poster .video-poster-img{transform:scale(1.045)}.video-poster:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000,#060a1480);height:34%;position:absolute;inset:auto 0 0}.video-poster .video-play{z-index:3}.video-cover .bili-frame{border:0;width:100%;height:100%;position:absolute;inset:0}.video-cover .video-bg{object-fit:cover;filter:blur(18px)brightness(.5)saturate(1.15);transform:scale(1.2)}.video-play{z-index:2;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;transition:transform .3s,background .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 34px -10px #04081073,0 0 30px #ffffffb3}.video-item:hover .video-play{background:var(--blue);transform:translate(-50%,-50%)scale(1.1)}.video-play svg{width:22px;height:22px;fill:var(--ink);margin-left:3px;transition:fill .3s}.video-item:hover .video-play svg{fill:#fff}.video-body{flex-direction:column;gap:4px;padding:20px 4px 0;display:flex}.video-case-title{font-family:var(--font-serif);color:var(--text-strong);text-shadow:0 2px 20px #060a14a6;text-wrap:balance;font-size:19px;font-weight:900}.video-case-title:before{content:"";background:var(--blue-light);vertical-align:2px;border-radius:50%;width:8px;height:8px;margin-right:10px;display:inline-block}.video-item:nth-child(2n) .video-case-title:before{background:var(--silver)}.video-file{letter-spacing:.5px;color:#dee9f880;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12.5px}.strength-grid{grid-template-columns:repeat(4,1fr);gap:60px;display:grid}.strength-item{border-top:1px solid var(--line-dark);padding-top:38px}.strength-icon{background:var(--blue);border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:26px;display:flex;box-shadow:0 10px 30px -10px #7d99ccbf}.strength-item:nth-child(2n) .strength-icon{background:var(--silver)}.strength-icon svg{stroke:#fff;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:27px;height:27px}.strength-title{font-family:var(--font-serif);color:var(--text-strong);text-shadow:0 2px 24px #060a14b3;margin-bottom:14px;font-size:22px;font-weight:900}.strength-desc{color:var(--text);text-shadow:0 1px 12px #060a1499;font-size:15px}.floating-note{z-index:6;pointer-events:none;color:#e6effc;width:70px;height:100vh;position:fixed;top:0;right:4.5%}.fn-item{opacity:.75;filter:drop-shadow(0 4px 18px #8cace299);position:absolute;top:0;left:0}.fn-item svg{width:100%;height:auto;display:block}.contact{color:#fff;background:radial-gradient(1200px 800px at 82% 12%,#7d99cc42,#0000 62%),linear-gradient(#0a0f1a59 0%,#0a0f1ab8 100%);flex-direction:column;min-height:100vh;display:flex;position:relative}.contact:before{content:"";z-index:0;pointer-events:none;background-image:var(--noise);opacity:.08;mix-blend-mode:soft-light;position:absolute;inset:0}.contact-inner{z-index:1;flex-direction:column;flex:1;justify-content:center;width:100%;padding-top:110px;display:flex;position:relative}.contact-kicker{letter-spacing:6px;color:var(--blue-light);margin-bottom:30px;font-size:15px}.contact-title{font-family:var(--font-serif);letter-spacing:3px;text-shadow:0 2px 44px #b9cdec4d;margin-bottom:44px;font-size:clamp(58px,6vw,104px);font-weight:900;line-height:1.18}.contact-title em{color:var(--blue-light);font-style:normal}.contact-rows{max-width:860px}.contact-row{border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:baseline;gap:40px;padding:26px 0;transition:padding-left .3s;display:flex}.contact-row:hover{padding-left:14px}.contact-row dt{letter-spacing:4px;color:#ffffff8c;flex-shrink:0;font-size:15px}.contact-row dd{text-align:right;font-size:clamp(20px,1.6vw,28px);font-weight:500}.contact-row a:hover{color:var(--blue-light)}.contact-status{letter-spacing:2px;color:#cfe0f5;align-items:center;gap:12px;margin-top:46px;font-size:15px;display:inline-flex}.contact-status:before{content:"";background:#a9c4ee;border-radius:50%;width:9px;height:9px;animation:2s infinite blink;box-shadow:0 0 12px #a9c4eee6}.contact-footer{color:#ffffff6b;letter-spacing:1px;z-index:1;justify-content:space-between;align-items:center;width:100%;padding-block:34px;font-size:13px;display:flex;position:relative}.contact-resume{align-self:flex-start;margin-top:28px;padding:13px 30px;font-size:14.5px}.contact-resume-group{flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px;display:flex}.contact-resume-group .contact-resume{margin-top:0}.contact-resume-pdf{color:var(--text);border-bottom:1px solid #ffffff47;padding-bottom:1px;font-size:13px;text-decoration:none;transition:color .25s,border-color .25s}.contact-resume-pdf:hover{color:var(--text-strong);border-color:#ffffffb3}.ai-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 6px;margin-bottom:44px;display:flex}.ai-flow-item{letter-spacing:1px;color:#dee9f8d9;background:#1c263a59;border:1px solid #b9cdec59;border-radius:999px;align-items:center;padding:8px 16px;font-size:13.5px;display:inline-flex}.ai-flow-arrow{fill:none;width:13px;height:13px;stroke:var(--blue-light);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;margin-right:7px}.ai-grid{grid-template-columns:1fr 1fr;gap:44px;display:grid}.ai-card{border:1px solid var(--line-dark);background:#0a0f1a73;border-radius:18px;flex-direction:column;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s;display:flex;overflow:hidden;box-shadow:0 26px 60px -28px #040810b3}.ai-card:hover{transform:translateY(-6px);box-shadow:0 36px 80px -32px #040810cc,0 0 50px #b9cdec29}.ai-cover{aspect-ratio:16/9;display:block;overflow:hidden}.ai-cover img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.ai-card:hover .ai-cover img{transform:scale(1.04)}.ai-body{flex-direction:column;flex:1;padding:26px 26px 28px;display:flex}.ai-head{align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.ai-name{font-family:var(--font-serif);color:var(--text-strong);font-size:24px;font-weight:900}.ai-tagline{letter-spacing:1px;color:var(--blue-light);font-size:12.5px}.ai-desc{color:var(--text);margin-bottom:16px;font-size:14.5px;line-height:1.75}.ai-points{flex-direction:column;gap:9px;margin-bottom:20px;list-style:none;display:flex}.ai-points li{color:#dee9f8c7;padding-left:16px;font-size:13.5px;line-height:1.6;position:relative}.ai-points li:before{content:"";background:var(--blue-light);border-radius:50%;width:5px;height:5px;position:absolute;top:.62em;left:0}.ai-stack{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.ai-stack span{letter-spacing:.5px;color:var(--blue-light);border:1px solid #b9cdec59;border-radius:999px;padding:5px 12px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px}body{overflow-x:clip}.nav-toggle{display:none}.nav-burger{cursor:pointer;flex-direction:column;gap:5px;padding:10px 6px;display:none}.nav-burger span{background:#fff;border-radius:2px;width:22px;height:2px}@media (width<=1100px){.container{padding:0 36px}.strength-grid{grid-template-columns:repeat(2,1fr);gap:40px}.ai-grid{gap:32px}.video-grid,.video-grid.is-partial{gap:30px}.video-grid.is-partial .video-item{width:calc(33.3333% - 20px)}.deck-card{width:340px;height:255px;margin-left:-170px}.deck-stage{height:350px}}@media (width<=860px){.nav-inner{height:64px}.nav-burger{display:flex}.nav-links{-webkit-backdrop-filter:blur(16px);background:#0a0f1af0;border-bottom:1px solid #ffffff1a;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 18px;display:none;position:absolute;top:100%;left:0;right:0}.nav-toggle:checked~.nav-links{display:flex}.nav-links a{border-bottom:1px solid #ffffff12;padding:14px 4px;font-size:16px}.nav-links a:after{display:none}.nav-cta{text-align:center;margin-top:16px}.section{padding:84px 0}.contact-inner{padding-top:70px}.section-ghost{font-size:clamp(64px,17vw,110px);top:22px}.about-lead{flex-direction:column;gap:30px}.about-cert{width:min(220px,62%);margin:0 auto}.about-columns{margin-top:30px}.stats{grid-template-columns:repeat(2,1fr)}.stat{padding:24px 22px 0}.stat:nth-child(odd){border-left:none}.video-grid{grid-template-columns:repeat(2,1fr);gap:14px}.video-grid.is-partial{gap:14px}.video-grid.is-partial .video-item{width:calc(50% - 7px)}.ai-grid{grid-template-columns:1fr;gap:32px}.deck-stage{height:300px}.deck-card{width:300px;height:225px;margin-left:-150px;top:22px}.deck-face .deck-label{font-size:19px}.deck-card.decor .deck-label{font-size:14px}.deck-btn{width:46px;height:46px}.contact-row{flex-direction:column;align-items:flex-start;gap:4px;padding:18px 0}.contact-footer{flex-direction:column;gap:10px}#videos .video-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:10px 12px;overflow:auto hidden}#videos .video-tabs::-webkit-scrollbar{display:none}#videos .video-tabs .gooey-nav-container nav ul{flex-wrap:nowrap;justify-content:flex-start;gap:0 8px;width:max-content;padding:0}#videos .video-tabs .gooey-nav-container nav ul li button{white-space:nowrap;padding:7px 14px;font-size:12.5px}.section-title{font-size:clamp(26px,7vw,32px)}.section-index{letter-spacing:2px;font-size:11px}.section-sub{font-size:13px}.about-name{font-size:34px}}@media (width<=620px){.container{padding:0 18px}.section{padding:50px 0}.section-ghost{font-size:clamp(52px,15vw,84px);top:16px}.hero-title{letter-spacing:1px;margin-bottom:18px;font-size:clamp(26px,8vw,32px)}.hero-role{letter-spacing:2px;margin-bottom:30px;font-size:13px}.hero-role .divider{margin:0 7px}.hero-actions{gap:12px}.btn{padding:12px 24px;font-size:14px}.video-grid,.video-grid.is-partial{gap:12px}.video-grid.is-partial .video-item{width:calc(50% - 6px)}.video-body{padding:14px 10px 0}.video-case-title{font-size:15px}.video-file{font-size:11px}.video-nav{width:38px;height:38px}.video-nav svg{width:17px;height:17px}.video-nav-prev{left:-8px}.video-nav-next{right:-8px}.video-current-desc{flex-direction:column;align-items:flex-start;gap:4px}.video-hint{gap:8px;margin-bottom:22px;padding:7px 16px;font-size:11.5px}.video-hint svg{width:11px;height:11px}.stat-value{font-size:28px}.stat-label{font-size:12px}.about-meta{grid-template-columns:1fr}.about-cert{width:min(180px,56%)}.about-text p{font-size:14.5px}.ai-flow-item{padding:6px 11px;font-size:11.5px}.ai-body{padding:20px 18px 22px}.ai-name{font-size:20px}.ai-desc{font-size:13.5px}.ai-points li{font-size:12.5px}.deck-card{width:210px;height:158px;margin-left:-105px}.deck-stage{height:210px}.deck-face .deck-label{letter-spacing:1px;font-size:13px}.deck-card.decor .deck-label{font-size:10px}.strength-grid{grid-template-columns:1fr;gap:24px}.strength-item{padding-top:22px}.strength-icon{width:46px;height:46px;margin-bottom:16px}.strength-icon svg{width:20px;height:20px}.contact-title{font-size:clamp(30px,9vw,38px)}.hero-overlay{background:linear-gradient(#0a0f1a6b 0%,#0a0f1a4d 60%,#0a0f1a2e 100%)}}#videos .section-sub{color:#fff;background:linear-gradient(135deg,#7d99cc52,#5874ae85);border:1px solid #adc4ec80;border-radius:12px;width:fit-content;padding:10px 18px;font-size:14px;animation:2.4s ease-in-out infinite videoHintGlow}.video-nav-next{animation:2s ease-in-out infinite navNextPulse}@keyframes navNextPulse{0%,to{background:#1c263a8c;border-color:#ffffff59;box-shadow:0 14px 34px -14px #040810cc}50%{border-color:var(--blue-light);background:#7d99cc8c;box-shadow:0 0 0 10px #7d99cc1f,0 0 34px #a0c4ffa6}}@media (width<=620px){.video-tabs{top:68px}#videos .section-sub{padding:8px 14px;font-size:12.5px}}#videos .section-head{margin-bottom:26px}.projects-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;margin-top:30px;display:grid}.pc-grid{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:24px;width:100%;max-width:820px;margin-inline:auto;display:grid}.pc-cell{cursor:pointer;border-radius:22px;width:100%;max-width:388px;transition:transform .3s}.pc-cell:hover{transform:translateY(-5px)}.pc-cell.selected .pc-card{border-color:#b9cdece6;box-shadow:0 0 0 2px #7d9ccc8c,0 40px 90px -36px #040810bf}.pc-grid+.deck-info{margin-top:44px;scroll-margin-top:90px}@media (width>=1241px){.projects-layout .deck-info{text-align:left;-webkit-backdrop-filter:blur(14px);background:#0d122059;border:1px solid #ffffff47;border-radius:22px;max-width:none;margin:0;padding:28px 26px 24px;position:sticky;top:96px;box-shadow:0 40px 90px -36px #040810bf}.projects-layout .project-name{font-size:24px}.projects-layout .project-desc,.projects-layout .project-highlight{font-size:14px}.projects-layout .project-foot{justify-content:flex-start}}@media (width<=1240px){.projects-layout{display:block}.pc-grid{row-gap:34px;max-width:860px;margin-inline:auto}}@media (width<=620px){.section-head{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:34px}.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;max-width:380px}.pc-cell{max-width:none}#works .pc-contact-btn{display:none}#works .pc-handle{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}#works .pc-user-info{overflow:hidden}#works .pc-user-details{flex:auto;overflow:hidden}}.color-bends-container{position:absolute;inset:0;overflow:hidden}.pc-card-wrapper{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--grain:none;--icon:none;--behind-gradient:none;--behind-glow-color:#7d9ccc80;--behind-glow-size:25%;--inner-gradient:none;--sunpillar-1:#b8ceea;--sunpillar-2:#94b8db;--sunpillar-3:#72a4ca;--sunpillar-4:#6785c1;--sunpillar-5:#c6daf1;--sunpillar-6:#a4c4df;--sunpillar-clr-1:var(--sunpillar-1);--sunpillar-clr-2:var(--sunpillar-2);--sunpillar-clr-3:var(--sunpillar-3);--sunpillar-clr-4:var(--sunpillar-4);--sunpillar-clr-5:var(--sunpillar-5);--sunpillar-clr-6:var(--sunpillar-6);--card-radius:22px;perspective:500px;touch-action:pan-y;width:100%;position:relative;transform:translateZ(.1px)}.pc-behind{z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), var(--behind-glow-color) 0%, transparent var(--behind-glow-size));filter:blur(50px)saturate(1.1);opacity:calc(.8 * var(--card-opacity));transition:opacity .2s;position:absolute;inset:0}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity:1}.pc-card{aspect-ratio:.718;border-radius:var(--card-radius);width:100%;height:auto;box-shadow:#0408108c calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 26px -8px;backface-visibility:hidden;background:#0d122059;border:1px solid #ffffff4d;transition:transform 1s;display:grid;position:relative;overflow:hidden;transform:translateZ(0)rotateX(0)rotateY(0)}.pc-card:hover,.pc-card.active{transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transition:none}.pc-card-shell.entering .pc-card{transition:transform .18s ease-out}.pc-card-shell{z-index:1;position:relative}.pc-card *{border-radius:var(--card-radius);pointer-events:none;grid-area:1/-1;display:grid}.pc-inside{background-image:var(--inner-gradient);background-color:#0d12201f;position:absolute;inset:0;transform:none}.pc-shine{-webkit-mask-image:var(--icon);mask-image:var(--icon);-webkit-mask-size:150%;mask-size:150%;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-source-type:luminance;mask-mode:luminance;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));filter:brightness(.66)contrast(1.33)saturate(.33)opacity(.22);mix-blend-mode:color-dodge;transition:filter .8s;animation:18s linear infinite holo-bg}.pc-shine,.pc-shine:after{--space:5%;--angle:-45deg;z-index:3;background:50%/cover;background-image:repeating-linear-gradient(0deg, var(--sunpillar-clr-1) calc(var(--space) * 1), var(--sunpillar-clr-2) calc(var(--space) * 2), var(--sunpillar-clr-3) calc(var(--space) * 3), var(--sunpillar-clr-4) calc(var(--space) * 4), var(--sunpillar-clr-5) calc(var(--space) * 5), var(--sunpillar-clr-6) calc(var(--space) * 6), var(--sunpillar-clr-1) calc(var(--space) * 7)), repeating-linear-gradient(var(--angle), #0e152e 0%, #8fa3a3 3.8%, #8fc1c1 4.5%, #8fa3a3 5.2%, #0e152e 10%, #0e152e 12%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #0000001a 12%, #00000026 20%, #00000040 120%);background-position:0 var(--background-y), var(--background-x) var(--background-y), center;background-blend-mode:color, hard-light;background-repeat:repeat;background-size:500% 500%,300% 300%,200% 200%;overflow:hidden;transform:translateZ(1px)}.pc-shine:before,.pc-shine:after{content:"";opacity:0;background-position:50%;background-size:cover;grid-area:1/1;transition:opacity .8s}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{filter:brightness(.85)contrast(1.5)saturate(.5)opacity(.35);animation-play-state:paused}.pc-card:hover .pc-shine:before,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card.active .pc-shine:after{opacity:.5}.pc-shine:before{background-image:linear-gradient(45deg, var(--sunpillar-4), var(--sunpillar-5), var(--sunpillar-6), var(--sunpillar-1), var(--sunpillar-2), var(--sunpillar-3)), radial-gradient(circle at var(--pointer-x) var(--pointer-y), #b3b3b3 0%, #4d4d4d33 90%), var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y), center, calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}.pc-shine:after{background-position:0 var(--background-y), calc(var(--background-x) * .4) calc(var(--background-y) * .5), center;mix-blend-mode:difference;filter:brightness(.8)contrast(1.5);background-size:200% 300%,700% 700%,100% 100%}.pc-glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #d3dfee 12%, #3d628f8c 90%);mix-blend-mode:overlay;filter:brightness(.8)contrast(1.2);z-index:4;overflow:hidden;transform:translateZ(1.1px)}.pc-avatar-content{mix-blend-mode:normal;backface-visibility:hidden;overflow:visible;transform:translateZ(2px)}.pc-avatar-content .avatar{object-fit:cover;object-position:top center;transform-origin:50% 100%;width:100%;height:100%;transform:translateX(calc(-50% + (var(--pointer-from-left) - .5) * 6px)) translateZ(0) scaleY(calc(1 + (var(--pointer-from-top) - .5) * .02)) scaleX(calc(1 + (var(--pointer-from-left) - .5) * .01));backface-visibility:hidden;will-change:transform;transition:transform .12s ease-out;position:absolute;bottom:-1px;left:50%}.pc-avatar-content:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0d12202e 0%,#0d12200d 24%,#0d122000 46% 64%,#0d12208c 100%);position:absolute;inset:0}.pc-user-info{--ui-inset:20px;--ui-radius-bias:6px;bottom:var(--ui-inset);left:var(--ui-inset);right:var(--ui-inset);z-index:2;-webkit-backdrop-filter:blur(30px);border-radius:calc(max(0px, var(--card-radius) - var(--ui-inset) + var(--ui-radius-bias)));pointer-events:auto;background:#0d122073;border:1px solid #ffffff40;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute}.pc-mini-avatar{display:none}.pc-user-details{align-items:center;gap:12px;min-width:0;display:flex}.pc-user-text{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.pc-handle{font-family:var(--font-serif,"Noto Serif SC", serif);letter-spacing:.5px;color:#fffffff2;white-space:nowrap;font-size:14.5px;font-weight:900;line-height:1.2}.pc-status{color:var(--blue-light,#b9cdec);white-space:nowrap;font-size:12px;font-weight:600;line-height:1.2}.pc-contact-btn{color:#ffffffeb;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d12208c;border:1px solid #ffffff59;border-radius:8px;flex-shrink:0;padding:9px 14px;font-size:12px;font-weight:600;transition:all .2s}.pc-contact-btn:hover{background:#0d1220b8;border-color:#ffffffa6;transition:all .2s;transform:translateY(-1px)}.pc-content:not(.pc-avatar-content){text-align:center;max-height:100%;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px), calc(var(--pointer-from-top) * -6px + 3px), .1px);z-index:5;mix-blend-mode:normal;position:relative;overflow:hidden}.pc-details{flex-direction:column;width:100%;padding:0 20px;display:flex;position:absolute;top:3em}.pc-details h3{font-family:var(--font-serif,"Noto Serif SC", serif);letter-spacing:1px;white-space:nowrap;-webkit-text-fill-color:transparent;text-shadow:none;background-image:linear-gradient(#f4f8ff,#b9cdec);background-size:1em 1.5em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:22px;font-weight:900;overflow:hidden}.pc-details p{white-space:nowrap;-webkit-text-fill-color:transparent;background-image:linear-gradient(#e2ebf8,#7d99cc);background-size:1em 1.5em;-webkit-background-clip:text;background-clip:text;width:min-content;margin:0 auto;font-size:13px;font-weight:600;position:relative;top:-6px}@keyframes glow-bg{0%{--bgrotate:0deg}to{--bgrotate:360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y), 0 0, center}to{background-position:0 var(--background-y), 90% 90%, center}}@media (width<=768px){.pc-details{top:2em}.pc-details h3{font-size:19px}.pc-details p{font-size:12px}.pc-user-info{--ui-inset:15px;padding:10px 12px}.pc-mini-avatar{width:28px;height:28px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{padding:6px 12px;font-size:11px}}@media (width<=480px){.pc-details{top:1.5em}.pc-details h3{font-size:17px}.pc-details p{font-size:11px;top:-4px}.pc-user-info{--ui-inset:12px;padding:8px 10px}.pc-mini-avatar{width:24px;height:24px}.pc-user-details{gap:8px}.pc-handle{font-size:12px}.pc-status{font-size:9px}.pc-contact-btn{border-radius:50px;padding:5px 10px;font-size:10px}}@media (width<=320px){.pc-details h3{font-size:15px}.pc-details p{font-size:11px}.pc-user-info{padding:6px 8px}.pc-mini-avatar{width:20px;height:20px}.pc-user-details{gap:6px}.pc-handle{font-size:11px}.pc-status{font-size:8px}.pc-contact-btn{border-radius:50px;padding:4px 8px;font-size:9px}}:root{--linear-ease:linear(0, .068, .19 2.7%, .804 8.1%, 1.037, 1.199 13.2%, 1.245, 1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, .996 28%, .949, .928 33.3%, .926, .933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%, 1.018 54.4%, 1 63.1%, .995 68%, 1.001 85%, 1)}.video-tabs{z-index:20;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#e2ebf8d1,#b9cdec9e);border:1px solid #fff9;border-radius:18px;margin-bottom:12px;padding:14px 16px;position:sticky;top:78px;overflow:hidden;box-shadow:0 18px 44px -22px #0408108c}.gooey-nav-container{--color-1:#fff;--color-2:#dfe9fa;--color-3:#eef3fc;--color-4:#cdd9ee;font-size:12.5px;position:relative}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{z-index:3;color:var(--ink);flex-wrap:wrap;justify-content:center;gap:.5em 1.6em;margin:0;padding:0 1em;list-style:none;display:flex;position:relative}.gooey-nav-container nav ul li{cursor:pointer;color:var(--ink);border-radius:100vw;transition:background-color .3s,color .3s,box-shadow .3s;position:relative;box-shadow:0 0 .5px 1.5px #0000}.gooey-nav-container nav ul li button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:#ffffff61;border:1px solid #7d99cc73;border-radius:999px;padding:.6em 1em;display:inline-block}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px var(--blue-deep)}.gooey-nav-container nav ul li:after{content:"";opacity:0;transition:all .3s var(--linear-ease);z-index:-1;background:#fff;border-radius:10px;position:absolute;inset:0;transform:scale(0)}.gooey-nav-container nav ul li.active{color:#000;text-shadow:none}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container .effect{opacity:1;pointer-events:none;z-index:1;place-items:center;width:0;height:0;display:grid;position:absolute;top:0;left:0}.gooey-nav-container .effect.text{color:#fff;transition:color .3s}.gooey-nav-container .effect.text.active{color:#000}.gooey-nav-container .effect.filter{filter:blur(7px)contrast(100)blur();mix-blend-mode:lighten}.gooey-nav-container .effect.filter:before{content:"";z-index:-2;background:#000;position:absolute;inset:-75px}.gooey-nav-container .effect.filter:after{content:"";opacity:0;z-index:-1;background:#fff;border-radius:100vw;position:absolute;inset:0;transform:scale(0)}.gooey-nav-container .effect.active:after{animation:.3s both pill}@keyframes pill{to{opacity:1;transform:scale(1)}}.particle,.point{opacity:0;transform-origin:50%;border-radius:100%;width:20px;height:20px;display:block}.particle{--time:5s;animation:particle calc(var(--time)) ease 1 -350ms;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px)}.point{background:var(--color);opacity:1;animation:point calc(var(--time)) ease 1 -350ms}@keyframes particle{0%{transform:rotate(0deg) translate(calc(var(--start-x)), calc(var(--start-y)));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2), calc(var(--end-y) * 1.2));opacity:1;animation-timing-function:ease}85%{transform:rotate(calc(var(--rotate) * .66)) translate(calc(var(--end-x)), calc(var(--end-y)));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5), calc(var(--end-y) * .5));opacity:1}}@keyframes point{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:scale(0)}25%{transform:scale(calc(var(--scale) * .25))}38%{opacity:1}65%{transform:scale(var(--scale));opacity:1;animation-timing-function:ease}85%{transform:scale(var(--scale));opacity:1}to{opacity:0;transform:scale(0)}}@media (width>=861px){.gooey-nav-container{font-size:15px}.video-tabs{padding:18px 22px}}