/* Reading sizes for computers. Mobile and print retain their existing scale. */
@media screen and (min-width: 801px) {
  :root {
    --type-reading: clamp(18px, 1.05vw, 21px);
    --type-compact: clamp(16px, .94vw, 19px);
    --type-meta: clamp(14px, .8vw, 16px);
    --type-label: clamp(13px, .72vw, 15px);
    --type-control: clamp(16px, .9vw, 19px);
  }

  body { font-size: var(--type-reading); line-height: 1.75; }
  body .site-header { height: 108px; }
  body .desktop-nav { font-size: var(--type-control); gap: clamp(20px, 2vw, 34px); }

  body .eyebrow,
  body .section-label,
  body .hero-top,
  body .hero-caption .eyebrow,
  body .work-year,
  body .work-category,
  body .back-index,
  body .filter-status,
  body .creative-kicker,
  body .creative-service .eyebrow,
  body .creative-project-grid .eyebrow,
  body .bombori-note > .eyebrow,
  body .about-story-intro > .eyebrow,
  body .about-origin .eyebrow,
  body .about-mission .eyebrow,
  body .led-card-heading .eyebrow,
  body .led-project-facts .eyebrow,
  body .led-official-links > .eyebrow,
  body .sales-hero-copy > .eyebrow,
  body .led-more-targets > .eyebrow,
  body .led-ways-grid .eyebrow,
  body .led-offer-grid .eyebrow,
  body .journey-steps .eyebrow,
  body .journey-after > .eyebrow,
  body .spec-guide-grid .eyebrow,
  body .technical-heading .eyebrow,
  body .glass-assembly .eyebrow { font-size: var(--type-label); line-height: 1.6; }

  body .hero-bottom p,
  body .section-heading p,
  body .statement-grid > div p,
  body .led-feature-copy p,
  body .page-intro > p,
  body .project-description,
  body .project-description [lang=en],
  body .about-copy > p,
  body .about-copy > .about-en,
  body .about-story-intro > p,
  body .about-origin p,
  body .about-mission p,
  body .about-profile-grid p,
  body .about-bombori-intro p,
  body .led-page .led-hero-bottom p,
  body .led-project-intro > p,
  body .led-case-contact p,
  body .sales-hero-copy > p,
  body .creative-page p,
  body .home-creative p,
  body .bombori-note p,
  body .contact-main > div > p,
  body .led-inquiry > div > p,
  body .not-found > p { font-size: var(--type-reading); line-height: 1.95; }

  body .hero-bottom { padding-bottom: 42px; }
  body .statement-grid > div { max-width: 560px; }
  body .section-heading p { max-width: 38ch; }
  body .hero-caption a { font-size: clamp(19px, 1.15vw, 23px); }
  body .hero-photo-tag { font-size: var(--type-meta); }
  body .slide-controls button { width: 40px; height: 42px; font-size: 23px; }
  body .slide-controls [data-slide-pause] { font-size: 17px; }
  body .work-caption p,
  body .work-japanese-title { font-size: var(--type-compact); line-height: 1.8; }
  body .work-number { font-size: var(--type-label); top: 1px; }
  body .work-caption > div { padding-left: 36px; }
  body .work-category { padding-left: 36px; }
  body .work-filters button { font-size: var(--type-control); }
  body .work-filters sup { font-size: 12px; }

  body .text-link,
  body .solid-link,
  body .language-tabs button,
  body .about-copy .text-link,
  body .about-mission .text-link,
  body .about-profile-grid .text-link,
  body .about-cv-disclosure > summary,
  body .about-bombori .creative-links a,
  body .contact-socials .text-link,
  body .creative-links a,
  body .creative-subnav,
  body .creative-page .section-heading > div > a,
  body .creative-inquiry .text-link,
  body .creative-form button,
  body .collective-intro > div > a,
  body .creative-service > a,
  body .creative-project-grid article > a:last-child,
  body .led-subnav a,
  body .led-offer-grid a,
  body .sales-hero-actions .solid-link,
  body .sales-hero-actions .text-link,
  body .led-strength-layout > figure > a,
  body .led-watch-link,
  body .led-case-contact .solid-link,
  body .led-case-next > .text-link,
  body .led-card-link,
  body .technical-heading > a { font-size: var(--type-control); line-height: 1.7; }
  body .text-link > span { font-size: var(--type-label); }

  body .project-spec,
  body .project-spec dd,
  body .cv-list > div,
  body .exhibition-row p,
  body .services-list article > p,
  body .case-heading p,
  body .case-process p,
  body .flow-grid p,
  body .led-card-heading p,
  body .led-project-facts dd,
  body .led-project-facts li,
  body .led-offer-grid p,
  body .journey-steps p,
  body .journey-after p,
  body .spec-guide-grid p,
  body .led-target-card > p,
  body .led-more-targets p,
  body .led-reasons p,
  body .led-ways-grid p,
  body .creative-service p,
  body .creative-project-grid p,
  body .creative-flow li p { font-size: var(--type-compact); line-height: 1.9; }

  body .project-spec dt,
  body .cv-list dt,
  body .led-project-facts dt,
  body .led-technical dt,
  body .led-card-specs > div,
  body .brief-form label,
  body .creative-form label { font-size: var(--type-meta); line-height: 1.8; }
  body .project-spec > div { grid-template-columns: minmax(100px, .7fr) 1.3fr; }
  body .led-technical dd,
  body .glass-assembly-detail dd { font-size: var(--type-reading); line-height: 1.8; }
  body .brief-form input,
  body .brief-form textarea,
  body .brief-form select,
  body .creative-form input,
  body .creative-form textarea,
  body .creative-form select { font-size: var(--type-reading); line-height: 1.8; }

  body .gallery-photo figcaption,
  body .video-figure figcaption,
  body .case-main-photo figcaption,
  body .case-process figcaption,
  body .led-detail-photo figcaption,
  body .led-hero-photo > span,
  body .about-story-cover figcaption,
  body .about-mission figcaption,
  body .about-portrait > span,
  body .creative-hero figcaption,
  body .creative-member-grid figcaption span,
  body .creative-member-grid figcaption > a,
  body .home-creative-objects > span,
  body .home-creative-foot p,
  body .home-creative-foot > a,
  body .creative-form .creative-form-help,
  body .creative-form .form-status,
  body .creative-official,
  body .project-budget-note,
  body .project-budget > p,
  body .led-project-credit,
  body .led-technical > p,
  body .glass-assembly-detail p,
  body .glass-assembly > figcaption,
  body .brief-intro,
  body .brief-form .form-note,
  body .brief-form .form-status,
  body .sales-area,
  body .sales-photo-label,
  body .sales-photo-caption small,
  body .target-image > span,
  body .led-strength-layout figcaption,
  body .led-direct-route small,
  body .journey-note,
  body .journey-steps small,
  body .journey-after strong,
  body .led-case-next small,
  body .lightbox-caption { font-size: var(--type-meta); line-height: 1.9; }

  body .creative-scope-note,
  body .creative-members-note { font-size: var(--type-meta) !important; line-height: 1.9; }
  body .creative-official > a,
  body .contact-led-link > a { font-size: var(--type-control); }
  body .contact-led-link > span,
  body .project-pagination span,
  body .detail-index > span,
  body .exhibition-row > span,
  body .bio-content h2 > span,
  body .about-profile-grid h2 > span,
  body .about-profile-grid .profile-bombori,
  body .led-card-budget > span,
  body .project-budget > span,
  body .led-case-next > a:last-child > span { font-size: var(--type-meta); line-height: 1.7; }

  body .led-keywords li,
  body .led-reasons .led-keywords li,
  body .led-case-tags li { font-size: var(--type-meta); line-height: 1.65; }
  body .led-more-targets h3 { font-size: clamp(20px, 1.3vw, 25px); }
  body .led-spec-disclosure > summary { font-size: clamp(22px, 1.4vw, 27px); }
  body .led-spec-disclosure > summary > span:first-child { font-size: var(--type-label); }
  body .led-direct-route small { display: block; }
  body .glass-assembly svg text { font-size: 15px; }
  body .glass-assembly svg rect + text { font-size: 19px; }
  body .service-number,
  body .reason-number,
  body .creative-service-number,
  body .creative-flow li > span,
  body .journey-mark { font-size: var(--type-label); }

  body .footer-aside { font-size: var(--type-control); max-width: 430px; }
  body .footer-aside > p,
  body .footer-bottom,
  body .footer-name > span { font-size: var(--type-meta); }
  body .footer-name { font-size: 22px; }
  body .lightbox-close { font-size: var(--type-control); }
}