@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";.intro-cloud-img{z-index:999999;pointer-events:none;opacity:.7;background:#fff;justify-content:center;align-items:center;width:100vw;height:100dvh;animation:.7s ease-out forwards bgFade;display:flex;position:fixed;top:0;left:0;overflow:hidden}.intro-cloud-img img{object-fit:cover;opacity:.7;width:100%;height:100%;animation:.7s ease-out forwards cloudZoom;transform:scale(1.2)}@media (width<=768px){.intro-cloud-img{height:100dvh}.intro-cloud-img img{transform:scale(1.3)}}@media (width<=480px){.intro-cloud-img{height:100dvh}.intro-cloud-img img{transform:scale(1.4)}}@keyframes bgFade{0%{background:#fff}to{background:0 0}}@keyframes cloudZoom{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(1.5)translateY(-30px)}}.ghost-btn{color:var(--primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:60px;align-items:center;gap:.75rem;font-size:clamp(.85rem,2vw,.95rem);font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(.2,.9,.4,1.1);display:inline-flex}@media (width<=480px){.ghost-btn{gap:.5rem;font-size:.8rem}}.ghost-btn:hover{gap:1rem;transform:translateY(-3px)}.ghost-btn.with-arrow:hover .arrow-icon{transform:rotate(360deg)}.ghost-btn:not(.with-arrow):hover{transform:translateY(-3px)}.arrow-icon{transition:transform .4s cubic-bezier(.4,0,.2,1);display:inline-block}button.ghost-btn,a.ghost-btn{padding-top:1.5rem;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}button.ghost-btn:focus,a.ghost-btn:focus{outline:none}body{background:var(--bg-body);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden}.main-wrapper{z-index:2;background:var(--bg-body);margin-bottom:var(--footer-height);position:relative}.header-wrapper{z-index:9999;justify-content:center;width:100%;display:flex;position:fixed;top:0;left:0}.floating-header{z-index:9999;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:1px solid #0000;border-radius:100px;justify-content:space-between;align-items:center;gap:20px;width:fit-content;min-width:700px;padding:8px 24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.floating-header.floating-header-scrolled{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-light);background:#ffffffa6;border-radius:16px;top:8px}.nav-left,.nav-right{align-items:center;gap:8px;display:flex}.floating-nav-link{text-align:center;cursor:pointer;justify-content:center;align-items:center;min-width:100px;height:44px;padding:0 12px;text-decoration:none;display:flex;position:relative;overflow:hidden;background:0 0!important}.nav-text-wrapper{height:20px;display:inline-block;position:relative;overflow:hidden}.nav-text-top,.nav-text-bottom{white-space:nowrap;font-size:.9rem;font-weight:400;line-height:20px;transition:transform .35s cubic-bezier(.2,.9,.4,1.1);display:block}.floating-header:not(.floating-header-scrolled) .nav-text-top{color:#fff;transform:translateY(0)}.floating-header:not(.floating-header-scrolled) .nav-text-bottom{color:#fff;position:absolute;top:0;left:0;transform:translateY(100%)}.floating-header.floating-header-scrolled .nav-text-top{color:#121826;transform:translateY(0)}.floating-header.floating-header-scrolled .nav-text-bottom{color:var(--primary);position:absolute;top:0;left:0;transform:translateY(100%)}.floating-header:not(.floating-header-scrolled) .floating-nav-link:hover .nav-text-top{transform:translateY(-100%)}.floating-header:not(.floating-header-scrolled) .floating-nav-link:hover .nav-text-bottom{color:#fff;transform:translateY(0)}.floating-header.floating-header-scrolled .floating-nav-link:hover .nav-text-top{transform:translateY(-100%)}.floating-header.floating-header-scrolled .floating-nav-link:hover .nav-text-bottom{color:var(--primary);transform:translateY(0)}.floating-logo{cursor:pointer;white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:900;line-height:0;text-decoration:none;transition:all .3s}.floating-header:not(.floating-header-scrolled) .floating-logo{-webkit-text-fill-color:white;color:#fff}.floating-header.floating-header-scrolled .floating-logo{-webkit-text-fill-color:#121826;color:#121826}.floating-logo:hover{letter-spacing:.22em;transform:scale(1.05)}.mobile-menu-btn{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:50%;padding:8px;transition:all .3s;display:none}.floating-header.floating-header-scrolled .mobile-menu-btn{color:#05183d}.mobile-menu-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9998;opacity:0;visibility:hidden;background:#ffffffa6;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu-container{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.mobile-nav{text-align:center;flex-direction:column;gap:2rem;display:flex}.mobile-nav-link{color:#05183d;padding:.5rem 1rem;font-size:28px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.mobile-nav-link:hover{color:var(--primary);transform:scale(1.05)}.floating-resume-btn{background:var(--primary);color:#fff;cursor:pointer;border-radius:40px;align-items:center;gap:6px;height:44px;padding:0 22px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.34,1.2,.64,1);display:flex;box-shadow:0 2px 8px #0040cc33}.floating-resume-btn:hover{background:#03a;transform:scale(1.05)translateY(-2px);box-shadow:0 8px 20px #0040cc4d}@media (width>=769px) and (width<=1024px){.floating-header{gap:12px;min-width:580px;padding:8px 16px}.floating-nav-link{min-width:80px;padding:0 6px}.nav-text-top,.nav-text-bottom{font-size:.9rem}.floating-logo{font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:900}.nav-left,.nav-right{gap:4px}.mobile-menu-btn{display:none}}@media (width<=768px){@media (width<=768px){.floating-header{width:calc(100% - 16px);min-width:unset;justify-content:space-between;align-items:center;margin:0 12px;left:0;transform:none}.nav-left,.nav-right{display:none}.floating-logo{margin-right:auto}.mobile-menu-btn{margin-left:auto;display:block}}}@media (width>=1025px){.mobile-menu-btn{display:none}}@media (width<=768px){.open-to-work-container{top:75px;left:50%}}@media (width<=480px){.open-to-work-container{position:fixed;transform:translate(-50%)rotate(0);z-index:10000!important;top:72px!important;left:18%!important}}.open-to-work-badge:hover .gps-dot-core{background:#fff}.open-to-work-badge:hover .gps-pulse-ring{background:#00ff5e}.open-to-work-badge:hover .gps-pulse-ring-delayed{background:#00ff5e}@keyframes gpsPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.8)}}@keyframes gpsRing{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@media (width<=768px){.open-to-work-container{top:75px}.open-to-work-badge{padding:4px 12px 4px 10px}.open-to-work-text{font-size:.7rem}.gps-dot-core,.gps-pulse-ring,.gps-pulse-ring-delayed{width:5px;height:5px}}.floating-header-scrolled~.open-to-work-container{top:75px}.hero{text-align:center;z-index:5;background:0 0;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 2rem 2rem;display:flex;position:relative;overflow:hidden}@media (width<=768px){.hero{min-height:90vh;padding:80px 1rem 2rem}}@media (width<=480px){.hero{min-height:96vh;padding:6rem .75rem 3rem}}.mouse-dust-visible{pointer-events:none;will-change:transform, opacity;background:#fffc;border-radius:50%;position:fixed;box-shadow:0 0 3px #ffffff80}.floating-leaf{pointer-events:none;z-index:9998;filter:drop-shadow(2px 3px 4px #0000001a);will-change:transform, left, top, opacity;position:fixed}.floating-leaf svg{width:100%;height:100%;display:block}@keyframes floatClouds{0%{transform:scale(1)translate(0)}to{transform:scale(1.05)translate(2%)}}.hero-work-stack{z-index:6;width:clamp(160px,18vw,90px);height:clamp(70px,11vw,110px);margin-top:2rem;margin-bottom:2rem;display:block;position:relative;left:-11.5%}.hero-work-card{cursor:pointer;width:100%;height:100%;transform:translate3d(var(--offset-x,0px), var(--offset-y,0px), 0) scale(var(--scale,1));filter:saturate(.95)contrast(1.04);background:#ffffff14;border:1px solid #0000;border-radius:16px;padding:0;transition:transform .85s cubic-bezier(.22,1,.36,1),border-color .3s,filter .3s,z-index .2s;position:absolute;top:0;left:0;overflow:visible}.hero-work-card:before{content:"";filter:blur(8px);opacity:.6;pointer-events:none;z-index:0;background:0 0;border:2px solid #ffffff6b;border-radius:20px;transition:opacity .56s cubic-bezier(.22,1,.36,1),filter .56s cubic-bezier(.22,1,.36,1);position:absolute;inset:-7px}.hero-work-card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:3;background:linear-gradient(90deg,#0000,#b4ccf9) border-box;border:1.5px solid #0000;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-work-card:first-child{z-index:1}.hero-work-card:nth-child(2){z-index:2}.hero-work-card:nth-child(3){z-index:3}.hero-work-card:nth-child(4){z-index:4}.hero-work-card:hover{transform:translate3d(var(--offset-x,0px), 0px, 0) scale(1.02);filter:saturate(1.08)contrast(1.08);border-color:#ffffff94}.hero-work-card:hover:before{opacity:.85;filter:blur(11px)}.hero-work-media{z-index:1;border-radius:16px;position:absolute;inset:0;overflow:hidden}.hero-work-video,.hero-work-image{object-fit:cover;background:#dfe8ff;width:100%;height:100%;display:block}.hero-work-overlay{background:linear-gradient(#0810201f 0%,#0810206b 100%);position:absolute;inset:0}.hero-work-hover{color:#0d1733;text-transform:uppercase;opacity:0;z-index:2;background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:5px;font-size:.7rem;font-weight:600;transition:opacity .25s,transform .3s;display:inline-flex;position:absolute;top:14px;right:14px;transform:translateY(-8px);box-shadow:0 8px 18px #0000001f}.hero-work-hover svg{transition:transform .6s}.hero-work-card:hover .hero-work-hover{opacity:1;transform:translateY(0)}.hero-work-card:hover .hero-work-hover svg{transform:rotate(360deg)}@media (width>=769px) and (width<=1024px){.hero-work-stack{width:clamp(210px,28vw,280px);height:clamp(140px,18vw,180px);left:-28.5%}.hero-main-title{color:#05183d;text-align:left;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:40px;font-weight:900;line-height:1.3}.hero{padding:120px 2rem 2rem;min-height:60vh!important}}@media (width<=768px){.hero-work-stack{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;width:clamp(190px,48vw,260px);height:clamp(130px,28vw,180px);margin-bottom:1.5rem;left:-27.5%}.hero-work-card:hover{transform:translate3d(var(--offset-x,0px), 0px, 0) scale(1.02)}.hero-work-card{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.hero-work-hover{pointer-events:none}}@media (width<=480px){.hero-work-card{cursor:pointer;width:100%;height:100%;transform:translate3d(var(--offset-x,0px), var(--offset-y,0px), 0) scale(var(--scale,1));filter:saturate(.95)contrast(1.04);background:#ffffff14;border:.7px solid #02143f9d;border-radius:18px;padding:0;transition:transform .85s cubic-bezier(.22,1,.36,1),border-color .3s,filter .3s,z-index .2s;position:absolute;top:0;left:0;overflow:visible}.hero-work-card:before{content:"";filter:blur(8px);opacity:.6;pointer-events:none;z-index:0;background:0 0;border:2px solid #ffffff6b;border-radius:20px;transition:opacity .56s cubic-bezier(.22,1,.36,1),filter .56s cubic-bezier(.22,1,.36,1);position:absolute;inset:-7px}.hero-work-stack{width:min(30vw,160px);height:120px;margin-bottom:2rem;left:-30%}.hero-work-card{border-radius:14px}.hero-work-card:before{border-radius:16px}.hero-work-media,.hero-work-overlay{border-radius:14px}}.hero-video-wave{gap:3px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.wave-bar{background:var(--primary);width:2px;animation:1.2s infinite alternate soundwave}.wave-bar:first-child{height:6px;animation-delay:.1s}.wave-bar:nth-child(2){height:12px;animation-delay:.3s}.wave-bar:nth-child(3){height:18px;animation-delay:.5s}.wave-bar:nth-child(4){height:10px;animation-delay:.2s}.wave-bar:nth-child(5){height:5px;animation-delay:.4s}@keyframes soundwave{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.play-icon-glow{color:var(--primary);filter:drop-shadow(0 0 6px var(--primary));z-index:2}.hero-content-wrapper{z-index:6;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:1600px;margin:0 auto;padding:0 2rem;display:flex;position:relative}@media (width<=768px){.hero-content-wrapper{gap:.5rem;padding:0 1.25rem}}@media (width<=480px){.hero-content-wrapper{gap:.5rem;padding:0 1rem}}.hero-main-title{color:#05183d;text-align:left;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:49px;font-weight:900;line-height:1.3}@media (width<=768px){.hero-main-title{text-align:center;font-size:clamp(1.75rem,5vw,2.5rem)}}@media (width<=1024px){.hero-main-title{font-size:44px}}@media (width<=480px){.hero-main-title{color:#05183d;text-align:center;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2rem,6vw,56px);font-weight:800;line-height:1.2}}.hero-title-row{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.5rem;margin-bottom:2rem;display:flex}.hero-word-container{text-align:center;min-width:200px;display:inline-block;position:relative}@media (width>=768px){.hero-word-container{min-width:220px}}@media (width<=768px){.hero-word-container{min-width:160px}}.hero-rotating-word{background:linear-gradient(135deg, var(--primary), #174370);-webkit-text-fill-color:transparent;letter-spacing:.01em;-webkit-background-clip:text;background-clip:text;max-width:560px;margin-left:1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:46px;font-weight:800;line-height:1.2;animation:1.2s ease-in-out wordFadeInOut;display:inline-block}@media (width<=768px){.hero-rotating-word{margin-left:4px}}@media (width<=1024px){.hero-rotating-word{font-size:42px}}@media (width<=480px){.hero-rotating-word{margin-left:0}}@keyframes wordFadeInOut{0%{opacity:0;transform:translateY(8px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.hero-word-underline{background:0 0;border-radius:2px;width:100%;height:3px;animation:2s ease-in-out infinite underlinePulse;position:absolute;bottom:-8px;left:0}@keyframes underlinePulse{0%,to{opacity:.3;transform:scaleX(.8)}50%{opacity:.8;transform:scaleX(1)}}.hero-title-end{color:var(--text-primary);font-size:clamp(2rem,5vw,3.5rem);font-weight:700}.hero-bottom-row{justify-content:space-around;align-items:flex-end;gap:2rem;width:100%;max-width:776px;margin:1rem auto 0;display:flex}@media (width<=768px){.hero-bottom-row{flex-direction:column;align-items:center;gap:1.5rem;margin-top:1rem}}@media (width<=480px){.hero-bottom-row{gap:1rem}}.hero-text-section{text-align:left;flex:1;max-width:55%}@media (width<=768px){.hero-text-section{text-align:center;max-width:100%}}@media (width<=480px){.hero-text-section{max-width:100%}}.hero-description-line{color:#05183d;margin:0;font-size:clamp(.85rem,2.5vw,1.05rem);font-weight:300;line-height:1.6}.hero-description-line:first-child{margin-bottom:.25rem}@media (width<=768px){.hero-description-line{font-size:.9rem}}@media (width<=480px){.hero-description-line{font-size:.8rem}}.hero-action-section{flex-shrink:0}@media (width<=768px){.hero-content-wrapper{gap:.5rem;padding:0 1.5rem}.hero-bottom-row{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-top:1rem}.hero-text-section{max-width:100%}.hero-description-line{font-size:.9rem}.hero-word-container{min-width:140px}}@media (width<=480px){.hero-main-title,.hero-rotating-word,.hero-title-end{font-size:1.6rem}.hero-word-container{min-width:120px}}.hero-rotating-word{opacity:1;transition:opacity 5s cubic-bezier(.4,0,.2,1)}.hero-rotating-word.visible{opacity:1}.hero-rotating-word.hidden{opacity:0}.reveal-item{opacity:0;will-change:opacity, transform;transition:opacity .72s ease-out,transform .72s ease-out;transform:translateY(18px)}.reveal-item.visible{opacity:1;transform:translateY(0)}.featured-section{background:var(--bg-body);width:100%;padding:0;position:relative}.featured-container{gap:0;max-width:1600px;margin:0 auto;padding-top:2rem;padding-bottom:2rem;padding-left:4rem;display:flex;position:relative}@media (width<=1024px){.featured-container{padding-left:2rem;padding-right:2rem}}@media (width<=768px){.featured-container{flex-direction:column;padding:1.5rem}}@media (width<=480px){.featured-container{padding:1rem}}.featured-heading-sticky{z-index:25;background:#fff;border-radius:0;flex-shrink:0;width:340px;height:fit-content;padding:1rem 0;position:relative;top:120px}.featured-heading-sticky:before{content:"";z-index:-1;background:#fff;position:absolute;inset:-100px 0 -100px -100px}.heading-feather-edge{pointer-events:none;z-index:26;background:linear-gradient(90deg,#fff 0% 15%,#fffffff2 30%,#ffffffb3 50%,#ffffff4d 70%,#0000 100%);width:80px;height:220%;position:absolute;top:-120px;bottom:0;right:-65px}.carousel-navigation{gap:.75rem;margin-bottom:2rem;display:flex}.nav-arrow{cursor:pointer;width:40px;height:40px;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.nav-arrow svg{transition:transform .6s}.nav-arrow:hover svg{transform:rotate(360deg)scale(1.1)}.nav-arrow:hover{color:var(--primary);border-color:var(--primary);transform:translateY(-2px)}.nav-arrow:active{transform:scale(.95)}.featured-heading-content{z-index:2;position:relative}.featured-heading-content h2{color:#05183d;letter-spacing:-.02em;margin-bottom:1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:32px;font-weight:800}@media (width<=768px){.featured-heading-content h2{font-size:clamp(1.5rem,4vw,2.5rem)}}@media (width<=480px){.featured-heading-content h2{font-size:24px;font-weight:800}}.featured-heading-content p{color:#05183d;max-width:280px;margin-bottom:1.5rem;font-size:clamp(.9rem,2.5vw,1.05rem);font-weight:300;line-height:1.5}@media (width<=768px){.featured-heading-content p{max-width:100%;font-size:.95rem}}@media (width<=480px){.featured-heading-content p{font-size:1rem;font-weight:400}}.scroll-indicator{color:var(--text-secondary);letter-spacing:.5px;align-items:center;gap:8px;font-size:.8rem;font-weight:500;display:flex}.scroll-arrow{animation:1.5s infinite bounceRight}@keyframes bounceRight{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(6px)}}.carousel-container{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:pan-y;overscroll-behavior:auto;flex:1;width:100%;max-width:100%;padding:.5rem 0;position:relative;overflow:hidden visible}.carousel-container:active{cursor:grabbing}.carousel-track{will-change:transform;gap:1.8rem;width:max-content;transition:transform;display:flex}.carousel-group{will-change:transform;pointer-events:auto;gap:1.8rem;padding-right:1.8rem;display:flex}.carousel-container.dragging *{-webkit-user-select:none;user-select:none;pointer-events:none}.carousel-container:not(.dragging) *{pointer-events:auto}.work-card-medium{z-index:5;pointer-events:auto;background:#fff;border:1px solid #0000000f;border-radius:24px;flex-shrink:0;width:500px;transition:all .4s cubic-bezier(.2,.9,.4,1.1);position:relative;overflow:hidden;box-shadow:0 8px 24px #0000000f}.work-card-inner{pointer-events:auto;background:linear-gradient(#ffffffe6,#92c6ff33);border:1.5px solid #cdd4e8;border-radius:24px;flex-direction:column;display:flex}.work-video-container{aspect-ratio:16/10;cursor:pointer;background:#1a1a2e;position:relative;overflow:hidden}.work-video{object-fit:cover;width:100%;height:100%;transition:transform .6s}.work-card-medium:hover .work-video{transform:scale(1.05)}.video-gradient-overlay{pointer-events:none;background:linear-gradient(#0000 0% 60%,#0000004d 100%);position:absolute;inset:0}.work-card-content{padding:1.4rem}.work-tags-row{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.work-mini-tag{color:#0040cc;letter-spacing:-.2px;background:#dceaff;border-radius:30px;padding:.2rem .7rem;font-size:.65rem;font-weight:600}.work-card-title{color:#05183d;margin-bottom:.5rem;font-size:clamp(1rem,3vw,1.25rem);font-weight:600;line-height:1.35;font-family:inter,sans-serif!important}@media (width<=768px){.work-card-title{font-size:1.1rem}}@media (width<=480px){.work-card-title{font-size:18px;font-family:inter,sans-serif!important}.carousel-navigation{display:none}.button.ghost-btn,a.ghost-btn{font-size:14px!important}}.work-card-description{color:#05183d;-webkit-box-orient:vertical;margin-bottom:0;line-height:1.5;display:-webkit-box;overflow:hidden;font-size:14px!important;font-weight:400!important}@media (width<=768px){.work-card-description{font-size:.85rem}}@media (width<=1200px){.featured-container{padding-top:1.5rem;padding-bottom:1.5rem;padding-left:2rem}.featured-heading-sticky{width:300px;padding:.5rem 0}.work-card-medium{width:420px}.heading-feather-edge{width:80px;right:-40px}}@media (width<=1024px){.featured-container{flex-direction:column;padding:1.5rem 2rem}.featured-heading-sticky{width:100%;padding:.5rem 0 1rem;position:relative;top:0}.featured-heading-sticky:before,.heading-feather-edge{display:none}.carousel-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overflow-x:auto}.carousel-track{gap:1.5rem}.carousel-group{gap:1.5rem;padding-right:1.5rem}.work-card-medium{width:380px}}@media (width<=768px){.featured-container{padding:1rem 1.5rem}.featured-heading-sticky{padding:0 0 .5rem}.carousel-navigation{margin-bottom:1rem}.scroll-indicator{display:none}.carousel-container{cursor:default;touch-action:auto;padding:0;overflow:visible}.carousel-container:active{cursor:default}.carousel-track{flex-direction:column;gap:1.2rem;width:100%}.carousel-group{flex-direction:column;gap:1.2rem;width:100%;padding-right:0}.carousel-group[aria-hidden=true]{display:none}.work-card-medium{width:100%;max-width:100%}.work-card-medium:last-child{margin-right:0}}@media (width<=480px){.featured-container{padding:.75rem 1rem}.carousel-track{gap:1rem}.carousel-group{gap:3rem;padding-right:0}.work-card-medium{width:100%;max-width:100%}.work-card-content{padding:1rem}.work-tags-row{margin-bottom:.5rem}.work-mini-tag{padding:.15rem .6rem;font-size:.6rem}}.about-section{z-index:4;background:#fff;padding:clamp(3rem,8vw,6rem) clamp(1.5rem,5vw,4rem);position:relative}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:1rem;display:grid}@media (width<=768px){.about-section{padding:3rem 1.5rem}}@media (width<=480px){.about-section{padding:2rem 1rem}}.about-image-container{aspect-ratio:1/1.2;border:1px solid var(--border-light);cursor:default;border-radius:10px;margin-bottom:1rem;position:relative;overflow:hidden}.about-img-front{object-fit:cover;z-index:2;width:100%;height:100%;position:absolute}.spotlight-reveal{z-index:3;pointer-events:none;--spotlight-size:200px;--feather-size:180px;width:100%;height:100%;-webkit-mask-image:radial-gradient(circle at var(--spotlight-x,50%) var(--spotlight-y,50%), #05183d 0%, #05183d calc(var(--spotlight-size) - var(--feather-size)), transparent calc(var(--spotlight-size)), transparent 100%);mask-image:radial-gradient(circle at var(--spotlight-x,50%) var(--spotlight-y,50%), #05183d 0%, #05183d calc(var(--spotlight-size) - var(--feather-size)), transparent calc(var(--spotlight-size)), transparent 100%);-webkit-mask-image:radial-gradient(circle at var(--spotlight-x,50%) var(--spotlight-y,50%), #05183d 0%, #05183d calc(var(--spotlight-size) - var(--feather-size)), transparent calc(var(--spotlight-size)), transparent 100%);opacity:0;transition:opacity .15s;position:absolute;top:0;left:0}.about-image-container:hover .spotlight-reveal{opacity:1}.about-img-back{object-fit:cover;width:100%;height:100%}.about-content h2{background:#05183d;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2rem,7vw,4rem)}@media (width<=768px){.about-content h2{font-size:clamp(1.75rem,5vw,2.5rem)}}@media (width<=480px){.about-content h2{font-size:1.5rem}}.about-desc{color:#05183d;margin-bottom:1.2rem;font-family:Inter,sans-serif;font-size:clamp(.9rem,2.5vw,1.05rem);font-weight:300;line-height:1.6}@media (width<=768px){.about-desc{font-size:.95rem}}@media (width<=480px){.about-desc{margin-bottom:1rem;font-size:1rem;font-weight:400}}.about-desc strong{color:var(--primary)}.about-btn{border:1px solid var(--primary);color:var(--text-primary);cursor:pointer;border-radius:60px;align-items:center;gap:.6rem;margin-top:1rem;padding:.7rem 1.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.about-btn:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}@media (width<=1024px){.about-section{padding:6rem 2rem}.spotlight-reveal{--spotlight-size:100px;--feather-size:25px}}@media (width<=768px){.about-grid{grid-template-columns:1fr}.about-section{padding:3rem 1.5rem}.about-content h2{font-size:2.5rem}.about-desc{font-size:.95rem}.spotlight-reveal{--spotlight-size:80px;--feather-size:20px}}.skills-banner{z-index:4;background:linear-gradient(#fff 10%,#dbe4f5 100%);border-radius:20px;max-width:100%;margin:0;position:relative;overflow:hidden}.skills-banner-inner{flex-direction:column;gap:3rem;padding:clamp(3rem,8vw,0rem) clamp(1.5rem,5vw,4rem);display:flex}@media (width<=1024px){.skills-banner-inner{padding:2rem 4rem 3rem}}@media (width<=768px){.skills-banner-inner{gap:2rem;padding:2rem 1.5rem 2.5rem}}@media (width<=480px){.skills-banner-inner{gap:2rem;padding:1.5rem 1rem 2rem}}.skills-header-row{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.skills-header-row h2{color:#05183d;font-family:Plus Jakarta Sans,sans-serif;font-size:32px;font-weight:800}.skills-header-row p{text-align:left;color:#05183d;max-width:100%;font-size:clamp(.9rem,2.5vw,1.05rem);font-weight:300;line-height:1.6}@media (width<=768px){.skills-header-row h2{font-size:1.75rem}.skills-header-row p{font-size:.95rem}}@media (width<=480px){.skills-header-row h2{font-size:24px;font-weight:800}.skills-header-row p{font-size:1rem;font-weight:400}}.skills-header-left h2{margin-bottom:.4rem;font-size:2.2rem}.skills-header-left p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.skills-content-right{flex:1}.about-content h2{margin-bottom:.5rem}.skills-marquee-group{flex-direction:column;gap:2rem;display:flex}.marquee-row{align-items:center;gap:clamp(1rem,2vw,1.5rem);display:flex}@media (width<=768px){.marquee-row{gap:1rem}}@media (width<=480px){.marquee-row{flex-direction:column;align-items:flex-start;gap:.75rem}.skills-marquee-group{flex-direction:column;gap:1.8rem;display:flex}.marquee-row{gap:.5rem!important}}.marquee-category{color:#05183d;flex-shrink:0;width:clamp(80px,20vw,128px);font-family:Plus Jakarta Sans,sans-serif;font-weight:600;padding-left:0!important;font-size:16px!important}@media (width<=480px){.marquee-category{margin-bottom:.5rem;width:140px!important}}.marquee-track{scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-y;cursor:grab;width:100%;overflow:auto hidden}.marquee-track::-webkit-scrollbar{display:none}.marquee-track:active{cursor:grabbing}.marquee-content{touch-action:pan-x;-webkit-user-select:none;user-select:none;gap:1rem;width:max-content;min-width:max-content;animation:30s linear infinite marqueeScroll;display:flex}.marquee-content.reverse{animation-direction:reverse}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-25%)}}.skill-chip{color:var(--text-primary);white-space:nowrap;background:#fff 10%;border:1.5px solid #d5dcea;border-radius:8px;align-items:center;gap:.5rem;padding:clamp(.4rem,1vw,.5rem) clamp(.8rem,2vw,1.2rem);font-size:clamp(.75rem,1.5vw,.9rem);font-weight:500;transition:all .25s;display:flex}@media (width<=768px){.skill-chip{padding:.4rem .9rem;font-size:.8rem}}@media (width<=480px){.skill-chip{white-space:normal;padding:.3rem .7rem;font-size:.7rem}}.skill-chip:hover{color:#fff;background:#05183d;transform:scale(1.05)}.skill-chip-icon-img{object-fit:contain;opacity:.8;width:16px;height:16px;transition:transform .25s,opacity .2s}.skill-chip:hover .skill-chip-icon-img{opacity:1;transform:translateY(-4px)rotate(-8deg)scale(1.8)}.cta-ticker-inside{background:linear-gradient(90deg,#063669 0%,#021f3e 100%);padding:.5rem 0;position:relative;overflow:hidden}.cta-ticker-inside:before{content:"";background:#fff3;height:1px;position:absolute;top:0;left:2rem;right:2rem}.cta-ticker-track{width:max-content;animation:160s linear infinite ctaMarquee;display:flex}.cta-ticker-text{text-transform:uppercase;color:#fff;white-space:nowrap;align-items:center;gap:3rem;padding:0 2rem;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(.9rem,3vw,1.2rem);font-weight:400;display:flex}@media (width<=768px){.cta-ticker-text{gap:2rem;padding:0 1.5rem;font-size:1rem}}@media (width<=480px){.cta-ticker-text{gap:1rem;padding:0 1rem;font-size:.8rem}}.cta-star{color:var(--primary);align-items:center;display:flex}.cta-star svg{width:16px;height:16px;transition:transform .4s cubic-bezier(.4,0,.2,1);display:block;transform:scale(2)rotate(0)}.cta-ticker-text span:hover+.cta-star svg{transform:scale(4)rotate(45deg)}@keyframes ctaMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#05183d 6% 94%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#05183d 6% 94%,#0000 100%)}@media (width<=1024px){.skills-banner-inner{flex-direction:column;padding:2rem}.skills-header-left{width:100%}.marquee-category{width:90px;font-size:.8rem}.cta-ticker-text{gap:2rem;font-size:1.4rem}}@media (width<=768px){.skills-banner{margin:2rem 0}.skills-banner-inner{padding:1.5rem}.marquee-row{gap:1rem}.skill-chip{padding:.4rem 1rem;font-size:.8rem}.cta-ticker-text{font-size:1.2rem}}.reveal-footer{width:100%;height:var(--footer-height);z-index:1;font-family:var(--font-sans);background:#fff;flex-direction:column;align-items:center;padding:2rem;display:flex;position:fixed;bottom:0;left:0;overflow:hidden}.footer-center,.footer-bottom,.footer-divider{z-index:2;position:relative}.footer-center{flex-direction:column;align-items:center;gap:1.6rem;display:flex}.footer-social-icons{gap:1rem;display:flex}.social-icon-btn{border:1.5px solid var(--border-light);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:20%;justify-content:center;align-items:center;transition:all .25s;display:flex}.social-icon-btn:hover{color:var(--primary);border-color:var(--primary);background:#fff}.social-svg-icon{width:18px;height:18px;color:var(--text-secondary);transition:color .25s}.social-icon-btn:hover .social-svg-icon{color:var(--primary)}.footer-nav{gap:2rem;display:flex}.footer-nav a{color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:400;text-decoration:none;transition:transform .25s,color .2s;display:inline-block}.footer-nav a:hover{color:var(--primary);transform:translateY(-4px)}.footer-nav .nav-text-wrapper{height:1.2em;display:inline-block;position:relative;overflow:hidden}.footer-nav .nav-text-top,.footer-nav .nav-text-bottom{transition:transform .35s cubic-bezier(.4,0,.2,1);display:block}.footer-nav .nav-text-top{transform:translateY(0%)}.footer-nav .nav-text-bottom{position:absolute;top:0;left:0;transform:translateY(100%)}.footer-nav a:hover .nav-text-top{transform:translateY(-100%)}.footer-nav a:hover .nav-text-bottom{transform:translateY(0%)}.footer-divider{border-top:1px solid var(--border-light);width:60%;margin:2rem auto 1.5rem;position:relative}.footer-bottom{color:var(--text-muted);justify-content:center;align-items:center;gap:5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:500;display:flex}.footer-arrow{cursor:pointer;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.footer-arrow:hover{color:var(--primary);transform:translateY(-2px)}.footer-arrow-icon{transition:transform .5s}.footer-arrow:hover .footer-arrow-icon{transform:rotate(360deg)}.footer-land{pointer-events:none;z-index:0;width:100%;animation:6s ease-in-out infinite alternate landFloat;position:absolute;bottom:0;left:0}@keyframes landFloat{0%{transform:translateY(24px)}to{transform:translateY(4px)}}@media (width<=768px){.reveal-footer{padding:2.5rem 1.2rem 1.5rem}.footer-nav{flex-wrap:wrap;justify-content:center;gap:1.2rem}.footer-divider{width:80%}.footer-bottom{flex-direction:column;gap:1rem}}@media (width<=1024px){.hero{min-height:92vh}.featured-header{padding:3rem 2rem 1.5rem}.scroll-container{padding:1rem 2rem 4rem}.work-card{flex-direction:column}.work-info{border-left:none;border-top:1px solid var(--border-light)}.marquee-category{padding-left:2rem}.reveal-footer{height:auto;padding:3rem 2rem 2rem;position:relative}.main-wrapper{margin-bottom:0!important}.footer-top{flex-direction:column;gap:2rem}.footer-social-wrapper{align-items:flex-start}.footer-links{justify-content:space-between;gap:2rem;width:100%}.hero-content-wrapper{gap:1rem}}@media (width<=768px){.hero-title{font-size:2.2rem}.featured-header{flex-direction:column;align-items:flex-start;gap:1rem}.work-panel{padding:0 1rem}.work-info{padding:1.5rem}.about-section{padding:3rem 1.5rem}.skills-container{padding:0 1.5rem 1rem}.marquee-row{flex-direction:column;align-items:flex-start}.cta-ticker-text{gap:1.5rem;font-size:1.4rem}.reveal-footer{padding:2rem 1.5rem 1.5rem}.footer-links{flex-direction:column;gap:1.5rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}.footer-brand h3{font-size:1.75rem}.footer-brand p{font-size:.85rem}.clouds-image{opacity:1}.hero-content-wrapper{flex-direction:column;align-items:flex-start;gap:2rem;padding:0 1.5rem}.hero-text-section{max-width:100%}.hero-description{font-size:1rem}.hero-video-preview{margin-bottom:2rem}}@media (width<=480px){.clouds-fullscreen{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;left:0;overflow:hidden;top:-40px!important}.mouse-dust-visible{pointer-events:none;will-change:transform, opacity;background:#fff6;border-radius:50%;position:fixed;box-shadow:0 0 3px #ffffff80}.about-section{padding:6rem 1.3rem 3rem}.social-icon-btn{border:1.5px solid var(--border-light);width:64px;height:64px;color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:20%;justify-content:center;align-items:center;transition:all .25s;display:flex}.social-svg-icon{width:24px;height:24px;color:var(--text-secondary);transition:color .25s}.floating-logo{align-items:left;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-weight:900;color:#fff!important;font-size:32px!important}.hero-rotating-word-wrapper{flex-direction:column;gap:0}.hero-main-title{text-align:center;flex-direction:column;align-items:center;line-height:1.3;display:flex}.hero-word-container{margin-top:4px;display:block}.hero-content-wrapper{flex-direction:column;align-items:flex-start;gap:0;padding:0 1.5rem}.hero-description-line{color:#05183d;margin-bottom:40px;font-size:1rem;font-weight:400;line-height:1.6}button.ghost-btn,a.ghost-btn{padding-top:2rem;font-family:Inter,sans-serif;font-size:16px;font-weight:600;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.hero-bottom-row{align-items:center}.reveal-footer{padding:3rem 1.5rem 5rem}.footer-land{pointer-events:none;z-index:0;width:1200px;max-width:none;height:auto;animation:6s ease-in-out infinite alternate landFloat;position:absolute;bottom:0;transform:translate(-50%)}}:root{--primary:#0040cc;--primary-dark:#03a;--primary-glow:#0040cc14;--text-primary:#121826;--text-secondary:#4a5568;--text-muted:#8c94a6;--bg-white:#fff;--bg-muted:#f0f2f6;--border-light:#e9edf2;--border-medium:#dce1e8;--card-shadow:0 12px 30px #0000000a;--hover-shadow:0 20px 40px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-white);color:var(--text-primary);font-family:Inter,sans-serif}.about-hero{text-align:center;z-index:5;background:0 0;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:150px 1rem 4rem;display:flex;position:relative;overflow:hidden}.hero-sky-container{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-sky-gradient{background:radial-gradient(ellipse at var(--sun-x,50%) var(--sun-y,0%), #0052cc 5%, #a9c4ff 30%, #f6f9ff 55%, #fff 60%, #fff 80%, #fff 100%);z-index:1;width:100%;height:100%;transition:background 80ms ease-out;position:absolute;top:0;left:0}.hero-light-source{top:var(--sun-y,0%);left:var(--sun-x,50%);filter:blur(5px);z-index:2;pointer-events:none;background:radial-gradient(#fff 0%,#fffff0e6 30%,#ffffebcc 90%,#0000 100%);width:600px;height:400px;transition:left .1s ease-out,top .1s ease-out;position:absolute;transform:translate(-50%,-50%)}.hero-rays-group{z-index:2;filter:blur(12px);width:100%;height:70%;position:absolute;top:0;left:0;overflow:visible}.hero-ray,.hero-ray-soft{will-change:transform, opacity;transform-origin:50% 0;transition:transform .1s linear}.hero-ray{filter:blur(3px);opacity:1;pointer-events:none;background:linear-gradient(#fff0 0%,#fff 15% 30%,#fff 50% 100%,#0000 100%);border-radius:20px;height:120%;position:absolute;top:-20%}.hero-ray-soft{filter:blur(8px);opacity:1;pointer-events:none;background:linear-gradient(#fff0 0%,#fff 20%,#ffffffe6 40%,#fffc 60%,#0000 100%);border-radius:50px;height:110%;position:absolute;top:-15%}.clouds-fullscreen{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;top:-90px;left:0;overflow:hidden}.clouds-image{object-fit:cover;object-position:top center;opacity:.9;width:100%;height:100%;animation:40s ease-in-out infinite alternate floatClouds}.hero-haze{filter:blur(60px);z-index:1;pointer-events:none;background:radial-gradient(at 50% 0,#fffffa40 0%,#fffffa1a 50%,#0000 100%);width:100%;height:60%;position:absolute;top:0;left:0}.hero-cloud-layer{z-index:1;pointer-events:none;width:100%;height:45%;position:absolute;top:0;left:0}.hero-cloud{filter:blur(45px);opacity:.15;background:#ffffff4d;border-radius:80% 20% 75% 25%/60% 55% 45% 40%;position:absolute}.hero-glow-1,.hero-glow-2{filter:blur(70px);opacity:.2;pointer-events:none;z-index:1;border-radius:50%;width:300px;height:300px;position:absolute}.hero-glow-1{background:radial-gradient(circle, var(--primary-glow), transparent);top:20%;left:5%}.hero-glow-2{background:radial-gradient(circle,#0088cc0f,#0000);bottom:20%;right:5%}.hero-grid-bg{background-image:linear-gradient(var(--border-light) 1px, transparent 1px), linear-gradient(90deg, var(--border-light) 1px, transparent 1px);opacity:0;pointer-events:none;z-index:1;-webkit-mask-image:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #05183d 0%,  #05183d 15%,  #0000004d 30%,  #0000 45%,  transparent 60% );mask-image:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #05183d 0%,  #05183d 15%,  #0000004d 30%,  #0000 45%,  transparent 60% );background-size:4px 4px;transition:opacity .8s cubic-bezier(.2,0,.1,.4);position:absolute;inset:0}.hero-grid-bg:before{content:"";background:inherit;filter:blur(8px);opacity:.3;pointer-events:none;position:absolute;inset:0}.about-hero:hover .hero-grid-bg{opacity:.5}.about-hero:hover .hero-grid{background-image:linear-gradient(90deg,#0040cc0f 1px,#0000 1px),linear-gradient(#0040cc0f 1px,#0000 1px);transition:all .3s}.hero-peer-cursor{pointer-events:none;z-index:10;will-change:transform;align-items:center;gap:8px;display:flex;position:absolute}.cursor-pointer-svg{width:22px;height:22px;fill:var(--primary);filter:drop-shadow(0 2px 4px #0000001a)}.cursor-tag{background:var(--primary);color:#fff;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:700}.open-to-work-container{z-index:9998;position:fixed;top:85px;left:51%;transform:translate(-50%)rotate(0)}.open-to-work-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#fffffff2,#fffffff2);border-radius:80px;align-items:center;gap:8px;padding:6px 16px 6px 12px;font-family:Plus Jakarta Sans,sans-serif;transition:transform 1.2s cubic-bezier(.19,1,.22,1),border-color .3s,box-shadow .3s;display:flex;transform:rotate(0)}.open-to-work-badge:hover{box-shadow:0 8px 24px var(--primary-glow);background:#008b33;transform:rotate(-3.5deg)}.open-to-work-text{color:#05183d;letter-spacing:-.2px;font-size:.75rem;font-weight:600}.open-to-work-badge:hover .open-to-work-text{color:#fff}.gps-dot{justify-content:center;align-items:center;width:10px;height:10px;display:flex;position:relative}.gps-dot-core{z-index:2;background:#008b33;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite gpsPulse;position:absolute}.gps-pulse-ring{opacity:.8;background:#22c55e;border-radius:50%;width:6px;height:6px;animation:1.5s ease-out infinite gpsRing;position:absolute}.gps-pulse-ring-delayed{opacity:.8;background:#22c55e;border-radius:50%;width:6px;height:6px;animation:1.5s ease-out .75s infinite gpsRing;position:absolute}.about-hero-content{z-index:10;width:100%;max-width:1200px;margin:0 auto;padding:0;position:relative}.image-stack{justify-content:center;align-items:center;min-height:320px;margin-bottom:1rem;display:flex;position:relative}.image-card{box-shadow:var(--card-shadow);background:#fff;border-radius:20px;transition:transform 16s cubic-bezier(.22,1,.36,1),opacity .6s;overflow:hidden}.image-card img{object-fit:cover;width:100%;height:100%}.image-card-left{z-index:1;opacity:0;visibility:hidden;width:160px;height:213px;margin-top:-120px;margin-left:-160px;transition:all .6s cubic-bezier(.34,1.2,.64,1);position:absolute;top:50%;left:50%;transform:translate(40px)rotate(0)scale(.9)}.image-card-left.peek{opacity:1;visibility:visible;transform:translate(-80px)rotate(-18deg)scale(1)}.image-card-right{z-index:1;opacity:0;visibility:hidden;width:160px;height:213px;margin-top:-120px;margin-left:-20px;transition:all .6s cubic-bezier(.34,1.2,.64,1);position:absolute;top:50%;left:50%;transform:translate(-40px)rotate(0)scale(.9)}.image-card-right.peek{opacity:1;visibility:visible;transform:translate(100px)rotate(18deg)scale(1)}.image-card-center{z-index:3;opacity:0;cursor:pointer;will-change:transform;width:200px;height:254px;transition:transform .6s cubic-bezier(.16,1,.3,1);animation:.5s ease-out forwards centerFadeIn;position:relative;transform:translateY(-10px)scale(1)}.image-card-center:hover{transform:translateY(-18px)scale(1.05)}@keyframes centerFadeIn{0%{opacity:1;transform:translateY(20px)}to{opacity:1;transform:translateY(-10px)}}.image-card-left.peek:hover{z-index:10;transform:translate(-140px)rotate(-18deg)scale(1.08)}.image-card-right.peek:hover{z-index:10;transform:translate(160px)rotate(18deg)scale(1.08)}.about-hero-title{color:#05183d;letter-spacing:-.02em;white-space:nowrap;margin-bottom:1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:2.5rem;font-weight:800;line-height:1.2;position:relative}.hero-subtitle{color:#05183d;letter-spacing:normal;opacity:0;text-align:center;max-width:800px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:300;line-height:1.6;animation:.8s ease-out .8s forwards subtitleFadeIn;display:block}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-points{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.hero-point{background:0 0;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.point-icon{color:#fff;opacity:.8;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.point-text{text-align:left}.point-text strong{color:var(--text-primary);font-size:1rem;font-weight:500;display:block}.point-text span{color:#05183d;font-size:.75rem;font-weight:400;line-height:1.8;display:block}.point-divider{background:var(--border-medium);width:1px;height:30px}.approach-section{z-index:4;background:linear-gradient(#fff 10%,#e6edfa 100%);border-radius:40px;padding:5rem 2rem;position:relative}.approach-container{max-width:1380px;margin:0 auto}.approach-header{text-align:left;margin-bottom:2rem}.section-tag{text-transform:uppercase;letter-spacing:1px;color:var(--primary);margin-bottom:1rem;font-size:.75rem;font-weight:600;display:inline-block}.approach-header h2{color:#05183d;margin-bottom:2rem;font-family:Plus Jakarta Sans,sans-serif;font-size:2.5rem;font-weight:700}.approach-grid{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}.approach-text p{color:#05183d;margin-bottom:1.2rem;font-size:1.05rem;font-weight:300;line-height:1.6}.approach-visual{flex-direction:column;gap:1.5rem;display:flex;position:sticky;top:100px}.approach-image{box-shadow:var(--card-shadow);border-radius:24px;overflow:hidden}.approach-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.approach-image:hover img{transform:scale(1.02)}.approach-image-caption{color:#05183d;border-left:3px solid var(--primary);padding-top:1rem;padding-left:1rem;font-size:1.05rem;font-style:italic;font-weight:400;line-height:1.6}.timeline-section{background:var(--bg-white);z-index:4;padding:5rem 2rem 1rem;position:relative}.timeline-container{max-width:800px;margin:0 auto}.timeline-header{margin-bottom:1rem}.timeline-header .section-tag{display:inline-block}.timeline-header h2{color:#05183d;margin-bottom:.5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:600}.timeline-header p{color:#05183d;font-size:.95rem}.education-header{margin-top:1rem;padding-top:1rem}.accordion-list{flex-direction:column;gap:1rem;display:flex}.accordion-item{background:var(--bg-white);border-radius:0;transition:all .3s;overflow:hidden}.accordion-header{cursor:pointer;border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.25rem 0;transition:all .3s;display:flex}.accordion-header:hover{background-color:#eff4fe;border-radius:10px;padding:1.25rem .8rem}.accordion-header-left{flex:1;align-items:center;gap:1rem;display:flex}.item-image{background:0 0;border-radius:12px;flex-shrink:0;width:52px;height:48px;overflow:hidden}.item-image img{object-fit:cover;width:100%;height:100%}.item-info{flex:1}.item-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.05rem;font-weight:500}.item-subtitle{color:#05183d;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.item-company{color:#05183d;font-weight:400}.item-role{color:#05183d}.item-role:before{content:"•";color:var(--text-muted);margin-right:.5rem}.item-date{color:#05183d}.item-date:before{content:"•";color:var(--text-muted);margin-right:.5rem}.accordion-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .3s}.accordion-item.open .accordion-arrow{transform:rotate(180deg)}.accordion-content{max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.accordion-item.open .accordion-content{max-height:400px}.accordion-content-inner{padding:1.25rem 0 1.25rem 0}.accordion-content-inner ul{margin:0;padding:0;list-style:none}.accordion-content-inner li{color:#05183d;margin-bottom:.75rem;padding-left:1.5rem;font-size:.9rem;font-weight:300;line-height:1.6;position:relative}.accordion-content-inner li:before{content:"";background-color:var(--text-muted);border-radius:50%;width:6px;height:6px;position:absolute;top:.5rem;left:0}@media (width<=1024px){.about-hero{min-height:86vh!important}.about-hero-title{font-size:3rem}.image-card-left,.image-card-right{width:150px;height:200px}.image-card-center{width:190px;height:240px}.approach-grid{gap:2rem}}@media (width<=768px){.about-hero{padding:100px 1.5rem 3rem}.image-stack{min-height:260px}.image-card-left.peek{transform:translate(-10px)rotate(-6deg)}.image-card-right.peek{transform:translate(30px)rotate(6deg)}.image-card-left.peek:hover{transform:translate(-25px)rotate(0)scale(1.05)}.image-card-right.peek:hover{transform:translate(45px)rotate(0)scale(1.05)}.about-hero-title{white-space:normal;font-size:2rem}.hero-subtitle{font-size:.85rem}.hero-points{gap:1rem}.hero-point{padding:.25rem .5rem}.point-icon{width:30px;height:30px}.point-divider{height:25px}.approach-grid{grid-template-columns:1fr;gap:2rem}.approach-header h2{font-size:2rem}.accordion-content-inner{padding-left:2rem}}@media (width<=480px){.about-hero{min-height:92vh;padding:140px 1.5rem 3rem}.image-stack{margin-bottom:0}.image-card{box-shadow:var(--card-shadow);background:#fff;border-radius:20px;transition:all .4s cubic-bezier(.2,.9,.4,1.1);overflow:hidden}.image-card img{object-fit:cover;width:100%;height:100%}.image-card-left{z-index:1;opacity:0;visibility:hidden;width:120px;height:162px;margin-top:-120px;margin-left:-160px;transition:all .6s cubic-bezier(.34,1.2,.64,1);position:absolute;top:60%;left:50%;transform:translate(40px)rotate(0)scale(.9)}.image-card-left.peek{opacity:1;visibility:visible;transform:translate(-30px)rotate(-12deg)scale(1)}.image-card-right{z-index:1;opacity:0;visibility:hidden;width:120px;height:162px;margin-top:-120px;margin-left:-20px;transition:all .6s cubic-bezier(.34,1.2,.64,1);position:absolute;top:60%;left:50%;transform:translate(-40px)rotate(0)scale(.9)}.image-card-right.peek{opacity:1;visibility:visible;transform:translate(90px)rotate(12deg)scale(1)}.image-card-center{z-index:3;opacity:0;cursor:pointer;will-change:transform;width:150px;height:202px;transition:transform .6s cubic-bezier(.16,1,.3,1);animation:.5s ease-out forwards centerFadeIn;position:relative;transform:translateY(-10px)scale(1)}.image-card-center:hover{transform:translateY(-18px)scale(1.05)}@keyframes centerFadeIn{0%{opacity:1;transform:translateY(20px)}to{opacity:1;transform:translateY(-10px)}}.image-card-left.peek:hover{z-index:10;transform:translate(-40px)rotate(-18deg)scale(1.08)}.image-card-right.peek:hover{z-index:10;transform:translate(80px)rotate(18deg)scale(1.08)}.about-hero-content{z-index:10;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex;position:relative}.about-hero-title{font-size:24px;font-weight:800}.hero-subtitle{margin-bottom:40px;font-size:1rem;font-weight:400}.hero-points{flex-direction:column;align-items:stretch;gap:.5rem}.hero-point{justify-content:left}.point-text strong{color:var(--text-primary);font-size:16px;font-weight:600;display:block}.point-text span{color:#05183d;font-size:14px;font-weight:400;line-height:1.8;display:block}.point-divider{display:none}.approach-section{padding:3rem 1.5rem}.timeline-section{background:var(--bg-white);z-index:4;padding:5rem 2rem 1rem;position:relative}.accordion-content-inner{padding-left:1rem}}.reveals{opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s;transform:translateY(20px)}.reveals.visible{opacity:1;transform:translateY(0)}:root{--bg-body:#fff;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f2f5f9;--bg-muted:#f0f2f6;--text-primary:#121826;--text-secondary:#4a5568;--text-muted:#8c94a6;--border-light:#e9edf2;--border-medium:#dce1e8;--primary:#0040cc;--primary-glow:#0040cc14;--primary-soft:#0040cc1a;--accent-cyan:#08c;--accent-cyan-glow:#0088cc0f;--grey-muted:#b8bdce;--glass-bg:#ffffffd9;--glass-shadow:0 12px 30px #0000000a;--card-shadow:0 6px 18px #00000008;--header-height:80px;--footer-height:290px;--font-sans:"Inter", sans-serif;--sun-x:50%;--sun-y:0%}.ghost-btn-work{color:#0040cc;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:60px;align-items:center;gap:.75rem;padding:.5rem 0;font-size:clamp(.85rem,2vw,.95rem);font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(.2,.9,.4,1.1);display:inline-flex}.ghost-btn-work:hover{gap:1rem;transform:translateY(-3px)}.ghost-btn-work.with-arrow:hover .arrow-icon-work{transform:rotate(360deg)}.arrow-icon-work{transition:transform .4s cubic-bezier(.4,0,.2,1);display:inline-block}button.ghost-btn-work{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.main-wrapper-work{z-index:2;margin-bottom:var(--footer-height);background:#fff;position:relative}.hero-work{text-align:center;z-index:6;background:linear-gradient(#fff0 0%,#fff 100%);flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:96px 2rem 0;display:flex;position:relative;overflow:hidden}.hero-work:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(#fff0 0%,#fff 100%);width:100%;height:10%;position:absolute;bottom:0;left:0}@media (width>=769px) and (width<=1024px){.hero-work{text-align:center;z-index:6;background:linear-gradient(#fff0 0%,#fff 100%);flex-direction:column;justify-content:center;align-items:center;min-height:32vh;padding:120px 2rem 0;display:flex;position:relative;overflow:hidden}.work-section-video-wrapper{aspect-ratio:21/10;background:#1a1a2e;border-radius:16px;width:100%;transition:transform .5s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000000f;max-width:100%!important}}@media (width<=768px){.hero-work{min-height:90vh;padding:80px 1rem 2rem}}@media (width<=480px){.hero-work{min-height:32vh;padding:118px .75rem 0}.ghost-btn-work{color:#0040cc;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:60px;align-items:center;gap:.75rem;font-size:18px;font-weight:700;text-decoration:none;transition:all .35s cubic-bezier(.2,.9,.4,1.1);display:inline-flex}}.hero-sky-container-work{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-sky-gradient-work{background:radial-gradient(ellipse at var(--sun-x,50%) var(--sun-y,0%), #0052cc 5%, #a9c4ff 30%, #f6f9ff 55%, #fff 60%, #fff 80%, #fff 100%);z-index:1;width:100%;height:100%;transition:background 80ms ease-out;position:absolute;top:0;left:0}.hero-light-source-work{top:var(--sun-y,0%);left:var(--sun-x,50%);filter:blur(5px);z-index:2;pointer-events:none;background:radial-gradient(#fff 0%,ivory 30%,#ffffeb 90%,#0000 100%);width:600px;height:400px;transition:left .1s ease-out,top .1s ease-out;position:absolute;transform:translate(-50%,-50%)}.hero-rays-group-work{z-index:2;filter:blur(12px);width:100%;height:70%;position:absolute;top:0;left:0;overflow:visible}.hero-ray-work{filter:blur(3px);opacity:1;pointer-events:none;background:linear-gradient(#fff0 0%,#fff 15% 30%,#fff 50% 100%,#0000 100%);border-radius:20px;height:120%;position:absolute;top:-20%}.hero-ray-1{width:90px;left:5%;transform:skew(-15deg)}.hero-ray-2{width:60px;left:12%;transform:skew(-10deg)}.hero-ray-3{width:100px;left:20%;transform:skew(-5deg)}.hero-ray-4{width:70px;left:30%;transform:skew(0)}.hero-ray-5{width:120px;left:40%;transform:skew(3deg)}.hero-ray-6{width:90px;left:52%;transform:skew(6deg)}.hero-ray-7{width:110px;left:63%;transform:skew(9deg)}.hero-ray-8{width:75px;left:73%;transform:skew(12deg)}.hero-ray-9{width:60px;left:82%;transform:skew(15deg)}.hero-ray-10{width:50px;left:90%;transform:skew(18deg)}.hero-ray-soft-work{filter:blur(8px);opacity:1;pointer-events:none;background:linear-gradient(#fff0 0%,#fff 20% 40%,#fff 60%,#0000 100%);border-radius:50px;height:110%;position:absolute;top:-15%}.hero-ray-soft-1{width:180px;left:8%;transform:skew(-12deg)}.hero-ray-soft-2{width:220px;left:28%;transform:skew(-3deg)}.hero-ray-soft-3{width:200px;left:48%;transform:skew(5deg)}.hero-ray-soft-4{width:190px;left:68%;transform:skew(12deg)}.hero-ray-soft-5{width:150px;left:85%;transform:skew(16deg)}@keyframes rayFloatWork{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.clouds-fullscreen-work{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.clouds-image-work{object-fit:cover;object-position:center 50%;opacity:.9;width:100%;height:100%;animation:40s ease-in-out infinite alternate floatCloudsWork}@keyframes floatCloudsWork{0%{transform:scale(1)translate(0)}to{transform:scale(1.05)translate(2%)}}.hero-haze-work{filter:blur(60px);z-index:1;pointer-events:none;background:radial-gradient(at 50% 0,#fffffa40 0%,#fffffa1a 50%,#0000 100%);width:100%;height:60%;position:absolute;top:0;left:0}.hero-cloud-layer-work{z-index:1;pointer-events:none;width:100%;height:45%;position:absolute;top:0;left:0}.hero-cloud-work{filter:blur(45px);opacity:.15;background:#ffffff4d;border-radius:80% 20% 75% 25%/60% 55% 45% 40%;position:absolute}.hero-cloud1{opacity:.2;width:500px;height:140px;top:5%;left:5%}.hero-cloud2{opacity:.12;width:600px;height:160px;top:15%;right:0%}.hero-cloud3{opacity:.18;width:400px;height:110px;top:2%;left:50%}.hero-cloud4{opacity:.1;width:450px;height:130px;top:25%;left:75%}.hero-grid-bg-work{opacity:0;pointer-events:none;z-index:1;-webkit-mask-image:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #05183d 0%, #05183d 15%, #0000004d 30%, #0000 45%, transparent 60%);mask-image:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #05183d 0%, #05183d 15%, #0000004d 30%, #0000 45%, transparent 60%);background-image:linear-gradient(#e9edf2 1px,#0000 1px),linear-gradient(90deg,#e9edf2 1px,#0000 1px);background-size:4px 4px;transition:opacity .8s cubic-bezier(.2,0,.1,.4);position:absolute;inset:0}.hero-glow-1-work,.hero-glow-2-work{filter:blur(70px);opacity:.2;pointer-events:none;z-index:1;border-radius:50%;width:300px;height:300px;position:absolute}.hero-glow-1-work{background:radial-gradient(circle,#0040cc14,#0000);top:20%;left:5%}.hero-glow-2-work{background:radial-gradient(circle,#0088cc0f,#0000);bottom:20%;right:5%}.hero-content-wrapper-work{z-index:6;flex-direction:column;align-items:center;gap:.25rem;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;position:relative}@media (width<=768px){.hero-content-wrapper-work{padding:0 1.25rem}}@media (width<=480px){.hero-content-wrapper-work{padding:0 1rem}}.hero-main-title-work{color:#05183d;text-align:center;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:56px;font-weight:800;line-height:1.1}@media (width<=1024px){.hero-main-title-work{font-size:48px}.skills-banner-inner-work{flex-direction:column;padding:2rem}}@media (width<=768px){.hero-main-title-work{font-size:clamp(2rem,5vw,2.8rem)}.hero-break{display:none}.skills-banner-inner-work{padding:1.5rem}}@media (width<=480px){.hero-main-title-work{font-size:24px;font-weight:800}}.hero-subline-work{text-align:center;width:100%;max-width:776px;margin:.5rem auto 0}.hero-description-line-work{color:#05183d;font-size:16px;font-weight:400;line-height:1.6}.hero-bottom-row-work{display:none}.reveal-work{opacity:0;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .6s;transform:translateY(24px)}.reveal-work.visible{opacity:1;transform:translateY(0)}.work-sections-container{background:linear-gradient(#fff0 0%,#fff 10% 100%);width:100%;padding:2rem 4rem 0}@media (width<=1024px){.work-sections-container{padding:2rem 2rem 0}}@media (width<=768px){.work-sections-container{padding:1.5rem 1.5rem 0}}@media (width<=480px){.work-sections-container{padding:1rem 1rem 0}}.work-section-block{padding:3rem 0}.work-section-block:last-child{border-bottom:none}.work-section-inner{grid-template-columns:auto 1fr;align-items:center;gap:4rem;display:grid}.work-section-reverse .work-section-inner{direction:rtl}.work-section-reverse .work-section-inner>*{direction:ltr}@media (width<=1024px){.work-section-inner{grid-template-columns:1fr;gap:3rem}}@media (width<=768px){.work-section-block{padding:2.5rem 0}.work-section-inner{grid-template-columns:1fr;gap:1.5rem}.work-section-reverse .work-section-inner{direction:ltr}}.work-section-media{justify-content:flex-start;display:flex}.work-section-video-wrapper{aspect-ratio:21/10;background:#1a1a2e;border-radius:16px;width:100%;max-width:580px;transition:transform .5s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000000f}.work-section-video-wrapper:hover{transform:scale(1.01)}.work-section-video{object-fit:cover;width:100%;height:100%;display:block}.work-section-video-overlay{pointer-events:none;background:linear-gradient(#0000 0% 60%,#00000026 100%);position:absolute;inset:0}.work-section-video-wrapper:hover{opacity:1;transform:rotate(-5deg)}.work-section-content{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.work-section-reverse .work-section-content{text-align:left;align-items:flex-start}@media (width<=768px){.work-section-reverse .work-section-content{text-align:left;align-items:flex-start}}.work-section-label{text-transform:uppercase;letter-spacing:.1em;color:#0040cc;background:#0040cc14;border-radius:30px;padding:.25rem 1rem;font-size:.8rem;font-weight:600}.work-section-title{color:#05183d;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;line-height:1.5;font-size:34px!important}.work-meta{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:.5rem;display:flex}.meta-item{color:var(--text-muted);align-items:center;gap:.5rem;font-size:16px;font-weight:400;display:flex}.dot{background:#05183d;border-radius:50%;width:8px;height:8px;position:relative}.meta-item.primary{color:#05183d;font-size:16px;font-weight:400}.meta-item.primary .dot{background:#22c55e}.dot.pulse:after{content:"";background:#22c55ecc;border-radius:50%;animation:1.6s infinite pulse;position:absolute;inset:0}@keyframes pulse{0%{opacity:.6;transform:scale(1)}70%{opacity:0;transform:scale(2.5)}to{opacity:0}}.work-section-chips{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.25rem 0 .5rem;display:flex}.work-section-chip{color:#0040cc;letter-spacing:-.2px;font-size:.75rem;font-weight:500}.work-section-chip-dot{color:#8c94a6;align-items:center;font-size:.5rem;display:flex}.work-section-description{color:#05183d;max-width:100%;margin:0;font-size:1.05rem;font-weight:300;line-height:1.6}.work-section-reverse .work-section-description{max-width:100%}@media (width<=768px){.work-section-description,.work-section-reverse .work-section-description{max-width:100%}}.work-section-btn{margin-top:.5rem}.work-carousel-section{background:#fff;padding:4rem clamp(1.5rem,5vw,4rem);position:relative;overflow:hidden}.work-carousel-container{max-width:1400px;margin:0 auto;position:relative}.work-carousel-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.work-carousel-heading{color:#05183d;letter-spacing:-.02em;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:32px;font-weight:800}.work-carousel-controls{align-items:center;gap:.75rem;display:flex}.work-carousel-arrow{cursor:pointer;color:#121826;pointer-events:auto;background:0 0;border:1px solid #e9edf2;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.work-carousel-arrow:hover{color:#0040cc;background:#0040cc0a;border-color:#0040cc;transform:translateY(-2px)}.work-carousel-arrow:active{transform:scale(.95)}.work-carousel-arrow svg{transition:transform .6s}.work-carousel-arrow:hover svg{transform:rotate(360deg)scale(1.1)}.work-carousel-wrapper{cursor:grab;padding:.5rem 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#05183d 4% 96%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#05183d 4% 96%,#0000 100%)}.work-carousel-wrapper:active{cursor:grabbing}.work-carousel-track{gap:1.5rem;width:max-content;display:flex;-webkit-mask-image:none;mask-image:none}.work-carousel-item{cursor:pointer;pointer-events:auto;background:#fff;border:1px solid #f0f2f6;border-radius:16px;flex-shrink:0;width:280px;text-decoration:none;transition:all .4s cubic-bezier(.22,1,.36,1);overflow:hidden}.work-carousel-item:hover{border-color:#0040cc;text-decoration:none;transform:translateY(-6px);box-shadow:0 12px 40px #0000000f}.work-carousel-item-inner{flex-direction:column;display:flex}.work-carousel-video-container{aspect-ratio:16/10;background:#1a1a2e;position:relative;overflow:hidden}.work-carousel-video{object-fit:cover;width:100%;height:100%;transition:transform .5s}.work-carousel-item:hover .work-carousel-video{transform:scale(1.05)}.work-carousel-video-overlay{pointer-events:none;background:linear-gradient(#0000 0% 60%,#0003 100%);position:absolute;inset:0}.work-carousel-item-content{padding:1rem 1.2rem}.work-carousel-item-content h3{color:#05183d;margin:0 0 .15rem;font-size:1rem;font-weight:600}.work-carousel-item-content span{color:#8c94a6;font-size:.85rem;font-weight:400}.work-carousel-wrapper{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}@media (width<=1024px){.work-carousel-heading{font-size:28px}.work-carousel-arrow{width:38px;height:38px}}@media (width<=768px){.work-carousel-section{padding:2rem 1.5rem}.work-carousel-header{flex-direction:row;justify-content:left;align-items:flex-start;gap:5rem;max-width:100%;margin-bottom:1.5rem}.work-carousel-heading{font-size:1.75rem}.work-carousel-wrapper{-webkit-overflow-scrolling:touch;cursor:default;padding:.5rem 0;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.work-carousel-wrapper:active{cursor:default}.work-carousel-track{width:auto;animation:none!important}.work-carousel-item{width:240px;text-decoration:none}.work-carousel-controls{gap:.5rem}.work-carousel-arrow{width:36px;height:36px}}@media (width<=480px){.work-carousel-section{padding:1.5rem 1rem}.work-carousel-heading{font-size:24px}.work-carousel-item{width:200px;text-decoration:none}.work-carousel-item-content{padding:.75rem 1rem}.work-carousel-item-content h3{font-size:.9rem}.work-carousel-item-content span{font-size:.75rem}.clouds-fullscreen-work{top:-40px}.work-section-block{padding:3rem 0}.work-section-chips{gap:.3rem}.work-section-chip{font-size:.65rem}.work-section-chip-dot{font-size:.4rem}.work-carousel-arrow{width:32px;height:32px}.work-carousel-arrow svg{width:16px;height:16px}.work-section-video-wrapper{aspect-ratio:16/10;background:#1a1a2e;border-radius:16px;width:100%;max-width:540px;transition:transform .5s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000000f}}@media (width<=1024px){.main-wrapper-work{margin-bottom:0!important}}@media (width<=768px){.main-wrapper-work{margin-bottom:0!important}}@media (width<=480px){.clouds-fullscreen-work{top:-40px!important}.work-section-title{font-weight:700;font-size:22px!important}}.skills-banner-inner-work{flex-direction:column;gap:3rem;padding:clamp(1.5rem,4vw,3rem);display:flex}.work-section-description{color:#05183d;font-size:1.05rem;font-weight:400;line-height:1.6}@media (width<=1024px){.skills-banner-inner-work{padding:2rem 4rem 3rem}}@media (width<=768px){.skills-banner-inner-work{gap:2rem;padding:2rem 1.5rem 2.5rem}}@media (width<=480px){.skills-banner-inner-work{gap:2rem;padding:1.5rem 1rem 2rem}}.product-design-page{z-index:2;background:var(--bg-white);font-family:var(--font-sans);color:var(--text-primary);margin-bottom:var(--footer-height);position:relative}.cs-hero-full{background:0 0;justify-content:flex-start;align-items:flex-end;width:100%;min-height:100vh;padding:4rem;display:flex;position:relative;overflow:hidden}.cs-hero-background{width:100%;height:auto;animation:3s cubic-bezier(.22,1,.36,1) forwards zoomOutHero;display:block;position:absolute;inset:0;overflow:hidden;transform:scale(1.12)}@keyframes zoomOutHero{0%{transform:scale(1.12)}to{transform:scale(1)}}.cs-hero-background img{object-fit:cover;width:100%;height:100%}.cs-hero-overlay{background:linear-gradient(-170deg,#0000 0% 10%,#0000004d 50%,#0009 100%);position:absolute;inset:0}.cs-hero-content{z-index:2;text-align:left;color:#fff;max-width:60%;position:relative}.cs-hero-chip{text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:30px;margin-bottom:16px;padding:4px 14px;font-size:.75rem;font-weight:600;display:inline-block}.cs-hero-title{color:#fff;margin:0 0 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:48px;font-weight:800;line-height:1.3}.cs-hero-description{opacity:.9;color:#fff;max-width:70%;margin:0 0 40px;font-size:16px;font-weight:300;line-height:1.6}.cs-hero-stats{border-radius:var(--radius-md);background:0 0;border:none;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;padding:2px 4px;display:grid}.stat-icon{background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-header{flex-direction:column;gap:8px;display:flex}.sidebar-chip{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:var(--primary-light);border-radius:30px;width:fit-content;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-block}.sidebar-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.sidebar-subtitle{color:var(--text-muted);margin:0;font-size:.85rem}.sidebar-nav-link.active{color:var(--primary);background:0 0}.nav-label{font-size:.9rem}.sidebar-nav-link.active .nav-label{font-size:1.5rem}.sidebar-nav-link,.nav-label{transition:all .35s cubic-bezier(.22,1,.36,1)}.sidebar-nav-link.active{transform:translate(4px)}.sidebar-footer{border-top:1px solid var(--border-light);flex-direction:column;align-items:flex-start;gap:6px;padding-top:20px;display:flex}@media (width<=1024px){.sidebar-back-cta{display:none}}.case-study-content{flex:1;max-width:80%;padding:0 60px 60px}.cs-section{border-bottom:2px solid;border-image:linear-gradient(90deg,#05183d,#fff) 1;padding:40px 0}.cs-section:last-child{border-bottom:none}.cs-section-header{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.cs-chip{text-transform:uppercase;letter-spacing:.05em;color:#7e8aa1;background:var(--bg-muted);border-radius:4px;width:fit-content;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-block}.cs-heading{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:2rem;font-weight:700;line-height:1}.cs-subheading{font-family:var(--font-display);color:var(--text-primary);margin:0 0 20px;font-size:1.3rem;font-weight:600}.cs-understand-grid{grid-template-columns:1fr 1fr;align-items:flex-start;gap:40px;margin-bottom:0;display:grid}.cs-understand-text{flex-direction:column;gap:16px;display:flex}.cs-understand-text p{color:#05183d;margin:0;font-size:14px;font-weight:300;line-height:1.6}.cs-understand-image{border-radius:var(--radius-md);overflow:hidden}.cs-understand-image img{width:90%;height:auto;display:block}.cs-full-image{border-radius:var(--radius-md);box-shadow:var(--card-shadow);overflow:hidden}.cs-full-image img{width:100%;height:auto;display:block}.cs-contributions{margin-bottom:0}.cs-contribution-chips{flex-wrap:wrap;gap:8px;display:flex}.cs-contribution-chip{color:var(--primary);background:#eff4ff;border-radius:16px;padding:16px 24px;font-size:14px}.cs-approach{margin-bottom:0}.cs-approach-grid{grid-template-columns:1fr 1fr;align-items:flex-start;gap:40px;margin-top:24px;margin-bottom:24px;display:grid}.cs-approach-text h4{font-family:var(--font-display);color:var(--text-primary);margin:0 0 12px;font-size:1.4rem;font-weight:600}.cs-approach-text p{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.7}.cs-approach-image{border-radius:var(--radius-md);box-shadow:var(--card-shadow);overflow:hidden}.cs-approach-image img{width:100%;height:auto;display:block}.cs-principles{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.principle-card{border-radius:var(--radius-md);background:#fbfcff;padding:20px;transition:all .3s}.principle-card:hover{background-color:#eff4ff}.principle-icon{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:12px;display:flex}.principle-icon img{object-fit:contain;width:100%;height:100%;display:block}.principle-card h4{color:var(--text-primary);margin:0 0 16px;font-size:.95rem;font-weight:600}.principle-card p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.cs-insights{margin-bottom:0}.cs-insight-cards{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.cs-insight-image{justify-content:flex-start;width:100%;margin-top:2rem;margin-left:-1.5rem;display:flex}.cs-insight-image img{border-radius:16px;width:100%;max-width:1000px;height:auto;display:block}.cs-insight-card{border-radius:var(--radius-md);border:1px solid var(--border-light);background:#f8fafc;padding:20px;transition:all .3s}.cs-insight-card:hover{border-color:var(--primary);box-shadow:var(--card-shadow)}.insight-avatar{background:var(--primary-light);width:32px;height:32px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:.85rem;font-weight:600;display:flex}.insight-quote{color:var(--text-primary);margin:0 0 8px;font-size:.9rem;font-style:italic;line-height:1.6}.insight-role{color:var(--text-muted);font-size:.75rem;font-weight:500}.cs-market{margin-bottom:0}.cs-market-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.cs-market-image{border-radius:var(--radius-md);box-shadow:var(--card-shadow);overflow:hidden}.cs-market-image img{width:100%;height:auto;display:block}.cs-market-list{flex-direction:column;gap:12px;display:flex}.cs-market-item{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:.95rem;line-height:1.5;display:flex}.cs-market p{color:#05183d;margin:24px 0;font-size:14px;font-weight:300;line-height:1.6}.market-bullet{color:var(--primary);font-weight:600}.cs-market-groups{flex-direction:column;gap:2rem;display:flex}.cs-market-group{flex-direction:column;gap:.8rem;display:flex}.cs-market-heading{color:#0040cc;background:#eff4ff;border-radius:10px;width:fit-content;padding:8px 16px;font-size:16px;font-weight:400;display:inline-block}.cs-market-item{color:#05183d;padding-left:.5rem;font-size:14px;font-weight:300;line-height:1.6}.cs-structure-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.structure-card{background:#fbfcff;border-radius:16px;padding:2rem;transition:all .3s}.structure-card:hover{background:#eff4ff}.structure-card img{object-fit:contain;width:100%;height:fit-content;margin-bottom:1.2rem}@media (width<=768px){.cs-hero-full{background:0 0;justify-content:flex-start;align-items:center;width:100%;height:90vh;padding:420px 4rem 4rem;display:flex;position:relative;overflow:hidden}.cs-hero-overlay{background:linear-gradient(-170deg,#0000 0% 10%,#00000080 50%,#0009 100%);position:absolute;inset:0}.cs-hero-background{width:100%;height:800px;animation:3s cubic-bezier(.22,1,.36,1) forwards zoomOutHero;display:block;transform:scale(1.12)}.cs-hero-background img{object-fit:cover;object-position:75% center;width:100%;height:100vh}.cs-structure-grid{grid-template-columns:1fr}}.structure-card p{color:#05183d;margin:0;font-size:14px;font-weight:300;line-height:1.6}.cs-structure-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px;display:grid}.structure-card{border-radius:var(--radius-md);background:#fbfcff;border:1px solid #dde4ee;padding:24px}.structure-card h4{color:var(--text-primary);margin:0 0 8px;font-size:1rem;font-weight:600}.structure-diagram{flex-direction:column;align-items:center;gap:8px;display:flex}.cs-body-text{color:#05183d;margin:1rem 0 0;font-size:14px;font-weight:300;line-height:1.8}.flow-item{border-radius:var(--radius-sm);border:1px solid var(--border-light);text-align:center;background:#f8fafc;width:100%;padding:10px 16px;font-size:.85rem}.structure-diagram.after .flow-item{background:var(--primary-light);color:var(--primary);border-color:#0040cc26}.flow-arrow{color:var(--text-muted);font-size:.8rem}.cs-structure-visuals{grid-template-columns:1fr 1fr;gap:24px;display:grid}.structure-visual-card{border-radius:var(--radius-md);border:1px solid var(--border-light);overflow:hidden}.structure-visual-card h4{border-bottom:1px solid var(--border-light);background:#f8fafc;margin:0;padding:12px 16px;font-size:.85rem;font-weight:600}.structure-visual-card img{width:100%;height:auto;display:block}.cs-design-section{padding-bottom:60px}.cs-design-gallery{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:48px;display:grid}.design-image{border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--card-shadow);overflow:hidden}.design-image img{width:100%;height:auto;display:block}.cs-improvements{margin-bottom:48px}.cs-improvement-cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.improvement-card{border-radius:var(--radius-md);border:1px solid var(--border-light);padding:20px;transition:all .3s}.improvement-card:hover{border-color:var(--primary);box-shadow:var(--card-shadow)}.improvement-card h4{color:var(--text-primary);margin:0 0 8px;font-size:1rem;font-weight:600}.improvement-card p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.cs-feature-walkthrough{margin-bottom:24px}.feature-flow{border-radius:var(--radius-md);background:#f8fafc;flex-wrap:nowrap;align-items:center;gap:12px;padding:20px;display:flex;overflow-x:auto}.feature-screen{border-radius:var(--radius-sm);border:1px solid var(--border-light);text-align:center;background:#fff;flex-shrink:0;width:140px;overflow:hidden}.feature-screen img{width:100%;height:auto;display:block}.feature-screen span{color:var(--text-secondary);padding:8px 8px 10px;font-size:.7rem;font-weight:500;display:block}.flow-arrow-icon{color:var(--text-muted);flex-shrink:0}.design-system-image{background:#fff;border:1px solid #fff;border-radius:16px;width:100%;margin-top:1.5rem;overflow:hidden}.design-system-image img{object-fit:cover;width:100%;height:auto;display:block}.cs-design-system{margin-bottom:0}.design-system-image{border-radius:var(--radius-md);position:relative;overflow:hidden}.design-system-image img{width:100%;height:auto;display:block}.design-system-notes{border-top:1px solid var(--border-light);background:#f8fafc;flex-wrap:wrap;gap:8px;padding:16px 20px;display:flex}.design-system-notes span{border:1px solid var(--border-light);color:var(--text-secondary);background:#fff;border-radius:30px;padding:2px 10px;font-size:.75rem}.cs-contributions,.cs-approach,.cs-market,.cs-flows{border-top:1px solid;border-image:linear-gradient(90deg,#9a9a9b,#fff) 1;margin-top:40px;padding-top:40px}.cs-contributions{border-top:none;margin-top:0;padding-top:0}.cs-tradeoff-cards{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.tradeoff-card{border-radius:var(--radius-md);border:1px solid var(--border-light);background:#fff;padding:20px;transition:all .3s}.tradeoff-card:hover{border-color:var(--primary);box-shadow:var(--card-shadow)}.tradeoff-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.65rem;font-weight:600}.tradeoff-challenge,.tradeoff-decision,.tradeoff-outcome{margin-bottom:12px}.tradeoff-challenge:last-child,.tradeoff-decision:last-child,.tradeoff-outcome:last-child{margin-bottom:0}.tradeoff-card p{color:var(--text-secondary);margin:4px 0 0;font-size:.85rem;line-height:1.5}.tradeoff-images{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;display:grid}.tradeoff-image{background:#fff;border-radius:16px;overflow:hidden}.tradeoff-image img{width:100%;height:auto;display:block}@media (width<=768px){.tradeoff-images{grid-template-columns:1fr}}.cs-collaboration{margin-bottom:48px}.cs-collab-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.collab-diagram{border-radius:var(--radius-md);border:1px solid var(--border-light);background:#f8fafc;padding:24px}.collab-flow{flex-direction:column;align-items:center;gap:6px;display:flex}.collab-node{border-radius:var(--radius-sm);border:1px solid var(--border-light);text-align:center;background:#fff;width:100%;padding:10px 20px;font-size:.85rem;font-weight:500}.collab-arrow{color:var(--text-muted);font-size:.8rem}.collab-points{flex-direction:column;gap:16px;display:flex}.collab-point{border-radius:var(--radius-sm);border:1px solid var(--border-light);color:var(--text-secondary);align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;display:flex}.collab-point svg{color:var(--primary);flex-shrink:0}.beyond-gallery{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.beyond-item{border-radius:var(--radius-md);border:1px solid var(--border-light);aspect-ratio:1;position:relative;overflow:hidden}.beyond-item.large{grid-column:span 2}.beyond-item img{object-fit:cover;width:100%;height:100%}.beyond-item span{color:#fff;background:linear-gradient(#0000,#000000b3);padding:12px 16px;font-size:.8rem;font-weight:500;position:absolute;bottom:0;left:0;right:0}.beyond-gallery{grid-template-columns:1fr 1fr 1fr;grid-auto-rows:auto;gap:16px;display:grid}.beyond-item.large{aspect-ratio:16/10;grid-column:span 2}.beyond-item-btn:hover{border-bottom-color:#fff;gap:1rem;transform:translateY(-3px)}.beyond-item-btn:hover .arrow-icon-work{transform:rotate(360deg)}.cs-beyond-grid{margin-top:8px}.beyond-gallery{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:16px;display:grid}.beyond-item{border-radius:var(--radius-md);border:1px solid var(--border-light);aspect-ratio:1;cursor:pointer;background:#f8fafc;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.beyond-item img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.beyond-item:hover img{transform:scale(1.08)}.beyond-item-overlay{opacity:1;color:#fff;background:linear-gradient(#0000 0%,#0000001a 30%,#000000bf 100%);flex-direction:column;justify-content:flex-end;padding:24px;transition:all .5s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0}.beyond-item:hover .beyond-item-overlay{opacity:1}.beyond-item-overlay h4{font-family:var(--font-display);margin:0 0 4px;font-size:1.1rem;font-weight:600}.beyond-item-overlay p{opacity:.85;margin:0 0 12px;font-size:.8rem;font-weight:300}.beyond-item-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-bottom:1.5px solid #ffffff4d;align-items:center;gap:6px;width:fit-content;padding:4px 0;font-size:.8rem;font-weight:500;transition:all .3s;display:inline-flex}.beyond-item-btn:hover{border-bottom-color:#fff;gap:12px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cs-modal-info{flex-shrink:0;margin-top:8px}.cs-modal-button{color:#03a;margin-top:8px;font-size:16px;font-weight:500;line-height:1.6}.cs-modal-button :hover,.cs-modal-button :active{color:#05183d}.cs-modal-tags{flex-wrap:wrap;gap:10px;display:flex}.cs-modal-tags span{background:var(--primary-light);color:var(--primary);border:1px solid #0040cc14;border-radius:30px;padding:4px 14px;font-size:.75rem}.cs-modal-grid.cs-modal-grid-4{overflow-y:none;flex:1;grid-template-columns:repeat(3,1fr);align-content:start;gap:16px;padding-bottom:8px;display:grid}.cs-modal-grid.cs-modal-grid-4 .cs-modal-grid-item{border-radius:var(--radius-sm);aspect-ratio:5/5;border:1px solid var(--border-light);cursor:pointer;background:#f8fafc;transition:all .3s;overflow:hidden}.cs-modal-grid.cs-modal-grid-4 .cs-modal-grid-item img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.cs-modal-grid.cs-modal-grid-2{overflow-y:none;flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:20px;padding-bottom:8px;display:grid}.cs-modal-grid.cs-modal-grid-2 .cs-modal-grid-item-tall{border-radius:var(--radius-sm);aspect-ratio:0/2;border:1px solid var(--border-light);cursor:pointer;background:#f8fafc;transition:all .3s;overflow:hidden}.cs-modal-grid.cs-modal-grid-2 .cs-modal-grid-item-tall:hover{box-shadow:var(--card-shadow)}.cs-modal-grid.cs-modal-grid-2 .cs-modal-grid-item-tall img{object-fit:contain;object-position:top center;width:100%;height:100%}.cs-modal-marketing-grid .cs-modal-marketing-item{aspect-ratio:1}.cs-modal-marketing-grid .cs-modal-marketing-item img{object-fit:cover;object-position:center}@media (width>=1025px){.cs-modal-videos{flex:none;overflow:visible}.cs-modal-video-item{aspect-ratio:16/10;flex:none;height:auto}}.cs-modal-grid.cs-modal-grid-4::-webkit-scrollbar{width:6px}.cs-modal-grid.cs-modal-grid-2::-webkit-scrollbar{width:6px}.cs-modal-videos::-webkit-scrollbar{width:6px}.cs-modal-grid.cs-modal-grid-4::-webkit-scrollbar-track{background:#f5f7fa;border-radius:10px}.cs-modal-grid.cs-modal-grid-2::-webkit-scrollbar-track{background:#f5f7fa;border-radius:10px}.cs-modal-videos::-webkit-scrollbar-track{background:#f5f7fa;border-radius:10px}.cs-modal-grid.cs-modal-grid-4::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:10px}.cs-modal-grid.cs-modal-grid-2::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:10px}.cs-modal-videos::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:10px}.cs-modal-grid.cs-modal-grid-4::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.cs-modal-grid.cs-modal-grid-2::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.cs-modal-videos::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.cs-other-products-grid{grid-template-columns:1fr;gap:24px;display:grid}.cs-other-product-card{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:24px;min-height:420px;position:relative;overflow:hidden}.cs-other-product-overlay{background:linear-gradient(#ffffff0d 0%,#ffffff59 75%,#ffffffb8 95% 100%);align-items:flex-end;padding:16px;display:flex;position:absolute;inset:0}.cs-other-product-image{aspect-ratio:16/2;overflow:hidden}.cs-other-product-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.cs-other-product-card:hover .cs-other-product-image img{transform:scale(1.03)}.cs-other-product-content{flex-direction:column;gap:8px;padding:24px;display:flex}.cs-other-product-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.cs-other-product-description{color:#05183d;margin:0 0 12px;font-size:14px;line-height:1.6}.cs-other-product-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:fit-content;padding:0;font-size:1rem;font-weight:500;transition:all .35s cubic-bezier(.2,.9,.4,1.1);display:inline-flex}.cs-other-product-btn:hover{gap:1rem;transform:translateY(-3px)}.cs-other-product-btn:hover .arrow-icon-work{transform:rotate(360deg)}.cs-contribution-chips{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.cs-contribution-chip{color:#0040cc;background:#0040cc14;border:1px solid #0040cc26;border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;transition:all .25s;display:inline-flex}.cs-contribution-chip:hover{color:#fff;background:#0040cc}.cs-modal-other-product{flex-direction:column;flex:1;gap:28px;padding-bottom:8px;display:flex;overflow-y:auto}.cs-modal-other-section{width:100%}.cs-modal-other-text{padding:4px 0}.cs-modal-other-text p,.cs-modal-other-section p{color:#05183d;margin:0;font-size:14px;font-weight:300;line-height:1.6}.cs-modal-other-text-image{grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:16px 0 8px;display:grid}.cs-modal-other-text-content p{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.8}.cs-modal-other-image{border-radius:var(--radius-md);aspect-ratio:4/2;border:1px solid var(--border-light);background:#f8fafc;overflow:hidden}.cs-modal-other-image img{object-fit:cover;width:100%;height:100%}.cs-dosth-highlights{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:-24px;display:grid}.cs-dosth-highlights .structure-card{background:#fbfcff;border-radius:16px;padding:18px;transition:all .3s}.cs-dosth-highlights .structure-card:hover{background:#eff4ff}.cs-dosth-highlights .structure-card img{object-fit:contain;width:100%;height:fit-content;margin-bottom:1.2rem}.cs-dosth-highlights .structure-card h4{color:var(--text-primary);margin:0 0 8px;font-size:1rem;font-weight:600}.cs-dosth-highlights .structure-card p{color:#05183d;margin:0;font-size:14px;font-weight:300;line-height:1.6}@media (width<=768px){.cs-dosth-highlights{grid-template-columns:1fr}}.cs-beyond-grid-dosth{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px;display:grid}@media (width<=768px){.cs-beyond-grid-dosth{grid-template-columns:1fr}}.cs-outcomes-section{background:#eff4ff;border-radius:20px;margin-top:24px;padding:24px}.cs-outcomes-description{color:#05183d;max-width:90%;margin-top:0;margin-bottom:24px;font-size:14px;font-weight:300;line-height:1.6}.cs-outcomes-card{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.cs-outcome-item{background:#fff;border-radius:16px;flex-direction:column;align-items:flex-start;gap:16px;height:100%;padding:24px;display:flex}.cs-outcome-item img{object-fit:contain;width:48px;height:48px}.cs-outcome-item h4{color:#05183d;margin:0 0 8px;font-size:16px;font-weight:600}.cs-outcome-item p{color:var(--text-secondary);margin:0;font-size:14px;font-weight:300;line-height:1.6}@media (width<=1024px){.cs-outcomes-card{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.cs-outcomes-card{grid-template-columns:1fr}.cs-outcomes-section{padding:24px}.cs-outcome-item{flex-direction:column}.cs-outcome-item img{width:44px;height:44px}}.cs-dosth-modal-title{margin-top:16px;margin-bottom:16px;font-size:18px;font-weight:500}@media (width<=1024px){.cs-other-product-image{aspect-ratio:16/8}.cs-other-product-content{padding:24px}.cs-other-product-title{font-size:1.4rem}.cs-modal-other-text-image{grid-template-columns:1fr;gap:20px}.cs-modal-other-image{aspect-ratio:16/9}}@media (width<=768px){.cs-other-product-image{aspect-ratio:16/9}.cs-other-product-content{padding:20px}.cs-other-product-title{font-size:1.2rem}.cs-other-product-description{font-size:.9rem}.cs-modal-other-text-image{grid-template-columns:1fr;gap:16px}.cs-modal-other-text p,.cs-modal-other-text-content p{font-size:.9rem}.cs-modal-other-product{gap:20px}}@media (width<=480px){.cs-other-product-content{padding:16px}.cs-other-product-title{font-size:1rem}.cs-modal-other-text-image{gap:12px}.cs-modal-other-image{aspect-ratio:4/3}}@media (width<=1024px){.cs-modal{width:90%;max-width:900px;height:85vh;max-height:85vh}.cs-modal-description{max-width:100%}.cs-modal-title{font-size:1.4rem}.cs-modal-body{max-height:calc(85vh - 80px);padding:20px 24px 24px}.cs-modal-grid.cs-modal-grid-4{grid-template-columns:repeat(3,1fr);gap:14px}.cs-modal-grid.cs-modal-grid-2{gap:16px}}@media (width<=768px){.cs-modal{border-radius:var(--radius-md);width:94%;height:90vh;max-height:88vh}.cs-modal-header{padding:16px 20px}.cs-modal-title{font-size:1.2rem}.cs-modal-body{gap:16px;max-height:calc(90vh - 70px);padding:16px 20px 20px}.cs-modal-description{font-size:.9rem}.cs-modal-divider{margin:0 20px}.cs-modal-close{width:36px;height:36px}.cs-modal-grid.cs-modal-grid-4,.cs-modal-grid.cs-modal-grid-2{grid-template-columns:repeat(2,1fr);gap:12px}.cs-modal-grid.cs-modal-grid-2 .cs-modal-grid-item-tall{aspect-ratio:3/4}.cs-modal-videos{gap:16px}.beyond-gallery{grid-template-columns:1fr 1fr;gap:12px}.cs-modal-grid.cs-modal-grid-2 .cs-modal-grid-item-tall img{object-fit:contain;object-position:top center;width:100%;height:auto;display:block}}@media (width<=480px){.cs-modal{border-radius:var(--radius-sm);width:96%;height:92vh;max-height:88vh}.cs-modal-header{padding:12px 16px}.cs-modal-title{font-size:1rem}.cs-modal-body{gap:14px;max-height:calc(92vh - 60px);padding:12px 16px 16px}.cs-modal-divider{margin:0 16px}.cs-modal-description{margin-bottom:12px;font-size:.85rem;line-height:1.6}.cs-modal-close{width:32px;height:32px}.cs-modal-grid.cs-modal-grid-4{grid-template-columns:repeat(2,1fr);gap:10px}.cs-modal-grid.cs-modal-grid-2{grid-template-columns:1fr 1fr;gap:10px}.cs-modal-grid.cs-modal-grid-2 .cs-modal-grid-item-tall{aspect-ratio:auto}.cs-modal-tags span{padding:2px 10px;font-size:.65rem}.cs-modal-videos{gap:12px}.beyond-gallery{grid-template-columns:1fr;gap:12px}.beyond-item-overlay{padding:16px}.beyond-item-overlay h4{font-size:1rem}.beyond-item-overlay p{margin:0 0 10px;font-size:.75rem}.beyond-item-btn{font-size:.75rem}}.cs-reflection-panel{background:#eff4ff;border-radius:24px;padding:32px}.cs-reflection-text{color:#05183d;margin:0;font-size:14px;font-weight:300;line-height:1.6}.cs-reflection-subtitle{color:#05183d;margin:16px 0 8px;font-size:18px;font-weight:500}.cs-reflection-highlights{flex-wrap:wrap;gap:48px;margin-top:48px;display:flex}.highlight-item{align-items:center;gap:12px;display:flex}.highlight-item img{object-fit:contain;width:26px;height:26px}.highlight-item span{color:#05183d;font-size:16px;font-weight:600}.cs-reflection-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.reflection-card{border-radius:var(--radius-md);border:1px solid var(--border-light);background:#fff;padding:20px;transition:all .3s}.reflection-card:hover{border-color:var(--primary);box-shadow:var(--card-shadow)}.reflection-number{color:var(--primary);margin-bottom:8px;font-size:.7rem;font-weight:600;display:block}.reflection-card p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.cs-other-products{padding-bottom:40px}.cs-product-cards{grid-template-columns:1fr 1fr;gap:24px;display:grid}.product-card{border-radius:var(--radius-md);border:1px solid var(--border-light);background:#fff;transition:all .4s;overflow:hidden}.product-card:hover{box-shadow:var(--hover-shadow);border-color:var(--primary);transform:translateY(-4px)}.product-card-image{aspect-ratio:16/9;overflow:hidden}.product-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-content{padding:20px}.product-card-content h3{font-family:var(--font-display);color:var(--text-primary);margin:0 0 6px;font-size:1.1rem;font-weight:600}.product-card-content p{color:var(--text-secondary);margin:0 0 16px;font-size:.85rem;line-height:1.5}.product-card-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:600;transition:all .3s}.product-card-btn:hover{transform:translate(4px)}@media (width<=1024px){.product-design-page{overflow-x:hidden}.cs-hero-full{min-height:78vh;padding:170px 2rem 3rem}.cs-hero-content{max-width:100%}.cs-hero-title{font-size:clamp(2.6rem,4.2vw,3.3rem)}.cs-hero-description{max-width:100%}.cs-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.case-study-layout{flex-direction:column}.case-study-sidebar{border-right:none;border-bottom:1px solid var(--border-light);width:100%;height:auto;min-height:auto;padding:24px 24px 8px;position:relative}.sidebar-content{gap:16px}.sidebar-nav{flex-flow:wrap;gap:8px}.sidebar-nav-link{background:#f5f7fa;border-radius:999px;padding:8px 10px}.sidebar-nav-link.active{background:var(--primary-light);color:var(--primary);transform:none}.sidebar-nav-link.active .nav-label{font-size:.95rem;font-weight:600}.sidebar-footer{display:none}.case-study-content{max-width:100%;padding:0 32px 48px}.cs-section{padding:48px 0}.cs-section-header{margin-bottom:24px}.cs-heading{font-size:clamp(1.7rem,3vw,2rem);line-height:1.15}.cs-understand-grid,.cs-approach-grid,.cs-market-grid,.cs-collab-grid,.cs-structure-visuals,.cs-design-gallery,.cs-reflection-grid{grid-template-columns:1fr;gap:24px}.cs-understand-image img{width:100%}.cs-principles,.cs-improvement-cards,.cs-tradeoff-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-structure-grid{grid-template-columns:1fr 1fr}.cs-insight-image{margin-top:1.25rem;margin-left:0}.cs-contribution-chips{gap:8px}.cs-product-cards{grid-template-columns:1fr}.cs-other-product-card{min-height:360px}}@media (width<=768px){.mobile-back-btn{display:flex}.mobile-nav-overlay{display:block}.cs-hero-full{min-height:68vh;padding:120px 1.25rem 2.25rem}.cs-hero-title{font-size:clamp(1.9rem,5.8vw,2.5rem);line-height:1.12}.cs-hero-description{max-width:100%;margin-bottom:24px;font-size:.95rem}.cs-hero-stats{grid-template-columns:1fr;gap:10px;padding:0}.stat-card{gap:8px}.stat-value{font-size:.8rem}.case-study-content{padding:0 16px 32px}.cs-heading{font-size:clamp(1.35rem,4.2vw,1.75rem)}.cs-section{padding:36px 0}.cs-section-header{margin-bottom:20px}.cs-understand-text p,.cs-approach-text p,.cs-market p,.cs-body-text,.cs-reflection-text,.cs-modal-description,.cs-outcomes-description,.cs-modal-other-section p,.cs-modal-other-text p{font-size:.92rem;line-height:1.65}.cs-understand-image img{width:100%}.cs-principles,.cs-improvement-cards,.cs-tradeoff-cards,.cs-structure-grid,.cs-structure-visuals,.cs-design-gallery,.cs-reflection-grid,.cs-dosth-highlights,.cs-beyond-grid-dosth,.cs-outcomes-card{grid-template-columns:1fr}.cs-contribution-chip{padding:10px 12px;font-size:.78rem}.cs-insight-image{margin-top:1rem;margin-left:0}.beyond-gallery{grid-template-columns:1fr}.beyond-item{aspect-ratio:4/3}.feature-flow{gap:8px;padding:12px}.feature-screen{width:92px}.feature-screen span{padding:4px 4px 6px;font-size:.6rem}.cs-reflection-panel{padding:24px}.cs-other-product-card{min-height:300px}.cs-other-product-content{padding:16px}.cs-other-product-title{font-size:1.05rem}.cs-modal{border-radius:var(--radius-md);width:96%;height:92vh;max-height:82vh}.cs-modal-header{padding:16px 20px}.cs-modal-body{gap:14px;max-height:calc(92vh - 70px);padding:16px 20px 20px}.cs-modal-grid.cs-modal-grid-4,.cs-modal-grid.cs-modal-grid-2{grid-template-columns:1fr;gap:12px}.cs-modal-videos{gap:12px}.cs-modal-video-item{max-width:100%;height:240px}}@media (width<=480px){.cs-hero-full{min-height:62vh;padding:400px 1rem 1.75rem}.cs-hero-title{font-size:clamp(1.7rem,5.2vw,2rem)}.cs-hero-stats{grid-template-columns:1fr}.cs-heading{font-size:1.4rem}.cs-section-header{margin-bottom:20px}.case-study-content{padding:0 14px 28px}.mobile-nav-toggle{width:40px;height:40px;display:none;top:76px;right:14px}.cs-contribution-chip{padding:8px 10px;font-size:.72rem}.cs-reflection-panel{padding:18px}.cs-other-product-card{background-position:100% 0;background-repeat:no-repeat;background-size:contain;border-radius:24px;min-height:300px;position:relative;overflow:hidden}.cs-other-product-overlay{background:linear-gradient(#ffffff0d 0%,#ffffff59 75%,#ffffffb8 95% 100%);align-items:flex-end;padding:0;display:flex;position:absolute;inset:0}.product-design-page{margin-bottom:0}.case-study-sidebar{display:none}}@media (width>=769px) and (width<=1024px){.product-design-page{margin-bottom:0}.mobile-back-btn{display:flex}.cs-hero-full{flex-direction:column;justify-content:flex-end;align-items:center;height:60vh;min-height:60vh;padding:80px 2rem 2rem;display:flex;position:relative;overflow:hidden}.cs-hero-background{z-index:0;width:100%;height:100%;position:absolute;inset:0;animation:none!important;transform:scale(1)!important}.cs-hero-background .image-wrapper{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.cs-hero-background img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.cs-hero-overlay{z-index:1;background:linear-gradient(-170deg,#0000 0% 10%,#00000080 50%,#000000b3 100%);position:absolute;inset:0}.cs-hero-content{z-index:2;text-align:left;color:#fff;width:100%;max-width:100%;margin-bottom:10px;position:relative;top:0}.cs-hero-stats{max-width:100%}}@media (width>=1025px) and (width<=1200px){.cs-hero-background{width:100%;height:100%;position:absolute;inset:0;overflow:hidden;animation:none!important;transform:none!important}.cs-hero-background .image-wrapper{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.cs-hero-background img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}}.brand-communication-page{z-index:2;background:var(--bg-white);font-family:var(--font-sans);color:var(--text-primary);margin-bottom:var(--footer-height);position:relative}.bc-hero-full{background:0 0;justify-content:flex-start;align-items:flex-end;width:100%;min-height:100vh;padding:4rem;display:flex;position:relative;overflow:hidden}.bc-hero-background{position:absolute;inset:0;overflow:hidden}.bc-hero-background img{object-fit:cover;width:100%;height:100vh;animation:3s cubic-bezier(.22,1,.36,1) forwards zoomOutHero}.bc-hero-overlay{background:linear-gradient(-170deg,#0000 0% 10%,#0000004d 50%,#0009 100%);position:absolute;inset:0}.bc-hero-content{z-index:2;text-align:left;color:#fff;max-width:60%;position:relative}.bc-hero-title{color:#fff;margin:0 0 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:48px;font-weight:800;line-height:1.2}.bc-hero-description{opacity:.9;color:#fff;max-width:70%;margin:0 0 40px;font-size:16px;font-weight:300;line-height:1.6}.bc-hero-stats{border-radius:var(--radius-md);background:0 0;border:none;grid-template-columns:repeat(2,1fr);gap:16px;max-width:600px;padding:2px 4px;display:grid}.case-study-layout{padding-top:0;display:flex}.case-study-sidebar{background:var(--bg-white);border-right:1px solid #0000;flex-shrink:0;width:24%;min-width:240px;height:100vh;padding:40px 32px;position:sticky;top:0;overflow-y:auto}.case-study-content{flex:1;min-width:0;max-width:none;padding:0 60px 60px 20px}.sidebar-content{flex-direction:column;gap:32px;height:100%;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar-nav-link{border-radius:var(--radius-sm);color:#05183d;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:8px 12px;font-weight:300;transition:all .3s;display:flex}.sidebar-nav-link:hover{color:var(--text-primary);background:#f5f7fa}.sidebar-nav-link.active{color:var(--primary);background:0 0;transform:translate(4px)}.nav-indicator{background:var(--border-light);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:all .3s}.sidebar-nav-link.active .nav-indicator{background:var(--primary);width:8px;height:8px}.nav-label{font-size:.9rem;transition:all .35s cubic-bezier(.22,1,.36,1)}.sidebar-nav-link.active .nav-label{font-size:1.3rem;font-weight:400}.sidebar-footer{border-top:1px solid var(--border-light);flex-direction:column;flex-shrink:0;align-items:flex-start;gap:6px;padding-top:20px;display:flex}.sidebar-cta{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 0;font-size:.85rem;transition:color .3s;display:flex}.sidebar-cta:hover{color:var(--primary)}.sidebar-back-cta{display:flex}@media (width<=1024px){.sidebar-back-cta{display:none}}.bc-section{border-bottom:2px solid;border-image:linear-gradient(90deg,#05183d,#fff) 1;padding:40px 0 0}.bc-section:last-child{border-bottom:none}.bc-section-header{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.bc-chip{text-transform:uppercase;letter-spacing:.05em;color:#7e8aa1;background:var(--bg-muted);border-radius:4px;width:fit-content;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-block}.bc-heading{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:2rem;font-weight:700;line-height:1.2}.bc-subheading{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:600}.bc-overview-grid{grid-template-columns:1fr;gap:24px;margin-bottom:32px;display:grid}.bc-overview-text p{color:#05183d;max-width:80%;margin:0;font-size:14px;font-weight:300;line-height:1.8}.bc-brand-chips{flex-wrap:wrap;gap:20px;margin-top:16px;display:flex}.bc-brand-chip{border:1px solid var(--border-light);border-radius:var(--radius-md);background:#fbfcff;align-items:center;gap:12px;padding:12px 20px;transition:all .3s;display:flex}.bc-brand-chip:hover{border-color:var(--primary);background:var(--primary-light)}.chip-number{color:var(--primary);font-size:.75rem;font-weight:600}.chip-name{color:var(--text-primary);font-size:.95rem;font-weight:500}.bc-brand-subsection{margin-bottom:24px;padding-top:0}.bc-brand-subsection:first-of-type{border-top:none;padding-top:0}.bc-section-divider{background:var(--border-light);height:1px;margin:32px 0}.bc-brand-summary{max-width:75%;color:var(--text-secondary);margin:16px 0 24px;font-size:.98rem;line-height:1.9}.bc-subsection-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.bc-view-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:.85rem;font-weight:500;transition:all .35s cubic-bezier(.2,.9,.4,1.1);display:inline-flex}.bc-view-btn:hover{gap:12px;transform:translateY(-2px)}.bc-view-btn:hover .arrow-icon-work{transform:rotate(360deg)}.bc-scroll-wrapper{align-items:flex-start;gap:12px;padding-top:8px;display:flex;position:relative}.bc-scroll-arrow{border:1px solid var(--border-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);z-index:5;box-shadow:var(--card-shadow);background:#fffffff2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:-24px;right:0}.bc-scroll-arrow-left{right:44px}.bc-scroll-arrow-right{right:0}.bc-scroll-arrow:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.05)}.bc-scroll-arrow:active{transform:scale(.95)}.bc-scroll-arrow.disabled,.bc-scroll-arrow[disabled]{opacity:.35;cursor:not-allowed;border-color:var(--border-light);color:var(--text-muted);transform:none}.bc-horizontal-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;flex:1;min-width:0;padding:24px 4px 16px;overflow:auto visible}.bc-horizontal-scroll::-webkit-scrollbar{display:none}.bc-scroll-track{gap:16px;width:max-content;display:flex}.bc-scroll-item{aspect-ratio:5/5;border-radius:var(--radius-md);border:1px solid var(--border-light);cursor:pointer;flex-shrink:0;width:clamp(400px,22vw,360px);transition:all .4s cubic-bezier(.22,1,.36,1);overflow:hidden}.bc-scroll-item:hover{box-shadow:var(--hover-shadow);border-color:var(--primary);transform:translateY(-4px)}.bc-scroll-item img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.bc-scroll-item:hover img{transform:scale(1.05)}.bc-other-works-subsection{margin-bottom:0}.bc-other-works-track{gap:20px}.bc-other-works-item{aspect-ratio:4/3;border-radius:var(--radius-md);border:1px solid var(--border-light);cursor:pointer;flex-shrink:0;width:280px;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.bc-other-works-item:hover{box-shadow:var(--hover-shadow);border-color:var(--primary);transform:translateY(-4px)}.bc-other-works-item img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.bc-other-works-item:hover img{transform:scale(1.05)}.bc-other-works-overlay{opacity:0;background:linear-gradient(#0000 0%,#000c 100%);flex-direction:column;gap:8px;padding:20px;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:0;left:0;right:0}.bc-other-works-item:hover .bc-other-works-overlay{opacity:1}.bc-other-works-overlay h4{font-family:var(--font-display);color:#fff;margin:0;font-size:1rem;font-weight:600}.bc-other-works-btn{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;width:fit-content;padding:4px 0;font-size:.8rem;font-weight:500;transition:all .35s cubic-bezier(.2,.9,.4,1.1);display:inline-flex}.bc-other-works-btn:hover{gap:12px;transform:translate(4px)}.cs-modal-info{flex-shrink:0}.cs-modal-description{color:#05183d;max-width:90%;margin:0;font-size:14px;font-weight:300;line-height:1.6}.cs-modal-grid.cs-modal-grid-4{flex:1;align-content:start;gap:16px;padding-bottom:8px;display:flex}.cs-modal-grid.cs-modal-grid-4 .cs-modal-grid-item{border-radius:var(--radius-sm);border:1px solid var(--border-light);cursor:pointer;background:#f8fafc;transition:all .3s;overflow:hidden}.cs-modal-grid.cs-modal-grid-4 .cs-modal-grid-item:hover{box-shadow:var(--card-shadow);border-color:var(--primary);transform:translateY(-4px)}.cs-modal-grid.cs-modal-grid-4 .cs-modal-grid-item img{object-fit:contain;transition:transform .4s}.cs-modal-grid.cs-modal-grid-4 .cs-modal-grid-item:hover img{transform:scale(1.05)}.cs-modal-pdf-wrapper{border:1px solid var(--border-light);border-radius:var(--radius-md);background:#f8fafc;flex:1;justify-content:center;align-items:flex-start;width:100%;min-height:0;padding:8px;display:flex;overflow:hidden auto}.cs-modal-pdf-frame{object-fit:contain;background:#fff;border:none;width:100%;max-width:100%;height:auto;min-height:70vh;display:block}@media (width<=1024px){.brand-communication-page{overflow-x:hidden}.bc-hero-full{align-items:center;min-height:78vh;padding:170px 2rem 3rem}.bc-hero-content{max-width:100%}.bc-hero-title{font-size:clamp(2.6rem,4.2vw,3.3rem)}.bc-hero-description{max-width:100%}.bc-hero-stats{grid-template-columns:repeat(2,1fr)}.case-study-layout{flex-direction:column}.case-study-sidebar{border-right:none;border-bottom:1px solid var(--border-light);width:100%;height:auto;min-height:auto;padding:24px 24px 8px;position:relative;top:0}.sidebar-content{gap:16px}.sidebar-nav{flex-flow:wrap;gap:8px}.sidebar-nav-link{background:#f5f7fa;border-radius:999px;padding:8px 10px}.sidebar-nav-link.active{background:var(--primary-light);color:var(--primary);transform:none}.sidebar-nav-link.active .nav-label{font-size:.95rem;font-weight:600}.sidebar-footer{display:none}.case-study-content{max-width:100%;padding:0 32px 48px}.bc-section{padding:48px 0}.bc-heading{font-size:clamp(1.7rem,3vw,2rem)}.bc-scroll-item{width:220px}.bc-other-works-item{width:240px}}@media (width<=768px){.bc-hero-content{top:160px}.mobile-back-btn{display:flex}.mobile-nav-overlay{display:block}.bc-hero-full{align-items:center;min-height:68vh;padding:120px 1.25rem 2.25rem}.bc-hero-title{font-size:clamp(1.9rem,5.8vw,2.5rem)}.bc-hero-description{max-width:100%;margin-bottom:24px;font-size:.95rem}.bc-hero-stats{grid-template-columns:1fr;padding:0}.case-study-content{padding:0 16px 32px}.bc-heading{font-size:clamp(1.35rem,4.2vw,1.75rem)}.bc-section{padding:36px 0}.bc-overview-text p{max-width:100%}.bc-brand-chips{gap:12px}.bc-brand-chip{flex:1;min-width:100px;padding:10px 16px}.bc-scroll-item{width:180px}.bc-other-works-item{width:200px}.bc-subsection-header{flex-direction:column;align-items:flex-start;gap:8px}.bc-scroll-arrow{width:32px;height:32px}.bc-scroll-arrow svg{width:16px;height:16px}.cs-modal{width:96%;height:92vh;max-height:82vh}.cs-modal-header{padding:16px 20px}.cs-modal-title{font-size:1.2rem}.cs-modal-body{max-height:calc(92vh - 70px);padding:16px 20px 20px}.cs-modal-grid.cs-modal-grid-4{grid-template-columns:repeat(2,1fr);gap:12px}.case-study-sidebar{display:none}}@media (width<=480px){.bc-hero-full{min-height:89vh;padding:100px 1rem 1.75rem}.bc-hero-title{font-size:clamp(1.7rem,5.2vw,2rem)}.bc-hero-stats{grid-template-columns:1fr}.bc-heading{font-size:1.4rem}.case-study-content{padding:0 14px 28px}.bc-scroll-item{width:150px}.bc-other-works-item{width:170px}.bc-brand-chips{flex-direction:column}.bc-brand-chip{width:100%}.cs-modal-grid.cs-modal-grid-4{grid-template-columns:1fr 1fr;gap:10px}.brand-communication-page{margin-bottom:0}.bc-scroll-wrapper{gap:6px}.bc-scroll-arrow{width:28px;height:28px}.bc-scroll-arrow svg{width:14px;height:14px}}@media (width>=769px) and (width<=1024px){.brand-communication-page{margin-bottom:0}.mobile-back-btn{display:flex}.bc-hero-full{align-items:center;min-height:60vh;padding:80px 2rem 2rem}.bc-hero-content{top:160px}}.motion-storytelling-page{z-index:2;background:var(--bg-white);font-family:var(--font-sans);color:var(--text-primary);margin-bottom:var(--footer-height);min-height:100vh;position:relative;overflow-x:hidden}.ms-hero-full{isolation:isolate;background:0 0;justify-content:flex-start;align-items:flex-end;width:100%;min-height:100vh;padding:4rem;display:flex;position:relative;overflow:hidden}.ms-hero-background{background:#0b0d12;position:absolute;inset:0;overflow:hidden}.ms-hero-fallback,.ms-hero-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.ms-hero-fallback{opacity:1;visibility:visible;transition:opacity .35s,visibility .35s}.ms-hero-fallback.is-hidden{opacity:0;visibility:hidden}.ms-hero-video{opacity:0;transition:opacity .35s}.ms-hero-video.is-visible{opacity:1}.ms-hero-overlay{z-index:1;pointer-events:none;background:linear-gradient(#01040900 0%,#0104092e 36%,#010409ad 74%,#010409e0 100%);position:absolute;inset:0}.ms-hero-content{z-index:2;text-align:left;color:#fff;max-width:60%;position:relative}.ms-hero-title{color:#fff;margin:0 0 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:48px;font-weight:800;line-height:1.2}.ms-hero-description{opacity:.9;color:#fff;max-width:70%;margin:0 0 32px;font-size:16px;font-weight:300;line-height:1.6}.ms-hero-stats{border-radius:var(--radius-md);background:0 0;border:none;grid-template-columns:repeat(2,1fr);gap:16px;max-width:600px;padding:2px 4px;display:grid}.ms-content-wrapper{max-width:1400px;margin:0 auto;padding:40px 60px 60px}.ms-section{border-bottom:2px solid;border-image:linear-gradient(90deg,#05183d,#fff) 1;padding:40px 0}.ms-section:last-child{border-bottom:none}.ms-section-header{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.ms-chip{text-transform:uppercase;letter-spacing:.05em;color:#7e8aa1;background:var(--bg-muted);border-radius:4px;width:fit-content;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-block}.ms-heading{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:2rem;font-weight:700;line-height:1.2}.ms-section-description{color:#05183d;max-width:100%;margin:0;font-size:14px;font-weight:300;line-height:1.8}.ms-video-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.ms-video-card{border-radius:var(--radius-md);cursor:pointer;background:#fff;transition:all .4s cubic-bezier(.22,1,.36,1);overflow:hidden}.ms-video-thumbnail{aspect-ratio:16/9;background:#fff;position:relative;overflow:hidden}.ms-video-thumbnail img,.ms-video-thumbnail video{object-fit:cover;width:100%;height:100%;transition:transform .4s}.ms-play-overlay{opacity:1;background:#0003;justify-content:center;align-items:center;transition:all .4s;display:flex;position:absolute;inset:0}.ms-video-card{cursor:default}.ms-video-card:hover .ms-play-overlay{opacity:0}.ms-play-overlay svg{color:#0000;filter:drop-shadow(0 2px 8px #0000)}.ms-yt-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.ms-yt-item{border-radius:var(--radius-md);border:1px solid var(--border-light);aspect-ratio:16/9;background:#1a1a2e;overflow:hidden}.ms-yt-wrapper{width:100%;height:100%}.ms-yt-wrapper iframe{border:none;width:100%;height:100%}.ms-gif-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.ms-gif-item video{object-fit:cover;border-radius:8px;width:100%;height:100%;transition:transform .4s;transform:scale(.9)}.ms-gif-item{border-radius:var(--radius-md);aspect-ratio:1;transition:all .4s cubic-bezier(.22,1,.36,1);overflow:hidden}.ms-gif-item img{object-fit:cover;width:100%;height:100%}.ms-reels-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.ms-reel-item{border-radius:var(--radius-md);border:1px solid var(--border-light);cursor:pointer;aspect-ratio:9/16;background:#1a1a2e;transition:all .4s cubic-bezier(.22,1,.36,1);overflow:hidden}.ms-reel-item:hover{box-shadow:var(--hover-shadow);border-color:var(--primary);transform:translateY(-4px)}.ms-reel-thumbnail{width:100%;height:100%;position:relative;overflow:hidden}.ms-reel-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.ms-reel-item:hover .ms-reel-thumbnail img{transform:scale(1.05)}.ms-reel-item .ms-play-overlay{opacity:1;justify-content:center;align-items:center;transition:all .4s;display:flex;position:absolute;inset:0}.ms-reel-item .ms-play-overlay svg{color:#fff;background:#05183d;border-radius:50%;padding:6px;transform:scale(1.5)}.ms-reel-iframe-wrapper,.ms-reel-video{width:100%;height:100%}.ms-reel-video{object-fit:contain;background:#000}.ms-reel-thumbnail{place-items:center;display:grid}.reveal-cs.visible{opacity:1;transform:translateY(0)}.cs-modal-overlay{z-index:9998;pointer-events:auto;background:#05183dcc;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s modalFadeIn;display:flex;position:fixed;top:0;left:0}.cs-modal{border-radius:var(--radius-lg);z-index:9999;background:#fff;flex-direction:column;width:95%;max-width:90%;height:90vh;max-height:87vh;animation:.4s cubic-bezier(.22,1,.36,1) modalSlideUp;display:flex;position:relative;top:24px;overflow:hidden}.cs-modal-header{background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.cs-modal-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.6rem;font-weight:700}.cs-modal-close{border:1px solid var(--border-light);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.cs-modal-close:hover{border-color:var(--text-muted);background:#f5f7fa;transform:rotate(90deg)}.cs-modal-divider{background:var(--border-light);flex-shrink:0;height:1px;margin:0 32px}.cs-modal-body{flex-direction:column;flex:1;gap:20px;max-height:calc(90vh - 80px);padding:0 32px 32px;display:flex;overflow-y:auto}.cs-modal-videos{flex-direction:column;flex:1;gap:24px;padding-bottom:8px;display:flex;overflow-y:auto}.cs-modal-video-item{background:#000;border-radius:16px;width:100%;max-width:75%;height:75vh;margin:0 auto;overflow:hidden}.cs-modal-video-item iframe{border:none;width:100%;height:100%}@media (width<=1024px){.motion-storytelling-page{overflow-x:hidden}.ms-hero-full{align-items:center;min-height:60vh;padding:80px 2rem 2rem}.ms-hero-content{max-width:100%;top:160px}.ms-hero-title{font-size:clamp(2.6rem,4.2vw,3.3rem)}.ms-hero-description{max-width:100%}.ms-hero-stats{grid-template-columns:repeat(2,1fr)}.ms-content-wrapper{padding:0 32px 40px}.ms-section{padding:32px 0}.ms-heading{font-size:clamp(1.7rem,3vw,2rem)}.ms-video-grid,.ms-gif-grid,.ms-reels-grid{grid-template-columns:repeat(2,1fr)}.ms-yt-grid{grid-template-columns:repeat(1,1fr)}.ms-section-description{max-width:100%}.cs-modal-video-item{max-width:90%;height:50vh}}@media (width<=768px){.mobile-back-btn{display:flex}.mobile-nav-overlay{display:block}.ms-hero-full{align-items:center;min-height:50vh;padding:60px 1.25rem 1.5rem}.ms-hero-title{font-size:clamp(1.9rem,5.8vw,2.5rem)}.ms-hero-description{max-width:100%;margin-bottom:16px;font-size:.95rem}.ms-hero-stats{grid-template-columns:1fr;padding:0}.ms-content-wrapper{padding:20px 16px 32px}.ms-heading{font-size:clamp(1.35rem,4.2vw,1.75rem)}.ms-section{padding:28px 0}.ms-section-description{font-size:14px}.ms-video-grid,.ms-gif-grid,.ms-reels-grid{grid-template-columns:1fr 1fr;gap:12px}.ms-yt-grid{grid-template-columns:1fr;gap:12px}.cs-modal{width:96%;height:92vh;max-height:82vh}.cs-modal-header{padding:16px 20px}.cs-modal-title{font-size:1.2rem}.cs-modal-body{max-height:calc(92vh - 70px);padding:16px 20px 20px}.cs-modal-video-item{max-width:100%;height:40vh}}@media (width<=480px){.ms-hero-full{min-height:89vh;padding:50px 1rem 1rem}.ms-hero-title{font-size:clamp(1.7rem,5.2vw,2rem)}.ms-hero-stats{grid-template-columns:1fr}.ms-heading{font-size:1.4rem}.ms-content-wrapper{padding:16px 14px 24px}.ms-video-grid,.ms-gif-grid,.ms-reels-grid{grid-template-columns:1fr 1fr;gap:10px}.motion-storytelling-page{margin-bottom:0}.cs-modal-video-item{height:30vh}}@media (width>=769px) and (width<=1024px){.motion-storytelling-page{margin-bottom:0}.mobile-back-btn{display:flex}}:root{--primary:#0040cc;--primary-dark:#03a;--primary-glow:#0040cc14;--primary-light:#e8eeff;--text-primary:#121826;--text-secondary:#4a5568;--text-muted:#8c94a6;--bg-white:#fff;--bg-muted:#f0f2f6;--border-light:#e9edf2;--border-medium:#dce1e8;--card-shadow:0 12px 30px #0000000a;--hover-shadow:0 20px 40px #00000014;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:24px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Plus Jakarta Sans", "Inter", sans-serif;--header-height:80px;--footer-height:290px}.website-designs-page{z-index:2;background:var(--bg-white);font-family:var(--font-sans);color:var(--text-primary);margin-bottom:var(--footer-height);min-height:100vh;position:relative;overflow-x:hidden}.wd-hero-full{isolation:isolate;background:0 0;justify-content:flex-start;align-items:flex-end;width:100%;min-height:100vh;padding:4rem;display:flex;position:relative;overflow:hidden}.wd-hero-background{position:absolute;inset:0;overflow:hidden}.wd-hero-image{object-fit:cover;width:100%;height:100%}.wd-hero-overlay{background:linear-gradient(-170deg,#0000 0% 10%,#0000004d 50%,#0009 100%);position:absolute;inset:0}.wd-hero-content{z-index:2;text-align:left;color:#fff;max-width:60%;position:relative}.wd-hero-title{color:#fff;margin:0 0 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:48px;font-weight:800;line-height:1.2}.wd-hero-description{opacity:.9;color:#fff;max-width:70%;margin:0 0 32px;font-size:16px;font-weight:300;line-height:1.6}.wd-hero-stats{border-radius:var(--radius-md);background:0 0;border:none;grid-template-columns:repeat(2,1fr);gap:16px;max-width:600px;margin-bottom:16px;padding:2px 4px;display:grid}.stat-card{align-items:center;gap:12px;display:flex}.stat-content{text-align:left;flex-direction:column;gap:8px;display:flex}.stat-label{opacity:.6;color:#fff;font-size:1rem;font-weight:400}.stat-value{color:#fff;font-size:1rem;font-weight:400}.wd-content-wrapper{max-width:1400px;margin:0 auto;padding:0 60px}.wd-section{border-bottom:2px solid;border-image:linear-gradient(90deg,#05183d,#fff) 1;padding:40px 0}.wd-section:last-child{border-bottom:none}.wd-section-header{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.wd-chip{text-transform:uppercase;letter-spacing:.05em;color:#7e8aa1;background:var(--bg-muted);border-radius:4px;width:fit-content;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-block}.wd-heading{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:2rem;font-weight:700;line-height:1.2}.wd-section-description{color:#05183d;max-width:88%;margin:0 0 -40px;font-size:14px;font-weight:300;line-height:1.8}.wd-card-description{color:#05183d;max-width:88%;margin:0;font-size:14px;font-weight:300;line-height:1.8}.wd-showcase-list{flex-direction:column;gap:32px;display:flex}.wd-showcase-card{border-radius:var(--radius-md);border:.5px solid var(--border-light);background:#fff;flex-direction:column;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.wd-showcase-card:hover{box-shadow:var(--hover-shadow);border-color:var(--primary);transform:translateY(-4px)}.wd-showcase-content{background:linear-gradient(#ffffffe6,#92c6ff33);padding:24px 28px}.wd-showcase-top{grid-template-columns:3fr 1fr;align-items:flex-start;gap:24px;display:grid}.wd-showcase-left{flex-direction:column;gap:16px;display:flex}.wd-showcase-brand{align-items:center;display:flex}.wd-showcase-logo{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:100px;height:56px;display:flex;overflow:hidden}.wd-showcase-logo img{object-fit:contain;width:100%;height:100%}.wd-showcase-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:600}.wd-showcase-description{color:var(--text-secondary);max-width:90%;margin:0;font-size:.9rem;line-height:1.6}.wd-showcase-right{flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:36px;display:flex}.wd-showcase-meta{grid-template-columns:repeat(3,1fr);gap:4px 32px;display:grid}.wd-meta-item{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.wd-meta-label{text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:400}.wd-meta-value{color:var(--text-primary);text-wrap:nowrap;font-size:14px;font-weight:500}.wd-showcase-link{color:var(--primary);white-space:nowrap;align-items:center;gap:6px;margin-top:4px;padding:4px 0;font-size:18px;font-weight:500;text-decoration:none;transition:all .35s cubic-bezier(.2,.9,.4,1.1);display:inline-flex}.wd-showcase-link:hover{gap:10px;transform:translateY(-2px)}.wd-showcase-link:hover .arrow-icon{transform:rotate(360deg)}.wd-showcase-image{aspect-ratio:35/10;border-bottom:1px solid var(--border-light);background:#f8fafc;width:100%;overflow:hidden}.wd-showcase-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.wd-showcase-card:hover .wd-showcase-image img{transform:scale(1.02)}.wd-process-content{flex-direction:column;gap:32px;display:flex}.wd-process-text{flex-direction:column;gap:16px;display:flex}.wd-process-description{color:#05183d;max-width:100%;margin:0;font-size:14px;font-weight:300;line-height:1.8}.wd-process-image{border-radius:var(--radius-md);border:1px solid var(--border-light);width:100%;overflow:hidden}.wd-process-image img{width:100%;height:auto;display:block}.reveal-cs{opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s;transform:translateY(20px)}.reveal-cs.visible{opacity:1;gap:64px;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.25s}.delay-3{transition-delay:.4s}.mobile-back-btn{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;box-shadow:var(--card-shadow);background:#fffffff5;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .3s;display:none;position:fixed;top:75px;right:20px}.mobile-back-btn:hover{box-shadow:var(--hover-shadow);background:#fff}.mobile-nav-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;background:#fffffff2;width:100%;height:100%;padding:80px 24px 24px;display:none;position:fixed;top:0;left:0;overflow-y:auto}.mobile-nav-content{flex-direction:column;gap:.5rem;max-width:400px;margin:0 auto;display:flex}.mobile-nav-link{border-radius:var(--radius-sm);color:#05183d;cursor:pointer;text-align:center;background:0 0;border:none;padding:16px;font-size:24px;font-weight:500;transition:all .3s}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--primary-light);color:var(--primary)}@media (width<=1024px){.website-designs-page{overflow-x:hidden}.wd-hero-full{align-items:center;min-height:100vh;padding:80px 2rem 2rem}.wd-hero-content{max-width:100%}.wd-hero-title{font-size:clamp(2.6rem,4.2vw,3.3rem)}.wd-hero-description{max-width:100%}.wd-hero-stats{grid-template-columns:repeat(2,1fr)}.wd-content-wrapper{padding:0 32px 40px}.wd-section{padding:32px 0}.wd-heading{font-size:clamp(1.7rem,3vw,2rem)}.wd-showcase-content{padding:20px 24px}.wd-showcase-top{grid-template-columns:1fr;gap:16px}.wd-showcase-left{gap:4px}.wd-showcase-right{align-items:flex-start;gap:6px}.wd-showcase-meta{grid-template-columns:repeat(3,1fr)}.wd-meta-item{align-items:flex-start}.wd-showcase-link{align-self:flex-start}.wd-showcase-description{max-width:100%}.wd-showcase-image{aspect-ratio:16/9}}@media (width<=768px){.mobile-back-btn{display:flex}.mobile-nav-overlay{display:block}.wd-hero-full{justify-content:flex-start;align-items:flex-end;height:90vh;min-height:90vh;padding:2rem}.wd-hero-title{font-size:clamp(1.9rem,5.8vw,2.5rem)}.wd-hero-description{max-width:100%;margin-bottom:16px;font-size:.95rem}.wd-hero-stats{grid-template-columns:1fr;padding:0}.wd-content-wrapper{padding:20px 16px 32px}.wd-heading{font-size:clamp(1.35rem,4.2vw,1.75rem)}.wd-section{padding:28px 0}.wd-showcase-content{padding:16px 20px}.wd-showcase-top{grid-template-columns:1fr;gap:12px}.wd-showcase-right{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:24px;width:100%;padding:12px 0 4px}.wd-showcase-meta{order:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;width:100%}.wd-meta-item{align-items:flex-start}.wd-showcase-link{flex-shrink:0;order:2;align-self:flex-start;margin:0;padding:8px 0;font-size:1rem}.wd-showcase-image{aspect-ratio:16/9}.wd-process-content{gap:24px}}@media (width<=480px){.wd-hero-full{justify-content:flex-start;align-items:flex-end;min-height:90vh;padding:1rem}.wd-hero-title{font-size:clamp(1.7rem,5.2vw,2rem)}.wd-hero-stats{grid-template-columns:1fr}.wd-heading{font-size:1.4rem}.wd-content-wrapper{padding:16px 14px 24px}.wd-showcase-content{padding:14px 16px}.wd-showcase-title{font-size:1rem}.wd-showcase-logo{width:36px;height:36px}.wd-showcase-logo img{padding:4px}.wd-showcase-meta{grid-template-columns:repeat(2,1fr);gap:2px 12px}.wd-meta-value,.wd-showcase-description{font-size:.85rem}.wd-showcase-image{aspect-ratio:31/9}.website-designs-page{margin-bottom:0}}@media (width>=769px) and (width<=1024px){.website-designs-page{margin-bottom:0}.mobile-back-btn{display:flex}.wd-hero-full{align-items:center;min-height:60vh;padding:80px 2rem 2rem}.wd-hero-content{top:160px}}