/* Pages CMS settings. Original ARCHZI logo and welcome letter animation remain unchanged. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Inter:wght@400;500;600&family=Libre+Baskerville:wght@400;700&family=Manrope:wght@400;500;600&family=Playfair+Display:wght@400;500&display=swap');
:root{--cms-heading-font:var(--serif);--cms-body-font:var(--sans)}
body{font-family:var(--cms-body-font)}
.home-caption h1,.studio-copy h2,.page-heading h1,.expertise-card h2,.booking-panel h2,.project-card-title,.story-head h1,.mobile-menu>a{font-family:var(--cms-heading-font)}
body[data-cms-home-size="Smaller"] .home-caption h1{font-size:clamp(45px,6.3vw,108px)}
body[data-cms-home-size="Larger"] .home-caption h1{font-size:clamp(62px,8.3vw,143px)}
@media(max-width:600px){body[data-cms-home-size="Smaller"] .home-caption h1{font-size:clamp(42px,10.3vw,70px)}body[data-cms-home-size="Larger"] .home-caption h1{font-size:clamp(52px,13vw,88px)}}


/* ARCHZI owner-controlled typography sizes. Original logo animation is unaffected. */
/* Inner-page titles */
body[data-cms-page-size="Smaller"] .page-heading h1{font-size:clamp(50px,6.1vw,108px)}
body[data-cms-page-size="Larger"] .page-heading h1{font-size:clamp(66px,7.8vw,141px)}
body[data-cms-page-size="Smaller"] .studio-copy h2{font-size:clamp(43px,4.8vw,77px)}
body[data-cms-page-size="Larger"] .studio-copy h2{font-size:clamp(54px,6.3vw,101px)}
body[data-cms-page-size="Smaller"] .story-head h1{font-size:clamp(45px,6.1vw,102px)}
body[data-cms-page-size="Larger"] .story-head h1{font-size:clamp(60px,7.8vw,135px)}

/* Project gallery headings */
body[data-cms-project-size="Smaller"] .project-card-title{font-size:clamp(25px,1.95vw,34px)}
body[data-cms-project-size="Larger"] .project-card-title{font-size:clamp(30px,2.55vw,45px)}

/* Descriptions, paragraph copy, and captions */
body[data-cms-body-size="Smaller"] .studio-copy p{font-size:13px}
body[data-cms-body-size="Larger"] .studio-copy p{font-size:17px}
body[data-cms-body-size="Smaller"] .expertise-card p,
body[data-cms-body-size="Smaller"] .booking-panel p,
body[data-cms-body-size="Smaller"] .story-info p,
body[data-cms-body-size="Smaller"] .page-heading p{font-size:12px}
body[data-cms-body-size="Larger"] .expertise-card p,
body[data-cms-body-size="Larger"] .booking-panel p,
body[data-cms-body-size="Larger"] .story-info p,
body[data-cms-body-size="Larger"] .page-heading p{font-size:15px}

/* Main navigation, booking link, and key text links */
body[data-cms-navigation-size="Smaller"] .primary-nav>a,
body[data-cms-navigation-size="Smaller"] .nav-trigger,
body[data-cms-navigation-size="Smaller"] .book-link{font-size:11px}
body[data-cms-navigation-size="Larger"] .primary-nav>a,
body[data-cms-navigation-size="Larger"] .nav-trigger,
body[data-cms-navigation-size="Larger"] .book-link{font-size:13px}

@media(max-width:600px){
  body[data-cms-page-size="Smaller"] .page-heading h1{font-size:clamp(47px,11vw,74px)}
  body[data-cms-page-size="Larger"] .page-heading h1{font-size:clamp(58px,14vw,94px)}
  body[data-cms-page-size="Smaller"] .story-head h1{font-size:clamp(44px,11vw,72px)}
  body[data-cms-page-size="Larger"] .story-head h1{font-size:clamp(55px,14vw,89px)}
  body[data-cms-project-size="Smaller"] .project-card-title{font-size:32px}
  body[data-cms-project-size="Larger"] .project-card-title{font-size:43px}
  body[data-cms-navigation-size="Smaller"] .book-link{font-size:10px}
  body[data-cms-navigation-size="Larger"] .book-link{font-size:12px}
}

/* Editorial typography follows the existing Pages CMS font preferences. */
.journal-page .journal-card h2,.journal-page .journal-heading h1,.journal-article h1,.journal-article h2,.service-seo h2{font-family:var(--cms-heading-font)}