/* Readable screen typography for the portfolio and production brief. */
@media screen {
  footer,footer button,.editorial-page footer a{font-size:11px;line-height:1.6}
  footer{flex-wrap:wrap;row-gap:12px}
  .sheet-subtitle,.sheet-description{font-size:12px;line-height:1.6;color:#c6c4b8}
  .sheet-header{gap:16px;align-items:baseline;flex-wrap:wrap}
  .sheet-description{max-width:none;text-align:left}
  .sheet-heading .sheet-number,.sheet-footer{font-size:10px;line-height:1.6}
  .reader-head,.reader-aside .micro,.reader-count,.reader-bottom{font-size:12px;line-height:1.7}
  .reader-close{font-size:14px}
  .closing .micro{font-size:12px;line-height:1.7}
  #contact .dialog-top .micro{font-size:11px}
  #contact .dialog-top button{font-size:14px}
  #contact>p{font-size:16px;line-height:1.7}
  #contact form label{font-size:14px}
  #contact .form-submit{font-size:15px}
  #contact .form-notice{font-size:13px;line-height:1.7}

  .editorial-heading .micro,.influence-number{font-size:12px}
  .editorial-copy p,.editorial-intro p,.influence-list p{font-size:18px;line-height:1.8;color:#dedbd2}
  .editorial-copy p:first-child{font-size:21px;line-height:1.7}
  .editorial-intro p:last-child{font-size:16px;line-height:1.8;color:#c9c5b9}
  .editorial-next a,.inspiration-end>a{font-size:15px;line-height:1.7}
  .influence-link-label{font-size:11px;line-height:1.7;color:#c8bfaa}

  .shoot-page .section-intro,.shoot-page .story .section-intro,
  .shoot-page .theme-statement,.shoot-page .freedom-opening .opening-aside,
  .shoot-page .look>p:not(.eyebrow):not(.marginalia),
  .shoot-page .direction-list dd,.shoot-page .look .direction-list dd,
  .shoot-page .styling-note>p:last-child,.shoot-page .direction-grid p,
  .shoot-page .beats div>p:last-child,.shoot-page .locations article>p:last-child,
  .shoot-page .shoot-schedule dd{font-size:17px;line-height:1.8;color:#d4d0c4}
  .shoot-page .section-intro{max-width:640px}
  .shoot-page .story .section-intro{max-width:380px}
  .shoot-page .look>p:not(.eyebrow):not(.marginalia){min-height:0}
  .shoot-page .anchor-note{font-size:15px;line-height:1.8;color:#cdc7b9}
  .shoot-page .eyebrow,.shoot-page .opening-aside .eyebrow,
  .shoot-page .section-heading>.eyebrow,.shoot-page .look>.eyebrow,
  .shoot-page .beats .eyebrow,.shoot-page .small-index,
  .shoot-page .direction-list dt,.shoot-page .location-id,
  .shoot-page .anchor-note span,.shoot-page .crew-role,
  .shoot-page .open-details .eyebrow{font-size:12px;line-height:1.7;letter-spacing:.06em;color:#c4bba6}
  .shoot-page .execution{font-size:13px;line-height:1.7}
  .shoot-page .execution strong{font-size:15px}
  .shoot-page .mood-frame figcaption,.shoot-page .location-frame figcaption{font-size:15px;line-height:1.75;color:#cbc6b8}
  .shoot-page .mood-frame .reference-number,.shoot-page .location-frame .reference-number{font-size:12px;line-height:1.6;color:#e0d7c3}
  .shoot-page .reference-key,.shoot-page .folio{font-size:11px;line-height:1.7}
  .shoot-page .music-links{font-size:13px;line-height:1.8}
  .shoot-page .beat-detail{font-size:11px;line-height:1.8;color:#bdb7a7}
  .shoot-page .open-details p,.shoot-page .schedule-note{font-size:13px;line-height:1.8;color:#c6bfae}
  .shoot-page .crew-row{font-size:18px;line-height:1.6}
  .shoot-page .crew-row.pending{font-size:16px}
  .shoot-page .crew-index{font-size:12px}
  .shoot-page .closing a{font-size:12px;line-height:1.7}
  .shoot-page .lightbox-top h2,.shoot-page .close-lightbox{font-size:14px;line-height:1.5}
  .shoot-page .lightbox-caption{font-size:15px;line-height:1.7}
  .shoot-page .lyric-top .eyebrow,.shoot-page .close-lyric{font-size:12px}
  .shoot-page .lyric-verse h3{font-size:11px}
  .shoot-page .lyric-performer,.shoot-page .lyric-credits{font-size:13px;line-height:1.8}
  .shoot-page .lyric-copyright{font-size:11px;line-height:1.7}
  .shoot-page .shoot-navigation nav{font-size:13px;line-height:1.7}
  .shoot-page .shoot-navigation .shoot-nav-label{font-size:11px}
}
@media screen and (max-width:760px) {
  .shoot-page .section-intro,.shoot-page .story .section-intro,
  .shoot-page .theme-statement,.shoot-page .freedom-opening .opening-aside,
  .shoot-page .look>p:not(.eyebrow):not(.marginalia),
  .shoot-page .direction-list dd,.shoot-page .look .direction-list dd,
  .shoot-page .styling-note>p:last-child,.shoot-page .direction-grid p,
  .shoot-page .beats div>p:last-child,.shoot-page .locations article>p:last-child,
  .shoot-page .shoot-schedule dd{font-size:16px}
  .shoot-page .freedom-opening .opening-aside{display:block}
  .shoot-page .opening-aside .eyebrow{margin-bottom:12px}
  .shoot-page .execution{border-left:0;border-top:1px solid var(--line);padding:16px 0 0;margin-top:20px}
  .shoot-page .direction-grid,.shoot-page .locations{grid-template-columns:1fr}
  .shoot-page .direction-grid{gap:30px}
  .shoot-page .crew-row{grid-template-columns:102px minmax(0,1fr) 15px;gap:10px;font-size:16px}
  .shoot-page .crew-role{font-size:12px}
  .shoot-page .beats .eyebrow,.shoot-page .small-index{font-size:11px}
  .shoot-page .look .direction-list>div{grid-template-columns:1fr}
  .shoot-page .reference-key p{max-width:none}
  .shoot-page .reference-key{flex-wrap:wrap}
  .shoot-page .reference-key p:last-child{text-align:left}
  .shoot-page .lightbox-bottom{grid-template-columns:auto minmax(0,1fr) auto}
}
@media screen and (max-width:700px) {
  .editorial-copy p,.editorial-intro p,.influence-list p{font-size:17px}
  .editorial-copy p:first-child{font-size:20px}
  .sheet-subtitle{font-size:12px}
  .sheet-description{font-size:11px}
  .sheet-footer{font-size:9px}
}
@media screen and (max-width:450px) {
  .shoot-page .crew-row{grid-template-columns:minmax(0,1fr) 20px;gap:5px 14px;padding:18px 0}
  .shoot-page .crew-role{grid-column:1;grid-row:1}
  .shoot-page .crew-row>span:nth-child(2){grid-column:1;grid-row:2}
  .shoot-page .crew-arrow,.shoot-page .crew-index{grid-column:2;grid-row:1 / span 2}
}