.hero{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.hero h1{background-color:#fff;border:2px solid #000;border-radius:4rem;font-size:2rem;font-weight:600;line-height:1.2;padding:.5rem 2rem}.hero .images{background-color:#000;display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.hero .images img{animation:fadeIn 0s ease-in-out;animation-fill-mode:forwards;object-fit:cover;opacity:0;position:absolute;transition:transform .3s ease-in-out;width:auto}.hero .images img:hover{transform:scale(1.1) rotate(10deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.service{background-color:#000;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:var(--fullscreen-height);padding:8rem;width:100%}.service>div{align-items:center;display:flex;flex-grow:1;justify-content:start;position:relative}.service>div>div{width:100%;z-index:2}.service h2{font-size:var(--font-size-l);font-weight:600;width:70%}.service>div>div p{font-size:var(--font-size-m);padding-left:8rem;width:80%}.service div img{height:auto;max-height:70vh;max-width:50%;object-fit:contain;position:absolute;right:0;top:50%;transform:translateY(-50%);width:100%;z-index:1}.service figcaption{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.service>p{text-wrap:wrap;width:100%;z-index:2}@media screen and (max-width:820px){.hero{box-sizing:border-box;padding:2rem}.hero h1{text-align:center;text-wrap:wrap;width:100%}.service{height:auto;padding:4rem 2rem}.service>div{flex-direction:column}.service figure{height:auto;margin:2rem 0;position:static;width:100%}.service div img{max-height:unset;max-width:unset;object-fit:cover;position:static;transform:none!important;width:100%}.service h2{margin:0;width:100%}.service>div>div p{padding-left:0;width:100%}}