.creative-services{position:relative;overflow:clip;--scene-turn:0deg}.creative-services [data-depth]{transform:perspective(1100px) translateY(var(--reveal-lift,0)) rotateX(var(--reveal-turn,0deg));transform-origin:center top}.motion-switch{position:absolute;top:20px;right:24px;z-index:3;border:1px solid #ffffff45;border-radius:30px;padding:8px 14px;background:#321b35;color:#eadbea;font-size:11px;cursor:pointer}.studio-hero{position:relative;background:radial-gradient(ellipse at 80% 40%,#704d76 0,#352039 48%,#241528 100%);color:#faf6f0;padding:115px 0 35px}.studio-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;min-height:580px}.studio-intro{position:relative;z-index:2}.studio-intro h1{color:#faf6f0;font-size:clamp(52px,6.5vw,88px);line-height:1.03;letter-spacing:-.045em;margin-bottom:28px}.studio-intro h1 em{color:#ddbd86;font-weight:400}.studio-intro>p:not(.eyebrow){max-width:440px;line-height:1.9;font-size:16px;color:#decfdf}.studio-disciplines{display:flex;flex-wrap:wrap;gap:22px;margin-top:45px;color:#d6c2d8;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.studio-scene{position:relative;height:540px;perspective:1100px}.scene-composition{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(7deg) rotateY(calc(-13deg + var(--scene-turn)))}.scene-window{position:absolute;top:95px;left:0;width:88%;height:305px;background:#e9dbea;border:1px solid #fff8;border-radius:15px;box-shadow:12px 20px 0 #26142f,28px 42px 65px #12071880;transform:translateZ(15px) rotate(-7deg);overflow:hidden}.window-bar{display:flex;align-items:center;gap:6px;padding:14px;background:#fff5;color:#604364}.window-bar i{width:6px;height:6px;border-radius:50%;background:#927296}.window-bar span{margin-left:auto;font-size:8px;letter-spacing:.15em}.window-canvas{position:relative;height:205px;overflow:hidden;background:#593360;padding:30px}.window-canvas>span{position:relative;font-family:var(--font-playfair);font-size:40px;line-height:1.1}.window-canvas em{color:#ecd09c}.scene-sphere{position:absolute;right:12px;top:4px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 30% 24%,#fff2da,#d9b67e 25%,#8b5976 58%,#331a3b 76%);box-shadow:inset -12px -14px 30px #20102580,15px 25px 30px #24112770;animation:studio-float 6s ease-in-out infinite}.window-timeline{display:flex;gap:5px;padding:13px}.window-timeline i{height:22px;flex:1;background:#98759d;border-radius:3px}.window-timeline i:nth-child(2n){background:#c7a46a;flex:1.5}.scene-phone{position:absolute;right:-3px;top:190px;width:155px;height:285px;border:5px solid #38243e;border-radius:27px;background:#f8f0e5;box-shadow:8px 10px 0 #1c1121,16px 25px 40px #12071880;padding:24px 13px;color:#4c294f;transform:translateZ(100px) rotate(9deg);animation:studio-phone 7s ease-in-out infinite}.phone-notch{position:absolute;top:7px;left:48px;width:48px;height:8px;background:#38243e;border-radius:10px}.scene-phone small{font-size:7px;letter-spacing:.1em}.phone-art{width:92px;height:92px;margin:14px auto;border-radius:28% 72% 58% 42%;background:linear-gradient(135deg,#ecd3ee,#94679e 45%,#42234a);box-shadow:inset 8px 8px 15px #fff7,6px 10px 13px #4c294f30;transform:rotate(-15deg)}.scene-phone strong{display:block;font-family:var(--font-playfair);font-size:22px;line-height:1.1}.phone-action{display:block;margin-top:12px;padding:7px;background:#4c294f;color:#fff;border-radius:12px;font-size:8px;text-align:center}.scene-swatch{position:absolute;top:38px;right:15px;width:160px;padding:14px;display:flex;flex-wrap:wrap;gap:5px;background:#fff0de;border-radius:9px;box-shadow:8px 10px 0 #341d3c,12px 24px 35px #140b1a50;transform:translateZ(65px) rotate(12deg)}.scene-swatch>span{height:54px;flex:1;background:#503056;border-radius:4px}.scene-swatch>span:nth-child(2){background:#c7a46a}.scene-swatch>span:nth-child(3){background:#d8bedc}.scene-swatch small{color:#4c294f;font-size:7px;letter-spacing:.12em;padding-top:5px}.scene-play{position:absolute;left:10px;bottom:35px;display:grid;place-items:center;width:80px;height:80px;border-radius:22px;background:linear-gradient(140deg,#edd5a9,#ba8d4e);color:#4c294f;font-size:26px;box-shadow:7px 9px 0 #775333,14px 24px 30px #140b1a70;transform:translateZ(80px) rotate(-12deg);animation:studio-float 5s ease-in-out infinite}.scene-label{position:absolute;left:130px;bottom:25px;font-size:8px;letter-spacing:.22em;color:#dac9dc}.scene-orbit{position:absolute;border:1px solid #dec5df24;border-radius:50%;width:520px;height:520px;top:0;left:-15px;transform:rotateX(55deg) rotate(-25deg)}.orbit-two{transform:rotateY(55deg) rotate(25deg)}.studio-scroll{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:25px;font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#d8c3dc}.studio-scroll span{font-size:24px}.studio-ribbon{display:flex;align-items:center;justify-content:center;gap:45px;padding:23px;background:#e9dded;color:#4c294f;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.studio-ribbon b{color:#97692f;font-size:22px}.studio-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;perspective:1100px}.studio-service-card{padding:30px;border-radius:16px;box-shadow:0 16px 35px #4c294f08}.service-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:35px;font-size:9px;color:#765979}.service-card-top>span:first-child{font-size:22px;font-family:var(--font-playfair)}.studio-service-card .offer-icon{width:64px;height:64px;border-radius:18px;box-shadow:5px 6px 0 #b99dbd,12px 15px 25px #4c294f15;transform:rotate(-8deg);font-size:24px}.studio-service-card h2{font-size:29px;line-height:1.15;min-height:100px}.studio-service-card p{font-size:13px}.studio-service-card ul{list-style:none;padding:20px 0 0;border-top:1px solid #4c294f20}.studio-service-card li{padding:7px 0;font-size:12px;color:#5b4c5d}.studio-service-card li:before{content:"↗";color:#99703c;margin-right:9px}.studio-work{background:#faf6f0}.creative-services .extra-project-card{padding:15px 15px 25px;border-radius:18px;background:#fff;box-shadow:0 12px 30px #4c294f08}.creative-services .extra-project-card h3{margin:24px 10px 0;font-size:25px}.creative-services .extra-project-card .button-row{margin:20px 10px 0}.project-art{display:grid;place-items:center;position:relative;height:220px;overflow:hidden;border-radius:10px;background:radial-gradient(ellipse at 30% 20%,#b69abd,#513257);perspective:700px}.extra-project-card:nth-child(3n+2) .project-art{background:radial-gradient(ellipse at 30% 20%,#edcf9c,#967443)}.extra-project-card:nth-child(3n) .project-art{background:radial-gradient(ellipse at 30% 20%,#e4d5e8,#967fa6)}.mini-device{width:112px;height:175px;border:4px solid #38243e;border-radius:18px;background:#faf6f0;padding:12px;transform:rotateX(15deg) rotateY(-20deg) rotate(-10deg);box-shadow:7px 8px 0 #38243e,20px 28px 25px #20102560;transition:transform .5s ease}.mini-device>span{display:block;height:5px;width:35px;background:#38243e;margin:0 auto 18px;border-radius:6px}.mini-device strong{display:block;overflow-wrap:anywhere;font-size:13px;color:#4c294f}.mini-device i{display:block;background:#d9c8df;height:18px;border-radius:5px;margin-top:8px}.mini-device i:nth-last-child(2){width:70%;background:#d5b583}.project-art-label{position:absolute;bottom:12px;right:14px;font-size:8px;letter-spacing:.12em;color:#fff}.studio-process{background:#342039;color:#dacbdd}.studio-process h2,.studio-process h3{color:#fff5e9}.studio-process .section-title p:last-child{color:#dacbdd}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.process-grid article{border-top:1px solid #b295b755;padding-top:25px}.process-grid article>span{font-family:var(--font-playfair);font-size:45px;color:#d4b47f}.process-grid h3{font-size:27px;margin:20px 0 15px}.process-grid p{font-size:13px;line-height:1.85}.studio-faq .container{max-width:850px}.studio-faq details{border-bottom:1px solid #4c294f25;padding:23px 0}.studio-faq summary{cursor:pointer;font-weight:600;font-size:15px;color:#4c294f}.studio-faq details p{padding-top:18px;max-width:720px;font-size:14px;line-height:1.8;color:#6a616a;margin-bottom:0}.studio-closing{text-align:center;padding:100px 20px;background:radial-gradient(ellipse at center,#f8efdf,#e5d4e7)}.studio-closing h2{font-size:clamp(44px,6vw,74px);line-height:1.08}.studio-closing h2 em{font-weight:400}.studio-closing p:not(.eyebrow){max-width:540px;margin:0 auto 30px;line-height:1.8;color:#66536a}@keyframes studio-float{0%,to{translate:0 0}50%{translate:0 -15px}}@keyframes studio-phone{0%,to{translate:0 0}50%{translate:0 12px}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.creative-services:not([data-motion=off]) .extra-project-card:hover .mini-device{transform:rotateX(0deg) rotateY(0deg) rotate(2deg) translateY(-6px)}}.creative-services[data-motion=off] *,.creative-services[data-motion=off] :before{animation:none!important;transition:none!important}@media (max-width:1050px){.studio-hero-grid{gap:15px}.studio-scene{scale:.88;transform-origin:center}.studio-service-grid{gap:12px}.studio-service-card{padding:22px}.studio-service-card h2{font-size:25px}.studio-ribbon{gap:20px}}@media (max-width:850px){.studio-hero{padding-top:95px}.studio-hero-grid{grid-template-columns:1fr}.studio-intro{max-width:600px}.studio-scene{width:min(500px,100%);margin:0 auto;height:510px;scale:.95}.studio-service-grid{grid-template-columns:1fr;gap:25px}.studio-service-card{padding:30px}.studio-service-card h2{min-height:0}.process-grid{grid-template-columns:repeat(2,1fr)}.studio-ribbon{flex-wrap:wrap;gap:12px;font-size:9px}.studio-ribbon b{font-size:15px}}@media (max-width:480px){.studio-scene{height:430px;scale:.83;width:115%;margin-left:-7.5%}.scene-window{top:70px;height:280px}.window-canvas{height:180px;padding:22px}.window-canvas>span{font-size:34px}.scene-sphere{width:160px;height:160px}.scene-phone{top:150px}.scene-label{display:none}.scene-play{bottom:5px}.scene-swatch{top:0}.studio-disciplines{gap:12px;font-size:8px}.studio-intro h1{font-size:53px}.studio-ribbon{padding-inline:16px}.process-grid{grid-template-columns:1fr;gap:30px}}@media (prefers-reduced-motion:reduce){.creative-services *,.creative-services :before{animation:none!important;transition:none!important}.creative-services [data-depth]{transform:none!important}.scene-composition{transform:rotateX(7deg) rotateY(-13deg)!important}.motion-switch{display:none}}