.masonry-grid{grid-template-rows:repeat(3,250px);grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;max-width:700px;display:grid}.masonry-item{opacity:0;border-radius:8px;position:relative;overflow:hidden;transform:translateY(30px)}.masonry-item.loaded{opacity:1;transform:translateY(0)}.masonry-item img{object-fit:cover;width:100%;height:100%;transition:opacity .8s cubic-bezier(.4,0,.2,1);display:block}.item-1{grid-area:1/1/3/2}.item-2{grid-area:1/2/2/3}.item-3{grid-area:2/2/4/3}.item-4{grid-area:3/1/4/2}.item-1.loaded{animation:.8s cubic-bezier(.4,0,.2,1) .1s forwards masonryFadeUp}.item-2.loaded{animation:.8s cubic-bezier(.4,0,.2,1) .3s forwards masonryFadeUp}.item-3.loaded{animation:.8s cubic-bezier(.4,0,.2,1) .5s forwards masonryFadeUp}.item-4.loaded{animation:.8s cubic-bezier(.4,0,.2,1) .7s forwards masonryFadeUp}@keyframes masonryFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.masonry-item img.fade-in{opacity:1}.masonry-item img.fade-out{opacity:0}@media (max-width:768px){.masonry-grid{grid-template-rows:repeat(3,120px);max-width:100%}}
.home{min-height:100vh;padding-top:100px;position:relative}.hero-section{grid-template-columns:1fr 1fr;align-items:start;gap:6rem;padding:8rem 6rem 6rem;display:grid}.hero{text-align:left;animation:.8s ease-out forwards fadeUp}.hero h1{color:#2c2c2c;letter-spacing:.03em;opacity:0;margin-bottom:0;font-size:6rem;font-weight:300;line-height:1.2;animation:.8s ease-out .1s forwards fadeUp}.hero h1.subtitle{letter-spacing:.08em;opacity:0;margin-bottom:2rem;font-size:4rem;font-weight:300;animation:.8s ease-out .2s forwards fadeUp}.hero h2{color:#2c2c2c;opacity:0;margin-bottom:2.5rem;font-size:2.2rem;font-style:italic;font-weight:400;animation:.8s ease-out .3s forwards fadeUp}.hero-summary{color:#000;opacity:0;margin-bottom:3rem;font-size:1.1rem;font-weight:300;line-height:1.8;animation:.8s ease-out .4s forwards fadeUp}.quick-buttons{opacity:0;flex-wrap:wrap;justify-content:flex-start;gap:1.5rem;margin-top:16rem;animation:.8s ease-out .5s forwards fadeUp;display:flex}.intro{opacity:0;justify-content:flex-end;align-items:flex-start;animation:.8s ease-out .6s forwards fadeUp;display:flex}@media (max-width:1024px){.hero-section{grid-template-columns:1fr;gap:4rem}.hero h1{font-size:3rem}.hero h2{font-size:1.8rem}}@media (max-width:768px){.hero-section{padding:4rem 2rem}.hero{flex-direction:column;display:flex}.hero h1{order:1;font-size:2rem}.hero h1.subtitle{order:2}.hero h2{order:3;font-size:1.4rem}.quick-buttons{order:4;margin-top:2rem}.hero-summary{order:5;margin-top:20px;margin-bottom:2rem;font-size:1rem}}