/* Build93: editorial QA refinements, Beyond the Title only; no change to 04 content. */
/* One typographic system for all four chapter headings and the contact heading.
   Keep the hero headline larger. Overrides the formerly oversized 04/contact rules. */
body[data-theme="signature"] #portrait-main .btt90-chapter .btt90-section-title,
body[data-theme="signature"] #portrait-main #signature.btt91-signature .btt91-value-stage .btt90-section-title,
body[data-theme="signature"] #portrait-main #connect .contact-title {
  font-family:'Cormorant Garamond',Georgia,serif!important;
  font-weight:400!important;
  font-size:clamp(43px,4.5vw,65px)!important;
  line-height:1.045!important;
  letter-spacing:-.022em!important;
  text-wrap:balance;
}
body[data-theme="signature"] #portrait-main #connect .contact-title {margin-top:10px!important;margin-bottom:20px!important}
body[data-theme="signature"] #portrait-main #signature.btt91-signature .btt91-value-stage .btt90-section-title{margin-top:8px!important;margin-bottom:19px!important}
/* Chapter-grid left edge governs the opening snapshot as well. */
#portrait-main .btt90-snapshot .quick-intro,
#portrait-main .btt90-snapshot .quick-track {
    max-width:none!important;
    margin-left:calc(clamp(24px,4vw,56px) + 12% + 3px)!important;
    margin-right:0!important;
}
#portrait-main .btt90-snapshot .quick-track {width:calc(88% - clamp(24px,4vw,56px) - 3px)!important;box-sizing:border-box!important;max-width:1070px!important}
/* Use a real section label for the future portfolio link; never suggest it is clickable until the page exists. */
#portrait-main .btt93-projects-locator{margin:19px 0 0;padding-top:15px;border-top:1px solid rgba(184,155,114,.32);font:600 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.10em;text-transform:uppercase;color:#9b7950}
#portrait-main .btt93-projects-locator span{display:inline-block}
/* Long but meaningful two-line title, not an artificial break in the HTML. */
#portrait-main #proof-global-platform .btt90-proof-title{max-width:20ch;text-wrap:balance}
@media(max-width:1080px){
  #portrait-main .btt90-snapshot .quick-intro,
  #portrait-main .btt90-snapshot .quick-track{margin-left:calc(73px + 19px)!important}
  #portrait-main .btt90-snapshot .quick-track{width:calc(100% - 92px)!important}
}
@media(max-width:700px){
  #portrait-main .btt90-snapshot .quick-intro,
  #portrait-main .btt90-snapshot .quick-track {margin-left:0!important;margin-right:0!important;width:100%!important;max-width:none!important}
  body[data-theme="signature"] #portrait-main .btt90-chapter .btt90-section-title,
  body[data-theme="signature"] #portrait-main #signature.btt91-signature .btt91-value-stage .btt90-section-title,
  body[data-theme="signature"] #portrait-main #connect .contact-title{font-size:clamp(39px,8.4vw,49px)!important;line-height:1.05!important}
  #portrait-main #proof-global-platform .btt90-proof-title{max-width:none}
}
/* Geometry correction: reuse the exact column definitions of the editorial rail,
   rather than an approximate margin based on viewport percentages. */
#portrait-main .btt90-snapshot{
  display:grid!important;
  grid-template-columns:minmax(73px,.12fr) minmax(0,1fr)!important;
  column-gap:clamp(24px,4vw,56px)!important;
  row-gap:0!important;
}
#portrait-main .btt90-snapshot .quick-intro,
#portrait-main .btt90-snapshot .quick-track {
  grid-column:2!important;
  margin-left:0!important;
  margin-right:0!important;
  width:100%!important;
  max-width:1070px!important;
}
@media(min-width:701px) and (max-width:860px){
  #portrait-main .btt90-snapshot{grid-template-columns:73px minmax(0,1fr)!important;column-gap:19px!important}
}
@media(max-width:700px){
  #portrait-main .btt90-snapshot{display:block!important}
  #portrait-main .btt90-snapshot .quick-intro,
  #portrait-main .btt90-snapshot .quick-track{max-width:none!important}
}