/* iPad Pro 11" landscape (Figma 2197:2809, canvas 1194px) — only what differs from the iMac (main.css).
   All big titles 40/46; same header as the computers. */

html[data-bp="ipad-l"] .display { font-size: 40px; line-height: 46px; letter-spacing: -0.8px; }

/* 1. Hero: 834px, image 567 × 708, text 414px */
html[data-bp="ipad-l"] .hero { height: 834px; }
html[data-bp="ipad-l"] .hero__media { width: 567px; }
html[data-bp="ipad-l"] .hero__content { width: 414px; }
html[data-bp="ipad-l"] .hero__text p { height: auto; }

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

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

/* 4. Fit is the hardest part: 834px */
html[data-bp="ipad-l"] .fit { height: 834px; }
html[data-bp="ipad-l"] .fit__title { width: 394px; }

/* 5. How we work: steps 2 × 2 */
html[data-bp="ipad-l"] .steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
html[data-bp="ipad-l"] .step__text p { max-width: none; }

/* 6. Have a product in mind? */
html[data-bp="ipad-l"] .contact { gap: 30px; }
html[data-bp="ipad-l"] .contact__inner { padding: 30px; gap: 60px; }
html[data-bp="ipad-l"] .contact__heading { width: 340px; }

/* Footer (Figma "Footer Visages_Lab iPad"): city on its own line, the 4 columns below (218px, 60px
   apart), smaller logo. Space between column links: 12px as on the iMac (Figma mixes 10 and 12). */
html[data-bp="ipad-l"] .footer { height: auto; justify-content: flex-start; gap: 120px; }
html[data-bp="ipad-l"] .footer__info { display: grid; grid-template-columns: 218px 218px 215.7px 218px; gap: 60px; padding-top: 29px; }
html[data-bp="ipad-l"] .footer__city { grid-column: 1 / -1; }
html[data-bp="ipad-l"] .footer__col { width: auto; }
html[data-bp="ipad-l"] .footer__col + .footer__col,
html[data-bp="ipad-l"] .footer__city + .footer__col { margin-left: 0; }
html[data-bp="ipad-l"] .footer__bottom { align-items: center; }
html[data-bp="ipad-l"] .footer__bottom .logo { width: 145.2px; font-size: 18px; }
html[data-bp="ipad-l"] .footer__bottom .logo svg { width: 16.2px; height: 15.4px; }
html[data-bp="ipad-l"] .footer__top { margin-bottom: 0; }