/* Paul's September review: shared typography and editorial pages. */
:root { --body-font: Arial, Helvetica, sans-serif; --display-font: Arial, Helvetica, sans-serif; }
.brand-name, .brand-name span { font-size: 11px; letter-spacing: .14em; }
.brand-name span { margin-top: 5px; }
.curtain-name, .curtain-descriptor { font-size: 12px; letter-spacing: .18em; }
.hero-cinematic .eyebrow, .hero-cinematic .hero-description { font-family: var(--body-font); font-size: 15px; font-weight: 400; line-height: 1.6; letter-spacing: .015em; }
.hero-cinematic .eyebrow { max-width: 340px; }
.intro-text > p, .intro-text > p + p { font-size: 18px; line-height: 1.8; font-weight: 400; color: #4b4b46; }
.about-hero h1 { font-weight: 400; }
.about-hero h1 strong { font-weight: 700; }
.about-story > div:first-child { text-align: center; }
.about-emblem { margin-inline: auto; }
.cinematic-photo { left: 40%; mask-image: linear-gradient(90deg, transparent, #000 24%); }
.cinematic-photo img { object-position: 50% 54%; }
.primary-navigation { gap: 24px; white-space: nowrap; }
.arrow { flex-shrink: 0; vertical-align: middle; }
.editorial-hero { padding-block: 76px 70px; }
.editorial-hero h1 { font-size: clamp(38px, 4.7vw, 70px); line-height: 1.08; font-weight: 500; max-width: 1100px; margin-top: 28px; }
.work-list { padding-bottom: 70px; }
.work-row { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(35px,6vw,90px); align-items: center; padding-block: 60px; border-top: 1px solid #353535; }
.work-photo img { width: 100%; aspect-ratio: 1.12; object-fit: cover; object-position: center 25%; filter: grayscale(1); }
.work-copy h2 { margin: 22px 0; font-size: clamp(32px,3.8vw,54px); }
.work-copy > p:last-child { font-size: 16px; line-height: 1.85; color: #c1c1bc; }
.commercial-intro { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(35px,6vw,90px); align-items: center; padding-bottom: 90px; }
.commercial-intro img { width: 100%; aspect-ratio: 1; object-fit: cover; filter: grayscale(1); }
.commercial-intro p { font-size: clamp(19px,2vw,27px); line-height: 1.65; }
.commercial-story { display: grid; grid-template-columns: 1fr 2fr; gap: 60px; }
.commercial-story p:not(.eyebrow) { font-size: 18px; line-height: 1.85; }
.commercial-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; padding-block: 80px; align-items: start; }
.commercial-gallery img { width: 100%; height: auto; filter: grayscale(1); }
@media (max-width:1100px) {
  .js .menu-toggle { display:inline-flex; align-items:center; color:var(--paper); background:none; border:0; padding:0 4px; font-size:10px; }
  .js .nav-wrap { min-height: 87px; }
  .primary-navigation { white-space: normal; }
  .cinematic-photo { left: 26%; }
}
@media (max-width:760px) {
  .brand-name, .brand-name span { font-size: 10px; }
  .brand-mark { width: 48px; height: 37px; }
  .brand { gap: 10px; }
  .cinematic-photo { inset: 0; mask-image: none; }
  .cinematic-photo img { object-position: 50% 47%; }
  .hero-cinematic .eyebrow, .hero-cinematic .hero-description { font-size: 13px; }
  .intro-text > p, .intro-text > p + p { font-size: 16px; }
  .editorial-hero { padding-block: 42px; }
  .editorial-hero h1 { font-size: clamp(32px,8.4vw,54px); margin-top: 24px; }
  .work-row, .commercial-intro, .commercial-story, .commercial-gallery { grid-template-columns: 1fr; gap: 28px; }
  .work-row { padding-block: 35px; }
  .work-copy h2 { margin-block: 16px; }
  .commercial-intro { padding-bottom: 55px; }
  .commercial-story p:not(.eyebrow) { font-size: 16px; }
  .commercial-gallery { padding-block: 45px; }
  .footer-links { gap: 8px; }
}
@media (max-width:375px) {
  .brand-mark { width:40px; }
  .header-instagram { width:32px; }
  .js .menu-toggle { min-width:56px; }
}