@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Mono:wght@400;700&family=Poppins:wght@400;600&family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{overscroll-behavior-y:contain}:root{--vh: 1vh}@supports (height: 100dvh){.main-hero,.fullpage-footer,section,.work-page .hero-section,.mobile-menu{height:100dvh}}@supports not (height: 100dvh){.main-hero,.fullpage-footer,section,.work-page .hero-section,.mobile-menu{height:calc(var(--vh, 1vh) * 100)}}:lang(ko){letter-spacing:-.1em}p,h1,h2,h3,h4,h5,h6,span,li,a,button,label,div{letter-spacing:-.1em}.section-tag,.meta-label,.voice-tag,.next-label,.feature-title,.nav-links a,.nav-btn,.mobile-menu a,.copyright{letter-spacing:.05em}.logo,.hero-title,.card-title,.process-title,.section-title,.section-stat{letter-spacing:-.02em}nav{position:fixed;top:0;left:0;right:0;padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;z-index:1003;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.nav-right{display:flex;align-items:center;gap:2rem}.logo{font-family:Bebas Neue,sans-serif;font-size:2rem;color:#000;letter-spacing:.02em;text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none;align-items:center}.nav-links a{color:#000;text-decoration:none;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s}.nav-links a:hover{color:var(--pink);transform:translateY(-2px)}.nav-buttons{display:flex;gap:.5rem}.nav-btn{padding:.5rem 1rem;border:1px solid #000;border-radius:2px;color:#000;text-decoration:none;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s;white-space:nowrap}.nav-btn:hover,.nav-btn.primary{background:#000;color:#fff}.nav-btn.primary:hover{background:var(--pink);border-color:var(--pink)}nav.light-mode .nav-links a:hover{color:var(--pink)}nav.light-mode .nav-btn.primary:hover{background:var(--pink);border-color:var(--pink)}body[data-page=main] nav.dark-mode .nav-links a:hover{color:#f97316}body[data-page=main] nav.dark-mode .nav-btn.primary:hover{background:#f97316;border-color:#f97316}body[data-page=main] nav.light-mode .nav-links a:hover{color:#f97316}body[data-page=main] nav.light-mode .nav-btn.primary:hover{background:#f97316;border-color:#f97316}body[data-page=about] nav .nav-links a:hover,body[data-page=about] nav.light-mode .nav-links a:hover{color:#f97316}body[data-page=about] nav .nav-btn.primary:hover,body[data-page=about] nav.light-mode .nav-btn.primary:hover{background:#f97316;border-color:#f97316}body[data-page=work] nav.dark-mode .nav-links a:hover{color:var(--cyan)}body[data-page=work] nav.dark-mode .nav-btn.primary:hover{background:var(--cyan);border-color:var(--cyan)}body[data-page=work] nav.light-mode .nav-links a:hover{color:var(--cyan)}body[data-page=work] nav.light-mode .nav-btn.primary:hover{background:var(--cyan);border-color:var(--cyan)}body[data-page=work-detail] nav .nav-links a:hover,body[data-page=work-detail] nav.light-mode .nav-links a:hover{color:var(--cyan)}body[data-page=work-detail] nav .nav-btn.primary:hover,body[data-page=work-detail] nav.light-mode .nav-btn.primary:hover{background:var(--cyan);border-color:var(--cyan)}body[data-page=trend] nav.dark-mode .nav-links a:hover{color:var(--purple)}body[data-page=trend] nav.dark-mode .nav-btn.primary:hover{background:var(--purple);border-color:var(--purple)}body[data-page=trend] nav.light-mode .nav-links a:hover{color:var(--purple)}body[data-page=trend] nav.light-mode .nav-btn.primary:hover{background:var(--purple);border-color:var(--purple)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1005;position:fixed;top:2rem;right:3rem}.hamburger span{width:30px;height:3px;background:#000;transition:all .3s ease}.hamburger.active span{background:#fff}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.hamburger.dark-mode span,.hamburger.dark-mode.active span{background:#fff}.hamburger.light-mode.active span{background:#fff}.mobile-menu{position:fixed;top:0;right:-100%;width:70%;height:100vh;height:100dvh;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:6rem 2rem;transition:right .4s ease;z-index:1004}.mobile-menu.active{right:0}.mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:2rem}.mobile-menu a{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s}.mobile-menu a:hover{color:var(--pink);padding-left:1rem}.mobile-menu .mobile-btn{display:inline-block;padding:.8rem 1.5rem;border:1px solid #fff;border-radius:2px;font-size:1rem;margin-top:1rem}.mobile-menu .mobile-btn.primary{background:#fff;color:#000}.mobile-menu .mobile-btn:hover{background:var(--pink);border-color:var(--pink);color:#fff;padding-left:1.5rem}#footer{background:#f9f9f9;padding:6rem 2rem 4rem;position:relative;z-index:1}footer#footer.normal-footer{height:auto!important;min-height:auto!important;overflow:visible!important;overflow-y:visible!important;display:block!important}section#footer.fullpage-footer{height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;overflow-y:auto!important;display:flex!important;align-items:flex-start!important;justify-content:center!important}.footer-content-main{text-align:center;z-index:10;position:relative;max-width:1400px;width:100%;margin:0 auto;padding:2rem 3rem 0}.footer-headline{font-family:Poppins,sans-serif;font-size:clamp(1.8rem,4vw,2.5rem);color:#000;margin-bottom:.5rem;line-height:1.3;font-weight:600;letter-spacing:-.02em}.footer-subheadline{font-size:1rem;color:#666;margin-bottom:3rem;font-weight:400;letter-spacing:-.02em}.map-container{width:100%;max-width:none;margin:0 auto 3rem;height:400px;border-radius:20px;overflow:hidden;box-shadow:none}.map-container iframe,.map-container img{width:100%;height:100%;object-fit:cover;display:block}.contact-info{max-width:none;margin:0 auto 3rem;text-align:left;display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.95rem}.contact-label{font-weight:700;color:#000;min-width:80px;text-transform:uppercase;letter-spacing:.05em}.contact-value{font-family:Inter,sans-serif;color:#333;line-height:1.6;letter-spacing:-.02em}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #ddd;max-width:none;margin:0 auto}.copyright{font-size:.85rem;color:#999;letter-spacing:.05em;font-weight:400}@media(max-width:768px){.nav-right{display:none}.hamburger{display:flex;top:2.5rem;right:2rem}nav{padding:1.5rem 2rem}#footer{padding:4rem 1.5rem 3rem}.footer-content-main{padding:1rem 0 0}.footer-headline{font-size:1.5rem;margin-bottom:.5rem}.footer-subheadline{font-size:.9rem;margin-bottom:2rem}.contact-info{padding:0 .5rem;gap:1.5rem}.contact-item{flex-direction:column;gap:.3rem}.contact-label{min-width:auto;font-size:.75rem}.contact-value{font-size:.9rem}.map-container{height:250px;margin-bottom:2rem}.footer-bottom{padding-top:1.5rem;margin-top:1rem}.copyright{font-size:.75rem}}@media(max-width:480px){nav{padding:1rem 1.5rem}.hamburger{top:1.5rem;right:1.5rem}#footer{padding:3rem 1rem 2rem}.footer-headline{font-size:1.3rem}.contact-info{gap:1.2rem}.map-container{height:200px}}.cursor{width:20px;height:20px;border:2px solid var(--yellow);border-radius:50%;position:fixed;pointer-events:none;z-index:10000;transition:transform .15s ease;mix-blend-mode:difference}.cursor-follower{width:40px;height:40px;border:1px solid rgba(251,191,36,.3);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transition:all .3s ease}nav.dark-mode .nav-links a:hover{color:var(--yellow)}nav.dark-mode .nav-btn.primary:hover{background:var(--yellow);border-color:var(--yellow)}section{height:100vh;height:100dvh;position:relative;overflow:hidden!important;overflow-y:hidden!important;overflow-x:hidden!important;display:flex;align-items:center;justify-content:center}section#footer{overflow-y:auto!important}.shape{position:absolute;border-radius:20px;animation:float 20s infinite ease-in-out}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(100px,-100px) rotate(90deg)}50%{transform:translate(-50px,100px) rotate(180deg)}75%{transform:translate(-150px,-50px) rotate(270deg)}}@keyframes float-reverse{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-100px,100px) rotate(-90deg)}50%{transform:translate(50px,-100px) rotate(-180deg)}75%{transform:translate(150px,50px) rotate(-270deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.main-hero{background:#886cc7!important}.main-hero .shape-1{width:400px;height:400px;background:var(--yellow);top:10%;right:10%;animation:float 15s infinite ease-in-out}.main-hero .shape-2{width:300px;height:500px;background:var(--pink);bottom:5%;left:20%;animation:float-reverse 18s infinite ease-in-out}.main-hero .shape-3{width:350px;height:250px;background:var(--lime);top:40%;left:5%;animation:float 20s infinite ease-in-out}.main-hero .shape-4{width:200px;height:200px;background:var(--orange);top:5%;right:40%;border-radius:50%;animation:float-reverse 12s infinite ease-in-out}.triangle{width:0;height:0;border-style:solid;position:absolute;animation:float-triangle 15s infinite ease-in-out}@keyframes float-triangle{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(80px,-80px) rotate(120deg)}50%{transform:translate(-60px,80px) rotate(240deg)}75%{transform:translate(-100px,-60px) rotate(360deg)}}.main-hero .triangle-1{border-width:0 100px 170px 100px;border-color:transparent transparent var(--cyan) transparent;top:20%;left:25%;animation-delay:.5s}.main-hero .triangle-2{border-width:120px 0 120px 200px;border-color:transparent transparent transparent rgba(168,85,247,.8);bottom:20%;right:20%;animation:float-triangle 18s infinite ease-in-out reverse}.main-hero .hero-content{text-align:center;z-index:10;position:relative}.main-hero .hero-title{font-family:Bebas Neue,sans-serif!important;font-size:clamp(3rem,10vw,8rem)!important;line-height:.9!important;color:#000!important;margin-bottom:2rem;text-shadow:2px 2px 0 rgba(255,255,255,.3);letter-spacing:-.02em!important}.main-hero .hero-title span{display:block!important;animation:slideIn 1s ease-out backwards;letter-spacing:.02em!important}.main-hero .hero-title .highlight{position:relative;display:inline-block!important;text-shadow:3px 3px 0 rgba(255,255,255,.5);transform:scale(1.05);letter-spacing:.02em!important}.main-hero .hero-title .highlight-fever{color:var(--yellow)!important}.main-hero .hero-title .highlight-bliss{color:var(--cyan)!important}.main-hero .hero-title .highlight-faith{color:var(--purple)!important}.main-hero .hero-title span:nth-child(1){animation-delay:.2s}.main-hero .hero-title span:nth-child(2){animation-delay:.4s}.main-hero .hero-title span:nth-child(3){animation-delay:.6s}@keyframes slideIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.main-hero .scroll-down-icon{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.8rem;cursor:pointer;z-index:10;animation:bounce-down 2s ease-in-out infinite}.main-hero .scroll-down-icon span{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#fff}.main-hero .scroll-down-icon .scroll-mouse{width:28px;height:45px;border:3px solid #fff;border-radius:20px;position:relative}.main-hero .scroll-down-icon .scroll-mouse:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:10px;background:#fff;border-radius:2px;animation:scroll-wheel 1.5s ease-in-out infinite}@keyframes bounce-down{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}@keyframes scroll-wheel{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(15px)}}#fever{background:#0a0a0a}.particle{position:absolute;width:3px;height:3px;background:#fffc;border-radius:50%;animation:explode 4s infinite ease-out}@keyframes explode{0%{transform:translate(0) scale(0);opacity:0}10%{opacity:1}to{transform:translate(var(--x),var(--y)) scale(1);opacity:0}}.fever-float-triangle{position:absolute;clip-path:polygon(50% 0%,100% 100%,0% 100%);background:var(--yellow);opacity:.2;animation:float-triangle-fever 20s infinite ease-in-out}@keyframes float-triangle-fever{0%,to{transform:translate(0) rotate(0);opacity:.2}25%{transform:translate(150px,-100px) rotate(60deg);opacity:.4}50%{transform:translate(-80px,120px) rotate(120deg);opacity:.3}75%{transform:translate(-180px,-80px) rotate(180deg);opacity:.35}}#fever .fever-float-triangle-1{width:200px;height:173px;top:15%;left:10%;background:var(--yellow);animation-delay:0s}#fever .fever-float-triangle-2{width:150px;height:130px;top:60%;left:15%;background:var(--orange);animation-delay:2s;animation-duration:18s}#fever .fever-float-triangle-3{width:250px;height:217px;top:20%;right:15%;background:#fbbf244d;animation-delay:1s;animation-duration:22s}#fever .fever-float-triangle-4{width:180px;height:156px;bottom:20%;right:20%;background:var(--orange-light);animation-delay:3s;animation-duration:19s}#fever .fever-float-triangle-5{width:120px;height:104px;top:40%;left:30%;background:var(--yellow-bright);opacity:.3;animation-delay:1.5s}#fever .fever-float-triangle-6{width:220px;height:191px;bottom:15%;left:40%;background:#f9731640;animation-delay:4s;animation-duration:25s}.fever-orbit{position:absolute;width:500px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%);animation:rotate-orbit 30s infinite linear}.fever-orbit-2{width:700px;height:700px;animation:rotate-orbit 40s infinite linear reverse}.fever-orbit-dot{position:absolute;width:30px;height:26px;clip-path:polygon(50% 0%,100% 100%,0% 100%);background:var(--yellow);box-shadow:0 0 20px var(--yellow)}.fever-orbit-dot-1{top:0;left:50%;transform:translate(-50%)}.fever-orbit-dot-2{top:50%;right:0;transform:translateY(-50%) rotate(90deg)}.fever-orbit-dot-3{bottom:0;left:50%;transform:translate(-50%) rotate(180deg)}.fever-orbit-dot-4{top:50%;left:0;transform:translateY(-50%) rotate(270deg)}.fever-border{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:expand-tri-border-svg 4s infinite ease-out}.fever-border svg{width:100px;height:87px;display:block}@keyframes expand-tri-border-svg{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(8);opacity:0}}#fever .fever-border-1{animation-delay:0s}#fever .fever-border-2{animation-delay:1s}#fever .fever-border-3{animation-delay:2s}#fever .fever-border-4{animation-delay:3s}.section-content{text-align:center;z-index:10;position:relative}.section-icon{width:80px;height:80px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center}.section-icon svg{width:100%;height:100%}#fever .section-title,#bliss .section-title,#faith .section-title{font-family:Bebas Neue,sans-serif!important;font-size:clamp(4rem,15vw,12rem)!important;color:#fff!important;margin-bottom:1rem;letter-spacing:.02em!important;-webkit-text-fill-color:#fff!important;position:relative;display:inline-block}#fever .section-title:after,#bliss .section-title:after,#faith .section-title:after{content:"";position:absolute;bottom:-.2rem;left:50%;transform:translate(-50%);width:60%;height:3px;border-radius:2px}#fever .section-title:after{background:linear-gradient(90deg,transparent,var(--yellow),var(--orange),var(--yellow),transparent)}#bliss .section-title:after{background:linear-gradient(90deg,transparent,var(--cyan),var(--cyan-light),var(--cyan),transparent)}#faith .section-title:after{background:linear-gradient(90deg,transparent,var(--purple),var(--purple-light),var(--purple),transparent)}#fever .section-subtitle,#bliss .section-subtitle,#faith .section-subtitle{font-size:1.2rem!important;color:#ffffffb3!important;margin-bottom:3rem;font-weight:300!important;letter-spacing:.02em!important}.section-stat{font-family:Bebas Neue,sans-serif!important;font-size:clamp(4rem,12vw,10rem)!important;font-weight:700!important;background:linear-gradient(135deg,var(--yellow),var(--orange))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;animation:glow 2s ease-in-out infinite;letter-spacing:-.02em!important}@keyframes glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}#bliss{background:#050505}#bliss .particle{background:var(--cyan)}#fever .particle{background:var(--yellow)}#faith .particle{background:var(--purple)}#bliss .section-stat{background:linear-gradient(135deg,var(--cyan),var(--cyan-light))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}#bliss .shape-circle{border-color:var(--cyan)}.bliss-circle{position:absolute;border-radius:50%;background:var(--cyan);opacity:.2;animation:float-circle 20s infinite ease-in-out}@keyframes float-circle{0%,to{transform:translate(0) scale(1);opacity:.2}25%{transform:translate(150px,-100px) scale(1.3);opacity:.4}50%{transform:translate(-80px,120px) scale(.8);opacity:.3}75%{transform:translate(-180px,-80px) scale(1.1);opacity:.35}}#bliss .bliss-circle-1{width:200px;height:200px;top:15%;left:10%;background:var(--cyan);animation-delay:0s}#bliss .bliss-circle-2{width:150px;height:150px;top:60%;left:15%;background:var(--cyan-light);animation-delay:2s;animation-duration:18s}#bliss .bliss-circle-3{width:250px;height:250px;top:20%;right:15%;background:#06b6d44d;animation-delay:1s;animation-duration:22s}#bliss .bliss-circle-4{width:180px;height:180px;bottom:20%;right:20%;background:var(--cyan);animation-delay:3s;animation-duration:19s}#bliss .bliss-circle-5{width:120px;height:120px;top:40%;left:30%;background:var(--cyan-light);opacity:.3;animation-delay:1.5s}#bliss .bliss-circle-6{width:220px;height:220px;bottom:15%;left:40%;background:#22d3ee40;animation-delay:4s;animation-duration:25s}.bliss-orbit{position:absolute;width:500px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%);animation:rotate-orbit 30s infinite linear}.bliss-orbit-2{width:700px;height:700px;animation:rotate-orbit 40s infinite linear reverse}.orbit-dot{position:absolute;width:30px;height:30px;background:var(--cyan);border-radius:50%;box-shadow:0 0 20px var(--cyan)}.orbit-dot-1{top:0;left:50%;transform:translate(-50%)}.orbit-dot-2{top:50%;right:0;transform:translateY(-50%)}.orbit-dot-3{bottom:0;left:50%;transform:translate(-50%)}.orbit-dot-4{top:50%;left:0;transform:translateY(-50%)}.bliss-ring{position:absolute;border:3px solid var(--cyan);border-radius:50%;animation:expand-ring 4s infinite ease-out;top:50%;left:50%;pointer-events:none}@keyframes expand-ring{0%{width:100px;height:100px;margin-left:-50px;margin-top:-50px;opacity:1}to{width:800px;height:800px;margin-left:-400px;margin-top:-400px;opacity:0}}#bliss .bliss-ring-1{animation-delay:0s}#bliss .bliss-ring-2{animation-delay:1s;border-color:var(--cyan-light)}#bliss .bliss-ring-3{animation-delay:2s}#bliss .bliss-ring-4{animation-delay:3s;border-color:var(--cyan-light)}#faith{background:#000!important}.wireframe{position:absolute;width:100%;height:100%;top:0;left:0}.wireframe-line{position:absolute;background:#a855f733;animation:scan 8s infinite ease-in-out}@keyframes scan{0%,to{opacity:.2}50%{opacity:.8}}#faith .section-stat{background:linear-gradient(135deg,var(--purple),var(--purple-light))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.faith-float-square{position:absolute;background:var(--purple);opacity:.2;animation:float-square-faith 20s infinite ease-in-out}@keyframes float-square-faith{0%,to{transform:translate(0) rotate(0);opacity:.2}25%{transform:translate(150px,-100px) rotate(45deg);opacity:.4}50%{transform:translate(-80px,120px) rotate(90deg);opacity:.3}75%{transform:translate(-180px,-80px) rotate(135deg);opacity:.35}}#faith .faith-float-square-1{width:200px;height:200px;top:15%;left:10%;background:var(--purple);animation-delay:0s}#faith .faith-float-square-2{width:150px;height:150px;top:60%;left:15%;background:var(--purple-light);animation-delay:2s;animation-duration:18s}#faith .faith-float-square-3{width:250px;height:250px;top:20%;right:15%;background:#a855f74d;animation-delay:1s;animation-duration:22s}#faith .faith-float-square-4{width:180px;height:180px;bottom:20%;right:20%;background:var(--purple);animation-delay:3s;animation-duration:19s}#faith .faith-float-square-5{width:120px;height:120px;top:40%;left:30%;background:var(--purple-light);opacity:.3;animation-delay:1.5s}#faith .faith-float-square-6{width:220px;height:220px;bottom:15%;left:40%;background:#c084fc40;animation-delay:4s;animation-duration:25s}.faith-orbit{position:absolute;width:500px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%);animation:rotate-orbit 30s infinite linear}.faith-orbit-2{width:700px;height:700px;animation:rotate-orbit 40s infinite linear reverse}.faith-orbit-dot{position:absolute;width:30px;height:30px;background:var(--purple);box-shadow:0 0 20px var(--purple)}.faith-orbit-dot-1{top:0;left:50%;transform:translate(-50%)}.faith-orbit-dot-2{top:50%;right:0;transform:translateY(-50%)}.faith-orbit-dot-3{bottom:0;left:50%;transform:translate(-50%)}.faith-orbit-dot-4{top:50%;left:0;transform:translateY(-50%)}.faith-border{position:absolute;border:3px solid var(--purple);animation:expand-square-border 4s infinite ease-out;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes expand-square-border{0%{width:100px;height:100px;opacity:1}to{width:800px;height:800px;opacity:0}}#faith .faith-border-1{animation-delay:0s}#faith .faith-border-2{animation-delay:1s;border-color:var(--purple-light)}#faith .faith-border-3{animation-delay:2s}#faith .faith-border-4{animation-delay:3s;border-color:var(--purple-light)}#footer{padding:12rem 2rem 4rem!important;height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;overflow-y:auto!important;background:#f9f9f9!important;display:flex!important;align-items:flex-start!important;justify-content:center!important}#footer .footer-content-main{text-align:center!important;z-index:10!important;position:relative!important;max-width:1400px!important;width:100%!important;margin:0 auto!important;padding:2rem 3rem 0!important}#footer .footer-headline{font-family:Poppins,sans-serif!important;font-size:clamp(1.8rem,4vw,2.5rem)!important;color:#000!important;margin-bottom:.5rem!important;line-height:1.3!important;font-weight:600!important;letter-spacing:-.02em!important;-webkit-text-fill-color:#000!important}#footer .footer-subheadline{font-size:1rem!important;color:#666!important;margin-bottom:3rem!important;font-weight:400!important;letter-spacing:-.02em!important}#footer .map-container{width:100%!important;max-width:none!important;margin:0 auto 3rem!important;height:400px!important;border-radius:20px!important;overflow:hidden!important;box-shadow:none!important}#footer .contact-info{max-width:none!important;margin:0 auto 3rem!important;text-align:left!important;display:flex!important;flex-direction:column!important;gap:1rem!important}#footer .contact-item{display:flex!important;align-items:flex-start!important;gap:.5rem!important;font-size:.95rem!important}#footer .contact-label{font-weight:700!important;color:#000!important;min-width:80px!important;text-transform:uppercase!important;letter-spacing:.05em!important}#footer .contact-value{font-family:Inter,sans-serif!important;color:#333!important;line-height:1.6!important;letter-spacing:-.02em!important}#footer .footer-bottom{text-align:center!important;padding-top:2rem!important;border-top:1px solid #ddd!important;max-width:none!important;margin:0 auto!important}#footer .copyright{font-size:.85rem!important;color:#999!important;letter-spacing:.05em!important;font-weight:400!important}.scroll-dot{width:12px;height:12px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.5);cursor:pointer;transition:all .3s;box-shadow:0 0 8px #0000004d}.scroll-dot:hover{background:#fff6;border-color:#fffc}.scroll-dot.active{transform:scale(1.3)}.scroll-indicator[data-current-section=hero] .scroll-dot.active,.scroll-indicator[data-current-section=fever] .scroll-dot.active{background:var(--yellow);border-color:var(--yellow);box-shadow:0 0 12px #fbbf2499}.scroll-indicator[data-current-section=bliss] .scroll-dot.active{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 12px #22d3ee99}.scroll-indicator[data-current-section=faith] .scroll-dot.active{background:var(--purple);border-color:var(--purple);box-shadow:0 0 12px #a855f799}.scroll-indicator[data-current-section=footer] .scroll-dot.active{background:var(--yellow);border-color:var(--yellow);box-shadow:0 0 12px #fbbf2499}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce{animation:bounce 2s infinite ease-in-out}@media(max-width:768px){#footer{padding:10rem 1.5rem 3rem!important;min-height:auto!important}#footer .footer-content-main{padding:1rem 0 0!important}#footer .footer-headline{font-size:1.5rem!important;margin-bottom:.5rem!important}#footer .footer-subheadline{font-size:.9rem!important;margin-bottom:2rem!important}#footer .contact-info{padding:0 .5rem!important;gap:1.5rem!important}#footer .contact-item{flex-direction:column!important;gap:.3rem!important}#footer .contact-label{min-width:auto!important;font-size:.75rem!important}#footer .contact-value{font-size:.9rem!important}#footer .map-container{height:250px!important;margin-bottom:2rem!important}#footer .footer-bottom{padding-top:1.5rem!important;margin-top:1rem!important}#footer .copyright{font-size:.75rem!important}.scroll-indicator{right:1rem}.main-hero{display:flex;align-items:center;justify-content:center}.main-hero .hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%}}@media(max-width:480px){#footer{padding:6rem 1rem 2rem!important}#footer .footer-headline{font-size:1.3rem!important}#footer .contact-info{gap:1.2rem!important}#footer .map-container{height:200px!important}}.shape,.triangle,.fever-float-triangle,.fever-orbit,.fever-border,.bliss-circle,.bliss-orbit,.bliss-ring,.faith-float-square,.faith-orbit,.faith-border,.particle,.orbit-dot,.fever-orbit-dot,.faith-orbit-dot{will-change:transform,opacity;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}@media(max-width:1024px),(hover:none)and (pointer:coarse){.fever-border,.bliss-ring,.faith-border{display:none!important}.fever-orbit,.bliss-orbit,.faith-orbit{animation-duration:60s!important}.fever-orbit-2,.bliss-orbit-2,.faith-orbit-2{animation-duration:80s!important}.shape,.triangle,.fever-float-triangle,.bliss-circle,.faith-float-square{animation-duration:30s!important}.orbit-dot,.fever-orbit-dot,.faith-orbit-dot{box-shadow:none!important}.particle:nth-child(n+40){display:none!important}.section-stat{animation:none!important}}@media(max-width:768px){.particle:nth-child(n+25){display:none!important}.fever-float-triangle-5,.fever-float-triangle-6,.bliss-circle-5,.bliss-circle-6,.faith-float-square-5,.faith-float-square-6,.fever-orbit-2,.bliss-orbit-2,.faith-orbit-2{display:none!important}}.cursor{width:20px;height:20px;border:2px solid var(--yellow);border-radius:50%;position:fixed;pointer-events:none;z-index:10000;transition:transform .15s ease;mix-blend-mode:difference;transform:translate(-50%,-50%)}.cursor-follower{width:40px;height:40px;border:1px solid rgba(251,191,36,.3);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transition:all .3s ease;transform:translate(-50%,-50%)}@media(max-width:1024px){.cursor,.cursor-follower{display:none!important}}@media(hover:none)and (pointer:coarse){.cursor,.cursor-follower{display:none!important}}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:4px;background:linear-gradient(90deg,var(--yellow),var(--orange),var(--pink));z-index:10001;transition:width .1s ease}.fade-up{opacity:0;transform:translateY(60px);transition:all 1s cubic-bezier(.16,1,.3,1)}.fade-up.active{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transition:opacity 1.2s ease}.fade-in.active{opacity:1}.slide-left{opacity:0;transform:translate(-80px);transition:all 1s cubic-bezier(.16,1,.3,1)}.slide-left.active{opacity:1;transform:translate(0)}.slide-right{opacity:0;transform:translate(80px);transition:all 1s cubic-bezier(.16,1,.3,1)}.slide-right.active{opacity:1;transform:translate(0)}.scale-up{opacity:0;transform:scale(.9);transition:all 1s cubic-bezier(.16,1,.3,1)}.scale-up.active{opacity:1;transform:scale(1)}.stagger-item{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.stagger-item.active{opacity:1;transform:translateY(0)}.stagger-item:nth-child(1){transition-delay:.1s}.stagger-item:nth-child(2){transition-delay:.2s}.stagger-item:nth-child(3){transition-delay:.3s}.parallax{transition:transform .1s ease-out}section{position:relative}section:before{content:"";position:absolute;inset:0;background:inherit;opacity:0;transition:opacity .6s ease;pointer-events:none}section.transitioning:before{opacity:.5}body{font-family:Inter,Poppins,sans-serif;background:#fff;color:#000;overflow:hidden}.container{height:100vh;height:100dvh;transition:transform 1.2s cubic-bezier(.76,0,.24,1)}section{height:100vh;height:100dvh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:10rem 2rem 4rem}#hero,#section1,#section2,#section3,#research,#concept,#design,#footer{z-index:1}.section-wrapper:last-child{height:auto}.triangle-float{position:absolute;clip-path:polygon(50% 0%,100% 100%,0% 100%);opacity:.08;animation:float-tri 25s infinite ease-in-out;pointer-events:none}@keyframes float-tri{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(100px,-80px) rotate(60deg)}50%{transform:translate(-60px,100px) rotate(120deg)}75%{transform:translate(-120px,-60px) rotate(180deg)}}.triangle-border{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:expand-tri-border 5s infinite ease-out;pointer-events:none}.triangle-border svg{width:100px;height:87px;display:block}@keyframes expand-tri-border{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(10);opacity:0}}#hero{background:#fff;padding:10rem 2rem 4rem}.hero-content{text-align:center;z-index:10;max-width:900px;padding-top:2rem}.hero-title{font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,8vw,6rem);line-height:1.1;color:#000;margin-bottom:2rem;letter-spacing:-.02em}.hero-title .highlight{color:#f97316;display:block;letter-spacing:-.02em}.hero-subtitle{font-family:Inter,sans-serif;font-size:1.1rem;color:#000000b3;max-width:600px;margin:0 auto;line-height:1.8;letter-spacing:-.1em}.section-content{text-align:center;z-index:10;max-width:1200px;width:100%;padding-top:1rem}.section-title{font-family:Inter,sans-serif;font-size:clamp(7.5rem,18vw,13.5rem);margin-bottom:1.5rem;line-height:1.1;font-weight:800;letter-spacing:-.1em;background:linear-gradient(135deg,#000 0%,var(--yellow) 50%,var(--pink) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease-in-out infinite;position:relative}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--yellow),var(--pink));border-radius:2px;animation:underline-pulse 2s ease-in-out infinite}@keyframes underline-pulse{0%,to{width:80px;opacity:1}50%{width:120px;opacity:.7}}.section-text{font-family:Inter,sans-serif;font-size:1.2rem;color:#000000b3;line-height:1.8;max-width:700px;margin:0 auto 3rem;letter-spacing:-.1em}.experience-badge{display:flex;justify-content:center;margin-top:2rem}.experience-symbol{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.experience-symbol .badge-ring{position:absolute;width:100%;height:100%;border:3px solid var(--yellow);border-radius:16px;animation:badge-rotate 8s linear infinite}.experience-symbol .badge-ring:before,.experience-symbol .badge-ring:after{content:"";position:absolute;width:12px;height:12px;background:var(--yellow);border-radius:4px}.experience-symbol .badge-ring:before{top:-6px;left:50%;transform:translate(-50%)}.experience-symbol .badge-ring:after{bottom:-6px;left:50%;transform:translate(-50%)}.experience-symbol .badge-ring-inner{position:absolute;width:85%;height:85%;border:2px dashed var(--orange);border-radius:12px;animation:badge-rotate 12s linear infinite reverse}@keyframes badge-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.experience-symbol .badge-icon{position:relative;z-index:2;width:120px;height:120px;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.experience-symbol .badge-icon svg{width:100%;height:100%}.experience-symbol .badge-icon svg .bar{animation:bar-grow 2s ease-out infinite;transform-origin:bottom}.experience-symbol .badge-icon svg .bar-1{animation-delay:0s}.experience-symbol .badge-icon svg .bar-2{animation-delay:.2s}.experience-symbol .badge-icon svg .bar-3{animation-delay:.4s}.experience-symbol .badge-icon svg .bar-4{animation-delay:.6s}@keyframes bar-grow{0%,to{transform:scaleY(1)}50%{transform:scaleY(.7)}}.experience-symbol .badge-icon svg .growth-line{stroke-dasharray:100;stroke-dashoffset:100;animation:draw-line 2s ease-out infinite}.experience-symbol .badge-icon svg .growth-arrow{stroke-dasharray:30;stroke-dashoffset:30;animation:draw-arrow 2s ease-out infinite;animation-delay:1s}@keyframes draw-line{0%{stroke-dashoffset:100}50%,to{stroke-dashoffset:0}}@keyframes draw-arrow{0%{stroke-dashoffset:30}50%,to{stroke-dashoffset:0}}.experience-symbol .badge-sparkle{position:absolute;width:8px;height:8px;background:var(--pink);border-radius:50%;animation:sparkle 1.5s ease-in-out infinite}.experience-symbol .badge-sparkle:nth-child(1){top:10%;right:15%;animation-delay:0s}.experience-symbol .badge-sparkle:nth-child(2){bottom:15%;left:10%;animation-delay:.5s}.experience-symbol .badge-sparkle:nth-child(3){top:50%;right:5%;animation-delay:1s}@keyframes sparkle{0%,to{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}}section{overflow-y:auto;overflow-x:hidden}section .section-content,section .process-content{max-height:none}section::-webkit-scrollbar{width:8px}section::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}section::-webkit-scrollbar-thumb{background:#fbbf2480;border-radius:10px}section::-webkit-scrollbar-thumb:hover{background:#fbbf24cc}#section1{background:#fff;padding:10rem 2rem 4rem}#section2{background:#f8f9fa;padding:10rem 2rem 4rem;overflow-y:auto!important}#section2 .section-content{padding-bottom:3rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;max-width:1000px;margin-left:auto;margin-right:auto}.feature-item{background:#fbbf2414;padding:2.5rem 2rem;border-radius:20px;border:2px solid rgba(251,191,36,.15);transition:all .4s}.feature-item:hover{transform:translateY(-10px);background:#fbbf241f;border-color:#fbbf244d;box-shadow:0 10px 30px #0000001a}.feature-icon{width:60px;height:60px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;animation:float-icon 3s ease-in-out infinite}.feature-item:nth-child(1) .feature-icon{animation-delay:0s}.feature-item:nth-child(2) .feature-icon{animation-delay:.5s}.feature-item:nth-child(3) .feature-icon{animation-delay:1s}@keyframes float-icon{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(3deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-5px) rotate(-3deg)}}.feature-icon svg{width:100%;height:100%;transition:transform .3s ease}.feature-item:hover .feature-icon svg{transform:scale(1.2) rotate(10deg)}.feature-title{font-family:Inter,sans-serif;font-size:1.8rem;color:#000;margin-bottom:.8rem;font-weight:700;letter-spacing:-.1em}.feature-text{font-family:Inter,sans-serif;font-size:.95rem;color:#000000b3;line-height:1.6;letter-spacing:-.1em}#section3{background:#fff;padding:10rem 2rem 4rem}.client-logo-wrapper{width:100%;overflow:hidden;margin-top:3rem}.client-logo-track{display:flex;gap:3rem;animation:scroll-left 120s linear infinite;width:max-content}.client-logo-track.reverse{animation:scroll-right 140s linear infinite;margin-top:2rem}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.client-logo-item{flex-shrink:0;height:60px;display:flex;align-items:center;opacity:.7;transition:all .3s ease;filter:grayscale(30%)}.client-logo-item:hover{opacity:1;filter:grayscale(0%);transform:scale(1.05)}.client-logo-item img{height:100%;width:auto;object-fit:contain}.process-section{background:#fff;display:flex;align-items:center;gap:4rem;padding:10rem 4rem 4rem;min-height:80vh;position:relative}.process-image{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:400px;height:auto;max-width:35%;z-index:5;opacity:.9}.process-image img{width:100%;height:auto;object-fit:contain}.process-section:nth-child(2n){background:#f8f9fa}.process-number{display:none}.process-content{flex:1;text-align:left;padding-top:1rem}.process-content .process-number-inline{font-family:Inter,sans-serif;font-size:clamp(7.5rem,18vw,13.5rem);font-weight:800;letter-spacing:-.1em;background:linear-gradient(135deg,#000 0%,var(--yellow) 50%,var(--pink) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease-in-out infinite;line-height:1.1;margin-bottom:1.5rem;display:block;position:relative}.process-content .process-number-inline:after{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:4px;background:linear-gradient(90deg,var(--yellow),var(--pink));border-radius:2px;animation:underline-pulse 2s ease-in-out infinite}.process-title{font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,4vw,3.5rem);color:#000;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.02em}.process-text{font-family:Inter,sans-serif;font-size:1rem;color:#000000b3;line-height:1.8;max-width:600px;letter-spacing:-.1em}#footer{padding:12rem 2rem 4rem;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow-y:auto}.scroll-down-icon{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.8rem;cursor:pointer;z-index:10;animation:bounce-down 2s ease-in-out infinite}.scroll-down-icon span{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--orange)}.scroll-down-icon .scroll-mouse{width:28px;height:45px;border:3px solid var(--orange);border-radius:20px;position:relative}.scroll-down-icon .scroll-mouse:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:10px;background:var(--pink);border-radius:2px;animation:scroll-wheel 1.5s ease-in-out infinite}@keyframes scroll-wheel{0%,to{opacity:1;transform:translate(-50%) translateY(0)}50%{opacity:.3;transform:translate(-50%) translateY(8px)}}@keyframes bounce-down{0%,to{transform:translate(-50%) translateY(0);opacity:1}50%{transform:translate(-50%) translateY(8px);opacity:.8}}.scroll-indicator{position:fixed;right:3rem;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:1rem}.scroll-dot{width:12px;height:12px;border-radius:50%;background:#0003;cursor:pointer;transition:all .3s}.scroll-dot.active{background:var(--yellow);transform:scale(1.5)}.scroll-dot:hover{background:var(--orange);transform:scale(1.2)}@media(max-width:768px){#footer{padding:10rem 1.5rem 3rem;min-height:auto}section{padding:9rem 1.5rem 2rem;overflow-y:auto}#section2{padding:40rem 1.5rem 2rem;overflow-y:auto}#section2 .section-content{padding-bottom:2rem;padding-top:1rem}#section2 .section-title{margin-top:.5rem}.section2-scroll{position:relative;bottom:auto;left:auto;transform:none;margin-top:3rem;animation:bounce-down-mobile 2s ease-in-out infinite}@keyframes bounce-down-mobile{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.8}}.hero-content{padding-top:3rem}.section-content{padding-top:2rem}.section-title{font-size:6rem;line-height:1.1;margin-bottom:1rem}.section-text{font-size:.95rem;margin-bottom:2rem}.scroll-indicator{right:1rem;gap:.8rem}.scroll-dot{width:10px;height:10px}.process-section{flex-direction:column;padding:8rem 1.5rem 2rem;text-align:center;min-height:auto;overflow-y:auto;gap:0}.process-image{position:relative;right:auto;top:auto;transform:none;width:200px;max-width:60%;margin:0 auto 1.5rem}.process-content{text-align:center}.process-number{display:none}.process-content .process-number-inline{display:block;font-family:Inter,sans-serif;font-size:6rem;font-weight:800;letter-spacing:-.1em;background:linear-gradient(135deg,#000 0%,var(--yellow) 50%,var(--pink) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease-in-out infinite;line-height:1.1;margin-bottom:1rem;position:relative}.process-content .process-number-inline:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--yellow),var(--pink));border-radius:2px;animation:underline-pulse 2s ease-in-out infinite}.process-text{margin:0 auto;font-size:.95rem}.process-title{font-size:1.8rem;margin-bottom:1rem}.feature-grid{grid-template-columns:1fr;gap:1.2rem;margin-top:2rem}.feature-item{padding:2rem 1.5rem}.feature-title{font-size:1.5rem}.feature-text{font-size:.9rem}}@media(max-width:480px){#footer{padding:14rem 1rem 2rem}}:root{--yellow: #FBBF24;--yellow-bright: #FCD34D;--orange: #F97316;--orange-light: #FB923C;--pink: #EC4899;--pink-light: #F472B6;--cyan: #06B6D4;--cyan-light: #22D3EE;--purple: #A855F7;--purple-light: #C084FC;--lime: #84CC16}.work-page{font-family:Inter,sans-serif;background:#000;color:#000;overflow-x:hidden;min-height:100vh;min-height:100dvh;position:relative}.work-page section{height:auto;overflow:visible;overflow-y:visible;overflow-x:visible;display:block;padding:0}body.is-work-page:not(.scroll-locked){overflow:auto!important;overflow-y:auto!important}body.scroll-locked{overflow:hidden}.work-page nav{position:fixed;top:0;left:0;right:0;padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;z-index:1003;background:transparent;transition:all .3s ease}.work-page nav.dark-mode .logo,.work-page nav.dark-mode .nav-links a{color:#fff}.work-page nav.dark-mode .nav-btn{border-color:#fff;color:#fff}.work-page nav.dark-mode .nav-btn.primary{background:#fff;color:#000}.work-page nav.light-mode{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.work-page nav.light-mode .logo,.work-page nav.light-mode .nav-links a{color:#000}.work-page nav.light-mode .nav-btn{border-color:#000;color:#000}.work-page nav.light-mode .nav-btn.primary{background:#000;color:#fff}.work-page .nav-right{display:flex;align-items:center;gap:2rem}.work-page .logo{font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:.02em;text-decoration:none;transition:color .3s ease}.work-page .nav-links{display:flex;gap:2rem;list-style:none;align-items:center;margin:0;padding:0}.work-page .nav-links a{text-decoration:none;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s}.work-page .nav-links a:hover{color:var(--pink);transform:translateY(-2px)}.work-page .nav-buttons{display:flex;gap:.5rem}.work-page .nav-btn{padding:.5rem 1rem;border:1px solid;border-radius:2px;text-decoration:none;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s;white-space:nowrap}.work-page .nav-btn:hover{background:var(--pink);border-color:var(--pink);color:#fff}.work-page .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1005;position:fixed;top:2rem;right:3rem}.work-page .hamburger span{width:30px;height:3px;transition:all .3s ease}.work-page .hamburger.dark-mode span{background:#fff}.work-page .hamburger.light-mode span{background:#000}.work-page .hamburger.active span{background:#fff}.work-page .hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.work-page .hamburger.active span:nth-child(2){opacity:0}.work-page .hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.work-page .mobile-menu{position:fixed;top:0;right:-100%;width:70%;height:100vh;height:100dvh;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:6rem 2rem;transition:right .4s ease;z-index:1004}.work-page .mobile-menu.active{right:0}.work-page .mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:2rem;margin:0;padding:0}.work-page .mobile-menu a{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s}.work-page .mobile-menu a:hover{color:var(--pink);padding-left:1rem}.work-page .mobile-menu .mobile-btn{display:inline-block;padding:.8rem 1.5rem;border:1px solid #fff;border-radius:2px;font-size:1rem;margin-top:1rem}.work-page .mobile-menu .mobile-btn.primary{background:#fff;color:#000}.work-page .mobile-menu .mobile-btn:hover{background:var(--pink);border-color:var(--pink);color:#fff;padding-left:1.5rem}.work-page .hero-section{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;z-index:1;overflow:hidden;padding:0}.work-page .hero-container,.work-page .project-slides{position:relative;width:100%;height:100%}.work-page .project-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;visibility:hidden;z-index:0;transform:translateY(100%)}.work-page .project-slide.active{opacity:1;visibility:visible;z-index:1;transform:translateY(0)}.work-page .project-slide.slide-stay{visibility:visible;z-index:1;transform:translateY(0)}.work-page .project-slide.slide-cover-up{visibility:visible;z-index:2;transform:translateY(0);transition:transform 1s cubic-bezier(.76,0,.24,1)}.work-page .project-slide.slide-uncover-down{visibility:visible;z-index:2;transform:translateY(100%);transition:transform 1s cubic-bezier(.76,0,.24,1)}.work-page .project-slide.slide-reveal{visibility:visible;z-index:1;transform:translateY(0)}.work-page .project-slide-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transform:scale(1)}.work-page .project-slide.active .project-slide-bg{animation:kenBurns 10s ease-out forwards}@keyframes kenBurns{0%{transform:scale(1)}to{transform:scale(1.05)}}.work-page .project-slide:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000004d,#0006,#0009);z-index:1}.work-page .project-slide-content{position:absolute;top:50%;left:5%;transform:translateY(-50%) translateY(60px);z-index:2;color:#fff;width:90%;text-align:left;opacity:0;transition:opacity .3s ease,transform .3s ease}.work-page .project-slide.active .project-slide-content{opacity:1;transform:translateY(-50%) translateY(0)}.work-page .project-slide.slide-stay .project-slide-content{opacity:0;transform:translateY(-50%) translateY(-20px);transition:opacity .3s ease,transform .3s ease}.work-page .project-slide.slide-uncover-down .project-slide-content{opacity:0;transform:translateY(-50%);transition:opacity .3s ease}.work-page .project-title{font-family:Inter,sans-serif;font-size:clamp(3.75rem,7.5vw,5rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;letter-spacing:-.05em;word-break:keep-all}.work-page .project-desc{font-size:1rem;line-height:1.8;opacity:.8;margin-bottom:2rem;word-break:keep-all}.work-page .project-link{display:inline-flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none;font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:1rem 2rem;border:1px solid rgba(255,255,255,.3);border-radius:50px;transition:all .3s ease}.work-page .project-link:hover{background:#fff;color:#000;border-color:#fff}.work-page .project-link svg{transition:transform .3s ease}.work-page .project-link:hover svg{transform:translate(5px)}.work-page .project-counter{position:absolute;bottom:15%;right:5%;z-index:10;display:flex;align-items:baseline;gap:.5rem;color:#fff;font-family:Inter,sans-serif}.work-page .counter-current{font-size:4rem;font-weight:700;line-height:1;transition:opacity .3s ease,transform .3s ease}.work-page .counter-divider,.work-page .counter-total{font-size:1.5rem;opacity:.5}.work-page .project-nav{position:absolute;right:5%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;z-index:10}.work-page .project-nav-btn{width:50px;height:50px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.work-page .project-nav-btn:hover{background:#fff;color:#000;border-color:#fff}.work-page .project-history-section{position:relative;z-index:10;background:#fff;margin-top:100vh;margin-top:100dvh;border-radius:40px 40px 0 0;transform:translateY(0);transition:transform .8s cubic-bezier(.4,0,.2,1);overflow:hidden;height:auto}.work-page .history-shape{position:absolute;border-radius:50%;background:var(--cyan);opacity:.2;filter:blur(60px);pointer-events:none;z-index:0}.work-page .history-circle-1{width:400px;height:400px;top:5%;right:-100px;background:var(--cyan)}.work-page .history-circle-2{width:300px;height:300px;top:30%;left:-80px;background:var(--cyan-light)}.work-page .history-circle-3{width:350px;height:350px;top:55%;right:10%;background:#06b6d44d}.work-page .history-circle-4{width:250px;height:250px;bottom:20%;left:15%;background:var(--cyan)}.work-page .history-circle-5{width:200px;height:200px;top:70%;right:-50px;background:var(--cyan-light);opacity:.3}.work-page .history-circle-6{width:280px;height:280px;bottom:5%;left:40%;background:#22d3ee40}.work-page .history-orbit{position:absolute;border:1px solid rgba(34,211,238,.2);border-radius:50%;pointer-events:none;z-index:0}.work-page .history-orbit-1{width:600px;height:600px;top:20%;left:80%}.work-page .history-orbit-2{width:800px;height:800px;top:60%;left:20%;border-color:#22d3ee26}.work-page .history-orbit .orbit-dot{position:absolute;width:8px;height:8px;background:var(--cyan);border-radius:50%;opacity:.4}.work-page .history-orbit .orbit-dot:nth-child(1){top:0;left:50%;transform:translate(-50%)}.work-page .history-orbit .orbit-dot:nth-child(2){bottom:0;left:50%;transform:translate(-50%);background:var(--cyan-light)}.work-page .history-orbit .orbit-dot:nth-child(3){top:50%;right:0;transform:translateY(-50%);background:var(--cyan)}.work-page .history-ring{display:none}.work-page .section-inner{padding:6rem 3rem;max-width:1400px;margin:0 auto;position:relative;z-index:1}.work-page .section-label{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.1em;color:#000;margin:0 0 3rem;text-transform:uppercase}.work-page .project-history-list{border-top:1px solid #e5e5e5}.work-page .history-item{border-bottom:1px solid #e5e5e5}.work-page .history-header{width:100%;padding:2.5rem 0;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .3s ease}.work-page .history-header:hover{padding-left:1rem}.work-page .history-title{font-family:Inter,sans-serif;font-size:2rem;font-weight:500;color:#000;margin:0;transition:color .3s ease;letter-spacing:-.05em}.work-page .history-header:hover .history-title{color:var(--cyan)}.work-page .history-toggle{display:flex;align-items:center;justify-content:center;transition:transform .3s ease;color:#999}.work-page .history-item.active .history-toggle{transform:rotate(180deg);color:var(--cyan)}.work-page .history-content{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding:0 0 0 1rem}.work-page .history-item.active .history-content{max-height:300px;padding:0 0 1.5rem 1rem}.work-page .history-desc{font-size:.95rem;color:#666;line-height:1.6;margin-bottom:1rem;letter-spacing:-.1em}.work-page .history-meta{display:flex;flex-wrap:wrap;gap:2rem}.work-page .meta-item{display:flex;flex-direction:column;gap:.25rem}.work-page .meta-label{font-size:.7rem;font-weight:600;letter-spacing:.1em;color:#999;text-transform:uppercase}.work-page .meta-value{font-size:.9rem;color:#333}.work-page .meta-link{font-size:.85rem;color:var(--cyan);text-decoration:none;transition:color .3s ease}.work-page .meta-link:hover{color:var(--pink);text-decoration:underline}.work-page .more-button-wrapper{text-align:center;margin-top:3rem}.work-page .more-btn{font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.1em;color:#000;background:transparent;border:none;cursor:pointer;padding:1rem 2rem;transition:all .3s ease}.work-page .more-btn:hover{color:var(--cyan)}.work-page #footer{position:relative;z-index:10;background:#f5f5f5;overflow:visible!important;height:auto!important;min-height:auto!important}.work-page .footer-content-main{padding:6rem 3rem 1.5rem;max-width:1400px;margin:0 auto}.work-page .footer-headline{font-family:Inter,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#000;margin-bottom:1rem;letter-spacing:-.02em}.work-page .footer-subheadline{font-size:1rem;color:#666;margin-bottom:3rem}.work-page .map-container{width:100%;height:300px;border-radius:20px;overflow:hidden;margin-bottom:3rem}.work-page .map-container iframe{width:100%;height:100%}.work-page .contact-info{display:flex;flex-wrap:wrap;gap:3rem;margin-bottom:3rem}.work-page .contact-item{display:flex;flex-direction:column;gap:.5rem}.work-page .contact-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;color:#999;text-transform:uppercase}.work-page .contact-value{font-size:1rem;color:#333}.work-page .footer-bottom{padding-top:2rem;border-top:1px solid #ddd}.work-page .copyright{font-size:.8rem;color:#999;letter-spacing:.05em}@media(max-width:992px){.work-page .project-slide-content{max-width:600px}.work-page .project-title{font-size:3.75rem}.work-page .project-counter{right:3rem;bottom:12%}.work-page .counter-current{font-size:3rem}.work-page .project-nav{right:3rem}.work-page .section-inner{padding:5rem 2rem}.work-page .footer-content-main{padding:5rem 2rem 1.25rem}}@media(max-width:768px){.work-page .nav-right{display:none}.work-page .hamburger{display:flex}.work-page nav{padding:1.5rem 2rem}.work-page .project-history-section{border-radius:30px 30px 0 0}.work-page .project-slide-content{max-width:none;width:85%}.work-page .project-title{font-size:2.7rem}.work-page .project-desc{font-size:.9rem}.work-page .project-link{padding:.8rem 1.5rem;font-size:.8rem}.work-page .project-counter{left:1.5rem;right:auto;bottom:5%}.work-page .counter-current{font-size:2.5rem}.work-page .counter-divider,.work-page .counter-total{font-size:1rem}.work-page .project-nav{right:1.5rem;left:auto;top:auto;bottom:5%;flex-direction:row;transform:none}.work-page .project-nav-btn{width:40px;height:40px}.work-page .section-inner{padding:4rem 1.5rem}.work-page .section-label{font-size:.75rem;margin-bottom:2rem}.work-page .history-title{font-size:1.3rem}.work-page .history-meta{flex-direction:column;gap:1rem}.work-page .footer-content-main{padding:4rem 1.5rem 1rem}.work-page .contact-info{flex-direction:column;gap:1.5rem}}@media(max-width:480px){.work-page nav{padding:1rem 1.5rem}.work-page .hamburger{top:1.5rem;right:1.5rem}.work-page .project-history-section{border-radius:20px 20px 0 0}.work-page .section-inner{padding:3rem 1rem}.work-page .history-header{padding:1.5rem 0}.work-page .history-title{font-size:1.1rem}.work-page .footer-content-main{padding:3rem 1rem .75rem}.work-page .footer-headline{font-size:1.8rem}}:root{--pink: #ec4899;--purple: #a855f7;--cyan: #06b6d4;--yellow: #eab308;--orange: #f97316}.work-detail-page{font-family:Inter,sans-serif;background:#fff;color:#000;overflow-x:hidden;min-height:100vh;min-height:100dvh}.work-detail-page section{height:auto;overflow:visible;overflow-y:visible;overflow-x:visible;display:block}body.is-work-detail-page{overflow:auto!important;overflow-y:auto!important}.work-detail-page .bg-shapes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.work-detail-page .bg-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;transition:transform .1s ease-out,opacity .5s ease,filter .5s ease;will-change:transform}.work-detail-page .shape-1{width:500px;height:500px;background:linear-gradient(135deg,var(--pink) 0%,var(--purple) 100%);top:-100px;right:-100px}.work-detail-page .shape-2{width:400px;height:400px;background:linear-gradient(135deg,var(--cyan) 0%,var(--purple) 100%);bottom:20%;left:-150px}.work-detail-page .shape-3{width:300px;height:300px;background:linear-gradient(135deg,var(--yellow) 0%,var(--orange) 100%);top:50%;right:10%}.work-detail-page .bg-shape.blur-more{filter:blur(120px);opacity:.3}.work-detail-page .bg-shape.blur-less{filter:blur(50px);opacity:.5}.work-detail-page .bg-shape.scale-up{transform:scale(1.3)}.work-detail-page .bg-shape.scale-down{transform:scale(.7)}.work-detail-page .detail-content{padding-top:0;position:relative;z-index:1}.work-detail-page .detail-hero{max-width:100%;margin:0 auto 1em;padding:12rem 2rem 5rem;background-color:#1a1a1a;text-align:center;position:relative;overflow:hidden}.work-detail-page .detail-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(236,72,153,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(168,85,247,.1) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(6,182,212,.1) 0%,transparent 40%);animation:heroGradientMove 15s ease-in-out infinite;z-index:0}.work-detail-page .detail-hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;opacity:.5;z-index:0}@keyframes heroGradientMove{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(2%,2%) rotate(1deg)}50%{transform:translate(-1%,3%) rotate(-1deg)}75%{transform:translate(-2%,-1%) rotate(.5deg)}}.work-detail-page .detail-title{font-family:Inter,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:600;color:#fff;line-height:1.3;position:relative;z-index:1;text-shadow:0 2px 20px rgba(0,0,0,.3);margin:0}.work-detail-page .detail-hero .fade-up{opacity:0;transform:translateY(40px);animation:heroFadeUp 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.3s}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(40px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.work-detail-page .back-btn{position:fixed;top:50%;left:1.5rem;transform:translateY(-50%);display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.2rem;background:#000000b3;border:1px solid rgba(255,255,255,.15);border-radius:50px;color:#ffffffe6;text-decoration:none;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;z-index:9999;opacity:0;animation:backBtnFadeIn .6s ease forwards;animation-delay:.8s;box-shadow:0 4px 20px #0000004d}.work-detail-page .back-btn:hover{background:#000000d9;border-color:var(--pink);color:#fff;padding-left:1rem;box-shadow:0 4px 25px #ec48994d}.work-detail-page .back-btn svg{transition:transform .3s ease}.work-detail-page .back-btn:hover svg{transform:translate(-3px)}@keyframes backBtnFadeIn{to{opacity:1}}.work-detail-page .detail-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%) scaleX(0);width:80px;height:3px;background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:2px;animation:underlineExpand .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:1s;box-shadow:0 0 20px var(--pink)}.work-detail-page .content-section{max-width:1200px;margin:0 auto;padding:1rem 2rem;opacity:0;transform:translateY(60px);transition:opacity .8s ease,transform .8s ease}.work-detail-page .content-section.visible{opacity:1;transform:translateY(0)}.work-detail-page .content-section.full-width{max-width:100%;padding:1rem 0}.work-detail-page .section-header{margin-bottom:1rem}.work-detail-page .section-tag{font-size:.8rem;font-weight:600;letter-spacing:.1em;color:#999;text-transform:uppercase}.work-detail-page .section-tag.highlight{color:var(--pink)}.work-detail-page .overview-desc{font-size:1rem;color:#666;line-height:1.8}.work-detail-page .challenge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}.work-detail-page .challenge-item{padding:1.5rem;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.work-detail-page .challenge-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.work-detail-page .challenge-title{font-size:1rem;font-weight:600;color:#000;margin-bottom:.5rem;line-height:1.4}.work-detail-page .challenge-desc{font-size:.85rem;color:#666;line-height:1.5;margin:0}.work-detail-page .detail-image-wrapper{max-width:1400px;margin:0 auto;padding:0 2rem}.work-detail-page .detail-image-wrapper img{width:100%;height:auto;display:block;border-radius:12px}.work-detail-page .content-section.full-width.scroll-fade{opacity:1;transform:translateY(0)}.work-detail-page .dark-section{background:#1a1a1a;color:#fff;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding:6rem calc(50vw - 50%);max-width:100vw}.work-detail-page .customer-voice{text-align:center;max-width:800px;margin:0 auto}.work-detail-page .voice-tag{font-size:.8rem;font-weight:600;letter-spacing:.1em;color:var(--pink);text-transform:uppercase;margin-bottom:1rem;display:block}.work-detail-page .voice-title{font-family:Inter,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:600;color:#fff;margin-bottom:1.5rem}.work-detail-page .voice-desc{font-size:1rem;color:#ffffffb3;line-height:1.8;margin:0}.work-detail-page .fade-up{opacity:0;transform:translateY(60px);animation:fadeUp 1s forwards cubic-bezier(.16,1,.3,1)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.work-detail-page .scale-up{opacity:0;transform:scale(.9);animation:scaleUp 1s forwards cubic-bezier(.16,1,.3,1)}@keyframes scaleUp{to{opacity:1;transform:scale(1)}}.work-detail-page .fade-in{opacity:0;animation:fadeIn 1.2s forwards ease}@keyframes fadeIn{to{opacity:1}}@keyframes underlineExpand{0%{transform:translate(-50%) scaleX(0);opacity:0}to{transform:translate(-50%) scaleX(1);opacity:1}}.work-detail-page .stagger-1{animation-delay:.1s}.work-detail-page .stagger-2{animation-delay:.2s}.work-detail-page .stagger-3{animation-delay:.3s}.work-detail-page .stagger-4{animation-delay:.4s}.work-detail-page .stagger-5{animation-delay:.5s}.work-detail-page .scroll-fade{opacity:0;transform:translateY(60px);transition:opacity .8s ease,transform .8s ease}.work-detail-page .scroll-fade.visible{opacity:1;transform:translateY(0)}@media(max-width:992px){.work-detail-page .challenge-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.work-detail-page .shape-1{width:300px;height:300px;top:-50px;right:-80px}.work-detail-page .shape-2{width:250px;height:250px;left:-100px}.work-detail-page .shape-3{width:200px;height:200px}.work-detail-page .detail-hero{padding:9rem 1.5rem 3rem}.work-detail-page .back-btn{top:auto;bottom:2rem;left:1rem;padding:.6rem 1rem;font-size:.7rem;transform:none}.work-detail-page .detail-title{font-size:1.8rem}.work-detail-page .content-section{padding:1.5rem}.work-detail-page .challenge-grid{grid-template-columns:1fr}.work-detail-page .detail-image-wrapper{padding:0 1rem}.work-detail-page .dark-section{padding:4rem 1.5rem}}@media(max-width:480px){.work-detail-page .detail-hero{padding:7rem 1rem 3rem}.work-detail-page .back-btn{bottom:1.5rem;left:1rem;padding:.5rem .8rem;font-size:.65rem;gap:.3rem}.work-detail-page .back-btn svg{width:16px;height:16px}.work-detail-page .back-btn span{display:none}.work-detail-page .detail-title{font-size:1.5rem}}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:#000;color:#fff;line-height:1.6;overflow-x:hidden}body.is-trend-page{overflow:auto!important;overflow-y:auto!important}.trend-section{position:relative;height:100%;padding-top:120px;background:#000;overflow:hidden}.trend-float-square{position:absolute;background:var(--purple);opacity:.2;animation:float-square-trend 20s infinite ease-in-out;pointer-events:none}@keyframes float-square-trend{0%,to{transform:translate(0) rotate(0);opacity:.2}25%{transform:translate(30px,-30px) rotate(90deg);opacity:.3}50%{transform:translateY(-50px) rotate(180deg);opacity:.15}75%{transform:translate(-30px,-20px) rotate(270deg);opacity:.25}}.trend-float-square-1{width:200px;height:200px;top:15%;left:5%;background:var(--purple);animation-delay:0s}.trend-float-square-2{width:150px;height:150px;top:60%;left:8%;background:var(--purple-light);animation-delay:-3s}.trend-float-square-3{width:250px;height:250px;top:20%;right:5%;background:#a855f74d;animation-delay:-6s}.trend-float-square-4{width:180px;height:180px;bottom:20%;right:10%;background:var(--purple);animation-delay:-9s}.trend-float-square-5{width:120px;height:120px;top:40%;left:20%;background:var(--purple-light);animation-delay:-12s}.trend-float-square-6{width:220px;height:220px;bottom:15%;left:30%;background:#c084fc40;animation-delay:-15s}.trend-orbit{position:absolute;width:500px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%);animation:rotate-orbit 30s infinite linear;pointer-events:none}.trend-orbit-2{width:700px;height:700px;animation:rotate-orbit 40s infinite linear reverse}@keyframes rotate-orbit{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.trend-orbit-dot{position:absolute;width:30px;height:30px;background:var(--purple);box-shadow:0 0 20px var(--purple)}.trend-orbit-dot-1{top:0;left:50%;transform:translate(-50%)}.trend-orbit-dot-2{top:50%;right:0;transform:translateY(-50%)}.trend-orbit-dot-3{bottom:0;left:50%;transform:translate(-50%)}.trend-orbit-dot-4{top:50%;left:0;transform:translateY(-50%)}.trend-border{position:absolute;border:3px solid var(--purple);animation:expand-square-border 4s infinite ease-out;top:50%;left:50%;pointer-events:none}@keyframes expand-square-border{0%{width:100px;height:100px;margin-left:-50px;margin-top:-50px;opacity:1;transform:rotate(45deg)}to{width:800px;height:800px;margin-left:-400px;margin-top:-400px;opacity:0;transform:rotate(45deg)}}.trend-border-1{animation-delay:0s}.trend-border-2{animation-delay:1s;border-color:var(--purple-light)}.trend-border-3{animation-delay:2s}.trend-border-4{animation-delay:3s;border-color:var(--purple-light)}#trend-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.trend-section .section-inner{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:3rem}.section-label{font-size:.85rem;font-weight:600;letter-spacing:.2em;color:var(--purple);margin-bottom:1rem;text-transform:uppercase}.trend-title{font-family:Inter,sans-serif;font-size:clamp(3.6rem,8vw,5rem);font-weight:700;color:#fff;word-break:keep-all;letter-spacing:-.05em}.trend-title #today-date{color:var(--purple-light);font-size:.35em}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.trend-list{display:flex;flex-direction:column;gap:0}.trend-item{border-bottom:1px solid rgba(255,255,255,.1)}.trend-item:first-child{border-top:1px solid rgba(255,255,255,.1)}.trend-header{width:100%;display:flex;align-items:center;gap:1.5rem;padding:1.5rem 0;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .3s ease}.trend-header:hover{background:#a855f70d;padding-left:1rem;padding-right:1rem}.trend-number{font-family:Inter,sans-serif;font-size:3rem;font-weight:700;color:var(--purple);min-width:4rem}.trend-news-title{flex:1;font-size:1.1rem;font-weight:600;color:#fff;line-height:1.5;word-break:keep-all;transition:color .3s ease}.trend-header:hover .trend-news-title{color:var(--purple-light)}.trend-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:transform .3s ease}.trend-toggle svg{stroke:#ffffff80;transition:stroke .3s ease}.trend-header:hover .trend-toggle svg{stroke:var(--purple)}.trend-item.active .trend-toggle{transform:rotate(180deg)}.trend-item.active .trend-toggle svg{stroke:var(--purple)}.trend-content{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;background:#a855f70d;border-radius:0 0 12px 12px}.trend-item.active .trend-content{max-height:300px;padding:1.5rem 2rem 2rem}.trend-desc{font-size:1rem;line-height:1.8;color:#fffc;margin-bottom:1.5rem;word-break:keep-all}.trend-link{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;background:transparent;border:1px solid var(--purple);border-radius:25px;color:var(--purple);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease}.trend-link:hover{background:var(--purple);color:#fff}.trend-link svg{transition:transform .3s ease}.trend-link:hover svg{transform:translate(3px,-3px)}.trend-notice{margin-top:3rem;font-size:.85rem;color:#ffffff80;text-align:center}nav.dark-mode{background:transparent;box-shadow:none}nav.dark-mode .logo{color:#fff}nav.dark-mode .nav-links a{color:#fff}nav.dark-mode .nav-links a:hover{color:var(--purple)}nav.dark-mode .nav-btn{border-color:#fff;color:#fff}nav.dark-mode .nav-btn:hover{background:#fff;color:#000}nav.dark-mode .nav-btn.primary{background:#fff;color:#000}nav.dark-mode .nav-btn.primary:hover{background:var(--purple);border-color:var(--purple)}.hamburger.dark-mode span{background:#fff}nav.light-mode{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000000d}nav.light-mode .logo{color:#000}nav.light-mode .nav-links a{color:#000}nav.light-mode .nav-links a:hover{color:var(--purple)}nav.light-mode .nav-btn{border-color:#000;color:#000}nav.light-mode .nav-btn:hover{background:#000;color:#fff}nav.light-mode .nav-btn.primary{background:#000;color:#fff}nav.light-mode .nav-btn.primary:hover{background:var(--purple);border-color:var(--purple)}.hamburger.light-mode span{background:#000}#footer{background:#f9f9f9;height:auto!important;min-height:auto!important;overflow:visible!important}@media(max-width:992px){.trend-section .section-inner{padding:2rem}.trend-title{font-size:3.6rem}.trend-orbit{width:400px;height:400px}.trend-orbit-2{width:550px;height:550px}}@media(max-width:768px){.trend-section{padding-top:80px}.trend-section .section-inner{padding:1.5rem}.section-label{font-size:.75rem;margin-bottom:.75rem}.trend-title{font-size:3rem}.trend-header{gap:1rem;padding:1.2rem 0}.trend-number{font-size:2.7rem;min-width:3.5rem}.trend-news-title{font-size:1rem}.trend-toggle{width:32px;height:32px}.trend-toggle svg{width:20px;height:20px}.trend-item.active .trend-content{padding:1rem 1.5rem 1.5rem}.trend-desc{font-size:.9rem}.trend-orbit{width:300px;height:300px}.trend-orbit-2{width:400px;height:400px}.trend-orbit-dot{width:20px;height:20px}.trend-float-square-1,.trend-float-square-3{display:none}}@media(max-width:480px){.trend-section .section-inner{padding:1rem}.trend-title{font-size:2.6rem}.trend-header{gap:.75rem;padding:1rem 0}.trend-news-title{font-size:.95rem}.trend-item.active .trend-content{padding:1rem}.trend-link{padding:.6rem 1.2rem;font-size:.85rem}.trend-notice{font-size:.8rem;margin-top:2rem}}.trend-float-square,.trend-orbit,.trend-border,.trend-orbit-dot{will-change:transform,opacity;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}@media(max-width:1024px),(hover:none)and (pointer:coarse){.trend-border{display:none!important}.trend-orbit{animation-duration:60s!important}.trend-orbit-2{animation-duration:80s!important}.trend-float-square{animation-duration:30s!important}.trend-orbit-dot{box-shadow:none!important}}@media(max-width:768px){.trend-float-square-5,.trend-float-square-6,.trend-orbit-2{display:none!important}}