.cinematic-portfolio{padding:7rem 0}.cinematic-portfolio__header{max-width:720px;margin:0 auto 4rem;text-align:center}.cinematic-portfolio__eyebrow{font-family:var(--font-body-family);text-transform:uppercase;letter-spacing:.18em;font-size:1.2rem;opacity:.65;margin:0 0 1.2rem}.cinematic-portfolio__heading{font-family:var(--font-heading-family);font-size:clamp(3rem,5vw,4.6rem);line-height:1.05;margin:0 0 1.6rem}.cinematic-portfolio__text p{font-size:1.6rem;line-height:1.6;margin:0;opacity:.85}.cinematic-portfolio__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:22vw;gap:1.6rem;max-width:1400px;margin:0 auto;padding:0 4rem}.cinematic-portfolio__tile{position:relative;overflow:hidden;border-radius:2px;opacity:0;transform:translateY(30px) scale(.98);transition:opacity .8s ease,transform .8s ease}.cinematic-portfolio__tile.is-visible{opacity:1;transform:translateY(0) scale(1)}.cinematic-portfolio__tile--normal{grid-column:span 1;grid-row:span 1}.cinematic-portfolio__tile--wide{grid-column:span 2;grid-row:span 1}.cinematic-portfolio__tile--tall{grid-column:span 1;grid-row:span 2}.cinematic-portfolio__tile--large{grid-column:span 2;grid-row:span 2}.cinematic-portfolio__media{position:absolute;top:0;right:0;bottom:0;left:0}.cinematic-portfolio__media img,.cinematic-portfolio__media video{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s ease}.cinematic-portfolio__tile:hover .cinematic-portfolio__media img,.cinematic-portfolio__tile:hover .cinematic-portfolio__media video{transform:scale(1.06)}.cinematic-portfolio__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#0000000a;text-align:center;padding:1.5rem}.cinematic-portfolio__placeholder svg{width:40%;height:40%;opacity:.35}.cinematic-portfolio__placeholder span{font-family:var(--font-body-family);font-size:1.3rem;opacity:.55;max-width:20ch}.cinematic-portfolio__tag{position:absolute;left:1.4rem;bottom:1.4rem;z-index:2;font-family:var(--font-body-family);text-transform:uppercase;letter-spacing:.1em;font-size:1.15rem;color:#fff;background:#00000073;padding:.5rem 1rem;border-radius:2px}@media screen and (max-width:989px){.cinematic-portfolio__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:44vw;padding:0 2rem}.cinematic-portfolio__tile--large,.cinematic-portfolio__tile--wide{grid-column:span 2}.cinematic-portfolio__tile--tall{grid-row:span 2}}@media(prefers-reduced-motion:reduce){.cinematic-portfolio__tile{opacity:1;transform:none;transition:none}.cinematic-portfolio__media img,.cinematic-portfolio__media video{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-cinematic-portfolio-grid.css.map */