/* Studio: one dark lighting system, with glass reserved for the hero and functional cards. */
body[data-page=studio]{background:#111113;color:#f4f3e7}body[data-page=studio] #studio.studio-page{position:relative;max-width:none;width:100%;padding:0 max(6%,calc((100vw - 1180px)/2));margin:0!important;overflow:hidden;background:radial-gradient(ellipse 56% 44% at 13% 0%,#ff3c951e,transparent 73%),radial-gradient(ellipse 46% 40% at 91% 16%,#8c62ff15,transparent 70%),#111113}body[data-page=studio] #studio.studio-page::before{content:'';position:absolute;width:370px;height:370px;border-radius:50%;right:-120px;top:340px;background:#bdff000b;filter:blur(60px);pointer-events:none}
body[data-page=studio] .studio-hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);align-items:center;gap:60px;min-height:670px;padding:82px 0 65px}.studio-chip-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.studio-chip-row span,.studio-mini-chip{display:inline-flex;align-items:center;min-height:29px;padding:5px 11px;border:1px solid #ffffff1d;border-radius:99px;background:#ffffff0a;color:#dbdbd6;font-size:10px;letter-spacing:.09em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.studio-hero h1{position:relative;font-size:clamp(54px,6vw,84px);line-height:1.01;letter-spacing:-.06em;color:#f4f3e7;margin:0 0 30px}.studio-hero h1 em{color:#ff3c95;font-style:normal}.studio-hero-copy>p{max-width:525px;margin:0 0 34px;color:#d0d0ca;font-size:19px;line-height:1.65}.studio-project{background:#f5ee4f;color:#1a1a1a;box-shadow:0 10px 30px #f5ee4f12}.studio-character-stage{position:relative;display:grid;place-items:center;min-height:470px}.studio-orbit{position:absolute;border-radius:50%;pointer-events:none}.studio-orbit-a{width:390px;height:390px;background:radial-gradient(circle at 36% 35%,#ff3c954d,transparent 58%);filter:blur(15px)}.studio-orbit-b{width:330px;height:330px;border:1px solid #ffffff12;transform:rotate(-20deg);box-shadow:inset 0 0 65px #8c62ff14}.studio-glass-panel{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;width:min(100%,370px);height:410px;overflow:hidden;border:1px solid #ffffff24;border-radius:36px;background:linear-gradient(145deg,#ffffff18,#ffffff06 48%,#ff3c9510);box-shadow:inset 0 1px 0 #ffffff5a,inset 0 -24px 45px #00000020,0 32px 90px #00000052;backdrop-filter:blur(17px) saturate(125%);-webkit-backdrop-filter:blur(17px) saturate(125%)}.studio-glass-panel::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#ffffff1b,transparent 30%);pointer-events:none}.studio-glass-panel img{position:relative;z-index:1;width:103%;height:auto;transform:translateY(25px);filter:drop-shadow(0 24px 22px #00000038)}.studio-panel-label{position:absolute;z-index:2;left:20px;top:19px;color:#f4f3e7;font-size:10px;letter-spacing:.1em}.studio-mini-chip{position:absolute;z-index:2}.chip-pink{left:1px;bottom:48px;border-color:#ff3c955a;background:#ff3c9514;color:#ffb0d3}.chip-green{right:-8px;top:52px;border-color:#bdff0050;background:#bdff000d;color:#dcffa1}
body[data-page=studio] .studio-services,body[data-page=studio] .studio-process{position:relative;z-index:1;padding:85px 0;border-top:1px solid #ffffff18}.studio-section-heading{max-width:650px;margin-bottom:42px}.studio-section-heading>p,.studio-final-cta>div>p{margin:0 0 17px;color:#c5c5c0;font-size:11px;letter-spacing:.11em}.studio-section-heading h2{color:#f4f3e7;font-size:clamp(38px,4vw,57px);line-height:1.07;letter-spacing:-.052em;margin:0}.studio-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.studio-service-card{display:flex;flex-direction:column;min-height:360px;padding:28px;border:1px solid #ffffff18;border-radius:24px;background:linear-gradient(145deg,#ffffff0f,#ffffff06);box-shadow:inset 0 1px 0 #ffffff1d,0 20px 55px #0000001c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform 300ms cubic-bezier(.22,1,.36,1),border-color 300ms ease,box-shadow 300ms ease}.studio-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:50px;color:#ff9bc6;font-size:12px}.studio-card-top span:last-child{padding:5px 9px;border:1px solid #ffffff17;border-radius:20px;color:#cfcfca;font-size:9px;letter-spacing:.08em}.studio-service-card h3{margin:0 0 14px;color:#f4f3e7;font-size:28px;line-height:1.1;letter-spacing:-.04em;font-weight:550}.studio-service-card p{margin:0;color:#cdcdc7;font-size:15px;line-height:1.6}.studio-service-card ul{display:flex;flex-wrap:wrap;gap:8px;margin:auto 0 0;padding:25px 0 0;list-style:none}.studio-service-card li{padding:6px 9px;border:1px solid #ffffff16;border-radius:20px;color:#d4d4ce;font-size:12px}@media(hover:hover){.studio-service-card:hover{transform:translateY(-4px);border-color:#ffffff30;box-shadow:inset 0 1px 0 #ffffff34,0 26px 60px #00000042}.studio-service-card:hover .studio-card-top{color:#ffb0d3}}
body[data-page=studio] .studio-process{padding-bottom:95px}.studio-process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border:1px solid #ffffff18;border-radius:24px;overflow:hidden;background:#ffffff05}.studio-process-list li{position:relative;min-height:205px;padding:25px;border-right:1px solid #ffffff18}.studio-process-list li:last-child{border-right:0}.studio-process-list span{display:block;margin-bottom:42px;color:#f5ee4f;font-size:12px}.studio-process-list strong{display:block;color:#f4f3e7;font-size:19px;font-weight:550;letter-spacing:-.025em}.studio-process-list p{margin:11px 0 0;color:#c4c4bf;font-size:14px;line-height:1.55}.studio-final-cta{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 0 80px;padding:48px;border:1px solid #ffffff26;border-radius:30px;background:radial-gradient(ellipse at 8% 0%,#ff3c9533,transparent 50%),radial-gradient(ellipse at 88% 100%,#8b5cf628,transparent 50%),linear-gradient(135deg,#ffffff14,#ffffff07);box-shadow:inset 0 1px 0 #ffffff40,0 30px 80px #00000042;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.studio-final-cta h2{margin:0;color:#f4f3e7;font-size:clamp(42px,5vw,68px);letter-spacing:-.055em;line-height:1.02}.studio-final-cta .button{background:#f4f3e7;color:#1a1a1a;white-space:nowrap}
@media(max-width:900px){body[data-page=studio] .studio-hero{grid-template-columns:1fr .8fr;gap:25px;min-height:550px}.studio-character-stage{min-height:360px}.studio-glass-panel{height:330px;border-radius:29px}.studio-service-grid{gap:12px}.studio-service-card{min-height:390px;padding:22px}.studio-service-card h3{font-size:24px}.studio-process-list li{padding:19px;min-height:220px}.studio-final-cta{padding:37px}}
@media(max-width:680px){body[data-page=studio] #studio.studio-page{padding:0 5%}body[data-page=studio] .studio-hero{grid-template-columns:1fr;padding:55px 0 50px;gap:25px}.studio-hero h1{font-size:clamp(47px,11vw,65px)}.studio-hero-copy>p{font-size:17px;line-height:1.55}.studio-character-stage{min-height:330px;max-width:360px;width:100%;justify-self:center}.studio-glass-panel{height:310px;width:285px;border-radius:28px}.studio-orbit-a{width:310px;height:310px}.studio-orbit-b{width:280px;height:280px}.studio-mini-chip{font-size:9px}.chip-pink{left:-6px}.chip-green{right:-6px}.studio-service-grid{grid-template-columns:1fr}.studio-service-card{min-height:0;padding:26px}.studio-card-top{margin-bottom:38px}.studio-process-list{grid-template-columns:1fr 1fr}.studio-process-list li{min-height:185px;border-bottom:1px solid #ffffff18}.studio-process-list li:nth-child(2){border-right:0}.studio-process-list li:nth-child(3),.studio-process-list li:nth-child(4){border-bottom:0}.studio-process-list span{margin-bottom:26px}.studio-final-cta{align-items:flex-start;flex-direction:column;margin-bottom:50px;padding:31px 26px}.studio-final-cta h2{font-size:48px}}
@media(prefers-reduced-transparency:reduce){.studio-glass-panel,.studio-service-card,.studio-final-cta{background:#222225;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* A single, readable mobile sequence keeps the Studio process usable on small screens. */
@media (max-width:680px){
  body[data-page=studio] .studio-process{padding:52px 0 60px}
  body[data-page=studio] .studio-process .studio-section-heading{margin-bottom:27px}
  body[data-page=studio] .studio-process-list{grid-template-columns:1fr;border-radius:20px}
  body[data-page=studio] .studio-process-list li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:14px;min-height:0;padding:20px 18px;border-right:0;border-bottom:1px solid #ffffff18}
  body[data-page=studio] .studio-process-list li:last-child{border-bottom:0}
  body[data-page=studio] .studio-process-list span{grid-row:span 2;margin:3px 0 0;font-size:11px}
  body[data-page=studio] .studio-process-list strong{font-size:20px}
  body[data-page=studio] .studio-process-list p{grid-column:2;margin:6px 0 0;font-size:15px;line-height:1.5}
}
@media (max-width:420px){
  body[data-page=studio] #studio.studio-page{padding:0 20px}
  body[data-page=studio] .studio-hero{padding:42px 0 45px}
  body[data-page=studio] .studio-chip-row{gap:7px;margin-bottom:22px}
  body[data-page=studio] .studio-chip-row span{font-size:9px}
  body[data-page=studio] .studio-hero h1{font-size:46px;margin-bottom:22px}
  body[data-page=studio] .studio-character-stage{min-height:285px}
  body[data-page=studio] .studio-glass-panel{width:250px;height:280px;border-radius:25px}
  body[data-page=studio] .studio-services{padding:55px 0}
  body[data-page=studio] .studio-service-card{padding:22px}
  body[data-page=studio] .studio-final-cta{padding:27px 22px}
  body[data-page=studio] .studio-final-cta h2{font-size:41px}
}