/* For studios (design/static/Studio.html). */
.ms-studio-hero__inner { gap: 48px; padding-top: 40px; padding-bottom: 72px; }
.ms-h1--studio { font-size: 64px; line-height: 1; }
@media (max-width: 640px) { .ms-h1--studio { font-size: 42px; } .ms-studio-hero__inner { padding-bottom: 56px; } }
.ms-studio-hero__img { aspect-ratio: 4 / 3; border-radius: var(--radius-card); }
@media (max-width: 1024px) { .ms-studio-hero__img { order: -1; } }
.ms-studio-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding-top: 6px; }
.ms-studio-stats > div { display: flex; flex-direction: column; gap: 4px; padding: 16px; background: #fff; border-radius: var(--radius-tile); }
.ms-studio-stats strong { font-family: var(--font-display); font-weight: 500; font-size: 26px; letter-spacing: -.02em; }
.ms-studio-stats span { font-size: 14px; color: var(--color-taupe); }
@media (max-width: 480px) { .ms-studio-stats { grid-template-columns: minmax(0, 1fr); } }

.ms-benefit { display: flex; flex-direction: column; gap: 10px; padding-top: 18px; border-top: 1px solid var(--color-line); }
.ms-benefit__n { font-size: 14px; font-weight: 600; color: var(--color-maple); }
.ms-benefit h3 { font-size: 24px; letter-spacing: -.02em; }
.ms-benefit p { font-size: 15px; line-height: 1.6; color: var(--color-body); }

.ms-pkg { position: relative; display: flex; flex-direction: column; gap: 14px; padding: 28px; background: #fff; border: 1px solid var(--color-line); border-radius: var(--radius-card); }
.ms-pkg.is-recommended { border: 2px solid var(--color-pine); }
.ms-pkg__flag { position: absolute; top: -12px; left: 24px; }
.ms-pkg__size { font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--color-maple); }
.ms-pkg__name { font-size: 28px; letter-spacing: -.02em; }
.ms-pkg .ms-checks { flex: 1; font-size: 15px; }
.ms-pkg__price { display: flex; flex-direction: column; gap: 6px; padding-top: 14px; border-top: 1px solid var(--color-line-soft); font-size: 15px; }
.ms-pkg__quote { font-size: 18px; }
.ms-pkg__fin { font-size: 12px; line-height: 1.5; color: var(--color-taupe); }
@media (max-width: 640px) { .ms-studio-packages .ms-snap { padding-top: 14px; } }

.ms-tiertable { min-width: 0; }
.ms-studio-tiers .ms-split { align-items: center; gap: 56px; }

.ms-range { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 1100px) { .ms-range { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 560px) { .ms-range { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ms-range__tile { display: flex; flex-direction: column; gap: 10px; text-decoration: none; }
.ms-range__img { aspect-ratio: 1 / 1; }
.ms-range__label { font-size: 15px; font-weight: 600; }

.ms-studio-made__photos .ms-cover { aspect-ratio: 4 / 3; border-radius: var(--radius-card); }
.ms-steps-row { list-style: none; }
.ms-steps-row li { display: flex; flex-direction: column; gap: 6px; padding: 20px; background: var(--color-linen); border-radius: 12px; }
.ms-steps-row__n { font-size: 13px; font-weight: 600; color: var(--color-maple); }
.ms-steps-row strong { font-size: 18px; }
.ms-steps-row li > span:last-child { font-size: 14px; line-height: 1.55; color: var(--color-body); }

.ms-studio-call { font-size: 15px; }
.ms-quote-form { display: flex; flex-direction: column; gap: 22px; margin: 0; padding: 32px; background: #fff; border-radius: var(--radius-card); }
@media (max-width: 640px) { .ms-quote-form { padding: 20px 16px; } }
.ms-quote-form__grid { gap: 18px 16px; }
.ms-checkgrid { gap: 10px 16px; }
.ms-package-chosen { padding: 12px 16px; background: var(--color-mint); border-radius: var(--radius-tile); font-size: 15px; }
.ms-package-chosen .ms-linkbtn { padding: 0 0 0 8px; }
.ms-quote-done { display: flex; flex-direction: column; gap: 12px; padding: 32px; background: #fff; border-radius: var(--radius-card); border-left: 4px solid var(--color-success); }
.ms-quote-done h3 { font-size: 28px; }