.studio-page{scroll-behavior:smooth}.studio-hero{background-color:#0a0a0a;background-image:radial-gradient(ellipse 80% 50% at 50% -20%,#7877c626,#0000),radial-gradient(ellipse 60% 40% at 80% 50%,#7877c60f,#0000);position:relative;overflow:hidden}.studio-hero:after{content:"";position:absolute;top:20%;left:50%;width:600px;height:600px;transform:translateX(-50%);background:radial-gradient(circle,#7877c614 0,#0000 70%);animation:heroGlow 8s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes heroGlow{0%,to{opacity:.4;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.15)}}.studio-hero>*{position:relative;z-index:1}.studio-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none}@keyframes studioFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.studio-fade-up{animation:studioFadeUp .8s ease-out forwards;opacity:0}.studio-fade-up-delay-1{animation-delay:.15s}.studio-fade-up-delay-2{animation-delay:.3s}.studio-fade-up-delay-3{animation-delay:.45s}.studio-fade-up-delay-4{animation-delay:.6s}.studio-divider{width:48px;height:1px;background:linear-gradient(90deg,#0000,#fff6,#0000)}.studio-divider-dark{width:48px;height:1px;background:linear-gradient(90deg,#0000,#0003,#0000)}.studio-pillar{transition:all .3s ease;border:1px solid #0000000f}.studio-pillar:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014;border-color:#0000001a}.studio-package{transition:all .4s ease;border:1px solid #00000014;position:relative;overflow:hidden}.studio-package:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#000,#333);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.studio-package:hover:before{transform:scaleX(1)}.studio-package:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00000014}.studio-cta{position:relative;background:#000;color:#fff;transition:all .3s ease;overflow:hidden}.studio-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);transform:translateX(-100%);transition:transform .6s ease}.studio-cta:hover:after{transform:translateX(100%)}.studio-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0003}.studio-stagger>:first-child{animation:studioStaggerIn .6s ease-out .1s both}.studio-stagger>:nth-child(2){animation:studioStaggerIn .6s ease-out .2s both}.studio-stagger>:nth-child(3){animation:studioStaggerIn .6s ease-out .3s both}@keyframes studioStaggerIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.studio-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;border:1px solid #0000001a;color:#555;background:#00000005;transition:all .3s ease}.studio-badge:hover{border-color:#0003;background:#0000000a}.studio-badges .studio-badge:first-child{animation:badgeFadeIn .4s ease-out .1s both}.studio-badges .studio-badge:nth-child(2){animation:badgeFadeIn .4s ease-out .18s both}.studio-badges .studio-badge:nth-child(3){animation:badgeFadeIn .4s ease-out .26s both}.studio-badges .studio-badge:nth-child(4){animation:badgeFadeIn .4s ease-out .34s both}.studio-badges .studio-badge:nth-child(5){animation:badgeFadeIn .4s ease-out .42s both}.studio-badges .studio-badge:nth-child(6){animation:badgeFadeIn .4s ease-out .5s both}@keyframes badgeFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.studio-case-study{background:linear-gradient(135deg,#fafafa,#f5f5f5);border:1px solid #0000000f;transition:all .3s ease}.studio-case-study:hover{border-color:#0000001f}.studio-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.studio-section.visible{opacity:1;transform:translateY(0)}.studio-metric{font-variant-numeric:tabular-nums}.studio-quote{position:relative;padding-left:24px}.studio-quote:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#000}.studio-photo{overflow:hidden}.studio-photo,.studio-photo-inner{transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.studio-photo:hover .studio-photo-inner{transform:scale(1.03)}.studio-gallery-img{transition:all .5s cubic-bezier(.25,.46,.45,.94)}.studio-gallery-img:hover{transform:translateY(-4px);filter:grayscale(30%);box-shadow:0 16px 48px #0000001a}.studio-section-divider{width:100%;height:1px;background:linear-gradient(90deg,#0000,#00000014,#00000014,#0000)}@keyframes studioReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.studio-reveal{animation:studioReveal .9s cubic-bezier(.25,.46,.45,.94) forwards;opacity:0}.studio-cta,.studio-hero a[href*=mailto]{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.studio-cta:active,.studio-hero a[href*=mailto]:active{transform:scale(.97)}.studio-quote-icon{animation:quoteReveal .6s cubic-bezier(.25,.46,.45,.94) .2s both}@keyframes quoteReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.studio-logo-item{opacity:0;animation:logoFadeIn .5s ease-out both}.studio-logo-item:first-child{animation-delay:.05s}.studio-logo-item:nth-child(2){animation-delay:.1s}.studio-logo-item:nth-child(3){animation-delay:.15s}.studio-logo-item:nth-child(4){animation-delay:.2s}.studio-logo-item:nth-child(5){animation-delay:.25s}.studio-logo-item:nth-child(6){animation-delay:.3s}.studio-logo-item:nth-child(7){animation-delay:.35s}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.studio-hero-cta{position:relative;overflow:hidden}.studio-hero-cta:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,#0000,#0000000a,#0000);transition:none}.studio-hero-cta:hover:after{animation:shimmer .8s ease-out}@keyframes shimmer{0%{left:-100%}to{left:200%}}.studio-page details[open] summary{padding-bottom:0}.studio-page details p{animation:faqFadeIn .25s ease-out}@keyframes faqFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}