:root{--bg-dark:#0e251a;--bg-light:#fff;--text-dark:#0e251a;--text-light:#f4f4f4;--accent-color:#8dc63f;--light-gray:#d1d3d4;--font-heading:"Kanit", sans-serif;--font-body:"Gidole", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-dark);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-color:#f7f9f8;line-height:1.6;overflow-x:hidden}img,video{-webkit-user-select:none;user-select:none;pointer-events:none}.bg-animation{z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(100px);opacity:.6;border-radius:50%;position:absolute}.blob-1{background:#d1f1a4;width:45vw;height:45vw;animation:25s ease-in-out infinite alternate moveBlob1;top:-10%;left:-10%}.blob-2{background:#ffffac;width:45vw;height:45vw;animation:28s ease-in-out infinite alternate moveBlob2;bottom:-10%;right:-10%}.blob-3{background:#c6fff1;width:45vw;height:45vw;animation:22s ease-in-out infinite alternate moveBlob3;bottom:-10%;left:-10%}.blob-4{background:#dedede;width:40vw;height:40vw;animation:32s ease-in-out infinite alternate moveBlob4;top:-10%;right:-10%}@keyframes moveBlob1{0%{transform:translate(0)scale(1)}33%{transform:translate(25vw,15vh)scale(1.1)}66%{transform:translate(10vw,35vh)scale(.9)}to{transform:translate(-5vw,10vh)scale(1.05)}}@keyframes moveBlob2{0%{transform:translate(0)scale(1)}33%{transform:translate(-25vw,-15vh)scale(1.05)}66%{transform:translate(-5vw,-35vh)scale(.95)}to{transform:translate(10vw,-10vh)scale(1.1)}}@keyframes moveBlob3{0%{transform:translate(0)scale(1)}33%{transform:translate(20vw,-25vh)scale(.9)}66%{transform:translate(35vw,-10vh)scale(1.15)}to{transform:translate(10vw,-5vh)scale(1)}}@keyframes moveBlob4{0%{transform:translate(0)scale(1)}33%{transform:translate(-20vw,25vh)scale(1.2)}66%{transform:translate(-35vw,10vh)scale(.85)}to{transform:translate(-10vw,30vh)scale(1.05)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-dark);margin:0;font-weight:600}.outline-text{color:#0000;-webkit-text-stroke:2px var(--text-dark)}a{color:inherit;text-decoration:none}.overflow-hidden{overflow:hidden}.social-sidebar,.scroll-indicator{z-index:999;mix-blend-mode:difference;position:fixed}.social-sidebar{flex-direction:column;gap:1.5rem;display:flex;bottom:2rem;left:2rem}.scroll-indicator{flex-direction:column;align-items:center;gap:.5rem;display:flex;bottom:2rem;right:2rem}.social-sidebar a,.social-sidebar svg,.scroll-text{transition:color .3s,transform .3s;color:#fff!important}.social-sidebar a{width:20px;height:20px;display:block}.social-sidebar a:hover{transform:translateY(-3px);color:var(--accent-color)!important}.scroll-text{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:2px;cursor:pointer;font-size:.8rem;font-weight:600}.scroll-line{width:1px;height:60px;position:relative;background-color:#fff6!important}.scroll-ball{border-radius:50%;width:7px;height:7px;position:absolute;top:0;left:-3px;background-color:#fff!important}header{z-index:100;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 2rem;transition:background .4s,box-shadow .4s;display:flex;position:fixed;top:0}header.scrolled{-webkit-backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 4px 30px #0000000d}.logo{align-items:center;height:45px;display:flex;position:relative}.logo img{width:auto;height:100%;transition:opacity .4s;display:block}.logo-color{opacity:1;position:absolute;top:0;left:0}.logo-white{opacity:0}.site-header.scrolled .logo-color{opacity:1}.site-header.scrolled .logo-white,body.dark-hero .site-header:not(.scrolled) .logo-color{opacity:0}body.dark-hero .site-header:not(.scrolled) .logo-white{opacity:1}.header-controls{align-items:center;gap:1.5rem;display:flex}.cta-btn{border:2px solid var(--text-dark);color:var(--text-dark);font-family:var(--font-heading);cursor:pointer;box-shadow:0 0 0 0 var(--text-dark);background:0 0;border-radius:50px;justify-content:center;align-items:center;padding:.6rem 1.5rem;font-size:.9rem;font-weight:500;transition:box-shadow .3s,border-color .3s;display:inline-flex}.cta-btn:hover{background-color:#0000}body.dark-hero .site-header:not(.scrolled) .cta-btn{border-color:#fff}body.dark-hero .site-header:not(.scrolled) .cta-btn .text-top,body.dark-hero .site-header:not(.scrolled) .cta-btn .text-bottom{color:#fff}.btn-text-wrap{display:inline-block;position:relative;overflow:hidden}.text-top{transition:transform .4s cubic-bezier(.76,0,.24,1),opacity .4s;display:block}.text-bottom{text-align:center;opacity:0;width:100%;color:inherit;transition:transform .4s cubic-bezier(.76,0,.24,1),opacity .4s;display:block;position:absolute;top:100%;left:0}.cta-btn:hover .text-top{opacity:0;transform:translateY(-100%)}.cta-btn:hover .text-bottom{opacity:1;transform:translateY(-100%)}.menu-toggle{background-color:var(--bg-dark);cursor:pointer;z-index:101;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:50px;height:50px;transition:background-color .3s,transform .3s;display:flex}.menu-toggle:hover{background-color:var(--accent-color)!important}.menu-toggle .line{background-color:var(--bg-light);height:2px;transition:width .3s cubic-bezier(.76,0,.24,1),transform .3s,background-color .3s}.menu-toggle:hover .line{background-color:var(--bg-dark)!important}body.dark-hero .site-header:not(.scrolled) .menu-toggle{background-color:#fff}body.dark-hero .site-header:not(.scrolled) .menu-toggle .line{background-color:var(--bg-dark)}.menu-toggle .line:first-child{width:22px}.menu-toggle .line:nth-child(2){width:12px}.menu-toggle:hover .line:nth-child(2){width:22px}.menu-toggle.active{background-color:#000!important}.menu-toggle.active .line{width:22px;background-color:#fff!important}.menu-toggle.active .line:first-child{transform:translateY(4px)rotate(45deg)}.menu-toggle.active .line:nth-child(2){transform:translateY(-4px)rotate(-45deg)}.fullscreen-menu{width:100%;height:100vh;color:var(--text-dark);z-index:99;background-color:#f9f9f9;justify-content:center;align-items:center;transition:transform .6s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;top:0;left:0;transform:translateY(-100%)}.fullscreen-menu.open{transform:translateY(0)}.menu-container{grid-template-columns:1.2fr 1fr 1fr;gap:4rem;width:100%;max-width:1200px;padding:0 5%;display:grid}.menu-featured,.info-block,.menu-link{opacity:0;transform:translateY(40px)}.featured-card{background-color:var(--bg-dark);color:var(--bg-light);border-radius:8px;flex-direction:column;justify-content:space-between;height:100%;min-height:350px;padding:2.5rem;display:flex;position:relative;overflow:hidden}.featured-label{letter-spacing:2px;text-transform:uppercase;opacity:.7;font-size:.8rem}.featured-title{color:#fff;margin-top:1rem;font-size:2.5rem;line-height:1.1}.featured-link{align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;transition:color .3s;display:inline-flex}.featured-link:hover{color:var(--accent-color)}.circle-icon{border:1px solid;border-radius:50%;width:10px;height:10px;display:inline-block}.menu-info{flex-direction:column;justify-content:center;gap:3rem;display:flex}.info-block h4{letter-spacing:2px;text-transform:uppercase;color:var(--text-dark);margin-bottom:1rem;font-size:.85rem}.info-block ul{list-style:none}.info-block li{margin-bottom:.5rem}.info-block a,.info-block p{font-family:var(--font-body);color:var(--text-dark);font-size:1rem;font-weight:500;transition:color .3s}.info-block a:hover{color:var(--accent-color)}.menu-nav-links{flex-direction:column;justify-content:center;display:flex}.overlay-nav ul{list-style:none}.overlay-nav li{margin-bottom:1rem}.menu-link{font-family:var(--font-heading);color:var(--text-dark);text-transform:capitalize;padding-bottom:.2rem;font-size:2.5rem;font-weight:600;display:inline-block;position:relative}.menu-link:after{content:"";background-color:var(--accent-color);width:0%;height:3px;transition:width .3s cubic-bezier(.76,0,.24,1);position:absolute;bottom:0;left:0}.menu-link:hover,.menu-link.active{color:var(--accent-color)}.menu-link:hover:after,.menu-link.active:after{width:100%}.hero{background-color:var(--bg-dark);flex-direction:column;justify-content:center;align-items:center;min-height:130vh;padding:0 5%;display:flex;position:relative;overflow:hidden}.hero-content{text-align:left;z-index:10;width:100%;max-width:1100px;margin-top:15vh;position:relative}.hero h4,.hero h1,.hero .hero-text,.hero .sub-text{color:var(--bg-light)}.title-wrapper{margin-bottom:-1rem}.hero h1{letter-spacing:-2px;font-size:clamp(4.5rem,11vw,10rem);font-weight:500;line-height:1}.hero .outline-text{color:#0000;-webkit-text-stroke:2px var(--bg-light)}.parallax-layer{pointer-events:none;background-repeat:no-repeat;width:100%;height:120%;position:absolute;top:-10%;left:0}.layer-aurora{z-index:1;background-position:50%;background-size:cover}.layer-cliff{z-index:3;background-position:100% 100%;background-size:contain}#particles-container{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.cyber-star{filter:drop-shadow(0 0 6px #8dc63f);opacity:0;background:linear-gradient(90deg,#8dc63f00 0%,#8dc63fcc 80%,#fff 100%);border-radius:999px;height:2px;animation:linear infinite shoot;position:absolute}@keyframes shoot{0%{opacity:0;transform:rotate(-45deg)translate(0)}10%{opacity:1}70%{opacity:1}to{opacity:0;transform:rotate(-45deg)translate(-2000px)}}.hero-extension{text-align:left;z-index:10;grid-template-columns:1.5fr 1fr;align-items:flex-end;gap:4rem;width:100%;max-width:1100px;margin:25vh auto 0;padding:0;display:grid;position:relative;bottom:auto;left:auto;transform:none}.left-col{flex-direction:column;gap:2rem;display:flex}.right-col{justify-content:flex-end;align-items:center;padding-right:2rem;display:flex}.hero-text{color:var(--bg-light);letter-spacing:-.5px;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:500;line-height:1.4}.sub-text{font-family:var(--font-body);color:var(--bg-light);font-size:clamp(1.2rem,2vw,1.8rem)}.magnet-trap{border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;display:flex}.magnetic-btn{width:140px;height:140px;color:var(--text-dark);font-family:var(--font-heading);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;transition:background-color .3s,color .3s;display:flex;box-shadow:0 10px 30px #0e251a14}.magnet-trap:hover .magnetic-btn{background-color:var(--accent-color);color:var(--bg-dark)}.services-wrapper{background-color:var(--bg-dark);z-index:10;width:100%;margin-top:0;padding:6rem 0 8rem;position:relative}.services-marquee{white-space:nowrap;width:100%;margin-bottom:5rem;overflow:hidden}.marquee-track{width:fit-content;animation:20s linear infinite marquee;display:flex}.services-marquee-content{font-family:var(--font-heading);color:#fff;padding-right:2rem;font-size:clamp(3rem,6vw,5rem);font-weight:500}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.services-marquee:hover .marquee-track,.work-marquee:hover .marquee-track,.footer-marquee:hover .marquee-track{cursor:default;animation-play-state:paused}.services-cards-container{grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1400px;margin:0 auto;padding:0 5%;display:grid}.white-card{background-color:#fff;border-radius:0;flex-direction:column;height:100%;min-height:350px;padding:3rem 2rem;transition:transform .4s;display:flex;box-shadow:0 20px 40px #00000014}.white-card:hover{transform:translateY(-10px)}.card-icon-svg{margin-bottom:2rem}.white-card h3{color:var(--text-dark);margin-bottom:1rem;font-size:1.3rem;font-weight:600}.white-card p{font-family:var(--font-body);color:var(--text-dark);opacity:.8;flex-grow:1;margin-bottom:2.5rem;font-size:.95rem}.discover-link{font-family:var(--font-heading);color:var(--text-dark);align-items:center;margin-top:auto;font-size:.9rem;font-weight:600;display:flex}.discover-link .line{background-color:var(--text-dark);width:25px;height:2px;margin-right:10px;transition:width .3s cubic-bezier(.76,0,.24,1)}.white-card:hover .discover-link .line{width:45px}.work-section{background-color:var(--bg-light);z-index:5;padding:8rem 0 10rem;position:relative}.work-marquee{white-space:nowrap;width:100%;margin-bottom:8rem;overflow:hidden}.work-marquee-content{font-family:var(--font-heading);color:var(--text-dark);padding-right:2rem;font-size:clamp(3rem,6vw,5rem);font-weight:500}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:4rem;max-width:1200px;margin:0 auto;padding:0 5%;display:grid}.portfolio-item:nth-child(2n){margin-top:8rem}.portfolio-item{color:var(--text-dark);opacity:0;flex-direction:column;gap:1.5rem;text-decoration:none;display:flex;transform:translateY(60px)}.portfolio-image-wrap{aspect-ratio:4/5;background-color:var(--light-gray);overflow:hidden}.portfolio-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.77,0,.175,1)}.portfolio-item:hover .portfolio-image-wrap img{transform:scale(1.05)}.portfolio-details{text-align:center}.portfolio-details h3{margin-bottom:.3rem;font-size:1.8rem}.portfolio-details p{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;opacity:.6;font-size:.9rem}.see-more-container{justify-content:center;margin-top:8rem;display:flex}.video-banner{justify-content:center;align-items:center;width:100%;height:60vh;min-height:500px;display:flex;position:relative;overflow:hidden}.bg-video{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.video-overlay{z-index:2;background:linear-gradient(#0e251a66,#8dc63f99);width:100%;height:100%;position:absolute;top:0;left:0}.video-content{z-index:3;text-align:center;color:var(--bg-light);padding:0 5%;position:relative}.video-label{font-family:var(--font-heading);letter-spacing:3px;text-transform:uppercase;opacity:.9;margin-bottom:1.5rem;font-size:.85rem;font-weight:600;display:block}.video-quote{font-family:var(--font-heading);color:#fff;letter-spacing:-1px;font-size:clamp(3rem,8vw,7rem);font-weight:500;line-height:1.1}.site-footer{background-color:var(--bg-dark);color:var(--bg-light);padding:8rem 0 4rem;position:relative;overflow:hidden}.footer-marquee{white-space:nowrap;width:100%;margin-bottom:5rem;overflow:hidden}.footer-marquee-content{font-family:var(--font-heading);color:var(--bg-light);padding-right:2rem;font-size:clamp(4rem,11vw,10rem);font-weight:600}.footer-middle{justify-content:center;align-items:center;height:200px;margin-bottom:5rem;display:flex;position:relative}.footer-line{z-index:1;background-color:#ffffff1a;width:100%;height:1px;position:absolute;top:50%;left:0}.footer-trap{z-index:2}.footer-btn{background-color:var(--accent-color);color:var(--bg-dark);width:150px;height:150px}.footer-trap:hover .footer-btn{background-color:var(--bg-light);color:var(--bg-dark)}.footer-bottom{flex-direction:column;align-items:center;gap:2.5rem;max-width:1400px;margin:0 auto;padding:0 5%;display:flex}.footer-menu{flex-direction:column;align-items:center;display:flex}.footer-menu nav{flex-wrap:wrap;justify-content:center;gap:2.5rem;display:flex}.footer-menu a{font-family:var(--font-heading);font-size:1.1rem;font-weight:500;transition:color .3s}.footer-menu a:hover{color:var(--accent-color)}.copyright{opacity:.5;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.cs-main{background:linear-gradient(to bottom, #fff0 0%, var(--bg-light) 400px, var(--bg-light) 100%);color:var(--text-dark);padding-top:12rem;padding-bottom:0}.cs-hero{text-align:left;max-width:1400px;margin:0 auto 2rem;padding:0 5%}.cs-category-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:3px;color:var(--accent-color);margin-bottom:1.5rem;font-size:1rem;font-weight:600}.cs-huge-title{letter-spacing:-2px;margin-bottom:2rem;font-size:clamp(4rem,8vw,7rem);line-height:1}.cs-overview-text{opacity:.8;max-width:800px;margin:0 auto;font-size:clamp(1.2rem,2vw,1.8rem)}.cs-hero-image-container{width:100%;height:75vh;overflow:hidden}.cs-hero-image-container img{object-fit:cover;width:100%;height:100%}.cs-meta-strip{border-bottom:1px solid #0e251a1a;grid-template-columns:repeat(3,1fr);max-width:1400px;margin:0 auto;padding:4rem 5%;display:grid}.cs-meta-strip .meta-col h5{letter-spacing:2px;text-transform:uppercase;opacity:.5;margin-bottom:.5rem;font-size:.85rem}.cs-meta-strip .meta-col p{font-family:var(--font-heading);font-size:1.2rem;font-weight:500}.cs-content-split{grid-template-columns:1fr 1fr;gap:6rem;max-width:1400px;margin:8rem auto;padding:0 5%;display:grid}.cs-content-split .content-block h2{margin-bottom:2rem;font-size:2.5rem}.cs-content-split .content-block p{opacity:.8;font-size:1.1rem}.cs-gallery{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1400px;margin:0 auto 8rem;padding:0 5%;display:grid}.cs-gallery img:first-child{grid-column:1/-1}.cs-gallery img{background-color:var(--light-gray);width:100%;height:auto}.cs-next-project{text-align:center;background-color:var(--bg-dark);color:var(--bg-light);padding:8rem 5%}.cs-next-project p{font-family:var(--font-heading);opacity:.7;margin-bottom:2rem;font-size:1.5rem}.cs-design-system{grid-template-columns:1fr 1fr;gap:4rem;max-width:1400px;margin:8rem auto;padding:0 5%;display:grid}.cs-design-system .ds-col h3{text-transform:uppercase;letter-spacing:2px;opacity:.5;margin-bottom:3rem;font-size:1.2rem}.cs-type-preview{font-family:var(--font-heading);margin-bottom:1rem;font-size:clamp(3rem,5vw,4rem);line-height:1.2}.cs-design-system .ds-col p{opacity:.8;font-size:1.2rem;line-height:1.8}.color-swatches{flex-wrap:wrap;gap:1.5rem;display:flex}.color-swatch{border-radius:50%;width:80px;height:80px;box-shadow:0 10px 20px #00000014}.cs-fullpage-mockup{max-width:1200px;margin:0 auto 10rem;padding:0 5%}.mockup-frame{-ms-overflow-style:none;scrollbar-width:none;background-color:#f4f4f4;border:1px solid #0000001a;border-radius:12px;width:100%;height:75vh;position:relative;overflow-y:scroll;box-shadow:0 30px 60px #00000026}.mockup-frame::-webkit-scrollbar{display:none}.mockup-header{z-index:10;background-color:#e8e8e8;border-bottom:1px solid #0000001a;align-items:center;gap:8px;width:100%;height:40px;padding:0 15px;display:flex;position:sticky;top:0;left:0}.mockup-header .dot{border-radius:50%;width:12px;height:12px}.dot.red{background-color:#ff5f56}.dot.yellow{background-color:#ffbd2e}.dot.green{background-color:#27c93f}.mockup-frame img{width:100%;height:auto;display:block}.cs-hero-editorial{flex-direction:column;gap:4rem;max-width:1400px;margin:0 auto 4rem;padding:0 5%;display:flex}.cs-hero-editorial .cs-huge-title{letter-spacing:-3px;text-transform:capitalize;margin:0;font-size:clamp(4rem,10vw,8rem);line-height:1}.cs-meta-editorial{border-top:none;flex-wrap:wrap;gap:6rem;max-width:1400px;margin:0 auto 5rem;padding:0 5%;display:flex}.cs-meta-editorial .meta-col{text-align:left}.cs-meta-editorial .meta-col h5{letter-spacing:3px;text-transform:uppercase;color:var(--text-dark);opacity:1;border-bottom:1px solid #0e251a26;margin-bottom:0;padding-bottom:1rem;font-size:.85rem}.cs-meta-editorial .meta-col p{font-family:var(--font-body);color:var(--text-dark);padding-top:1rem;font-size:1.1rem;font-weight:400}.editorial-hero{border-radius:12px;width:90%;margin-bottom:8rem;margin-left:auto;margin-right:auto}.cs-content-editorial{flex-direction:column;gap:6rem;width:90%;max-width:1260px;margin:0 auto 8rem;padding:0;display:flex}.editorial-row{grid-template-columns:1fr 2.5fr;align-items:start;gap:5rem;display:grid}.editorial-heading h2{margin:0;font-size:1.6rem;font-weight:600;position:sticky;top:120px}.editorial-text p{font-family:var(--font-body);color:var(--text-dark);opacity:.8;max-width:850px;font-size:1.15rem;line-height:2}.editorial-text .cs-large-text{opacity:.85;font-size:1.35rem;line-height:1.9}.editorial-divider{background-color:#0e251a1a;width:100%;height:1px}.cs-hero-centered{text-align:center;max-width:1000px;margin:0 auto 4rem;padding:0 5%}.cs-hero-centered .cs-huge-title{letter-spacing:-2px;margin-bottom:1.5rem;font-size:clamp(4rem,9vw,7rem);line-height:1}.cs-hero-centered .cs-category-subtitle{font-size:1.2rem;font-family:var(--font-body);text-transform:uppercase;letter-spacing:3px;color:var(--accent-color);font-weight:600}.cs-brand-intro{grid-template-columns:2.5fr 1fr;align-items:start;gap:8rem;max-width:1260px;margin:0 auto 8rem;padding:0 5%;display:grid}.brand-intro-left .cs-large-text{opacity:.9;margin-bottom:4rem;font-size:1.5rem;line-height:1.8}.brand-challenge-solution h3{margin-top:3rem;margin-bottom:1rem;font-size:1.5rem}.brand-challenge-solution p{opacity:.8;font-size:1.15rem;line-height:1.8}.brand-intro-right .meta-list{border-top:1px solid #0e251a1a;list-style:none}.brand-intro-right .meta-list li{border-bottom:1px solid #0e251a1a;flex-direction:column;padding:1.5rem 0;display:flex}.brand-intro-right .meta-label{text-transform:uppercase;letter-spacing:2px;opacity:.5;margin-bottom:.5rem;font-size:.85rem}.brand-intro-right .meta-value{font-family:var(--font-heading);font-size:1.2rem;font-weight:500}.cs-brand-gallery{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1400px;margin:0 auto 10rem;padding:0 5%;display:grid}.cs-brand-gallery img{object-fit:cover;border-radius:12px;width:100%;height:100%}.cs-brand-gallery img:nth-child(3n+1){aspect-ratio:21/9;grid-column:1/-1}.cs-hero-image-container.editorial-hero{width:90%;max-width:1260px;margin:0 auto 8rem;position:relative;overflow:visible}.cs-hero-image-container.editorial-hero img{border-radius:12px}.cs-live-site-showcase{display:none}.cs-live-site-link{z-index:20;width:180px;height:180px;position:absolute;top:-90px;right:3rem}.cs-live-site-link .live-btn{background-color:var(--accent-color);color:var(--bg-dark);width:140px;height:140px;font-size:1rem;font-family:var(--font-heading);border-radius:50%;justify-content:center;align-items:center;font-weight:600;transition:background-color .3s,color .3s;display:flex;box-shadow:0 10px 30px #0e251a14}.magnet-trap.cs-live-site-link:hover .live-btn{background-color:var(--bg-dark);color:var(--bg-light)}.cs-fullwidth-banner{width:100%;height:800px;margin:0 0 8rem}.cs-fullwidth-banner img{object-fit:cover;width:100%;height:100%;display:block}.editorial-split-2col{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.editorial-split-2col .split-col:first-child{border-bottom:none;border-right:1px solid #0e251a1a;margin-bottom:0;padding-bottom:0;padding-right:3rem}.split-col h2{color:var(--text-dark);margin-bottom:2rem;font-size:2rem}.split-col p{font-family:var(--font-body);color:var(--text-dark);opacity:.8;font-size:1.15rem;line-height:2}.cs-project-nav{border-top:1px solid #0e251a1a;justify-content:space-between;align-items:center;max-width:1400px;margin:5rem auto 0;padding:3rem 5%;display:flex}.cs-project-nav .nav-side{font-family:var(--font-heading);color:var(--text-dark);flex:1;align-items:center;gap:1rem;font-size:1.2rem;font-weight:600;transition:color .3s;display:flex}.cs-project-nav .nav-side.next{justify-content:flex-end}.cs-project-nav .nav-side:hover{color:var(--accent-color)}.cs-project-nav .nav-center{border:2px solid var(--text-dark);width:60px;height:60px;color:var(--text-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.cs-project-nav .nav-center:hover{background-color:var(--text-dark);color:var(--bg-light)}.cs-project-nav .nav-side.disabled{opacity:0;pointer-events:none}.portfolio-page-main{width:100%}.page-header{text-align:center;max-width:1000px;margin:0 auto;padding:15rem 5% 4rem}.page-title{letter-spacing:-2px;margin-bottom:1.5rem;font-size:clamp(3.5rem,8vw,6rem);line-height:1.1}.page-subtitle{opacity:.7;font-size:clamp(1.2rem,2vw,1.5rem);font-family:var(--font-body)}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:3rem;display:flex}.filter-btn{color:var(--text-dark);font-family:var(--font-heading);cursor:pointer;background-color:#0000;border:1px solid #0e251a33;border-radius:50px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s}.filter-btn:hover{border-color:var(--text-dark)}.filter-btn.active{background-color:var(--text-dark);border-color:var(--text-dark);color:var(--bg-light)}.portfolio-archive-section{background:linear-gradient(to bottom, #fff0 0%, var(--bg-light) 250px, var(--bg-light) 100%);z-index:5;padding:2rem 0 10rem;position:relative}.portfolio-archive-grid{grid-template-columns:repeat(3,1fr);gap:4rem 4.5rem;max-width:1400px;margin:0 auto;padding:0 5%;display:grid}.portfolio-archive-grid .portfolio-image-wrap{aspect-ratio:1;width:100%}.portfolio-archive-grid .portfolio-details{text-align:center;margin-top:.2rem}.portfolio-archive-grid .portfolio-details h3{margin-bottom:.1rem;font-size:1.2rem;font-weight:600}.portfolio-archive-grid .portfolio-details p{letter-spacing:1px;opacity:.6;font-size:.8rem}.portfolio-archive-grid .portfolio-item{opacity:0;margin-top:0!important}.tw-services-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (max-width:1024px){.tw-services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.tw-services-grid{grid-template-columns:1fr}}.service-overview-card{transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .3s,box-shadow .3s}.service-overview-card:hover{transform:translateY(-12px);box-shadow:0 15px 35px #00000080;border-color:var(--accent-color)!important}.service-arrow{transition:all .3s}.service-overview-card:hover .service-arrow{background-color:var(--accent-color);color:var(--bg-dark)!important}.contact-main{max-width:1300px;margin:0 auto;padding:10rem 5% 8rem}.contact-hero{max-width:1300px;margin:0 auto 4rem;padding:0 5%}.contact-hero .huge-title{color:var(--text-dark);letter-spacing:-2px;font-size:clamp(4rem,9vw,8rem);line-height:1.1}.contact-container{grid-template-columns:1.5fr 1fr;align-items:start;gap:6rem;display:grid}.contact-form-wrapper{-webkit-backdrop-filter:blur(16px);background:#fff6;border:1px solid #fff9;border-radius:24px;padding:3rem;box-shadow:0 10px 40px #0000000a}.custom-form{flex-direction:column;gap:2rem;display:flex}.custom-form .input-group input,.custom-form .input-group select,.custom-form .input-group textarea{width:100%;font-family:var(--font-main);color:var(--text-dark);background:0 0;border:none;border-bottom:1px solid #0003;outline:none;padding:1.2rem 0;font-size:1.1rem;transition:border-color .3s}.custom-form .input-group input:focus,.custom-form .input-group select:focus,.custom-form .input-group textarea:focus{border-bottom:1px solid var(--accent-color)}.group-label{font-family:var(--font-main);color:var(--text-dark);opacity:.8;margin-bottom:1rem;font-size:1.1rem}.service-selection-grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:.8rem;margin-bottom:.5rem;display:grid}.service-box{cursor:pointer}.service-box input[type=radio]{display:none}.box-content{color:var(--text-dark);text-align:center;border:1px solid #00000026;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.2rem .5rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.box-content svg{transition:color .3s,transform .3s}.service-box:hover .box-content{border-color:#0006;transform:translateY(-2px)}.service-box input[type=radio]:checked+.box-content{border-color:var(--accent-color);background-color:#8dc63f0d;box-shadow:0 4px 15px #0000000d}.service-box input[type=radio]:checked+.box-content svg{color:var(--accent-color);transform:scale(1.1)}.submit-btn{background-color:var(--text-dark);color:var(--bg-light);border:1px solid var(--text-dark);text-transform:uppercase;letter-spacing:1px;cursor:pointer;border-radius:50px;align-self:flex-start;margin-top:1rem;padding:1rem 2.5rem;font-size:.9rem;font-weight:600;transition:background-color .4s,border-color .4s;overflow:hidden}.submit-btn:hover{background-color:var(--accent-color);border-color:var(--accent-color)}.contact-snippet{font-family:var(--font-main);color:var(--text-dark);margin-bottom:4rem;font-size:clamp(2rem,3vw,2.5rem);font-weight:500;line-height:1.4}.contact-details-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.details-col a,.details-col p{color:var(--text-dark);margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;text-decoration:none;transition:color .3s;display:block}.details-col p{gap:1rem;display:flex}.details-col p strong{font-weight:700}.details-col a:hover{color:var(--accent-color)}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:400px;padding:40px;animation:.3s ease-out forwards popIn;box-shadow:0 10px 30px #0003}.modal-icon{color:#8dc63f;margin-bottom:15px;font-size:50px}.modal-content h3{color:#1a1a1a;margin:0 0 10px;font-size:24px}.modal-content p{color:#555;margin-bottom:25px;line-height:1.5}.modal-btn{color:#fff;cursor:pointer;background:#8dc63f;border:none;border-radius:6px;width:100%;padding:12px 30px;font-size:16px;font-weight:700;transition:background .3s}.modal-btn:hover{background:#77ac2e}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.services-main{background:linear-gradient(to bottom, #fff0 0%, var(--bg-light) 400px, var(--bg-light) 100%);padding-top:12rem;padding-bottom:8rem}.services-hero{max-width:1200px;margin:0 auto 8rem;padding:0 5%}.services-hero .hero-label{letter-spacing:3px;text-transform:uppercase;color:var(--accent-color);margin-bottom:2rem;font-size:.85rem;font-weight:600}.services-hero .huge-title{color:var(--text-dark);letter-spacing:-2px;font-size:clamp(4rem,9vw,8rem);line-height:1.1}.services-hero .huge-title:first-of-type{margin-left:0}.services-hero .huge-title:nth-of-type(2){margin-left:12%}.services-hero .huge-title:nth-of-type(3){margin-left:8%}.hero-content-split{grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;display:grid}.services-hero .hero-desc-wrap{justify-content:flex-start;margin-top:0;display:flex}.services-hero .hero-desc{opacity:.8;max-width:450px;font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1.8}.services-list-container{flex-direction:column;gap:8rem;max-width:1400px;margin:0 auto;padding:0 5%;display:flex}.service-row{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;scroll-margin-top:150px;display:grid}.service-icon{margin-bottom:2rem}.service-content h2{margin-bottom:1.5rem;font-size:2.5rem}.service-content p{opacity:.8;max-width:500px;margin-bottom:2.5rem;font-size:1.15rem;line-height:1.8}.service-features{border-top:1px solid #0e251a1a;max-width:500px;padding-top:1rem;list-style:none}.service-features li{font-family:var(--font-heading);border-bottom:1px solid #0e251a1a;padding:1rem 0 1rem 1.5rem;font-size:1.1rem;font-weight:500;position:relative}.service-features li:before{content:"→";color:var(--accent-color);position:absolute;left:0}.service-image{border-radius:12px;width:100%;height:100%;min-height:500px;overflow:hidden}.service-image img{object-fit:cover;width:100%;height:100%;display:block}.service-row.reverse-row .service-content{order:2}.service-row.reverse-row .service-image{order:1}.about-main{z-index:1;background:linear-gradient(#fff0 0%,#fff 500px calc(100% - 300px),#fff0 100%);padding-top:10rem;padding-bottom:8rem;position:relative;overflow:hidden}.about-hero{max-width:1300px;margin:0 auto 6rem;padding:0 5%}.about-hero .hero-label{letter-spacing:3px;text-transform:uppercase;color:var(--accent-color);margin-bottom:2rem;font-size:.85rem;font-weight:600}.about-hero-split{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-titles .huge-title{color:var(--text-dark);letter-spacing:-2px;font-size:clamp(4rem,8vw,8rem);line-height:1.05}.about-titles .huge-title:nth-child(2){color:var(--accent-color);margin-left:15%}.about-titles .huge-title:nth-child(3){margin-left:25%}.about-desc{color:var(--text-dark);opacity:.8;max-width:500px;font-size:clamp(1.2rem,1.8vw,1.6rem);line-height:1.6}.about-image-marquee{width:100vw;margin:4rem 0 10rem;padding:2rem 0;position:relative;overflow:hidden}.marquee-track-images{width:max-content;animation:35s linear infinite scrollImages;display:flex}.marquee-images-content{gap:2rem;padding-right:2rem;display:flex}.marquee-images-content img{object-fit:cover;border-radius:12px;width:auto;height:400px;box-shadow:0 15px 35px #0000000d}@keyframes scrollImages{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-values{max-width:1300px;margin:0 auto 10rem;padding:0 5%}.values-header{border-bottom:1px solid #0000001a;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:6rem;padding-bottom:4rem;display:grid}.values-header h2{letter-spacing:-1px;font-size:clamp(3rem,5vw,5rem);line-height:1.1}.values-intro p{opacity:.8;margin-bottom:2rem;font-size:1.2rem;line-height:1.7}.values-grid{grid-template-columns:repeat(3,1fr);gap:4rem;display:grid}.value-number{color:var(--accent-color);border-bottom:2px solid var(--text-dark);margin-bottom:1.5rem;padding-bottom:1rem;font-size:1rem;font-weight:700;display:inline-block}.value-item h4{margin-bottom:1rem;font-size:1.8rem}.value-item p{opacity:.7;font-size:1.1rem;line-height:1.6}.about-team{max-width:1300px;margin:0 auto 4rem;padding:0 5%}.team-heading{letter-spacing:-1px;text-align:center;margin-bottom:5rem;font-size:clamp(3rem,5vw,5rem);line-height:1.1}.team-grid{grid-template-columns:repeat(3,1fr);gap:3rem;display:grid}.team-card{text-align:center}.team-img-wrap{aspect-ratio:3/4;border-radius:12px;width:100%;margin-bottom:1.5rem;overflow:hidden}.team-img-wrap img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .4s,transform .6s}.team-card:hover .team-img-wrap img{filter:grayscale(0%);transform:scale(1.05)}.team-card h3{margin-bottom:.5rem;font-size:1.8rem}.team-role{letter-spacing:2px;color:var(--accent-color);font-size:.85rem;font-weight:600}.cs-hero-banner{justify-content:center;align-items:flex-end;width:100%;margin-bottom:6rem;padding-top:6rem;display:flex;overflow:hidden}.banner-device{margin:0;transform:translateY(20%)}.mockup-container{justify-content:center;align-items:center;display:flex;position:relative}.mockup-phone{aspect-ratio:9/19.5;width:100%;max-width:340px;box-shadow:none;background:0 0;border:none}.mockup-phone .screen-image{object-fit:cover;z-index:1;border-radius:35px;width:90%;height:96%;position:absolute}.mockup-phone .hardware-frame{object-fit:contain;z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.mockup-laptop{aspect-ratio:16/10;background:#000;border:8px solid #1a1a1a;border-bottom-width:24px;border-radius:16px;width:100%;max-width:900px;overflow:hidden}.mockup-laptop .screen-image{object-fit:cover;width:100%;height:100%}.mockup-container img{display:block}.app-meta-strip{border-top:1px solid #0e251a1a;border-bottom:1px solid #0e251a1a;justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:0 auto 8rem;padding:3rem 5%;display:flex}.get-app-btn-col{justify-content:flex-end;gap:1rem;display:flex}.app-store-btn{color:#fff;background:#0e251a;border-radius:30px;justify-content:center;align-items:center;padding:.8rem 1.8rem;font-weight:500;text-decoration:none;transition:transform .3s,background .3s;display:inline-flex}.app-store-btn:hover{color:#0e251a;background:#8dc63f;transform:translateY(-3px)}.app-store-btn.google-play{color:#0e251a;background:#fff;border:1px solid #0e251a}.app-store-btn.google-play:hover{color:#fff;background:#0e251a}.cs-app-screens-display{background-color:#ecf9d3;border-radius:0;width:100%;max-width:none;margin:0 0 8rem;padding:8rem 5%}.screens-mobile{grid-template-columns:repeat(3,1fr);place-items:center;gap:3rem;max-width:1100px;margin:0 auto;display:grid}.screens-mobile .mockup-container:nth-child(2){transform:translateY(40px)}.carousel-wrapper{width:100%;max-width:100vw;margin:0 auto;position:relative}.carousel-track{gap:3rem;width:max-content;animation:30s linear infinite autoSlideLaptop;display:flex}.carousel-track:hover{animation-play-state:paused}.carousel-track .mockup-container{flex:0 0 800px;max-width:80vw}@keyframes autoSlideLaptop{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1.5rem))}}.cs-app-gallery img:first-child{grid-column:span 1!important}.pricing-section{max-width:1300px;margin:0 auto 10rem;padding:0 5%}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:center;gap:2rem;display:grid}.pricing-card{background:#fff;border:1px solid #0e251a1a;border-radius:24px;flex-direction:column;height:100%;padding:3rem 2.5rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 10px 30px #00000008}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000014}.pricing-card.popular{color:var(--text-dark);border:2px solid var(--accent-color);z-index:10;background:#fff;position:relative;transform:scale(1.05);box-shadow:0 30px 60px #0e251a1a}.pricing-card.popular:hover{transform:scale(1.05)translateY(-5px)}.popular-badge{background:var(--accent-color);color:var(--bg-dark);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;border-radius:20px;padding:.4rem 1.2rem;font-size:.85rem;font-weight:600;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.pricing-card.popular .pricing-header{border-bottom:1px solid #0e251a1a}.pricing-header{border-bottom:1px solid #0e251a1a;margin-bottom:2rem;padding-bottom:2rem}.pricing-card.popular .pricing-header{border-bottom-color:#ffffff1a}.pricing-header h3{margin-bottom:.5rem;font-size:1.8rem}.target-client{opacity:.7;font-size:.95rem;line-height:1.5}.pricing-amount{margin-bottom:2.5rem}.pricing-amount h2{letter-spacing:-1px;margin-bottom:.5rem;font-size:2rem;line-height:1}.pricing-amount span{opacity:.5;letter-spacing:0;font-size:1rem;font-weight:400}.pricing-amount .retainer{font-family:var(--font-heading);color:var(--accent-color);font-size:1.1rem;font-weight:600}.pricing-features{flex-grow:1;margin-bottom:3rem}.pricing-features ul{list-style:none}.pricing-features li{opacity:.85;padding:.8rem 0 .8rem 1.8rem;font-size:1.05rem;position:relative}.pricing-features li:before{content:"✓";color:var(--accent-color);font-weight:700;position:absolute;left:0}.pricing-btn-link{text-align:center;border:2px solid var(--text-dark);font-family:var(--font-heading);color:var(--text-dark);border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:block}.pricing-btn-link:hover{background:var(--text-dark);color:var(--bg-light)}.pricing-card.popular .pricing-btn-link.primary{background:var(--accent-color);border-color:var(--accent-color);color:var(--bg-dark)}.pricing-card.popular .pricing-btn-link.primary:hover{background:var(--text-dark);border-color:var(--text-dark);color:var(--bg-light)}.addons-section{max-width:1300px;margin:0 auto;padding:0 5%}.addons-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.addon-card{background:#fff;border:1px solid #0e251a1a;border-radius:16px;padding:2.5rem;transition:transform .3s;position:relative}.addon-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000000d}.addon-card.popular-addon{border:2px solid var(--accent-color)}.addon-badge{background:var(--accent-color);color:var(--bg-dark);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;border-radius:20px;padding:.2rem 1rem;font-size:.75rem;font-weight:600;position:absolute;top:-12px;left:2.5rem}.addon-card h4{margin-bottom:.5rem;padding-right:80px;font-size:1.3rem}.addon-price{font-family:var(--font-heading);color:var(--accent-color);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.addon-price span{opacity:.6;color:var(--text-dark);font-size:.9rem}.addon-card p{opacity:.8;font-size:1rem;line-height:1.6}@media (max-width:1024px){.pricing-grid{grid-template-columns:1fr;gap:3rem}.pricing-card.popular{transform:scale(1)}.pricing-card.popular:hover{transform:translateY(-5px)}.addons-grid{grid-template-columns:1fr}}.booking-container{max-width:1100px;color:var(--text-dark);background:#fff;border:1px solid #0e251a1a;border-radius:16px;grid-template-columns:300px 1fr 280px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 20px 40px #0000000a}.booking-details{border-right:1px solid #0e251a1a;padding:2.5rem}.booking-avatar{object-fit:contain;width:40px;height:40px;margin-bottom:1rem}.booking-company{color:var(--text-dark);opacity:.6;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.booking-title{color:var(--text-dark);margin-bottom:1rem;font-size:1.6rem;font-weight:700;line-height:1.3}.booking-desc{color:var(--text-dark);opacity:.7;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.booking-meta p{color:var(--text-dark);opacity:.8;margin-bottom:.8rem;font-size:.9rem;font-weight:500}.booking-calendar{border-right:1px solid #0e251a1a;padding:2.5rem}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.calendar-header h2{font-size:1.2rem;font-weight:700}.calendar-header span{color:var(--text-dark);opacity:.5;font-weight:400}.calendar-nav button{color:var(--text-dark);opacity:.5;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.2rem;transition:opacity .2s}.calendar-nav button:hover{opacity:1}.calendar-days-row{text-align:center;color:var(--text-dark);opacity:.5;letter-spacing:1px;grid-template-columns:repeat(7,1fr);margin-bottom:1rem;font-size:.75rem;font-weight:600;display:grid}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.calendar-cell{aspect-ratio:1;justify-content:center;align-items:center;display:flex}.day-btn{width:45px;height:45px;color:var(--text-dark);cursor:pointer;background:#f8f9fa;border:1px solid #0000;border-radius:8px;font-size:1rem;font-weight:500;transition:all .2s}.day-btn:hover{background:#e9ecef;border-color:#0e251a1a}.day-btn.selected{background:var(--text-dark);color:#fff;font-weight:700}.booking-times{flex-direction:column;padding:2.5rem;display:flex}.times-header{color:var(--text-dark);margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.times-list{flex-direction:column;gap:.8rem;max-height:400px;padding-right:10px;display:flex;overflow-y:auto}.times-list::-webkit-scrollbar{width:6px}.times-list::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:10px}.time-btn{color:var(--text-dark);cursor:pointer;background:0 0;border:1px solid #0e251a33;border-radius:8px;padding:.8rem;font-size:.95rem;font-weight:500;transition:all .2s}.time-btn:hover{border-color:var(--text-dark)}.time-btn.selected{background:var(--text-dark);color:#fff;border-color:var(--text-dark);font-weight:700}.confirm-booking-btn{background:var(--accent-color);width:100%;color:var(--bg-dark);cursor:pointer;border:none;border-radius:8px;margin-top:auto;padding:1rem;font-size:1rem;font-weight:700;transition:transform .2s}.confirm-booking-btn:hover{transform:translateY(-2px)}@media (max-width:1024px){.booking-container{grid-template-columns:1fr;max-width:500px}.booking-details,.booking-calendar{border-bottom:1px solid #0e251a1a;border-right:none}.times-list{max-height:250px}}.timezone-selector{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.timezone-selector select{color:var(--text-dark);cursor:pointer;opacity:.8;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.9rem}.timezone-selector select:hover{opacity:1}.times-header-row{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.times-header{margin-bottom:0!important}.time-format-toggle{background:#f8f9fa;border:1px solid #0e251a1a;border-radius:6px;padding:2px;display:flex}.time-format-toggle button{color:var(--text-dark);opacity:.5;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:600;transition:all .2s}.time-format-toggle button.active{opacity:1;background:#fff;box-shadow:0 2px 4px #0000000d}.booking-container.form-view{grid-template-columns:350px 1fr}.booking-selected-datetime{border-bottom:1px solid #0e251a1a;align-items:flex-start;gap:.8rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.booking-selected-datetime .icon{margin-top:2px;font-size:1.2rem}.booking-selected-datetime .date-text{color:var(--text-dark);margin-bottom:.2rem;font-weight:600}.booking-selected-datetime .time-text{color:var(--text-dark);opacity:.7;font-size:.9rem}.booking-form-area{max-height:800px;padding:3rem 4rem;overflow-y:auto}.form-group{flex-direction:column;margin-bottom:1.8rem;display:flex}.form-group label{margin-bottom:.5rem;font-size:.95rem;font-weight:600}.form-group input[type=text],.form-group input[type=email],.form-group textarea{background:0 0;border:1px solid #0e251a33;border-radius:8px;padding:.8rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--text-dark);outline:none}.radio-group{flex-direction:column;gap:.8rem;display:flex}.radio-option{cursor:pointer;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.terms-text{opacity:.6;margin-bottom:2rem;font-size:.85rem}.form-actions{justify-content:flex-end;align-items:center;gap:1.5rem;display:flex}.back-btn{color:var(--text-dark);cursor:pointer;opacity:.7;background:0 0;border:none;font-weight:600;transition:opacity .2s}.back-btn:hover{opacity:1}.confirm-btn{background:var(--text-dark);color:var(--bg-light);cursor:pointer;border:none;border-radius:20px;padding:.8rem 2rem;font-weight:600;transition:transform .2s}.confirm-btn:hover{transform:translateY(-2px)}@media (max-width:1024px){.booking-container.form-view{grid-template-columns:1fr}.booking-form-area{padding:2rem}}.times-header-row{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.times-header{font-size:.95rem;margin-bottom:0!important}.next-day-badge{color:var(--text-dark);vertical-align:middle;letter-spacing:.5px;background:#0e251a14;border-radius:4px;margin-left:8px;padding:3px 6px;font-size:.65rem;font-weight:700;transition:all .2s}.time-btn.selected .next-day-badge{color:#fff;background:#fff3}@media (max-width:1100px){.service-selection-grid{grid-template-columns:1fr 1fr}}@media (max-width:1024px){.social-sidebar,.scroll-indicator{display:none}.services{padding:5rem 5%}.services-cards-container,.portfolio-archive-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.featured-card{min-height:200px}.menu-info{gap:1.5rem}.menu-featured,.menu-info{display:none!important}.menu-container{text-align:center;grid-template-columns:1fr;align-content:center;gap:0;height:100vh;padding:0 5%}.menu-link{font-size:2.5rem}.menu-link:after{left:50%;transform:translate(-50%)}.overlay-nav li{margin-bottom:1.5rem}.site-header .header-controls .cta-btn{display:none!important}.portfolio-grid{grid-template-columns:1fr;gap:4rem}.portfolio-item:nth-child(2n){margin-top:0}.hero-extension{text-align:center;grid-template-columns:1fr;gap:3rem;margin:10vh auto 0}.right-col{justify-content:center;padding-right:0}.footer-menu nav{flex-wrap:wrap;justify-content:center}.layer-cliff{background-position:100% 100%!important;background-size:auto 60%!important}.cs-meta-strip{grid-template-columns:1fr;gap:2rem}.cs-content-split{grid-template-columns:1fr;gap:4rem;margin:5rem auto}.cs-gallery{grid-template-columns:1fr}.cs-design-system{grid-template-columns:1fr;gap:4rem}.editorial-row{grid-template-columns:1fr;gap:1.5rem}.editorial-heading h2{opacity:.5;font-size:1.5rem;position:relative;top:0}.cs-meta-editorial{grid-template-columns:1fr;gap:1.5rem}.editorial-hero{border-radius:0;width:100%}.cs-live-site-showcase{margin:5rem auto}.cs-live-site-link{width:140px;height:140px;top:2rem;right:2rem}.cs-live-site-link .live-btn{width:100px;height:100px;font-size:.8rem}.cs-fullwidth-banner{height:400px;margin-bottom:5rem}.editorial-split-2col{grid-template-columns:1fr;gap:0}.editorial-split-2col .split-col:first-child{border-bottom:1px solid #0e251a1a;border-right:none;margin-bottom:3rem;padding-bottom:3rem;padding-right:0}.cs-brand-intro{grid-template-columns:1fr;gap:4rem}.cs-brand-gallery{grid-template-columns:1fr}.cs-brand-gallery img{aspect-ratio:auto!important}.app-meta-strip{text-align:center;flex-direction:column}.get-app-btn-col{flex-wrap:wrap;justify-content:center;margin-top:1rem}.screens-mobile{grid-template-columns:1fr;gap:4rem}.screens-mobile .mockup-container:nth-child(2){transform:translateY(0)}.screens-desktop-carousel .mockup-container{flex:0 0 95%}.carousel-arrow{display:none}.contact-container{grid-template-columns:1fr;gap:5rem}.contact-form-wrapper{order:2;padding:2rem 1.5rem}.contact-info-wrapper{order:1}.contact-details-grid{grid-template-columns:1fr;gap:1rem}.contact-grid{grid-template-columns:1fr;gap:5rem}.input-row{grid-template-columns:1fr;gap:3.5rem}.contact-main{padding-top:10rem}.services-hero .hero-desc-wrap{justify-content:flex-start}.services-list-container{gap:6rem}.service-row{grid-template-columns:1fr;gap:3rem}.service-row.reverse-row .service-content,.service-row.reverse-row .service-image{order:unset}.service-image{min-height:350px}.hero-content-split,.about-hero-split,.about-hero-split{grid-template-columns:1fr;gap:2rem}.about-titles .huge-title:nth-child(n){margin-left:0}.marquee-images-content img{height:250px}.values-header{grid-template-columns:1fr;gap:2rem;padding-bottom:2rem}.values-grid{grid-template-columns:1fr;gap:3rem}.team-grid{grid-template-columns:1fr;gap:4rem}}@media (max-width:768px){.contact-info{flex-direction:column;gap:1rem;display:flex}.divider{display:none}}@media (max-width:650px){.portfolio-archive-grid{grid-template-columns:1fr}}@media (max-width:600px){.services-cards-container,.service-selection-grid{grid-template-columns:1fr}}