/* Page CSS for /redesign: only what sits inside a visual and the kit lacks. */

/* bzzy: two case renders (not photographs) in plain frames on the renders' own white, 4:3 */
#bzzy .bzzy-pic { --ratio: 75%; background: #f8f8f8; padding: 0; }
#bzzy .bzzy-render { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }

/* the Whistler photograph beside the rows, 4:3 */
#community .life-pic { --ratio: 75%; }

/* Yardi: the tower photograph as tall as the list beside it (inside one screen) */
#yardi .frame--portrait { --ratio: 110%; }

/* the contact form as a card on the kelp photograph (system.css .frame--photo > .card) */
#write .book-card { width: min(100%, 520px); }

/* the honeypot: off screen, out of the tab order, never seen */
.book-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* a phone stacks the Yardi list over its photograph: a shorter crop keeps it to one screen */
@media (max-width: 639px) { #yardi .frame--portrait { --ratio: 75%; } }

/* the hero float card would cover bzzy on a phone crop */
@media (max-width: 639px) { .hero--split .ly-float { display: none; } }