:root{--hero-height: 13.88889vw;--hero-gap: 20px}@layer components{.o-hero{grid-template-rows:var(--hero-height) calc(100vh - var(--header-height) - var(--hero-height));height:calc(100vh - var(--header-height))}.o-hero__baseline{font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif}.o-hero__baselineTitle{margin-top:25px;font-size:8vw;animation:title-appear 2s ease-in-out .5s both}@media(min-width:1024px){.o-hero__baselineTitle{font-size:5.5vw}}@media(min-width:1280px){.o-hero__baselineTitle{margin-top:50px}}@media(min-width:1600px){.o-hero__baselineTitle{margin-top:125px}}.o-hero__baselineSubtitle{margin-top:20px;font-size:5.5555555556vw;line-height:1.1em;text-shadow:1px 1px #fff,1px -1px #fff,-1px 1px #fff,-1px -1px #fff;animation:subtitle-appear 2s ease-in-out 1s both}@media(min-width:1024px){.o-hero__baselineSubtitle{margin-top:.3em;font-size:2.7777777778vw}}.o-hero__pictures{gap:var(--hero-gap);height:100%}.o-hero__picture4Edges{height:calc(100dvh - var(--hero-height) - var(--header-height));margin-top:var(--hero-height)}.o-hero__picture4Edges:first-child{clip-path:polygon(0 0,0 100%,100% 100%,100% calc(var(--hero-height)*.7));animation:picture-4-edges-appear 2.5s ease-in-out .7s both}@media screen and (orientation:portrait){.o-hero__picture4Edges:first-child img{-o-object-position:60% 50%;object-position:60% 50%}}.o-hero__picture4Edges:nth-child(2){height:calc(100dvh - var(--hero-height)*1.65 - var(--header-height));margin-top:calc(var(--hero-height)*1.65);animation:picture-4-edges-appear 2.5s ease-in-out .5s both}@media screen and (orientation:portrait){.o-hero__picture4Edges:nth-child(2){height:calc(100% - 35dvh);margin-top:35dvh}.o-hero__picture4Edges:nth-child(2) img{-o-object-position:63% 50%;object-position:63% 50%}}.o-hero__picture4Edges:nth-child(3){clip-path:polygon(0 calc(var(--hero-height)*.7),0 100%,100% 100%,100% 0);animation:picture-4-edges-appear 2.5s ease-in-out .7s both}@media screen and (orientation:portrait){.o-hero__picture4Edges:nth-child(3) img{-o-object-position:70% 50%;object-position:70% 50%}}@media screen and (orientation:portrait){.o-hero__picture4Edges{height:calc(100% - 30dvh);margin-top:30dvh}}.o-hero__picture6Edges{height:calc(var(--hero-height)*2);clip-path:polygon(50% calc(var(--hero-height)),100% 0,100% var(--hero-height),50% calc(var(--hero-height)*2),0 var(--hero-height),0 0);animation:picture-6-edges-appear 3s ease-in-out 0s both}@media screen and (orientation:portrait){.o-hero__picture6Edges{height:calc(30dvh + var(--hero-height));clip-path:polygon(50% var(--hero-height),100% 0,100% 30dvh,50% calc(30dvh + var(--hero-height)),0 30dvh,0 0)}}.o-hero__picture6EdgesShadow{top:calc(var(--hero-height) - 1px);height:calc(var(--hero-gap) + var(--hero-height));background-color:#0c0a0a;clip-path:polygon(50% var(--hero-height),100% 0,100% var(--hero-gap),50% calc(var(--hero-height) + var(--hero-gap)),0 var(--hero-gap),0 0);animation:picture-6-edges-appear 3s ease-in-out 0s both}@media screen and (orientation:portrait){.o-hero__picture6EdgesShadow{top:30dvh}}}@keyframes title-appear{0%{transform:translateY(-10px) scale(1.1);opacity:0}80%{opacity:1}to{transform:translateY(0) scale(1)}}@keyframes subtitle-appear{0%{transform:translateY(20px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes picture-4-edges-appear{0%{transform:translateY(-50%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes picture-6-edges-appear{0%{transform:translateY(calc(var(--header-height)*-1));opacity:0}50%{opacity:1}to{transform:translateY(0)}}