/* Tablet */
@media (max-width: 1000px) {
  :root { --pad: 32px; }
  .header { flex-wrap: wrap; padding-top: 20px; padding-bottom: 20px; }
  .header nav { order: 3; width: 100%; justify-content: flex-start; }
  .product-details { flex-wrap: wrap; }
  .section-title { font-size: 64px; }
  .studio h2 { font-size: 52px; }
  .request h2 { font-size: 120px; }
}
@media (max-width: 640px) {
/* MOBILE */
  :root { --pad: 20px; }
  .header { min-height: 0; padding-top: 22px; padding-bottom: 18px; gap: 20px; flex-wrap: wrap; }
  .wordmark { font-size: 32px; }
  .header > .pill { padding: 10px 14px; gap: 14px; font-size: 13px; min-height: 44px; }
  .header nav { order: 3; width: 100%; gap: 24px; justify-content: flex-start; }
  .header nav a { font-size: 14px; }
  .hero { padding-top: 20px; padding-bottom: 36px; }
  .eyebrow { align-items: flex-start; flex-direction: column; gap: 8px; font-size: 12px; }
  .hero h1 { font-size: clamp(52px,20vw,120px); line-height: 1.15; letter-spacing: -.065em; margin: 26px 0 28px; }
  .hero-copy h2 { font-size: 23px; line-height: 1.55; }
  .hero-copy p { font-size: 16px; margin-top: 18px; }
  .hero-copy p br { display: none; }
  .essentials { font-size: 14px; line-height: 2; margin-top: 24px; }
  .essentials span { margin-inline: 6px; }
  .text-link { margin-top: 20px; }
  .section-label { gap: 12px; flex-wrap: wrap; align-items: flex-start; font-size: 12px; }
  .section-label h2 { font-size: 14px; }
  .equipment { padding-top: 30px; padding-bottom: 40px; }
  .featured { margin-top: 30px; }
  .product-heading > p { font-size: 14px; }
  .product-heading h3 { font-size: 70px; margin-top: 8px; }
  .tag { position: static; display: inline-block; font-size: 12px; margin-top: 18px; padding: 4px 10px; }
  .product-visual { min-height: 270px; padding: 16px 0; }
  .product-visual img { width: 100%; max-width: 360px; height: 225px; }
  .product-visual figcaption { font-size: 12px; padding-left: 8px; }
  .product-details { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding-top: 18px; }
  .product-details > p:first-child { font-size: 12px; }
  .price { font-size: 22px; }
  .price span { font-size: 14px; }
  .product-details .pill { width: 100%; margin-top: 6px; }
  .secondary { margin-top: 44px; }
  .secondary .product-heading h3 { font-size: 68px; }
  .secondary .product-visual { min-height: 250px; }
  .secondary .product-visual img { width: 210px; height: 200px; }
  .guide, .flow { padding-top: 34px; padding-bottom: 42px; }
  .section-title { font-size: 38px; line-height: 1.2; letter-spacing: -.055em; margin-top: 30px; margin-bottom: 22px; }
  .intro { font-size: 16px; line-height: 1.85; margin-bottom: 28px; }
  .intro br { display: none; }
  .rules > div { padding: 22px 0; }
  .rules dt { font-size: 21px; }
  .rules dt span { width: 36px; }
  .rules dd { margin-left: 36px; font-size: 16px; }
  .rules dd br { display: none; }
  .option { padding-top: 28px; }
  .option h3 { font-size: 22px; }
  .option p br { display: none; }
  .flow .section-title { font-size: 36px; }
  .steps { margin-top: 26px; }
  .steps li { gap: 18px; padding: 24px 0; }
  .step-no { font-size: 38px; min-width: 45px; }
  .steps h3 { font-size: 21px; line-height: 1.5; }
  .steps p { font-size: 16px; line-height: 1.85; margin-top: 8px; }
  .studio { padding-top: 32px; padding-bottom: 42px; }
  .studio-name { padding: 7px 12px; }
  .studio h2 { font-size: 30px; line-height: 1.6; margin-top: 28px; }
  .studio > p { font-size: 16px; margin-top: 20px; margin-bottom: 26px; }
  .studio > p br { display: none; }
  .studio > .pill { width: 100%; }
  .request { padding-top: 34px; padding-bottom: 42px; }
  .request h2 { font-size: 62px; line-height: 1.04; margin-top: 32px; letter-spacing: -.065em; }
  .request-copy { font-size: 20px; margin-top: 26px; }
  .request-button { width: 100%; min-width: 0; min-height: 62px; font-size: 14px; gap: 16px; }
  .status { font-size: 14px; }
  .footer { gap: 20px; flex-wrap: wrap; padding-top: 26px; padding-bottom: 26px; }
  .footer p { width: 100%; order: 3; }
/* END MOBILE */
}
@media (max-width: 360px) {
  :root { --pad: 16px; }
  .header { gap: 16px; }
  .header > .pill { padding: 9px 10px; font-size: 12px; gap: 8px; }
  .hero-copy h2 { font-size: 21px; }
  .request h2 { font-size: 54px; }
}
@media (max-width:640px){.hero-photo{height:68vw;min-height:250px;margin-bottom:26px}.image-break{grid-template-columns:1fr;gap:18px;padding-top:28px;padding-bottom:38px}.image-break-copy{min-height:150px}.image-break-copy p{font-size:44px}.image-break img{height:64vw;min-height:240px}.studio-photo{height:64vw;min-height:240px;margin:24px 0 30px}.font-preview{right:8px;left:8px;bottom:8px;justify-content:space-between;gap:2px;padding:6px}.font-preview span{font-size:10px;padding:0 3px}.font-preview button{padding:8px 9px;font-size:11px}}