section.block-hero{--hero-reveal:.75s ease-in-out;background-color:var(--gray-100)}@keyframes slideFromLeft{0%{clip-path:inset(100% 0 0 0);transform:translate(100%)}to{clip-path:inset(0 0 0 0);transform:translate(0)}}@keyframes slideFromRight{0%{clip-path:inset(100% 0 0 0);transform:translate(-100%)}to{clip-path:inset(0 0 0 0);transform:translate(0)}}section.block-hero .hero-image{height:100%;width:100%}section.block-hero .container{position:relative}section.block-hero .container .grid{display:block;gap:0;grid-template-rows:repeat(28,25px);overflow:hidden}@media (min-width:768px){section.block-hero .container .grid{display:grid}}section.block-hero .title{font-size:calc(45/var(--base-fs)*1rem);grid-column:1/span 9;grid-row:1/span 13;margin:0 0 20px;z-index:2}@media (min-width:480px){section.block-hero .title{font-size:calc(50/var(--base-fs)*1rem)}}@media (min-width:768px){section.block-hero .title{font-size:calc(80/var(--base-fs)*1rem);text-indent:25%}}@media (min-width:1024px){section.block-hero .title{font-size:calc(100/var(--base-fs)*1rem)}}@media (min-width:1280px){section.block-hero .title{font-size:calc(130/var(--base-fs)*1rem)}}section.block-hero .media{align-items:flex-end;aspect-ratio:33/23;display:flex;grid-column:4/span 7;grid-row:8/span 21;position:relative}section.block-hero .media .mess-image{position:absolute}section.block-hero .media .video-wrapper{height:100%;position:relative;width:100%}section.block-hero .media .status-message{bottom:1.5rem;position:absolute;right:1rem}@media (min-width:1024px){section.block-hero .media{aspect-ratio:unset;grid-column:6/span 7}}section.block-hero .copy{align-items:flex-start;background-color:var(--red);color:#fff;display:flex;flex-direction:column;grid-column:1/span 3;grid-row:16/span 13;justify-content:flex-end;overflow:hidden;padding:2rem}@media (min-width:1024px){section.block-hero .copy{grid-column:3/span 3}}section.block-hero .copy .mess-svg{margin-bottom:1rem}section.block-hero .copy .project-button{font-weight:700;margin-top:1em}section.block-hero .copy .project-button:hover{background-color:#000}section.block-hero .decorator{margin-top:20px;width:100%}@media (min-width:1024px){section.block-hero .decorator{bottom:0;left:0;margin-top:30px;position:absolute;transform:rotate(-90deg);transform-origin:top left}section.block-hero .server-v-aos .media{clip-path:inset(100% 0 0 0);transform:translate(100%)}section.block-hero .server-v-aos .copy{clip-path:inset(100% 0 0 0);transform:translate(-100%)}section.block-hero .server-v-aos.v-aos-entered .media{animation:slideFromLeft var(--hero-reveal);animation-fill-mode:forwards}section.block-hero .server-v-aos.v-aos-entered .copy{animation:slideFromRight var(--hero-reveal);animation-fill-mode:forwards}}
