/* ZARYA V20 About — single terminal override. Existing frozen image files unchanged.
 Desktop photo compositions preserve their intrinsic arc architecture. Inter and font tokens inherited from shell.css/site.css. */
@media (min-width: 900px) {
  #chapter-01 .chapter__frame, #chapter-02 .chapter__frame, #chapter-04 .chapter__frame {
    display:block!important; position:relative!important; isolation:isolate; height:auto!important;
    min-height:0!important; aspect-ratio:1672/941; background:#fffefa!important;
  }
  #chapter-01 .chapter__art, #chapter-02 .chapter__art, #chapter-04 .chapter__art {
    position:absolute!important; inset:0!important; width:100%!important; height:100%!important;
    min-height:0!important; aspect-ratio:auto!important; background:transparent!important;
  }
  #chapter-01 .chapter__art img, #chapter-02 .chapter__art img, #chapter-04 .chapter__art img {
    position:absolute!important; inset:0!important; width:100%!important; height:100%!important;
    object-fit:fill!important; object-position:center!important;
    mask-image:none!important;-webkit-mask-image:none!important;
  }
  #chapter-01 .chapter__copy, #chapter-02 .chapter__copy, #chapter-04 .chapter__copy {
    position:absolute!important; inset:0 auto 0 0!important; width:34%!important; min-width:0!important;
    z-index:2!important; display:flex!important; flex-direction:column!important;
    justify-content:flex-start!important;align-items:flex-start!important;
    background:transparent!important; padding:12% 1.6% 4% 5.05%!important;
  }
  #chapter-01 .chapter__copy .eyebrow, #chapter-02 .chapter__copy .eyebrow, #chapter-04 .chapter__copy .eyebrow {
    font-family:var(--font)!important;font-size:12px!important; font-weight:700!important;
    letter-spacing:.2em!important;color:var(--champagne)!important;margin:0 0 19px!important;
  }
  #chapter-01 .chapter__copy .display, #chapter-02 .chapter__copy .display, #chapter-04 .chapter__copy .display {
    font-family:var(--font)!important; font-size:clamp(29px,2.62vw,42px)!important;
    font-weight:var(--display-weight)!important;letter-spacing:var(--display-track)!important;
    line-height:1.075!important;max-width:100%!important; margin:0 0 19px!important;
    text-wrap:wrap!important;overflow-wrap:normal!important;
  }
  #chapter-01 .chapter__copy .display br { display:none; }
  #chapter-01 .chapter__body, #chapter-02 .chapter__body, #chapter-04 .chapter__body {
    font-family:var(--font)!important;font-size:clamp(15px,1.15vw,18px)!important;
    line-height:1.53!important;color:var(--muted)!important;max-width:100%!important;
  }
  #chapter-02 .chapter__copy { padding-top:9.5%!important; }
  #chapter-02 .chapter__copy .display {font-size:clamp(28px,2.42vw,38px)!important;}
  #chapter-02 .chapter__lead {font-family:var(--font)!important;font-size:clamp(15px,1.2vw,18px)!important;line-height:1.4!important;margin-top:16px!important;}
  #chapter-02 .chapter__rule {margin-top:12px!important;}
  #chapter-04 .chapter__copy {padding-top:7.8%!important;}
  #chapter-04 .chapter__copy .display {font-size:clamp(28px,2.5vw,40px)!important;}
  #chapter-04 .founders{margin-top:clamp(12px,1.2vw,22px)!important;padding-top:12px!important;width:100%!important;}
  #chapter-04 .founders .eyebrow {font-size:11px!important;margin:0!important;}
  #chapter-04 .founders strong{font-size:clamp(14px,1.34vw,19px)!important;}
  #chapter-04 .founders span{font-size:12px!important;}
  /* Product screen cannot be force-cropped: contained art and separate editorial panel. */
  #chapter-03 .chapter__frame{display:grid!important;grid-template-columns:39% 61%!important;
    min-height:620px!important;height:auto!important;aspect-ratio:auto!important;}
  #chapter-03 .chapter__copy{position:relative!important;inset:auto!important;width:100%!important;
    background:#fffefa!important;display:flex;flex-direction:column;justify-content:center;
    padding:42px clamp(28px,3vw,50px)!important;}
  #chapter-03 .chapter__copy .display{font-family:var(--font)!important;font-size:clamp(30px,2.7vw,43px)!important;
    font-weight:var(--display-weight)!important;letter-spacing:var(--display-track)!important;line-height:1.1!important;}
  #chapter-03 .chapter__copy .eyebrow{font-size:12px!important;letter-spacing:.2em!important;}
  #chapter-03 .chapter__body{font-size:clamp(16px,1.3vw,19px)!important;line-height:1.55!important;}
  #chapter-03 .chapter__lead{font-size:clamp(17px,1.35vw,20px)!important;line-height:1.45!important;}
  #chapter-03 .chapter__art{position:relative!important;inset:auto!important;width:100%!important;
    height:650px!important;min-height:650px!important;aspect-ratio:auto!important;background:#faf7f1!important;}
  #chapter-03 .chapter__art img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    object-fit:contain!important;object-position:center!important;mask-image:none!important;-webkit-mask-image:none!important;}
}
@media (min-width:900px) and (max-width:1199px){
 #chapter-01 .chapter__copy,#chapter-02 .chapter__copy,#chapter-04 .chapter__copy{width:36%!important;padding-left:4.3%!important;padding-top:10.5%!important}
 #chapter-01 .chapter__copy .display,#chapter-02 .chapter__copy .display,#chapter-04 .chapter__copy .display{font-size:clamp(25px,2.75vw,32px)!important}
 #chapter-01 .chapter__body,#chapter-02 .chapter__body,#chapter-04 .chapter__body{font-size:clamp(13px,1.4vw,16px)!important}
 #chapter-04 .chapter__copy{padding-top:6%!important}
 #chapter-03 .chapter__frame{grid-template-columns:42% 58%!important;min-height:560px!important}
 #chapter-03 .chapter__art{height:560px!important;min-height:560px!important}
}
@media (max-width:899px){
 .chapter__frame{display:flex!important;flex-direction:column!important;aspect-ratio:auto!important;height:auto!important}
 .chapter__copy{position:relative!important;width:100%!important;min-height:0!important;background:#fffefa!important;padding:clamp(28px,5vw,42px)!important}
 .chapter__copy .display{font-family:var(--font)!important;font-weight:var(--display-weight)!important;letter-spacing:var(--display-track)!important;line-height:1.12!important}
 .chapter__art{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1672/941!important}
 .chapter__art img{object-fit:contain!important;object-position:center!important;mask-image:none!important;-webkit-mask-image:none!important}
 #chapter-03 .chapter__art{aspect-ratio:1122/1402!important}
 #chapter-03 .chapter__art img{object-fit:contain!important}
}
