.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--bg-dark)}.gate-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 600px 400px at 20% 50%,rgba(255,77,45,.06),transparent),radial-gradient(ellipse 500px 500px at 80% 30%,rgba(130,100,180,.06),transparent)}.gate-card{position:relative;z-index:1;width:360px;max-width:90vw;padding:48px 40px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;animation:fadeIn .6s ease both}.gate-shake{animation:shake .5s ease}.gate-logo{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text-white);margin-bottom:24px;letter-spacing:.04em}.gate-title{font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:#ffffff80;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.gate-desc{font-size:.88rem;color:#ffffff59;margin-bottom:32px}.gate-input{width:100%;padding:14px 20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--text-white);font-family:var(--font-body);font-size:1rem;outline:none;transition:border-color .3s var(--ease);box-sizing:border-box;margin-bottom:16px}.gate-input::placeholder{color:#ffffff40}.gate-input:focus{border-color:var(--accent)}.gate-input-error{border-color:#f44}.gate-btn{width:100%;padding:14px 24px;background:var(--accent);border:none;border-radius:var(--radius-md);color:var(--text-white);font-family:var(--font-display);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s var(--ease)}.gate-btn:hover{background:#e64528;transform:translateY(-1px)}.gate-btn svg{transition:transform .3s var(--ease)}.gate-btn:hover svg{transform:translate(3px)}.gate-error{margin-top:16px;font-size:.82rem;color:#f44}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}:root{--bg-cream: #F7F5F1;--bg-white: #FFFFFF;--bg-dark: #131318;--bg-darker: #0A0A0F;--bg-warm: #F0EDE7;--text-dark: #1A1A1F;--text-mid: #6B6B73;--text-light: #A0A0A8;--text-white: #FFFFFF;--text-cream: #F7F5F1;--accent: #FF4D2D;--accent-hover: #E63E20;--accent-soft: #FFE8E2;--gold: #C9A961;--gold-soft: #F5EEDC;--navy: #2B2D42;--border: #E5E2DC;--border-dark: #2A2A35;--font-display: "Syne", sans-serif;--font-body: "Noto Sans SC", sans-serif;--font-mono: "Space Mono", monospace;--max-w: 1700px;--gutter: clamp(24px, 4vw, 64px);--section-pad: clamp(80px, 10vh, 140px);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--shadow-sm: 0 2px 12px rgba(0,0,0,.04);--shadow-md: 0 8px 32px rgba(0,0,0,.08);--shadow-lg: 0 20px 60px rgba(0,0,0,.12);--shadow-accent: 0 8px 32px rgba(255,77,45,.15);--ease: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg-cream);color:var(--text-dark);overflow-x:hidden;line-height:1.6}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul{list-style:none}::selection{background:var(--accent);color:var(--text-white)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-cream)}::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter)}.section{padding:var(--section-pad) 0;position:relative}.dot-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(0,0,0,.04) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0}.section-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:12px;margin-bottom:20px}.section-label:before{content:"";width:32px;height:1px;background:var(--accent)}.section-title{font-family:var(--font-display);font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--text-dark)}.section-subtitle{font-size:1rem;color:var(--text-mid);margin-top:16px;max-width:560px;line-height:1.7}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in-view{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:all .4s var(--ease)}.navbar.scrolled{padding:12px 0;background:#faf6f2e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}.navbar-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-display);font-size:1.4rem;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:4px}.nav-logo .accent{color:var(--accent)}.nav-logo .dot{width:8px;height:8px;background:var(--accent);border-radius:50%;display:inline-block;margin-left:4px}.nav-links{display:flex;gap:36px;align-items:center}.nav-link{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dark);position:relative;padding:4px 0;transition:color .3s var(--ease)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--accent);transition:width .3s var(--ease)}.nav-link:hover{color:var(--accent)}.nav-link:hover:after{width:100%}.nav-link .num{color:var(--accent);font-size:.68rem;margin-right:4px}.nav-cta{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:10px 24px;background:var(--text-dark);color:var(--text-white);border-radius:100px;transition:all .3s var(--ease);display:inline-flex;align-items:center;gap:8px}.nav-cta:hover{background:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-accent)}.hero{min-height:100vh;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:var(--hero-bg, #FAF6F2)}.hero-left{display:flex;flex-direction:column;justify-content:center;padding:clamp(80px,10vh,140px) clamp(40px,5vw,100px);padding-right:clamp(20px,3vw,60px);position:relative;z-index:2}.hero-brand{display:flex;align-items:center;gap:10px;margin-bottom:clamp(24px,4vh,48px);opacity:0;animation:fadeInUp .7s var(--ease) .2s forwards}.hero-star{color:var(--coral);font-size:.7rem}.hero-brand-text{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--navy-light, #7a7a9a)}.hero-title{font-family:var(--font-display);font-size:clamp(4.5rem,9vw,9rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:var(--navy, #1A1A3E);margin-bottom:clamp(24px,4vh,48px)}.hero-title-line{display:block;overflow:hidden}.hero-title-line span{display:inline-block;transform:translateY(105%);animation:revealUp .9s var(--ease-out) forwards}.hero-title-line:nth-child(1) span{animation-delay:.35s}.hero-title-line:nth-child(2) span{animation-delay:.5s}.hero-title-line.accent{color:var(--coral, #E8A598);font-style:italic;font-weight:500}.hero-desc{font-size:clamp(.92rem,1.15vw,1.1rem);color:var(--text-mid);line-height:1.85;max-width:420px;margin-bottom:clamp(32px,4vh,52px);opacity:0;animation:fadeInUp .7s var(--ease) .7s forwards}.hero-divider{display:flex;align-items:center;margin-bottom:clamp(28px,3.5vh,44px);opacity:0;animation:fadeIn .6s ease .85s forwards}.hero-divider-dot{width:6px;height:6px;border-radius:50%;background:var(--coral, #E8A598)}.hero-signature{display:flex;align-items:baseline;gap:12px;margin-bottom:auto;opacity:0;animation:fadeInUp .7s var(--ease) 1s forwards}.hero-sig-name{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.6rem,2.5vw,2.2rem);font-style:italic;color:var(--coral, #E8A598);font-weight:400}.hero-sig-star{color:var(--coral, #E8A598);font-size:.55rem}.hero-sig-role{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-light, #7a7a9a)}.hero-contact-bar{display:flex;gap:clamp(24px,3vw,48px);padding-top:clamp(24px,4vh,48px);border-top:1px solid rgba(0,0,0,.08);opacity:0;animation:fadeInUp .7s var(--ease) 1.15s forwards}.hero-contact-item{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--text-mid);transition:color .3s var(--ease)}.hero-contact-item svg{color:var(--coral, #E8A598);flex-shrink:0}.hero-contact-item a{color:inherit}.hero-contact-item a:hover{color:var(--navy, #1A1A3E)}.hero-right{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:transparent}.hero-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.25;background-image:radial-gradient(circle at 80% 80%,rgba(232,165,152,.25) 0%,transparent 45%),radial-gradient(circle at 50% 20%,rgba(200,180,220,.2) 0%,transparent 45%),radial-gradient(circle at 70% 50%,rgba(232,200,170,.12) 0%,transparent 55%);animation:orbBreath 10s ease-in-out infinite}.hero-gradient-orb{position:absolute;width:80%;height:80%;top:10%;left:10%;background:radial-gradient(ellipse at center,rgba(232,200,180,.3) 0%,rgba(210,190,230,.18) 40%,rgba(232,165,152,.08) 65%,transparent 85%);animation:orbBreath 8s ease-in-out infinite reverse}.hero-deco-circle{position:absolute;border-radius:50%;border:1.5px solid rgba(232,165,152,.2);z-index:0}.hero-deco-circle-1{width:300px;height:300px;top:8%;right:-8%;animation:circleFloat 12s ease-in-out infinite}.hero-deco-circle-2{width:180px;height:180px;bottom:15%;left:-5%;border-color:#c8b4dc33;animation:circleFloat 15s ease-in-out infinite reverse}.hero-deco-circle-3{width:100px;height:100px;top:45%;right:20%;border-color:#e8a59826;animation:circleFloat 10s ease-in-out infinite 2s}@keyframes circleFloat{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(10px,-15px) rotate(5deg)}}@keyframes orbBreath{0%,to{transform:scale(1) translate(0);opacity:1}50%{transform:scale(1.06) translate(2%,-1%);opacity:.85}}.hero-q-avatar{position:absolute;z-index:1;left:20%;top:35%;transform:translate(-50%,-50%);height:85%;width:auto;max-width:90%;object-fit:contain;filter:drop-shadow(0 12px 30px rgba(26,26,62,.1));animation:avatarIn 1s var(--ease-out) .3s both}@keyframes avatarIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-stats-card{position:absolute;z-index:3;bottom:clamp(60px,12vh,120px);left:clamp(-20px,-3vw,0px);background:var(--navy, #1A1A3E);color:var(--text-white);border-radius:var(--radius-lg);padding:24px 28px;min-width:280px;box-shadow:0 16px 48px #1a1a3e40;animation:cardIn .8s var(--ease-out) .8s both}@keyframes cardIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-stats-header{display:flex;align-items:center;gap:8px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}.hero-stats-star{color:var(--coral, #E8A598);font-size:.65rem}.hero-stats-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#fff9}.hero-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat-num{font-family:var(--font-display);font-size:1.6rem;font-weight:700;line-height:1;color:var(--text-white)}.hero-stat-text{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:#ffffff80}.hero-corner-tag{position:absolute;z-index:3;top:clamp(40px,8vh,80px);right:clamp(20px,4vw,50px);display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--navy-light, #7a7a9a);opacity:0;animation:fadeIn .6s ease 1.2s forwards}.about{background:var(--bg-cream);position:relative;overflow:hidden}.about-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:start}.about-visual{position:sticky;top:120px}.about-img-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4 / 5;background:var(--bg-warm)}.about-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.about-img-wrap:hover img{transform:scale(1.05)}.about-img-tag{position:absolute;bottom:20px;left:20px;right:20px;padding:16px 20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center}.about-img-tag .name{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.about-img-tag .role{font-family:var(--font-mono);font-size:.72rem;color:var(--text-mid);text-transform:uppercase;letter-spacing:.08em}.about-content{padding-top:100px}.about-name{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1;letter-spacing:-.02em;margin-bottom:8px}.about-name .en{color:var(--accent);font-style:italic;font-weight:500}.about-role{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mid);margin-bottom:32px}.about-bio{font-size:1.05rem;line-height:1.8;color:var(--text-dark);margin-bottom:40px;max-width:580px}.about-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:48px}.about-meta-item{padding:20px 24px;background:var(--bg-white);border-radius:var(--radius-md);border:1px solid var(--border)}.about-meta-item .label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-light);margin-bottom:6px}.about-meta-item .value{font-size:.95rem;font-weight:500;color:var(--text-dark)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:56px}.stat-item{padding:32px 0;border-right:1px solid var(--border);text-align:left}.stat-item:last-child{border-right:none}.stat-item:nth-child(n+5){border-top:1px solid var(--border)}.stat-number{font-family:var(--font-display);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--text-dark)}.stat-number .suffix{color:var(--accent);font-size:.6em}.stat-label{font-size:.9rem;font-weight:500;color:var(--text-dark);margin-top:8px}.stat-sublabel{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);margin-top:4px}.about-experience{margin-top:clamp(48px,6vh,80px)}.exp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.exp-card{padding:28px 24px;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .4s var(--ease)}.exp-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow-md)}.exp-card-period{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--accent);margin-bottom:14px}.exp-card-role{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--text-dark);margin-bottom:6px}.exp-card-company{font-size:.85rem;color:var(--text-dark);font-weight:500;margin-bottom:4px;line-height:1.5}.exp-card-location{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-light);margin-bottom:16px}.exp-card-divider{width:24px;height:2px;background:var(--accent);border-radius:1px;margin-bottom:16px}.exp-card-highlights{display:flex;flex-direction:column;gap:8px}.exp-card-highlights li{font-size:.82rem;color:var(--text-mid);line-height:1.6;padding-left:14px;position:relative}.exp-card-highlights li:before{content:"";position:absolute;left:0;top:10px;width:5px;height:1px;background:var(--accent)}.works{background:var(--bg-white);position:relative;overflow:hidden}.works-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:clamp(40px,5vh,60px)}.works-carousel-wrapper{position:relative;max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter);padding-bottom:60px}.works-carousel{position:relative;width:100%;height:clamp(380px,45vh,520px);perspective:1200px;display:flex;align-items:center;justify-content:center}.works-slide{position:absolute;width:50%;max-width:680px;aspect-ratio:16 / 10;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:var(--bg-warm);transition:all .6s var(--ease-out);transform-style:preserve-3d;will-change:transform,opacity}.works-slide-active{box-shadow:var(--shadow-lg)}.works-slide:not(.works-slide-active):hover{opacity:.8!important;filter:brightness(1.05)}.works-slide-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.works-slide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(10,10,15,.8) 100%);z-index:1}.works-slide-content{position:absolute;bottom:0;left:0;right:0;padding:clamp(20px,3vw,32px);z-index:2;color:var(--text-white)}.works-slide-num{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.15em;color:var(--accent);margin-bottom:8px}.works-slide-title{font-family:var(--font-display);font-size:clamp(1.3rem,2vw,1.8rem);font-weight:700;line-height:1.1;margin-bottom:6px}.works-slide-subtitle{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#fff9;margin-bottom:12px}.works-slide-tags{display:flex;flex-wrap:wrap;gap:6px}.works-slide-tag{font-family:var(--font-mono);font-size:.65rem;padding:4px 10px;border-radius:100px;background:#ffffff1f;color:#fffc;letter-spacing:.04em}.works-slide-arrow{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;z-index:2;animation:fadeIn .4s ease both}.works-slide-arrow svg{width:18px;height:18px;color:var(--text-white)}.works-nav{display:flex;justify-content:center;gap:16px;margin-top:0}.works-nav-btn{width:48px;height:48px;border-radius:50%;background:var(--bg-cream);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--ease)}.works-nav-btn:hover{background:var(--text-dark);border-color:var(--text-dark)}.works-nav-btn:hover svg{color:var(--text-white)}.works-nav-btn svg{width:20px;height:20px;color:var(--text-dark);transition:color .3s var(--ease)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0a0a0feb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:40px;opacity:0;animation:modalFadeIn .4s var(--ease) forwards}.modal-overlay.closing{animation:modalFadeOut .3s var(--ease) forwards}.modal-content{width:100%;max-width:1300px;max-height:90vh;background:var(--bg-cream);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;transform:scale(.95);animation:modalScaleIn .4s var(--ease) .1s forwards}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-header-info .modal-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700}.modal-header-info .modal-subtitle{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mid);margin-top:2px}.modal-close{width:40px;height:40px;border-radius:50%;background:var(--bg-warm);display:flex;align-items:center;justify-content:center;transition:all .3s var(--ease)}.modal-close:hover{background:var(--accent);transform:rotate(90deg)}.modal-close svg{width:16px;height:16px}.modal-body{overflow-y:auto;padding:32px;flex:1}.modal-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.modal-gallery-item{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4 / 3;cursor:pointer;background:var(--bg-warm)}.modal-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.modal-gallery-item:hover img{transform:scale(1.06)}.modal-gallery-caption{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));font-size:.78rem;color:var(--text-white)}.modal-videos{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.modal-video-item{border-radius:var(--radius-md);overflow:hidden;background:var(--bg-dark)}.modal-video-item video{width:100%;display:block;aspect-ratio:16 / 9;background:var(--bg-dark)}.modal-video-title{padding:16px 20px;font-size:.9rem;font-weight:500;background:var(--bg-white);display:flex;align-items:center;gap:8px}.modal-video-title:before{content:"▶";color:var(--accent);font-size:.7rem}.modal-docs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.modal-doc-item{padding:20px 24px;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;gap:16px;transition:all .3s var(--ease);cursor:pointer}.modal-doc-item:hover{border-color:var(--accent);transform:translate(6px)}.modal-doc-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.65rem;font-weight:700;color:var(--accent);flex-shrink:0}.modal-doc-info .modal-doc-name{font-size:.9rem;font-weight:500;line-height:1.4}.modal-doc-info .modal-doc-cat{font-family:var(--font-mono);font-size:.68rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.advantages{background:linear-gradient(135deg,#1a1625,#221d35,#1a1625);color:var(--text-white);position:relative;overflow:hidden}.advantages .dot-grid{background-image:radial-gradient(circle,rgba(180,160,220,.06) 1px,transparent 1px)}.advantages .section-title{color:var(--text-white)}.advantages .section-subtitle{color:#fff9}.advantages .section-label{color:var(--accent)}.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.08)}.adv-card{padding:48px 40px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);transition:background .4s var(--ease);position:relative;overflow:hidden}.adv-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.adv-card:hover{background:#ffffff08}.adv-card:hover:before{transform:scaleX(1)}.adv-icon{font-size:1.8rem;color:var(--accent);margin-bottom:24px;display:block}.adv-title{font-family:var(--font-display);font-size:1.3rem;font-weight:600;margin-bottom:4px}.adv-en{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);margin-bottom:16px}.adv-desc{font-size:.88rem;color:#fff9;line-height:1.7}.enjoy{background:var(--bg-warm);position:relative;overflow:hidden}.enjoy-header{margin-bottom:48px}.enjoy-tabs{display:flex;gap:8px;margin-bottom:40px;flex-wrap:wrap}.enjoy-tab{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:10px 24px;border-radius:100px;border:1px solid var(--border);color:var(--text-mid);transition:all .3s var(--ease)}.enjoy-tab:hover{border-color:var(--accent);color:var(--accent)}.enjoy-tab.active{background:var(--text-dark);color:var(--text-white);border-color:var(--text-dark)}.enjoy-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.enjoy-item{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;background:var(--bg-white)}.enjoy-item:not(.enjoy-item-media):not(.enjoy-item-audio){aspect-ratio:1 / 1}.enjoy-item:not(.enjoy-item-media):not(.enjoy-item-audio):hover{aspect-ratio:auto;position:relative;z-index:10}.enjoy-img-wrap{width:100%;height:100%;overflow:hidden}.enjoy-item img{width:100%;height:100%;object-fit:cover;transition:all .5s var(--ease)}.enjoy-item:not(.enjoy-item-media):not(.enjoy-item-audio):hover .enjoy-img-wrap{position:relative}.enjoy-item:not(.enjoy-item-media):not(.enjoy-item-audio):hover img{aspect-ratio:auto;height:auto;object-fit:contain}.enjoy-caption{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));color:var(--text-white);font-size:.88rem;font-weight:500;transform:translateY(10px);opacity:0;transition:all .4s var(--ease)}.enjoy-item:hover .enjoy-caption{transform:translateY(0);opacity:1}.enjoy-item-media{aspect-ratio:1 / 1;cursor:pointer}.enjoy-item-media video{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.enjoy-item-audio{aspect-ratio:auto;padding:24px;background:var(--bg-cream);border:1px solid var(--border);border-radius:var(--radius-md)}.enjoy-audio-wrap{display:flex;align-items:center;gap:20px}.enjoy-audio-icon{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center}.enjoy-audio-icon svg{width:24px;height:24px;color:var(--text-white)}.enjoy-audio-info{flex:1;min-width:0}.enjoy-audio-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:2px}.enjoy-audio-artist{font-family:var(--font-mono);font-size:.72rem;color:var(--text-light);letter-spacing:.04em;margin-bottom:10px}.enjoy-audio-info audio{width:100%;height:36px;border-radius:100px}.contact{min-height:100vh;display:flex;align-items:center;background:var(--bg-dark);color:var(--text-white);position:relative;overflow:hidden}.contact .dot-grid{background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px)}.contact-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(255,77,45,.15),transparent 70%);top:20%;right:-100px;pointer-events:none}.contact-glow-2{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(201,169,97,.1),transparent 70%);bottom:10%;left:-50px;pointer-events:none}.contact-inner{position:relative;z-index:2;width:100%}.contact-label{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:32px;display:inline-flex;align-items:center;gap:12px}.contact-label:before{content:"";width:40px;height:1px;background:var(--accent)}.contact-title{font-family:var(--font-display);font-size:clamp(3rem,7vw,6rem);font-weight:800;line-height:1;letter-spacing:-.03em;margin-bottom:48px}.contact-title .italic{font-style:italic;font-weight:500;color:var(--accent)}.contact-email{display:inline-flex;align-items:center;gap:16px;font-family:var(--font-display);font-size:clamp(1.3rem,2.5vw,2rem);font-weight:600;color:var(--text-white);padding-bottom:8px;border-bottom:2px solid var(--accent);transition:all .3s var(--ease);margin-bottom:64px}.contact-email:hover{color:var(--accent);gap:24px}.contact-qrcode{position:absolute;right:0;top:clamp(20px,4vh,60px);max-width:180px}.contact-qrcode img{width:100%;height:auto;border-radius:var(--radius-md);border:2px solid rgba(255,255,255,.15)}.contact-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid rgba(255,255,255,.1);padding-top:48px}.contact-info-item .label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#fff6;margin-bottom:10px}.contact-info-item .value{font-size:1rem;color:#ffffffd9;line-height:1.6}.contact-footer{margin-top:80px;padding-top:32px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffff4d}.contact-footer .accent{color:var(--accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes revealUp{to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes scrollDown{0%{top:-100%}to{top:100%}}@keyframes modalFadeIn{to{opacity:1}}@keyframes modalFadeOut{to{opacity:0}}@keyframes modalScaleIn{to{transform:scale(1)}}@media (max-width: 1024px){.hero{grid-template-columns:1fr}.hero-right{display:none}.about-grid{grid-template-columns:1fr;gap:48px}.about-visual{position:relative;top:0;max-width:500px}.adv-grid{grid-template-columns:repeat(2,1fr)}.works-slide{width:70%}.works-carousel{height:300px}.modal-gallery{grid-template-columns:repeat(2,1fr)}.modal-videos,.modal-docs{grid-template-columns:1fr}.enjoy-gallery{grid-template-columns:repeat(2,1fr)}.enjoy-item:nth-child(n){grid-column:span 1}.exp-cards{grid-template-columns:1fr}.contact-info-grid{grid-template-columns:1fr;gap:24px}.contact-qrcode{position:relative;right:auto;top:auto;max-width:140px;margin-top:24px}}@media (max-width: 640px){.nav-links{display:none}.stats-grid{grid-template-columns:1fr}.stat-item{border-right:none;border-bottom:1px solid var(--border)}.adv-grid,.about-meta,.enjoy-gallery{grid-template-columns:1fr}}