.making-page{color:var(--foreground);-webkit-user-select:text;user-select:text;padding-top:1.75rem;padding-bottom:3rem}.making-page>h1{margin:0 0 1rem;font-size:1.125rem;font-weight:600;line-height:1.3}.making-page>h1:not(:first-child){margin-top:3.5rem}.making-page>p{color:#3a3834;max-width:34rem;margin:0 0 1.1rem;font-size:.875rem;line-height:1.65}.making-mosaic{flex-wrap:wrap;gap:.4rem;max-width:48rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.making-mosaic:after{content:"";flex-grow:100000}.making-tile{flex:calc(var(--ratio) * 100) 1 calc(var(--ratio) * 13rem);background:#ebe8e1;border-radius:.35rem;outline:none;position:relative;overflow:hidden}.making-tile:before{content:"";padding-bottom:calc(100% / var(--ratio));display:block}.making-tile img,.making-tile video{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.making-tile:hover img,.making-tile:hover video,.making-tile:focus-visible img,.making-tile:focus-visible video{transform:scale(1.03)}.making-tile-label{color:#fff;opacity:0;pointer-events:none;background:linear-gradient(#1b1a1800,#1b1a18b8);padding:1.6rem .6rem .5rem;font-size:.75rem;line-height:1.3;transition:opacity .16s,transform .16s;position:absolute;bottom:0;left:0;right:0;transform:translateY(.25rem)}.making-tile:hover .making-tile-label,.making-tile:focus .making-tile-label,.making-tile:focus-within .making-tile-label{opacity:1;transform:none}.making-tile:focus-visible{box-shadow:0 0 0 2px #c96f45}@media (max-width:640px){.making-tile{flex-basis:calc(var(--ratio) * 9rem)}}@media (prefers-reduced-motion:reduce){.making-tile img,.making-tile video,.making-tile-label{transition:none}}