/* MacBook Pro 14" (Figma 2197:2488, canvas 1512px) — only what differs from the iMac (main.css).
   Section titles 40/46 (hero and "How we work." stay 56/64, as in Figma). */

/* 1. Hero: 982px, image 756 × 856 */
html[data-bp="mbp"] .hero { height: 982px; }
html[data-bp="mbp"] .hero__media { width: 756px; }

/* 2. Trusted by */
html[data-bp="mbp"] .trusted { --gap: 70px; }

/* Titres 40/46 */
html[data-bp="mbp"] .studio__title h2,
html[data-bp="mbp"] .fit__title h2,
html[data-bp="mbp"] .contact__copy h2 { font-size: 40px; line-height: 46px; letter-spacing: -0.8px; }

/* 3. One studio: cards 500px */
html[data-bp="mbp"] .studio__title { padding: 80px 0; }
html[data-bp="mbp"] .studio__cards { min-height: 500px; }

/* 4. Fit is the hardest part: 982px */
html[data-bp="mbp"] .fit { height: 982px; }
html[data-bp="mbp"] .fit__title { width: 436px; }

/* 6. Have a product in mind? + footer */
html[data-bp="mbp"] .contact { gap: 30px; }
html[data-bp="mbp"] .contact__inner { padding: 30px; gap: 120px; }