/* Production geometry: 1240/778/480 design grids, fullscreen minus 107px. */
.lawka-hero{position:relative;width:100%;height:calc(100vh - 107px);height:calc(100svh - 107px);min-height:0;overflow:hidden;background:#17313a;isolation:isolate;touch-action:pan-y}
.lawka-hero__scenery{position:absolute;inset:0;transform:translate3d(0,var(--hero-parallax,0px),0);pointer-events:none}
.lawka-hero__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1420ms ease,transform 1420ms ease;transform:scale(1)}
.lawka-hero__slide.is-active,.lawka-hero__slide.is-leaving{visibility:visible}
.lawka-hero__slide.is-active{opacity:1;z-index:2}
.lawka-hero__slide.is-leaving{opacity:0;z-index:1}
.lawka-hero__slide.is-leaving.is-zoom-transition{transform:scale(.85)}
.lawka-hero .lawka-hero__photo{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;transform:scale(1.1)}
.lawka-hero.is-ready .is-active .lawka-hero__photo,.lawka-hero.is-ready .is-leaving .lawka-hero__photo{animation:lawka-hero-pan 10000ms linear both}
.lawka-hero.is-paused .lawka-hero__photo{animation-play-state:paused}
.lawka-hero__copy{position:absolute;z-index:3;left:50%;top:calc(50% - min(267px,21.532258vw));width:min(900px,72.580645vw);height:min(380px,30.645161vw);transform:translateX(-50%);color:#fff;text-align:center;pointer-events:none}
.lawka-hero .lawka-hero__wordmark{position:absolute;z-index:1;left:50%;top:min(33px,2.66129vw);width:min(672px,54.193548vw);height:min(75px,6.048387vw);max-width:none;object-fit:contain;transform:translateX(-50%)}
.lawka-hero .lawka-hero__tagline{position:absolute;z-index:2;left:50%;top:min(26px,2.096774vw);width:max-content;max-width:none;margin:0;padding:0;transform:translateX(-50%);font-family:Inter,Arial,sans-serif;font-size:min(18px,1.451613vw);font-weight:300;line-height:min(23px,1.854839vw);letter-spacing:min(2px,.16129vw);white-space:nowrap;color:#fff;perspective:600px}
.lawka-hero__character{display:inline-block;white-space:pre;transform-origin:50% 50% -50px}
.lawka-hero .lawka-hero__title{position:absolute;z-index:3;left:50%;top:min(80px,6.451613vw);width:min(968px,78.064516vw);margin:0;padding:0;transform:translateX(-50%);overflow:hidden;font-family:"PT Serif",Georgia,serif;font-size:min(85px,6.854839vw);line-height:min(90px,7.258065vw);font-weight:400;letter-spacing:min(4px,.322581vw);text-transform:uppercase;color:#fff}
.lawka-hero__title>span{display:block;white-space:nowrap}
.lawka-hero.is-ready .lawka-hero__title>span{animation:lawka-hero-title 1200ms 20ms cubic-bezier(.25,.46,.45,.94) both}
.lawka-hero.is-ready .lawka-hero__wordmark{animation:lawka-hero-brand 1000ms 1780ms ease both}
.lawka-hero.is-ready .lawka-hero__character{animation:lawka-hero-character 1750ms calc(390ms + var(--character-delay)) cubic-bezier(.77,0,.175,1) both}
.lawka-hero__arrow{position:absolute;z-index:4;top:50%;width:100px;height:100px;min-width:0;padding:0;border:0;border-radius:0;background:rgba(0,0,0,.25);color:#fff;transform:translateY(-50%);cursor:pointer;perspective:600px;transition:background .3s,color .3s}
.lawka-hero__arrow--previous{left:30px}.lawka-hero__arrow--next{right:30px}
.lawka-hero__arrow svg{display:block;width:30px;height:30px;margin:auto;fill:none;stroke:currentColor;stroke-width:2}
.lawka-hero__arrow:hover,.lawka-hero__arrow:focus-visible{background:#fff;color:rgba(0,0,0,.5)}
.lawka-hero__thumbnail{position:absolute;left:100%;top:0;width:100px;height:100px;background-position:center;background-size:cover;opacity:0;transform:rotateY(-90deg);transform-origin:0 50%;transition:transform .3s,opacity .3s;pointer-events:none}
.lawka-hero__arrow--next .lawka-hero__thumbnail{left:auto;right:100%;transform:rotateY(90deg);transform-origin:100% 50%}
.lawka-hero__arrow:hover .lawka-hero__thumbnail,.lawka-hero__arrow:focus-visible .lawka-hero__thumbnail{opacity:1;transform:rotateY(0)}
.lawka-hero:focus-visible{outline:2px solid #77cade;outline-offset:-2px}
.lawka-hero .lawka-hero__pause:focus{position:absolute!important;z-index:5;left:15px;top:15px;background:#0d3755;color:#fff;padding:12px}
@media(max-width:899px){.lawka-hero__arrow{display:none}}
@media(min-width:480px) and (max-width:777px){
 .lawka-hero__copy{left:calc(50% + .257069vw);top:calc(50% - 35.989717vw);width:72.493573vw;height:35.989717vw}
 .lawka-hero .lawka-hero__wordmark{top:2.827763vw;width:52.313625vw;height:5.784062vw}
 .lawka-hero .lawka-hero__tagline{top:1.542416vw;font-size:2.313625vw;line-height:2.313625vw;letter-spacing:0}
 .lawka-hero .lawka-hero__title{top:6.812339vw;width:78.020566vw;font-size:6.812339vw;line-height:7.197943vw;letter-spacing:.257069vw}
}
@media(max-width:479px){
 .lawka-hero__copy{top:calc(50% - 45.208333vw);width:93.75vw;height:32.291667vw}
 .lawka-hero .lawka-hero__wordmark{top:5.625vw;width:64.375vw;height:7.083333vw}
 .lawka-hero .lawka-hero__tagline{top:1.458333vw;font-size:3.75vw;line-height:3.75vw;letter-spacing:0}
 .lawka-hero .lawka-hero__title{top:10.416667vw;width:91.25vw;font-size:8.333333vw;line-height:9.583333vw;letter-spacing:.208333vw}
}
@keyframes lawka-hero-pan{from{transform:scale(1.1)}to{transform:scale(1)}}
@keyframes lawka-hero-title{from{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes lawka-hero-brand{from{transform:translateX(-50%) scale(.9);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}
@keyframes lawka-hero-character{from{transform:translateY(var(--character-offset)) rotateX(70deg);opacity:0}to{transform:translateY(0) rotateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){
 .lawka-hero__slide,.lawka-hero__thumbnail{transition:none}
 .lawka-hero__scenery{transform:none}
 .lawka-hero.is-ready .lawka-hero__photo,.lawka-hero.is-ready .lawka-hero__character,.lawka-hero.is-ready .lawka-hero__title>span,.lawka-hero.is-ready .lawka-hero__wordmark{animation:none}
 .lawka-hero .lawka-hero__photo{transform:none}
}