:root{--bg:#000}body{padding:0 5vw}.intro,.outro{flex-direction:column;justify-content:center;gap:1rem;max-width:40rem;min-height:100vh;display:flex}.intro h1{letter-spacing:-.02em;font-size:clamp(2.4rem,6vw,5rem);font-weight:500}.intro p,.outro p{color:var(--muted);font-size:1.1rem}.variant-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding-top:30vh;font-size:.85rem;font-weight:500}.variant-title span{color:var(--fg);margin-right:.6em}.mosaic{grid-template-columns:1fr 1fr;gap:0 5vw;padding:6vh 0 10vh;display:grid}.col{flex-direction:column;gap:14vh;display:flex}.col-b{padding-top:28vh}.tile{flex-direction:column;gap:.6rem;display:flex}figcaption{visibility:hidden;color:var(--muted);letter-spacing:.02em;font-size:.85rem}.frame{aspect-ratio:4/5;clip-path:inset(100% 0 0);background:#111;position:relative;overflow:hidden}.tile.wide .frame{aspect-ratio:4/3}.frame img{object-fit:cover;width:100%;height:140%;position:absolute;top:-20%;left:0}@media (width<=719px){.mosaic{grid-template-columns:1fr;gap:0}.col{gap:10vh}.col-b{padding-top:10vh}}