@keyframes hero-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#hero-grid{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;grid-template-areas:"a a b c" "a a d d" "e f f g" "h h h h" "h h h h";height:100%;width:100%;gap:16px}@media(max-width:1068px){#hero-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-areas:"a a" "a a" "b c" "d d" "e g" "f f" "h h" "h h"}}@media(max-width:698px){#hero-grid{grid-template-rows:1fr 1fr 1fr 1fr .8fr 1fr .5fr;grid-template-areas:"a a" "a a" "b c" "d d" "e g" "f f" "h h"}}#hero-grid>div:not(.hero-h){border-radius:32px;position:relative;overflow:clip;corner-shape:superellipse(1.2);opacity:0;animation:hero-appear .6s ease-out var(--delay) forwards}#hero-grid>div:not(.hero-h) img{pointer-events:none;-webkit-user-select:none;user-select:none}#hero-grid [class*=rounded]{corner-shape:superellipse(1.2)}#hero-grid .hero-a{grid-area:a;--delay: 0s}#hero-grid .hero-b{grid-area:b;--delay: .1s}#hero-grid .hero-c{grid-area:c;--delay: .2s}#hero-grid .hero-d{grid-area:d;--delay: .3s}#hero-grid .hero-e{grid-area:e;--delay: .4s}@media(max-width:580px){#hero-grid .hero-e{zoom:.6}}#hero-grid .hero-f{grid-area:f;--delay: .5s}#hero-grid .hero-g{grid-area:g;--delay: .6s}@media(max-width:892px){#hero-grid .hero-g img{object-view-box:inset(0% -8% 12% 33%)!important}}#hero-grid .hero-h{grid-area:h;position:relative;opacity:0;animation:hero-appear .6s ease-out .7s forwards}#hero-grid .hero-h img#thumb,#hero-grid .hero-h video{border-radius:32px;corner-shape:superellipse(1.2);height:100%}@property --delay{syntax: "