.studio-page{overflow-x:hidden;background:#f5f8fa}@keyframes float{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-12px) translateX(5px)}50%{transform:translateY(-6px) translateX(-3px)}75%{transform:translateY(-15px) translateX(2px)}}@keyframes float-slow{0%,to{transform:translateY(0) translateX(0)}33%{transform:translateY(-8px) translateX(-6px)}66%{transform:translateY(-16px) translateX(4px)}}@keyframes float-gentle{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-10px) translateX(-4px)}}.bubble{position:absolute;border-radius:50%;pointer-events:none;z-index:2;overflow:hidden;opacity:.6;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 30px -10px rgba(0,0,0,.05),inset 0 -20px 40px -20px rgba(0,0,0,.03);animation:float 8s ease-in-out infinite}.bubble:nth-child(2n){animation:float-slow 10s ease-in-out infinite}.bubble:nth-child(3n){animation:float-gentle 12s ease-in-out infinite}.bubble:nth-child(4n){animation-delay:-2s}.bubble:nth-child(5n){animation-delay:-4s}.bubble-image{background-size:cover;background-position:50%;opacity:.18}.bubble-image,.bubble:before{position:absolute;inset:0;border-radius:50%}.bubble:before{content:"";background:radial-gradient(ellipse 35% 25% at 25% 20%,rgba(255,255,255,.3) 0,transparent 100%),radial-gradient(ellipse 100% 100% at 50% 120%,rgba(255,255,255,.08) 0,transparent 60%);z-index:2}.bubble:after{content:"";position:absolute;top:10%;left:18%;width:25%;height:20%;background:radial-gradient(ellipse,rgba(255,255,255,.35) 0,transparent 70%);border-radius:50%;transform:rotate(-20deg);z-index:3}.bubble-teal{border-color:rgba(112,164,187,.1);box-shadow:0 8px 30px -10px rgba(112,164,187,.08),inset 0 -20px 40px -20px rgba(112,164,187,.05)}.bubble-orange{border-color:rgba(237,116,2,.08);box-shadow:0 8px 30px -10px rgba(237,116,2,.06),inset 0 -20px 40px -20px rgba(237,116,2,.04)}.bubble-white{border-color:rgba(255,255,255,.15);box-shadow:0 8px 30px -10px rgba(0,0,0,.03),inset 0 -20px 40px -20px rgba(255,255,255,.08)}.bubble-xl{width:350px;height:350px}.bubble-lg{width:280px;height:280px}.bubble-md{width:200px;height:200px}.bubble-sm{width:140px;height:140px}.bubble-xs{width:90px;height:90px}.section-divider{position:relative;width:100%;height:80px;margin-top:-1px;z-index:10;line-height:0}.section-divider svg{display:block;width:100%;height:100%}.section-divider.flip{transform:scaleX(-1)}.from-dark.to-warm{background:var(--blue-dark)}.from-dark.to-warm svg path{fill:#faf8f5}.from-warm.to-cool{background:#f5f2ed}.from-warm.to-cool svg path{fill:#dbe8ef}.from-warm.to-nature{background:#f5f2ed}.from-warm.to-nature svg path{fill:#f0ede8}.from-cool.to-nature{background:#cddce5}.from-cool.to-nature svg path{fill:#e8f2ef}.from-nature.to-soft{background:#e0dcd6}.from-nature.to-soft svg path{fill:#f0eef5}.from-soft.to-dark{background:#e6e3ef}.from-soft.to-dark svg path{fill:var(--blue-dark)}.studio-hero{position:relative;min-height:70vh;display:flex;align-items:center;background:var(--blue-dark);padding:5rem 2rem;overflow:hidden}.studio-hero-bg{position:absolute;inset:0}.studio-shape{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.studio-shape-1{width:500px;height:500px;background:var(--teal);top:-200px;right:-100px}.studio-shape-2{width:400px;height:400px;background:var(--teal);bottom:-150px;left:-100px}.studio-hero .container{position:relative;z-index:1;text-align:center;max-width:800px}.studio-hero .studio-badge{display:inline-block;background:var(--teal);color:var(--white);padding:.5rem 1.5rem;border-radius:50px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem}.studio-hero h1{font-size:3.5rem;color:var(--white);margin-bottom:1.5rem;line-height:1.1}.studio-hero-text{font-size:1.25rem;color:rgba(255,255,255,.8);margin-bottom:2.5rem;line-height:1.7}.studio-hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.studio-services{position:relative;padding:var(--section-padding);background:linear-gradient(180deg,#faf8f5,#f7f4f0 50%,#f5f2ed);overflow:hidden}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:2rem;gap:2rem}.service-card{background:var(--white);border-radius:24px;padding:2.5rem;position:relative;transition:var(--transition);box-shadow:0 8px 30px -10px rgba(0,0,0,.08)}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:24px 24px 0 0;background:linear-gradient(90deg,var(--teal),transparent)}.service-orange:before{background:linear-gradient(90deg,var(--orange),transparent)}.service-teal:before{background:linear-gradient(90deg,var(--teal),transparent)}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.service-icon{font-size:3rem;display:block;margin-bottom:1.5rem}.service-image{border-radius:16px;overflow:hidden;margin-bottom:1.5rem}.service-image img{width:100%;height:auto;display:block}.service-card h3{font-size:1.5rem;color:var(--blue-dark);margin-bottom:1rem}.service-card>p{color:var(--gray);margin-bottom:1.5rem;line-height:1.7}.service-features{list-style:none}.service-features li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--blue-dark);font-size:.95rem}.service-features svg{width:18px;height:18px;flex-shrink:0}.service-orange .service-features svg{stroke:var(--orange)}.service-teal .service-features svg{stroke:var(--teal)}.studio-process{position:relative;padding:var(--section-padding);background:linear-gradient(180deg,#dbe8ef,#d4e3ec 50%,#cddce5);overflow:hidden}.process-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.process-step{text-align:center;position:relative;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem 1.5rem;transition:var(--transition)}.process-step:hover{background:rgba(255,255,255,.9);transform:translateY(-5px);box-shadow:0 10px 30px -10px rgba(0,0,0,.1)}.process-number{width:60px;height:60px;background:linear-gradient(135deg,var(--teal),var(--teal-light));color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem;box-shadow:0 8px 20px -5px rgba(112,164,187,.4)}.process-content h3{font-size:1.25rem;color:var(--blue-dark);margin-bottom:.5rem}.process-content p{color:var(--gray);font-size:.95rem}.studio-portfolio{position:relative;padding:var(--section-padding);background:linear-gradient(180deg,#f0ede8,#e8e4df 50%,#e0dcd6);overflow:hidden}.studio-portfolio .section-title{color:var(--blue-dark)}.studio-portfolio .section-subtitle{color:var(--gray)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.portfolio-card{background:var(--white);border-radius:20px;overflow:hidden;box-shadow:0 8px 30px -10px rgba(0,0,0,.08);transition:var(--transition)}.portfolio-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.portfolio-image{height:200px;overflow:hidden;position:relative}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.portfolio-card:hover .portfolio-image img{transform:scale(1.05)}.portfolio-content{padding:1.5rem}.portfolio-type{font-size:.8rem;color:var(--teal);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.portfolio-content h3{font-size:1.15rem;color:var(--blue-dark);margin:.5rem 0 .25rem}.portfolio-client{font-size:.9rem;color:var(--gray)}.studio-developpements{position:relative;padding:var(--section-padding);background:linear-gradient(180deg,#f0eef5,#ebe8f2 50%,#e6e3ef);overflow:hidden}.developpements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:2rem;gap:2rem}.dev-card{background:var(--white);border-radius:24px;padding:2.5rem;position:relative;transition:var(--transition);box-shadow:0 8px 30px -10px rgba(0,0,0,.08)}.dev-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--teal),transparent);border-radius:24px 24px 0 0}.dev-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.dev-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--teal) 0,#00a896 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 8px 20px -5px rgba(112,164,187,.3)}.dev-icon svg{width:36px;height:36px;stroke:var(--white)}.dev-card h3{font-size:1.5rem;color:var(--blue-dark);margin-bottom:1rem}.dev-card>p{color:var(--gray);margin-bottom:1.5rem;line-height:1.7}.dev-features{list-style:none}.dev-features li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--blue-dark);font-size:.95rem}.dev-features svg{width:18px;height:18px;flex-shrink:0;stroke:var(--teal)}.dev-features-simple{list-style:disc;padding-left:1.25rem;margin:0}.dev-features-simple li{padding:.25rem 0;color:var(--blue-dark);font-size:.9rem}.dev-card-with-image{padding:0;overflow:hidden}.dev-card-visual{width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,var(--teal) 0,#00a896 100%)}.dev-card-visual img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.dev-card-with-image:hover .dev-card-visual img{transform:scale(1.05)}.dev-card-stores{background:linear-gradient(135deg,#1a1a2e,#16213e)}.dev-card-stores,.store-badges{display:flex;align-items:center;justify-content:center}.store-badges{gap:1.5rem;padding:1rem}.store-badge{height:50px;width:auto;transition:transform .3s ease,filter .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.dev-card-with-image:hover .store-badge{transform:scale(1.05)}.dev-card-content{padding:2rem 2.5rem 2.5rem}.dev-card-with-image .dev-icon{margin-bottom:1rem}.dev-btn{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.5rem}.dev-btn svg{transition:transform .3s ease}.dev-btn:hover svg{transform:translateX(4px)}.studio-cta-section{position:relative;padding:var(--section-padding);background:var(--gradient-dark)}.cta-box{text-align:center;max-width:600px;margin:0 auto}.cta-box h2{font-size:2.5rem;color:var(--white);margin-bottom:1rem}.cta-box p{font-size:1.15rem;color:rgba(255,255,255,.8);margin-bottom:2rem;line-height:1.7}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-actions .btn-outline{border-color:var(--white);color:var(--white)}.cta-actions .btn-outline:hover{background:var(--white);color:var(--blue-dark)}@media (max-width:1024px){.section-divider{height:60px}}@media (max-width:768px){.section-divider{height:40px}.bubble{display:none}.studio-hero h1{font-size:2.5rem}.studio-hero-text{font-size:1.1rem}.developpements-grid,.portfolio-grid,.services-grid{grid-template-columns:1fr}.process-timeline{grid-template-columns:1fr 1fr}.cta-box h2{font-size:2rem}.studio-developpements,.studio-portfolio,.studio-process,.studio-services{padding-top:3rem;padding-bottom:3rem}.dev-card,.portfolio-card,.service-card{border-radius:20px}.process-step{border-radius:16px;padding:1.5rem 1rem}}@media (max-width:480px){.section-divider{height:30px}.developpements-grid,.process-timeline{grid-template-columns:1fr}.store-badges{flex-direction:column;gap:1rem}.store-badge{height:45px}}@media (prefers-reduced-motion:reduce){.bubble{animation:none}}