/* Keep the Canva proportions and fill any extra viewport height with the tiles. */
.doors-page{min-height:100svh;display:flex;flex-direction:column;overflow-x:clip}
.doors-page main{display:flex;flex:1}
.doors-page .tile-section{width:100%;aspect-ratio:1024.5 / 576;min-height:calc(100svh - 7.32064422vw);align-items:stretch}
.doors-page .portfolio-tile{overflow:hidden}
.doors-page .portfolio-tile>svg{position:absolute;left:0;bottom:0;width:100%;height:auto;z-index:1}
.doors-page .door-photo-window img{height:auto;max-width:none}
.doors-page .portfolio-tile:focus-visible{z-index:2;transform:translateY(-3px) scale(1.012);box-shadow:0 10px 24px rgba(0,0,0,.2)}
@media(prefers-reduced-motion:reduce){.doors-page .portfolio-tile:focus-visible{transform:none}}
/* Only the lettering responds; the photographic doors remain stationary. */
.doors-page .portfolio-tile:hover,.doors-page .portfolio-tile:focus-visible{transform:none;box-shadow:none}
.doors-page .door-title{transform-box:fill-box;transform-origin:center;transition:transform 220ms ease,filter 220ms ease}
.doors-page .portfolio-tile:hover .door-title,.doors-page .portfolio-tile:focus-visible .door-title{transform:scale(1.055);filter:drop-shadow(0 2px 3px rgba(0,0,0,.22))}
@media(prefers-reduced-motion:reduce){.doors-page .door-title{transition:none}.doors-page .portfolio-tile:hover .door-title,.doors-page .portfolio-tile:focus-visible .door-title{transform:none}}