/* Portfolio presentation; calculation and prices come from the source calculator. */
@media screen{
  .simple-mode #app header{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:28px;padding-bottom:12px}
  .simple-mode #app header h1{font-size:clamp(32px,3.7vw,48px);line-height:1.17;max-width:18ch}
  .simple-mode #app header .sub{font-size:13px;line-height:1.85;max-width:41ch;margin-top:16px}
  .simple-mode .hero-art{display:block;max-width:370px;margin:0;justify-self:center}
  .simple-mode .hero-art figcaption{display:block}
  .simple-mode .hero-eyebrow{font-size:11px}
  .simple-mode .hero-pause{display:inline-flex}
}
@media screen and (max-width:700px){
  .simple-mode #app header{gap:18px}
  .simple-mode #app header h1{font-size:clamp(30px,5vw,38px)}
  .simple-mode .hero-art{max-width:310px}
}
@media screen and (max-width:600px){
  .simple-mode #app header{grid-template-columns:minmax(0,1fr);gap:4px}
  .simple-mode #app header h1{font-size:35px;max-width:14ch;line-height:1.2}
  .simple-mode #app header .sub{font-size:12px;max-width:38ch;margin-top:13px}
  .simple-mode .hero-art{max-width:285px;margin-top:4px}
  .simple-mode .hero-eyebrow{font-size:10px}
  .simple-mode .hero-art figcaption{font-size:9px}
}
@media print{.portfolio-return-wrap{display:none!important}}