.creative-studio h1, .creative-studio h2 { font-family: 'Cormorant Garamond',Georgia,serif; font-weight: 400; }
.creative-studio .hero h1 { font-size: 54px; }
.creative-studio .hero { min-height: 78svh; padding-block: 36px; }
.creative-studio .hero-logo img { width: 100%; height: min(64svh,500px); object-fit: contain; }
.creative-studio .hero .hero-statement { font-size: 31px; line-height: 1.2; margin: 12px 0 20px; }
.creative-studio .hero .lead { font-size: 15px; line-height: 1.8; }
.creative-studio .section-title > p:last-child { max-width: 720px; line-height: 1.8; color: var(--muted); }
.studio-positioning { padding: 64px 8%; text-align: center; border-block: 1px solid var(--line); }
.studio-positioning h2 { max-width: 860px; margin: 16px auto; font-size: 38px; line-height: 1.3; }
.studio-positioning > p:last-child { max-width: 740px; margin: 18px auto 0; font-size: 14px; line-height: 1.9; color: var(--muted); }
.creative-studio .service-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.creative-studio .service-grid article { padding: 24px 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; box-shadow: none; }
.creative-studio .service-grid h3 { font-size: 19px; line-height: 1.5; }
.creative-studio .service-grid article p { font-size: 13px; line-height: 1.8; }
.studio-scope { max-width: 920px; margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 12px; line-height: 1.8; color: var(--muted); }
.creative-studio .steps { grid-template-columns: 1fr; }
.creative-studio .steps article p { line-height: 1.8; }
.studio-challenges { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; margin: 32px 0; }
.studio-challenges article { border-top: 1px solid var(--line); padding-top: 24px; }
.studio-challenges span { font-size: 11px; color: var(--muted); }
.studio-challenges h3 { font-size: 22px; line-height: 1.4; margin-block: 18px; }
.studio-challenges p { font-size: 13px; line-height: 1.9; color: var(--muted); }
.studio-about { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; border-block: 1px solid var(--line); }
.studio-about p:not(.eyebrow) { font-size: 14px; line-height: 1.9; color: var(--muted); }
.creative-studio .package-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.creative-studio .package-grid article { border-radius: 6px; padding: 24px 20px; }
.creative-studio .package-grid h3 { font-size: 24px; font-family: 'Cormorant Garamond',Georgia,serif; }
.creative-studio .package-grid p, .creative-studio .package-grid li { font-size: 12px; line-height: 1.8; }
.studio-contracting { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin-top: 40px; }
.studio-contracting h3 { font-size: 17px; }.studio-contracting p { font-size: 12px; line-height: 1.8; color: var(--muted); }
.studio-social { display: flex; align-items: center; justify-content: space-between; gap: 36px; padding: 48px 8%; background: #f7f6fc; border-block: 1px solid var(--line); }
.studio-social h2 { font-size: 30px; margin: 12px 0; }.studio-social p:not(.eyebrow) { max-width: 700px; font-size: 13px; line-height: 1.8; }.studio-social > .button { flex: none; }
.creative-studio .contact h2 { font-size: 38px; }.creative-studio .contact-form { min-width: 0; }
[data-theme="dark"] .studio-social { background: #24212e; }
@media(max-width:1100px) { .creative-studio .package-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .creative-studio .hero h1 { font-size: 40px; }.creative-studio .hero .hero-statement { font-size: 28px; }.creative-studio .service-grid, .studio-challenges, .studio-about, .studio-contracting { grid-template-columns: 1fr; gap: 24px; }.studio-social { flex-direction: column; align-items: start; }.studio-positioning { padding: 40px 6%; }.studio-positioning h2, .creative-studio .contact h2 { font-size: 30px; } }
@media(max-width:480px) { .creative-studio .package-grid { grid-template-columns: 1fr; }.creative-studio .hero h1 { font-size: 34px; }.creative-studio .hero .hero-statement { font-size: 26px; }.creative-studio .hero .lead { font-size: 14px; } }
@media(max-width:760px) {
  .creative-studio .hero { min-height: auto; padding: 24px 6%; gap: 12px; }
  .creative-studio .hero-logo img { height: 170px; }
  .creative-studio .hero h1 { margin-bottom: 12px; }
  .creative-studio .hero .hero-statement { margin: 8px 0 14px; }
  .creative-studio .hero .lead { margin-bottom: 18px; }
  .creative-studio .hero .hero-actions { gap: 8px; }
}