*{box-sizing:border-box}html{--gray-blue: #2E343E;--dark-gray: #333335;--red-light: #9B142A;--red-dark: #720A21}body{overflow-y:auto;background-color:#f0f0f0;margin:0;font-family:Inter,sans-serif}.main{width:100%;display:grid;grid-template-columns:1fr;gap:1em;padding:1em;align-items:start}@media (min-width: 768px){.main{grid-template-columns:1fr 1fr;gap:2em;padding:2em}}.card{aspect-ratio:3.5/2;width:100%;perspective:1000px;-webkit-user-select:none;user-select:none;max-width:1000px;container-type:inline-size;font-size:2cqw;color:#fff;text-shadow:.05em .05em .5em rgba(0,0,0,.5)}.inner{width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.card.flip .inner{transform:rotateY(180deg)}.front,.back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:2cqw;overflow:hidden;box-shadow:.2cqw .2cqw 3cqw #00000080}.back{transform:rotateY(180deg)}.front .background{position:absolute;inset:0;background:url(media/bg-white2.webp) no-repeat center center / cover;filter:brightness(.5) contrast(1.5) sepia(1) hue-rotate(-53deg) brightness(.5) saturate(6) blur(2px);clip-path:polygon(0 0,65% 0,55% 50%,65% 100%,0 100%)}.back .background{position:absolute;inset:0;background-repeat:no-repeat;background-position:center center;background-size:cover}.no-border .front,.no-border .back{box-shadow:none!important}.photo{position:absolute;right:0;top:0;height:100%;width:100%}.house{object-fit:contain;width:100%;height:100%}.text{position:absolute;inset:4cqw;display:flex;flex-direction:column;font-size:2.8cqw}.qr{position:absolute;bottom:4cqw;right:4cqw;width:25cqw;height:25cqw}img{max-width:100%}.portrait{height:100%;object-fit:contain;object-position:100% 0;filter:brightness(1.2)}.contact-grid{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.7cqw 2.2cqw;font-weight:300}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10%;max-width:1000px;padding:20px}.name{font-weight:600;font-size:7cqw;margin:0;padding:0}input[type=range]{width:100%}.controls{display:grid;grid-template-columns:auto 1fr 20px;align-items:center;gap:10px;padding:10px;font-size:.85em}.controls>:nth-child(3n+1){text-align:right}.controls>:nth-child(3n+1):after{content:":"}