
/* Featured image and portrait occupy one viewport below the fixed header. */
.tpg-grid{grid-auto-rows:calc((100svh - var(--tpg-header-height, 72px))/4);min-height:calc(100svh - var(--tpg-header-height, 72px));}
.tpg-tile.tpg-portrait-anchor-v349{grid-column:1 / span 2!important;grid-row:3 / span 2!important;perspective:1200px;isolation:isolate;overflow:hidden;background:#e7ece9}
.tpg-tile.tpg-portrait-anchor-v349 .tpg-portrait-rotor{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 1100ms cubic-bezier(.3,.65,.3,1)}
.tpg-tile.tpg-portrait-anchor-v349 .tpg-portrait-face{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:none!important;transform:none!important}
.tpg-tile.tpg-portrait-anchor-v349 .tpg-portrait-face.tpg-portrait-back{transform:rotateY(180deg)!important}
.tpg-tile.tpg-portrait-anchor-v349 .tpg-portrait-rotor.is-turned{transform:rotateY(180deg)}
.tpg-tile.tpg-portrait-anchor-v349:hover .tpg-portrait-face{transform:none!important}
.tpg-tile.tpg-portrait-anchor-v349:hover .tpg-portrait-face.tpg-portrait-back{transform:rotateY(180deg)!important}
@media(max-width:700px){.tpg-grid{grid-auto-rows:calc((100svh - var(--tpg-header-height, 72px))/4)}.tpg-tile.tpg-portrait-anchor-v349{grid-column:1 / span 2!important;grid-row:3 / span 2!important}}
@media(prefers-reduced-motion:reduce){.tpg-tile.tpg-portrait-anchor-v349 .tpg-portrait-rotor{transition:none}}
