:root{--bg-primary: #0e1217;--bg-secondary: #151a21;--bg-card: #1a2029;--bg-card-hover: #222a35;--accent: #00d4ff;--accent-light: #4de8ff;--accent-dark: #00a8cc;--accent-orange: #ff6b1a;--text-primary: #ffffff;--text-secondary: #a8b2c1;--text-muted: #6b7688;--border-color: #2a3340;--max-width: 1700px;--content-width: 720px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-cn: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-cn),var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#1a1a1a,#555,#1a1a1a);z-index:9999;transition:width .1s ease-out;box-shadow:0 0 10px #0000004d}.section{padding:120px 0;position:relative;background:var(--bg-primary);transform-origin:top center}.stack-container{position:relative}.stack-item{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-top:1px solid rgba(0,0,0,.05);transform-origin:top center;will-change:transform}.stack-item:nth-child(1){z-index:1}.stack-item:nth-child(2){z-index:2}.stack-item:nth-child(3){z-index:3}.stack-item:nth-child(4){z-index:4}.stack-item:nth-child(5){z-index:5}.section-reveal{opacity:0;transform:translateY(60px) scale(.98);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.section-reveal.visible{opacity:1;transform:translateY(0) scale(1)}.parallax-text{will-change:transform;transition:transform .1s linear}.container{max-width:var(--content-width);margin:0 auto;padding:0 24px}.container-wide{max-width:var(--max-width);margin:0 auto;padding:0 60px}.section{padding:120px 0}.section-label{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:32px}.navbar{position:fixed;top:0;left:0;width:100%;z-index:100;transition:all .4s cubic-bezier(.16,1,.3,1)}.navbar--transparent{background:transparent;border-bottom:1px solid transparent}.navbar--transparent .navbar-logo{color:#fff}.navbar--transparent .navbar-links a{color:#ffffffb3}.navbar--transparent .navbar-links a:hover{color:#00d4ff}.navbar--transparent .navbar-links a:after{background:#00d4ff}.navbar--transparent .navbar-cta{color:#fff;border-color:#ffffff4d}.navbar--transparent .navbar-cta:hover{background:#00d4ff;border-color:#00d4ff;color:#0e1217}.navbar--scrolled{background:#0e1217f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #2a3340;box-shadow:0 1px 20px #0000004d}.navbar--scrolled .navbar-logo{color:#fff}.navbar--scrolled .navbar-links a{color:#a8b2c1}.navbar--scrolled .navbar-links a:hover{color:#00d4ff}.navbar--scrolled .navbar-links a:after{background:#00d4ff}.navbar--scrolled .navbar-cta{color:#00d4ff;border-color:#00d4ff}.navbar--scrolled .navbar-cta:hover{background:#00d4ff;color:#0e1217}.navbar-inner{max-width:var(--max-width);margin:0 auto;padding:0 60px;height:72px;display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-size:18px;font-weight:700;letter-spacing:-.3px;transition:color .3s ease}.navbar-logo span{color:var(--text-secondary)}.navbar-links{display:flex;gap:36px;list-style:none}.navbar-links a{font-size:13px;font-weight:500;transition:color .2s ease,transform .25s cubic-bezier(.16,1,.3,1),text-shadow .25s ease;position:relative;display:inline-block;transform-style:preserve-3d;perspective:300px;padding:6px 12px;border-radius:6px}.navbar-links a:hover{transform:translateY(-3px) rotateX(12deg) scale(1.05);text-shadow:0 4px 12px rgba(0,0,0,.15)}.navbar-links a:active{transform:translateY(-1px) rotateX(6deg) scale(1.02)}.navbar-links a:after{content:"";position:absolute;bottom:2px;left:12px;width:0;height:2px;background:var(--text-primary);transition:width .3s cubic-bezier(.16,1,.3,1);border-radius:1px}.navbar-links a:hover:after{width:calc(100% - 24px)}.navbar-cta{font-size:13px;font-weight:600;padding:9px 24px;border-radius:100px;transition:all .3s ease}.hero{min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;position:relative;background:#151a21;overflow:hidden}.hero__video-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.hero__video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;opacity:.6}.hero__video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0e1217b3,#0e121780,#0e1217cc)}.hero__bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;perspective:1000px;background:radial-gradient(ellipse at 30% 50%,#1a2030,#0e1217 70%)}.hero__bg-gradient{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;transform-style:preserve-3d}.hero__bg-gradient--1{width:45vw;height:45vw;background:radial-gradient(circle,rgba(0,212,255,.25) 0%,transparent 70%);top:-15%;right:-5%;animation:heroGradient1 12s ease-in-out infinite alternate}.hero__bg-gradient--2{width:40vw;height:40vw;background:radial-gradient(circle,rgba(77,232,255,.15) 0%,transparent 70%);bottom:-20%;left:-10%;animation:heroGradient2 15s ease-in-out infinite alternate}.hero__bg-gradient--3{width:35vw;height:35vw;background:radial-gradient(circle,rgba(255,107,26,.2) 0%,transparent 70%);top:40%;left:35%;animation:heroGradient3 18s ease-in-out infinite alternate;opacity:.3}.hero__bg-gradient--4{width:60vw;height:20vw;background:linear-gradient(90deg,transparent 0%,rgba(0,212,255,.12) 50%,transparent 100%);top:20%;left:-20%;filter:blur(40px);animation:heroGradient4 10s linear infinite;opacity:.6;border-radius:0}.hero__bg-gradient--5{width:50vw;height:15vw;background:linear-gradient(90deg,transparent 0%,rgba(77,232,255,.1) 50%,transparent 100%);bottom:30%;right:-15%;filter:blur(30px);animation:heroGradient5 13s linear infinite reverse;opacity:.5;border-radius:0}@keyframes heroGradient1{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(5%,10%) scale(1.15) rotate(5deg)}66%{transform:translate(-3%,5%) scale(1.1) rotate(-3deg)}to{transform:translate(2%,8%) scale(1.2) rotate(2deg)}}@keyframes heroGradient2{0%{transform:translate(0) scale(1)}50%{transform:translate(12%,-8%) scale(1.2)}to{transform:translate(5%,-12%) scale(1.1)}}@keyframes heroGradient3{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(-10%,8%) scale(1.25) rotate(20deg)}to{transform:translate(5%,-5%) scale(1.15) rotate(-10deg)}}@keyframes heroGradient4{0%{transform:translate(-100%) translateY(0) rotate(-5deg)}to{transform:translate(200%) translateY(-30px) rotate(-5deg)}}@keyframes heroGradient5{0%{transform:translate(100%) translateY(0) rotate(3deg)}to{transform:translate(-200%) translateY(20px) rotate(3deg)}}.hero__bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:60px 60px}.hero__bg-noise{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.hero__glow{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:background .1s ease-out;z-index:1}.hero__cubes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}@keyframes cubeSpin{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}.hero__shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;perspective:1000px}.hero__shape{position:absolute;border:1px solid rgba(26,26,26,.08);animation:shapeFloat 8s ease-in-out infinite}.hero__shape--1{width:200px;height:200px;top:15%;right:15%;transform:rotate(45deg);animation-delay:0s}.hero__shape--2{width:120px;height:120px;bottom:25%;right:25%;border-radius:50%;animation-delay:2s}.hero__shape--3{width:80px;height:80px;top:50%;right:10%;transform:rotate(15deg);animation-delay:4s}@keyframes shapeFloat{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-20px) rotate(50deg)}}.hero__shape--2{animation-name:shapeFloatCircle}@keyframes shapeFloatCircle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}.hero__shape--3{animation-name:shapeFloat3}@keyframes shapeFloat3{0%,to{transform:translateY(0) rotate(15deg)}50%{transform:translateY(-25px) rotate(25deg)}}.hero-content{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 60px;position:relative;z-index:2;text-align:left}.hero-eyebrow{font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#6b7688;margin-bottom:28px;display:flex;align-items:center;gap:16px;animation:fadeInLeft .8s cubic-bezier(.16,1,.3,1) .3s both}.hero-eyebrow__line{width:40px;height:1px;background:#1a1a1a}.hero-name{font-size:clamp(90px,14vw,180px);font-weight:900;line-height:.9;letter-spacing:-4px;color:#fff;margin-bottom:28px;overflow:hidden}.hero-name__char{display:inline-block;opacity:0;transform:translateY(100%) rotateX(-90deg);animation:heroCharIn .9s cubic-bezier(.16,1,.3,1) forwards;transform-origin:bottom center;transition:transform .3s cubic-bezier(.16,1,.3,1),color .3s ease;cursor:default}.hero-name__char:hover{transform:translateY(-12px) rotateX(15deg) scale(1.15);color:#a8b2c1}@keyframes heroCharIn{0%{opacity:0;transform:translateY(100%) rotateX(-90deg)}60%{opacity:1;transform:translateY(-8%) rotateX(10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.hero-role{font-size:24px;font-weight:600;color:#00d4ff;text-shadow:0 0 20px rgba(0,212,255,.5);margin-bottom:20px;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .6s both}.hero-description{font-size:17px;line-height:1.9;color:#a8b2c1;margin-bottom:40px;max-width:520px;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .8s both}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) 1s both}.hero__bg-text{position:absolute;bottom:-40px;left:0;width:100%;overflow:hidden;z-index:0;pointer-events:none}.hero__bg-text-inner{display:block;font-size:clamp(120px,22vw,320px);font-weight:900;line-height:.8;letter-spacing:-8px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.08);white-space:nowrap;animation:bgTextSlide 20s linear infinite}@keyframes bgTextSlide{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero__scroll{position:absolute;bottom:40px;left:60px;display:flex;align-items:center;gap:16px;z-index:2;animation:fadeIn 1s ease 1.5s both}.hero__scroll-mouse{width:24px;height:38px;border:1.5px solid #ccc;border-radius:12px;display:flex;justify-content:center;padding-top:6px}.hero__scroll-wheel{width:3px;height:8px;background:#999;border-radius:2px;animation:scrollWheel 1.8s ease-in-out infinite}@keyframes scrollWheel{0%{transform:translateY(0);opacity:1}to{transform:translateY(12px);opacity:0}}.hero__scroll span{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#6b7688}.btn-primary,.btn-secondary{position:relative;display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:14px;font-weight:600;border-radius:100px;cursor:pointer;border:none;text-decoration:none;transform-style:preserve-3d;perspective:500px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.btn-primary{background:#00d4ff;color:#0e1217;box-shadow:0 1px #ffffff4d inset,0 -2px #0000001a inset,0 4px 20px #00d4ff66,0 1px 3px #00d4ff33}.btn-primary:hover{background:#4de8ff;transform:translateY(-3px) rotateX(5deg);box-shadow:0 1px #fff6 inset,0 -2px #0000001a inset,0 8px 32px #00d4ff80,0 2px 6px #00d4ff4d}.btn-primary:active{transform:translateY(1px) rotateX(0);box-shadow:0 1px #fff3 inset,0 -1px #0000001a inset,0 2px 10px #00d4ff4d}.btn-secondary{background:transparent;color:#00d4ff;border:1px solid #00d4ff;box-shadow:0 1px #00d4ff1a inset,0 2px 12px #00d4ff26}.btn-secondary:hover{background:#00d4ff1a;border-color:#4de8ff;color:#4de8ff;transform:translateY(-3px) rotateX(5deg);box-shadow:0 1px #00d4ff33 inset,0 8px 24px #00d4ff40}.btn-secondary:active{transform:translateY(1px) rotateX(0);box-shadow:0 1px #fffc inset,0 -1px #00000008 inset,0 2px 4px #0000000f}.btn-primary span,.btn-secondary span{display:inline-block;transform:translateZ(10px)}.about{background:var(--bg-primary)}.about-content h2{font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.3;letter-spacing:-.5px;margin-bottom:32px;color:var(--text-primary)}.about-paragraph{font-size:16px;line-height:1.9;color:var(--text-secondary);margin-bottom:24px}.about-paragraph strong{color:var(--text-primary);font-weight:600}.about-contact{margin-top:48px;padding-top:32px;border-top:1px solid var(--border-color)}.about-contact-label{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:20px}.about-contact-list{display:flex;flex-direction:column;gap:12px}.about-contact-item{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--text-secondary)}.about-contact-item a:hover{color:var(--text-primary)}.stats{padding:80px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:32px}.stat-item{text-align:left}.stat-value{font-size:36px;font-weight:800;color:var(--text-primary);line-height:1.1;margin-bottom:8px;letter-spacing:-1px}.stat-unit{font-size:18px;font-weight:600;color:var(--text-secondary)}.stat-label{font-size:13px;color:var(--text-muted);line-height:1.4}.projects{background:var(--bg-primary)}.projects-list{display:flex;flex-direction:column;gap:0}.project-item{padding:48px 0;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .3s ease}.project-item:first-child{border-top:1px solid var(--border-color)}.project-item:hover{padding-left:16px}.project-item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.project-category{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted)}.project-year{font-size:13px;color:var(--text-muted)}.project-title{font-size:clamp(24px,3.5vw,36px);font-weight:700;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.5px;transition:color .2s ease}.project-item:hover .project-title{color:var(--text-secondary)}.project-desc{font-size:15px;line-height:1.7;color:var(--text-secondary);max-width:600px}.project-stats{display:flex;gap:32px;margin-top:20px}.project-stat{font-size:13px;color:var(--text-muted)}.project-stat strong{color:var(--text-primary);font-weight:600;display:block;font-size:18px;margin-bottom:2px}.koubo-section{background:var(--bg-secondary)}.koubo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.koubo-card{background:var(--bg-primary);border:1px solid var(--border-color);overflow:hidden;cursor:pointer;transition:all .3s ease}.koubo-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.koubo-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#f0f0f0}.koubo-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.koubo-card:hover .koubo-thumbnail{transform:scale(1.05)}.koubo-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-primary);opacity:0;transition:opacity .3s ease}.koubo-card:hover .koubo-play{opacity:1}.koubo-duration{position:absolute;bottom:8px;right:8px;padding:3px 8px;background:#000000b3;color:#fff;font-size:11px;font-weight:600;border-radius:4px}.koubo-info{padding:16px 20px}.koubo-category{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.koubo-title{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.4}.skills{background:var(--bg-primary)}.skills__title{font-size:clamp(28px,4vw,40px);font-weight:800;margin-bottom:48px;letter-spacing:-.5px;color:#fff;line-height:1.2}.skills__title-line{display:block}.skills__title-accent{color:#a8b2c1}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;perspective:1500px}.skill-card{position:relative;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.16,1,.3,1)}.skill-card:hover{transform:translateY(-8px) rotateX(4deg) rotateY(-2deg)}.skill-card__inner{position:relative;background:#1a2029;border-radius:16px;padding:32px 28px;border:1px solid #2a3340;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000d;transform:translateZ(15px);transition:box-shadow .4s ease;height:100%;display:flex;flex-direction:column}.skill-card:hover .skill-card__inner{box-shadow:0 4px 8px #0000000f,0 16px 40px #0000001a}.skill-card__shadow{position:absolute;bottom:-20px;left:10%;right:10%;height:40px;background:radial-gradient(ellipse,rgba(0,0,0,.08) 0%,transparent 70%);filter:blur(12px);transform:translateZ(-15px)}.skill-card__header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.skill-card__number{font-size:14px;font-weight:800;color:#ccc;min-width:28px;transition:color .3s ease}.skill-card:hover .skill-card__number{color:#fff}.skill-card__title{font-size:18px;font-weight:700;color:#fff;margin:0}.skill-card__desc{font-size:13px;line-height:1.7;color:#a8b2c1;flex:1;margin-bottom:16px}.skill-card__tags{display:flex;flex-wrap:wrap;gap:6px}.skill-card__tag{font-size:11px;color:#8892a0;background:#222a35;padding:5px 10px;border-radius:6px;font-weight:500;transition:background .3s ease,color .3s ease}.skill-card:hover .skill-card__tag{background:#efefef;color:#e0e0e0}.viral-case{background:var(--bg-secondary)}.viral-case__title{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.2;letter-spacing:-.5px;margin-bottom:48px;color:#fff}.viral-case__title-accent{color:#a8b2c1;display:block}.viral-main-card{position:relative;transform-style:preserve-3d;perspective:1500px}.viral-main-card__inner{position:relative;background:#1a2029;border-radius:20px;padding:48px;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000d,0 16px 48px #00000012;transform:translateZ(20px);transition:box-shadow .5s ease}.viral-main-card:hover .viral-main-card__inner{box-shadow:0 2px 4px #0000000d,0 8px 24px #00000014,0 32px 72px #0000001a}.viral-main-card__shadow{position:absolute;bottom:-28px;left:6%;right:6%;height:56px;background:radial-gradient(ellipse,rgba(0,0,0,.1) 0%,transparent 70%);filter:blur(16px);transform:translateZ(-20px)}.viral-main-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid #f0f0f0}.viral-main-card__name{font-size:clamp(24px,3vw,32px);font-weight:800;color:#fff;margin-bottom:6px;letter-spacing:-.5px}.viral-main-card__category{font-size:14px;color:#8892a0;font-weight:500}.viral-main-card__badge{padding:8px 20px;background:#1a1a1a;color:#fff;font-size:12px;font-weight:600;border-radius:20px;letter-spacing:1px;text-transform:uppercase}.viral-main-card__region-label{font-size:11px;font-weight:700;color:#6b7688;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}.viral-main-card__desc-region{margin-bottom:36px}.viral-main-card__desc{font-size:15px;line-height:1.9;color:#a8b2c1;margin:0;max-width:800px}.viral-main-card__metrics{margin-bottom:36px}.viral-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.viral-metric-card{background:#151a21;border-radius:12px;padding:24px 20px;border:1px solid #2a3340;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;transform-style:preserve-3d}.viral-metric-card:hover{transform:translateY(-4px) rotateX(3deg);box-shadow:0 8px 24px #00000014;background:#1a2029}.viral-metric-card__value{font-size:clamp(24px,2.5vw,36px);font-weight:800;color:#fff;line-height:1.1;margin-bottom:6px;letter-spacing:-.5px}.viral-metric-card__label{font-size:12px;color:#8892a0;font-weight:500;line-height:1.4}.viral-main-card__breakdown{padding-top:32px;border-top:1px solid #f0f0f0}.viral-breakdown-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.viral-breakdown-card{background:#151a21;border-radius:12px;padding:20px 16px;border:1px solid #2a3340;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;transform-style:preserve-3d;height:100%}.viral-breakdown-card:hover{transform:translateY(-4px) rotateX(3deg);box-shadow:0 8px 24px #00000014;background:#1a2029}.viral-breakdown-card__num{font-size:28px;font-weight:800;color:#ddd;margin-bottom:12px;line-height:1;transition:color .3s ease}.viral-breakdown-card:hover .viral-breakdown-card__num{color:#fff}.viral-breakdown-card__label{font-size:14px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3}.viral-breakdown-card__desc{font-size:12px;line-height:1.6;color:#8892a0;margin:0}.philosophy{background:var(--bg-primary)}.philosophy-main-card{position:relative;transform-style:preserve-3d;perspective:1500px}.philosophy-main-card__inner{position:relative;background:#1a2029;border-radius:20px;padding:48px;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000d,0 16px 48px #00000012;transform:translateZ(20px);transition:box-shadow .5s ease}.philosophy-main-card:hover .philosophy-main-card__inner{box-shadow:0 2px 4px #0000000d,0 8px 24px #00000014,0 32px 72px #0000001a}.philosophy-main-card__shadow{position:absolute;bottom:-28px;left:6%;right:6%;height:56px;background:radial-gradient(ellipse,rgba(0,0,0,.1) 0%,transparent 70%);filter:blur(16px);transform:translateZ(-20px)}.philosophy-main-card__region{margin-bottom:32px}.philosophy-main-card__region:last-child{margin-bottom:0}.philosophy-main-card__region-label{font-size:11px;font-weight:700;color:#6b7688;text-transform:uppercase;letter-spacing:2px;margin-bottom:14px}.philosophy-main-card__title{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.2;color:#fff;letter-spacing:-.5px;margin:0}.philosophy-main-card__title-accent{color:#a8b2c1;display:block}.philosophy-main-card__statement{font-size:16px;line-height:1.9;color:#a8b2c1;margin:0;max-width:800px}.philosophy-main-card__slogan{font-size:clamp(20px,2.5vw,28px);font-weight:800;color:#fff;font-style:italic;padding:24px 28px;background:#151a21;border-radius:14px;border-left:4px solid #1a1a1a;line-height:1.4}.philosophy-tags-grid{display:flex;flex-wrap:wrap;gap:10px}.philosophy-tag-card{padding:10px 22px;background:#151a21;border:1px solid #2a3340;color:#e0e0e0;font-size:13px;font-weight:600;border-radius:100px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,background .3s ease;transform-style:preserve-3d}.philosophy-tag-card:hover{transform:translateY(-3px) rotateX(4deg);box-shadow:0 6px 16px #00000014;background:#1a2029;border-color:#3a3a3a}.philosophy-main-card__data{padding:28px 32px;background:#151a21;border-radius:14px;border-left:4px solid #1a1a1a;font-size:15px;line-height:1.8;color:#a8b2c1}.resume-summary{background:var(--bg-secondary)}.resume-main-card{position:relative;transform-style:preserve-3d;perspective:1500px;margin-bottom:32px}.resume-main-card__inner{position:relative;background:#1a2029;border-radius:20px;padding:48px;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000d,0 16px 48px #00000012;transform:translateZ(20px);transition:box-shadow .5s ease}.resume-main-card:hover .resume-main-card__inner{box-shadow:0 2px 4px #0000000d,0 8px 24px #00000014,0 32px 72px #0000001a}.resume-main-card__shadow{position:absolute;bottom:-28px;left:6%;right:6%;height:56px;background:radial-gradient(ellipse,rgba(0,0,0,.1) 0%,transparent 70%);filter:blur(16px);transform:translateZ(-20px)}.resume-main-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;gap:16px}.resume-main-card__title{font-size:clamp(28px,4vw,40px);font-weight:800;color:#fff;letter-spacing:-.5px;margin:0}.resume-main-card__download{flex-shrink:0}.resume-main-card__region{margin-bottom:32px}.resume-main-card__region:last-child{margin-bottom:0}.resume-main-card__region-label{font-size:11px;font-weight:700;color:#6b7688;text-transform:uppercase;letter-spacing:2px;margin-bottom:14px}.resume-main-card__region-value{font-size:16px;line-height:1.8;color:#444;margin:0}.resume-tags-grid{display:flex;flex-wrap:wrap;gap:10px}.resume-tag-card{padding:10px 20px;background:#151a21;border:1px solid #2a3340;color:#e0e0e0;font-size:13px;font-weight:600;border-radius:10px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,background .3s ease;transform-style:preserve-3d}.resume-tag-card:hover{transform:translateY(-3px) rotateX(4deg);box-shadow:0 6px 16px #00000014;background:#1a2029;border-color:#3a3a3a}.resume-tag-card--secondary{background:#222a35;color:#a8b2c1}.resume-exp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.resume-exp-card{background:#151a21;border-radius:14px;padding:24px;border:1px solid #2a3340;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;transform-style:preserve-3d}.resume-exp-card:hover{transform:translateY(-4px) rotateX(3deg);box-shadow:0 8px 24px #00000014;background:#1a2029}.resume-exp-card__period{font-size:12px;font-weight:700;color:#8892a0;margin-bottom:10px;font-variant-numeric:tabular-nums}.resume-exp-card__company{font-size:17px;font-weight:700;color:#fff;margin-bottom:4px}.resume-exp-card__role{font-size:13px;color:#a8b2c1;font-weight:500;margin-bottom:10px}.resume-exp-card__desc{font-size:13px;line-height:1.7;color:#8892a0;margin:0}.resume-footer-card{background:#1a2029;border-radius:14px;padding:24px 32px;box-shadow:0 2px 8px #0000000a;font-size:13px;color:#8892a0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border:1px solid #2a3340}.resume-footer-card__text{font-weight:600;color:#a8b2c1}.contact{background:var(--bg-primary);text-align:left}.contact-main-card{position:relative;transform-style:preserve-3d;perspective:1500px}.contact-main-card__inner{position:relative;background:#1a2029;border-radius:24px;padding:56px;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000d,0 16px 48px #00000012;transform:translateZ(20px);transition:box-shadow .5s ease}.contact-main-card:hover .contact-main-card__inner{box-shadow:0 2px 4px #0000000d,0 8px 24px #00000014,0 32px 72px #0000001a}.contact-main-card__shadow{position:absolute;bottom:-32px;left:6%;right:6%;height:64px;background:radial-gradient(ellipse,rgba(0,0,0,.1) 0%,transparent 70%);filter:blur(20px);transform:translateZ(-20px)}.contact-main-card__title-region{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid #f0f0f0}.contact-main-card__title{font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.1;color:#fff;margin-bottom:20px;letter-spacing:-1px}.contact-main-card__title-line{display:block}.contact-main-card__title-accent{color:#a8b2c1}.contact-main-card__desc{font-size:16px;line-height:1.8;color:#a8b2c1;margin:0;max-width:560px}.contact-main-card__methods{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}.contact-method-card{display:flex;align-items:center;gap:16px;padding:24px;background:#151a21;border-radius:14px;border:1px solid #2a3340;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,background .3s ease;transform-style:preserve-3d}.contact-method-card:hover{transform:translateY(-4px) rotateX(3deg);box-shadow:0 8px 24px #00000014;background:#1a2029}.contact-method-card__icon{width:48px;height:48px;background:#1a2029;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 2px 8px #0000000a}.contact-method-card__info{min-width:0}.contact-method-card__label{font-size:11px;color:#6b7688;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-weight:600}.contact-method-card__value{font-size:15px;font-weight:600;color:#fff;word-break:break-all}.contact-method-card__value a{color:inherit;text-decoration:none}.contact-method-card__value a:hover{text-decoration:underline}.contact-main-card__cta{display:flex;justify-content:center;padding-top:8px}.footer{padding:40px 0;border-top:1px solid var(--border-color);background:var(--bg-primary)}.footer-inner{max-width:var(--content-width);margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-muted);flex-wrap:wrap;gap:12px}.video-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.video-modal{background:var(--bg-primary);max-width:520px;width:100%;max-height:90vh;position:relative;display:flex;flex-direction:column;overflow:hidden}.video-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#0009;color:#fff;border:none;border-radius:50%;font-size:16px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}.video-modal-close:hover{background:#000000d9;transform:scale(1.1)}.video-modal-player{flex:0 0 auto;background:#000;display:flex;align-items:center;justify-content:center;max-height:68vh;min-width:0;width:100%}.video-modal-player video{max-height:68vh;max-width:100%;width:auto;height:auto;display:block;object-fit:contain}.video-modal-info{flex:1;padding:24px 28px;overflow-y:auto;min-height:0;max-height:22vh}.video-modal-category{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.video-modal-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:14px;line-height:1.4}.video-modal-desc{font-size:14px;line-height:1.8;color:var(--text-secondary);margin-bottom:18px}.video-modal-tags{display:flex;flex-wrap:wrap;gap:6px}.video-modal-tag{font-size:11px;color:var(--text-muted);background:var(--bg-card);padding:5px 10px;border-radius:4px}@media (max-width: 768px){.video-modal{flex-direction:column;max-height:92vh}.video-modal-player{max-height:50vh;width:100%}.video-modal-player video{max-height:50vh;max-width:100%}.video-modal-info{max-width:100%;padding:24px 20px}}.subsection-title{font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes kenBurns{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(-1%,-1%)}}.animate-fade-in{opacity:0;animation:fadeIn .8s ease forwards}.animate-fade-in-up{opacity:0;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in-down{opacity:0;animation:fadeInDown .8s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in-left{opacity:0;animation:fadeInLeft .8s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in-right{opacity:0;animation:fadeInRight .8s cubic-bezier(.16,1,.3,1) forwards}.animate-scale-in{opacity:0;animation:scaleIn .6s cubic-bezier(.16,1,.3,1) forwards}.scroll-animate{opacity:0;transform:translateY(60px) scale(.97);filter:blur(4px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1);will-change:opacity,transform,filter}.scroll-animate.visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.scroll-animate-left{opacity:0;transform:translate(-60px) scale(.97);filter:blur(4px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1)}.scroll-animate-left.visible{opacity:1;transform:translate(0) scale(1);filter:blur(0)}.scroll-animate-right{opacity:0;transform:translate(60px) scale(.97);filter:blur(4px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1)}.scroll-animate-right.visible{opacity:1;transform:translate(0) scale(1);filter:blur(0)}.scroll-animate-scale{opacity:0;transform:scale(.9);filter:blur(6px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),filter 1s cubic-bezier(.16,1,.3,1)}.scroll-animate-scale.visible{opacity:1;transform:scale(1);filter:blur(0)}.delay-100{transition-delay:.1s;animation-delay:.1s}.delay-200{transition-delay:.2s;animation-delay:.2s}.delay-300{transition-delay:.3s;animation-delay:.3s}.delay-400{transition-delay:.4s;animation-delay:.4s}.delay-500{transition-delay:.5s;animation-delay:.5s}.delay-600{transition-delay:.6s;animation-delay:.6s}.delay-700{transition-delay:.7s;animation-delay:.7s}.delay-800{transition-delay:.8s;animation-delay:.8s}.hero-eyebrow{animation:fadeInDown .8s cubic-bezier(.16,1,.3,1) .2s both}.hero-name{animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .4s both}.hero-role{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .6s both}.hero-description{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .8s both}.hero-actions{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) 1s both}.hero-bg{animation:kenBurns 20s ease-in-out infinite alternate}.account-cases-section{padding:80px 0 120px}.projects-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;perspective:1500px}.project-card{position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1);cursor:pointer}.project-card:hover{transform:translateY(-12px) rotateX(5deg) rotateY(-3deg) scale(1.02)}.project-card__inner{position:relative;background:#1a2029;border-radius:16px;padding:28px 24px;border:1px solid transparent;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000d,0 12px 32px #0000000f;transform:translateZ(20px);transition:box-shadow .5s ease,border-color .5s ease;display:flex;flex-direction:column;gap:0;height:100%}.project-card:hover .project-card__inner{box-shadow:0 4px 8px #0000001a,0 20px 48px #00d4ff26,0 40px 80px #0003;border-color:#00d4ff66}.project-card__shadow{position:absolute;bottom:-24px;left:8%;right:8%;height:48px;background:radial-gradient(ellipse,rgba(0,0,0,.12) 0%,transparent 70%);filter:blur(12px);transform:translateZ(-20px);transition:opacity .5s ease}.project-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.project-card__category{font-size:12px;font-weight:600;color:#8892a0;text-transform:uppercase;letter-spacing:1.5px}.project-card__year{font-size:12px;font-weight:600;color:#aaa;font-variant-numeric:tabular-nums}.project-card__body{flex:1;margin-bottom:24px}.project-card__title{font-size:clamp(20px,2vw,26px);font-weight:800;color:#fff;line-height:1.25;letter-spacing:-.5px;margin-bottom:14px;transition:transform .3s ease}.project-card:hover .project-card__title{transform:translate(4px)}.project-card__desc{font-size:14px;line-height:1.8;color:#a8b2c1;margin:0}.project-card__stats{display:flex;gap:24px;padding-top:20px;border-top:1px solid #f0f0f0}.project-card__stat{flex:1}.project-card__stat-value{font-size:clamp(18px,1.8vw,24px);font-weight:800;color:#fff;line-height:1.1;margin-bottom:4px;letter-spacing:-.5px}.project-card__stat-label{font-size:11px;color:#6b7688;font-weight:500;line-height:1.3}.skill-item{transition:padding-left .3s ease,background-color .3s ease}.skill-item:hover{padding-left:16px;background:var(--bg-secondary)}.skill-number{transition:color .3s ease,transform .3s ease}.skill-item:hover .skill-number{color:var(--text-primary);transform:scale(1.2)}.koubo-card{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .3s ease}.koubo-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000001f;border-color:var(--text-muted)}.koubo-thumbnail{transition:transform .6s cubic-bezier(.16,1,.3,1),filter .4s ease}.koubo-card:hover .koubo-thumbnail{transform:scale(1.08);filter:brightness(.9)}.koubo-play{transition:opacity .3s ease,transform .3s ease;transform:translate(-50%,-50%) scale(.8)}.koubo-card:hover .koubo-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.btn-primary{position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.btn-primary:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-primary:hover:after{width:300px;height:300px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.btn-secondary{transition:all .3s ease}.btn-secondary:hover{border-color:var(--text-primary);background:var(--text-primary);color:#fff;transform:translateY(-2px)}.navbar-links a{position:relative}.navbar-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--text-primary);transition:width .3s cubic-bezier(.16,1,.3,1)}.navbar-links a:hover:after{width:100%}.stat-value{transition:transform .3s ease}.stat-item:hover .stat-value{transform:translateY(-4px)}.contact-method{transition:transform .3s ease}.contact-method:hover{transform:translate(8px)}.contact-method-icon{transition:background-color .3s ease,transform .3s ease}.contact-method:hover .contact-method-icon{background:var(--text-primary);color:#fff;transform:scale(1.1)}.skill-tag,.philosophy-tag,.resume-tag{transition:all .2s ease}.skill-tag:hover,.philosophy-tag:hover,.resume-tag:hover{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.resume-timeline-dot{transition:transform .3s ease,box-shadow .3s ease}.resume-timeline-item:hover .resume-timeline-dot{transform:scale(1.5);box-shadow:0 0 0 6px #1a1a1a1a}.viral-card{transition:box-shadow .4s ease,transform .4s ease}.viral-card:hover{box-shadow:0 20px 60px #00000014;transform:translateY(-4px)}.philosophy-slogan{transition:transform .3s ease}.philosophy-slogan:hover{transform:translate(8px)}.section-label{position:relative;display:inline-block}.section-label:after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:1px;background:var(--text-primary);animation:slideInLine .8s cubic-bezier(.16,1,.3,1) .3s forwards;transform-origin:left}.navbar{transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease}.navbar.scrolled{background:#fffffffa;box-shadow:0 1px 20px #0000000f}.video-modal-overlay{animation:fadeIn .3s ease}.video-modal{animation:scaleIn .4s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#151a21;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .7s cubic-bezier(.16,1,.3,1),visibility .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.preloader--reveal{opacity:0;visibility:hidden;transform:translateY(-20px)}.preloader__bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.preloader__line{position:absolute;background:#1a1a1a;opacity:.06}.preloader__line--1{width:1px;height:100%;left:25%;animation:lineSlide1 8s ease-in-out infinite}.preloader__line--2{width:100%;height:1px;top:40%;animation:lineSlide2 10s ease-in-out infinite}@keyframes lineSlide1{0%,to{left:20%}50%{left:80%}}@keyframes lineSlide2{0%,to{top:30%}50%{top:70%}}.preloader__circle{position:absolute;width:50vw;height:50vw;border:1px solid rgba(26,26,26,.05);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:circlePulse 6s ease-in-out infinite}@keyframes circlePulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.8}}.preloader__content{position:relative;z-index:1;width:100%;max-width:800px;padding:0 60px;color:#fff}.preloader__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:80px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#6b7688;animation:fadeIn .6s ease .1s both}.preloader__main{margin-bottom:80px}.preloader__label{font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:#6b7688;margin-bottom:24px;animation:fadeIn .6s ease .2s both}.preloader__name{font-size:clamp(64px,10vw,120px);font-weight:800;line-height:1;letter-spacing:-2px;margin-bottom:20px;overflow:hidden}.preloader__name-line{display:block;overflow:hidden}.preloader__name-char{display:inline-block;opacity:0;animation:preloaderCharUp .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes preloaderCharUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.preloader__role{font-size:16px;color:#a8b2c1;letter-spacing:1px;animation:fadeIn .6s ease .5s both}.preloader__bottom{display:flex;justify-content:space-between;align-items:flex-end}.preloader__bar-wrap{display:flex;align-items:center;gap:20px;animation:fadeIn .6s ease .6s both}.preloader__bar{width:280px;height:2px;background:#e5e5e5;overflow:hidden}.preloader__bar-fill{height:100%;background:#1a1a1a;transition:width .1s ease}.preloader__percent{font-size:13px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums;min-width:50px}.preloader__hint{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#6b7688;animation:fadeIn .6s ease .7s both}.custom-cursor{position:fixed;top:0;left:0;width:44px;height:44px;border:1.5px solid rgba(26,26,26,.5);border-radius:50%;pointer-events:none;z-index:9998;opacity:0;transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,background-color .3s ease,opacity .3s ease,border-width .3s ease;mix-blend-mode:difference}.custom-cursor.visible{opacity:1}.custom-cursor.hovering{width:72px;height:72px;border-color:#ffffffe6;background:#ffffff14;border-width:1px}.custom-cursor.down{width:32px;height:32px;background:#ffffff26}.custom-cursor-dot{position:fixed;top:0;left:0;width:6px;height:6px;background:#1a1a1a;border-radius:50%;pointer-events:none;z-index:9999;opacity:0;transition:opacity .3s ease,background-color .3s ease,width .2s ease,height .2s ease;mix-blend-mode:difference;box-shadow:0 0 8px #1a1a1a4d}.custom-cursor-dot.visible{opacity:1}.custom-cursor-dot.hovering{background:#1a2029;width:8px;height:8px;box-shadow:0 0 12px #ffffff80}.custom-cursor-trail{position:fixed;top:0;left:0;width:8px;height:8px;background:#1a1a1a26;border-radius:50%;pointer-events:none;z-index:9997;opacity:0;mix-blend-mode:difference;transition:opacity .3s ease}.custom-cursor-trail.visible{opacity:1}@media (pointer: fine){body,a,button,.project-item,.koubo-card,.skill-item,.contact-method,.resume-timeline-item,.viral-card,.stat-item,.philosophy-tag,.resume-tag,.skill-tag{cursor:none}}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.stat-item{text-align:left;min-width:0}.stat-value{font-size:clamp(24px,3vw,36px);font-weight:800;color:var(--text-primary);line-height:1.1;margin-bottom:8px;letter-spacing:-.5px;white-space:nowrap;display:flex;align-items:baseline;gap:2px}.stat-unit{font-size:clamp(14px,1.5vw,18px);font-weight:600;color:var(--text-secondary);flex-shrink:0}.stat-label{font-size:12px;color:var(--text-muted);line-height:1.4}.about-grid{display:grid;grid-template-columns:380px 1fr;gap:48px;align-items:start;margin-bottom:56px;perspective:1200px}.about-photo-card{position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1)}.about-photo-card:hover{transform:rotateY(-4deg) rotateX(3deg) translateY(-6px)}.about-photo-card__inner{position:relative;border-radius:16px;overflow:hidden;background:#1a2029;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000f,0 16px 40px #00000014;transform:translateZ(20px)}.about-photo-card__img{width:100%;height:460px;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.about-photo-card:hover .about-photo-card__img{transform:scale(1.04)}.about-photo-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(transparent,#0009)}.about-photo-card__tag{display:inline-block;padding:6px 16px;background:#fffffff2;color:#fff;font-size:12px;font-weight:600;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-photo-card__shadow{position:absolute;bottom:-20px;left:10%;right:10%;height:40px;background:radial-gradient(ellipse,rgba(0,0,0,.15) 0%,transparent 70%);filter:blur(10px);transform:translateZ(-20px)}.about-text-card{background:#1a2029;border-radius:16px;padding:40px 44px;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000d,0 12px 32px #0000000f;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s ease}.about-text-card:hover{transform:translateY(-4px) rotateX(1deg);box-shadow:0 2px 4px #0000000d,0 8px 24px #00000014,0 24px 56px #0000001a}.about-text-card__title{font-size:clamp(28px,3.5vw,42px);font-weight:800;line-height:1.15;letter-spacing:-1px;color:#fff;margin-bottom:0}.about-text-card__title-line{display:block}.about-text-card__accent{color:#a8b2c1;font-weight:600}.about-text-card__divider{width:48px;height:3px;background:#1a1a1a;border-radius:2px;margin:24px 0}.about-text-card__content{display:flex;flex-direction:column;gap:20px}.about-text-card__paragraph{font-size:15px;line-height:1.9;color:#a8b2c1;margin:0}.about-text-card__strong{color:#fff;font-weight:700}.about-contact-row{margin-top:8px}.about-contact-row__label{font-size:12px;font-weight:600;color:#6b7688;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px}.about-contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contact-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#1a2029;border-radius:12px;box-shadow:0 1px 2px #00000008,0 4px 12px #0000000a;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;transform-style:preserve-3d}.contact-card:hover{transform:translateY(-4px) rotateX(3deg);box-shadow:0 2px 4px #0000000a,0 8px 24px #00000014}.contact-card__icon{font-size:24px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#222a35;border-radius:10px;flex-shrink:0}.contact-card__info{min-width:0}.contact-card__label{font-size:11px;font-weight:600;color:#6b7688;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.contact-card__value{font-size:14px;font-weight:600;color:#fff;text-decoration:none;word-break:break-all}.stats-section{padding:60px 0 100px}.stats-cards-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;perspective:1000px}.stat-card{background:#1a2029;border-radius:14px;padding:28px 24px;text-align:left;box-shadow:0 1px 2px #00000008,0 4px 12px #0000000a;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease;transform-style:preserve-3d;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1a1a1a,#555);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1)}.stat-card:hover{transform:translateY(-8px) rotateX(5deg);box-shadow:0 4px 8px #0000000d,0 16px 40px #0000001a}.stat-card:hover:before{transform:scaleX(1)}.stat-card__value{font-size:clamp(24px,2.5vw,36px);font-weight:800;color:#fff;line-height:1.1;margin-bottom:8px;letter-spacing:-.5px;display:flex;align-items:baseline;gap:2px}.stat-card__unit{font-size:clamp(12px,1.2vw,16px);font-weight:600;color:#a8b2c1;flex-shrink:0}.stat-card__label{font-size:12px;color:#6b7688;line-height:1.4;font-weight:500}.projects-hero{margin-bottom:80px}.projects-hero-title{font-size:clamp(36px,6vw,72px);font-weight:800;line-height:1.05;letter-spacing:-2px;margin-bottom:24px}.projects-hero-desc{font-size:17px;line-height:1.8;color:var(--text-secondary);max-width:600px}.koubo-section{background:var(--bg-primary);padding:100px 0}.koubo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.koubo-grid--featured{grid-template-columns:repeat(3,1fr);gap:24px}.koubo-grid--vertical{grid-template-columns:repeat(4,1fr);gap:28px;perspective:1200px}.koubo-card{background:var(--bg-primary);border:1px solid var(--border-color);overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1)}.koubo-card--large .koubo-media{aspect-ratio:16/10}.koubo-card--vertical{border-radius:16px;background:#1a2029;border:1px solid #e8e8e8;transform-style:preserve-3d;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000d,0 8px 24px #0000000a;position:relative}.koubo-card--vertical:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;border:1px solid rgba(255,255,255,.8);pointer-events:none;z-index:2}.koubo-card--vertical:hover{transform:translateY(-14px) rotateX(6deg) rotateY(-3deg) scale(1.03);box-shadow:0 4px 8px #0000001a,0 20px 48px #00d4ff33,0 40px 80px #00000040;border-color:#00d4ff80}.koubo-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#f0f0f0}.koubo-media--vertical{aspect-ratio:9/16;border-radius:12px 12px 0 0;transform:translateZ(10px)}.koubo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.4) 100%);opacity:0;transition:opacity .4s ease;z-index:1}.koubo-card:hover .koubo-overlay{opacity:1}.koubo-info{padding:24px}.koubo-info--vertical{padding:18px 16px 20px;transform:translateZ(5px)}.koubo-category{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.koubo-title{font-size:17px;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:8px}.koubo-card--vertical .koubo-title{font-size:14px;margin-bottom:0;line-height:1.4;font-weight:600}.koubo-desc{font-size:13px;color:var(--text-muted);line-height:1.6}.koubo-play--vertical{width:44px;height:44px;font-size:12px;background:#fffffff2}.koubo-duration--vertical{bottom:12px;right:12px;font-size:10px;padding:2px 6px}.account-cases-section{padding:80px 0;background:var(--bg-secondary)}@media (max-width: 1400px){.koubo-grid--vertical{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.container-wide,.navbar-inner{padding:0 40px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:24px}.koubo-grid,.koubo-grid--featured{grid-template-columns:repeat(2,1fr)}.koubo-grid--vertical{grid-template-columns:repeat(3,1fr)}.viral-metrics{grid-template-columns:repeat(2,1fr)}.about-photo-wrapper{grid-template-columns:220px 1fr;gap:32px}.about-photo{width:220px;height:280px}}@media (max-width: 900px){.koubo-grid--vertical{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.container,.container-wide,.navbar-inner{padding:0 20px}.section{padding:80px 0}.navbar-links{display:none}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.koubo-grid,.koubo-grid--featured,.koubo-grid--vertical{grid-template-columns:repeat(2,1fr);gap:16px}.viral-metrics{grid-template-columns:1fr}.viral-card{padding:28px}.skill-item{flex-direction:column;gap:8px}.skill-title{min-width:auto}.hero-actions{flex-direction:column}.footer-inner{flex-direction:column;align-items:flex-start}.resume-footer{flex-direction:column}.about-photo-wrapper{grid-template-columns:1fr;gap:32px}.about-photo{width:100%;height:auto;aspect-ratio:4/5}.projects-hero-title{font-size:36px}.custom-cursor,.custom-cursor-dot{display:none}body{cursor:auto}.hero__scroll{display:none}}