/* Reuse the portfolio header and CONTILEMMA's selected explanation UI. */
body.sonostroma-page{--portfolio-header-height:92px;background:#070a0b}
.sonostroma-page #main{position:relative;max-width:none;min-height:0;margin:0;padding:0}
.sonostroma-page #main>iframe{display:block;width:100%;height:calc(100svh - var(--portfolio-header-height));min-height:360px;border:0;background:#070a0b}
.sonostroma-page .portrait-caption{position:absolute;top:24px;right:5vw;bottom:auto;text-align:right;z-index:2}
.sonostroma-page .portrait-name{font:12px monospace;letter-spacing:.2em;color:#d5e7df;margin:0}
.sonostroma-page .portrait-actions{margin-top:8px}
.sonostroma-page .portrait-disclosure{display:none}
@media(max-width:760px){
  body.sonostroma-page{--portfolio-header-height:100px}
  .sonostroma-page.info-inline .portrait-caption{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:auto;max-width:none;margin:0 5vw;padding:4px 0 12px;border:0;text-align:left}
  .sonostroma-page.info-inline .portrait-caption>.portrait-name{display:none}
  .sonostroma-page.info-inline .portrait-disclosure{display:block}
  .sonostroma-page #main>iframe{height:calc(100svh - var(--portfolio-header-height) - 60px)}
}