html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;margin:0;padding:0}a,a:visited,a:focus,a:active,a:link{text-decoration:none;outline:0}a{color:currentColor;transition:.2s ease-in-out}ul{padding:0;list-style:none}img{vertical-align:middle;height:auto;width:100%}:root{--primary-color: #2cbdaf;--white: #fafafa;--medium-green: #5fcabf;--light-green: #87d7cf;--site-bg-color: #eafaf9;--max-site-width: 1300px;--site-gutter: 20px;--gap: 20px;--nav-gap: 40px;--offset-value: 30;--btn-size: 60}h1,h2,h3{line-height:1.1;text-wrap:balance}h1{margin-block-end:1rem;font-size:clamp(1.8rem,1.4rem + 2.8vw,4.8rem);text-wrap:balance}h2,h4{margin-block-end:1rem;font-size:clamp(1.4rem,1.4rem + 1vw,2.8rem);text-wrap:balance}a{color:currentColor;text-decoration:none;transition:color .2s ease-in}a:hover{color:var(--medium-green)}.lead{font-size:clamp(1rem,2vw + 1rem,3rem);color:var(--primary-color);text-align:center;text-wrap:balance}p{text-wrap:balance}body{background-color:var(--site-bg-color);font-family:Aller,SansSerif;line-height:1.4;color:var(--medium-green)}.site_header{position:relative;margin-block-start:3rem;margin-block-end:5rem;display:grid;place-items:center;z-index:10}.site_header .title{display:grid;justify-items:center;text-align:center;max-width:var(--max-site-width);gap:2em}.site_header .title .logo{width:min(60%,25rem);margin-block-end:2rem}.site_header.-full{margin-block:initial;height:100vh}.site_header.-full .title{margin-block-start:-20vh}@media all and (min-width: 640px){.site_header.-full .title{margin-block-start:initial}}footer{position:relative;display:grid;padding-block-start:4rem}footer .footer-contact{text-align:center}footer .footer-contact a{display:block;padding-block:2rem;margin-block:3rem;color:var(--white);background-color:var(--medium-green);font-size:clamp(3rem,2.6rem + 2vw,5rem);transition:background-color .3s ease-out}footer .footer-contact a:hover{background-color:var(--primary-color)}footer .footer-navigation{margin-block-start:3rem;padding-block:2rem;background-color:var(--light-green);color:var(--white);transition:opacity .3s ease-out}footer .footer-navigation a:hover{color:var(--white);opacity:.7}.rows{display:flex;flex-flow:column;gap:calc(var(--gap) * 2)}.columns{display:flex;flex-flow:column;justify-content:space-between;gap:var(--gap)}@media all and (min-width: 640px){.columns{flex-flow:row}}.container{margin:0 auto;max-width:var(--max-site-width);padding:0 var(--site-gutter)}.menu{display:flex;flex-direction:row;gap:var(--nav-gap)}#nav-bg,#toggle-btn{display:none}.mobile-nav-icon img{width:200px;max-width:50%}@media screen and (max-width: 1023px){#nav-bg{display:block;transform-origin:center center;transition:transform .3s;transform:translate(var(--translate-x),var(--translate-y)) scale(var(--scale));will-change:transform;pointer-events:none}.nav-btn{position:fixed;height:calc(var(--btn-size) * 1px);width:calc(var(--btn-size) * 1px);bottom:calc((var(--offset-value)) * 1px);right:calc(var(--offset-value) * 1px);border-radius:50%;background:var(--white);cursor:pointer;margin:0;padding:0 15px;border:none;z-index:100;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}#toggle-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--primary-color);transition:transform .3s}#toggle-btn span{position:relative;width:100%}#toggle-btn span{margin-top:-4px}#toggle-btn span+span{margin-top:8px}#toggle-btn span:before,#toggle-btn span:after{content:"";position:absolute;top:0;background:currentColor;opacity:.8;height:100%;width:50%;height:4px;transition:.25s cubic-bezier(.6,0,.3,1);transform-origin:center center}#toggle-btn span:before{left:0;border-radius:3px 0 0 3px}#toggle-btn span:after{right:0;border-radius:0 3px 3px 0}#toggle-btn.shown span:nth-of-type(1):before{transform:translate3d(3px,3.5px,0) rotate(45deg)}#toggle-btn.shown span:nth-of-type(1):after{transform:translate3d(-3px,3.5px,0) rotate(-45deg)}#toggle-btn.shown span:nth-of-type(3):before{transform:translate3d(3px,-3.5px,0) rotate(-45deg)}#toggle-btn.shown span:nth-of-type(3):after{transform:translate3d(-3px,-3.5px,0) rotate(45deg)}#toggle-btn.shown span:nth-of-type(2):before,#toggle-btn.shown span:nth-of-type(2):after{opacity:.0001}#toggle-btn.shown span:nth-of-type(2):before{transform:translate(-200%)}#toggle-btn.shown span:nth-of-type(2):after{transform:translate(200%)}#toggle-btn.shown:before{transform:scale(.6);transition:.2s}#toggle-btn:before{content:"";transition:.2s .2s;position:absolute;top:3px;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);border-radius:inherit;filter:blur(5px);z-index:-2}#toggle-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:#fafafa;z-index:-1}nav{width:100%;height:100%;background:transparent;position:fixed;top:0;left:0;overflow:hidden;display:flex;z-index:200;pointer-events:none}nav ul{margin:auto;pointer-events:auto;text-align:center}nav li{font-size:30px;color:#212121;-webkit-user-select:none;user-select:none;transform:translate(-20px,20px) scale(.9);transition:0s;opacity:.0001;visibility:hidden;will-change:transform}nav a{font-size:clamp(2rem,10vw,4rem)}nav li+li{margin-top:var(--nav-gap)}#toggle-btn.shown~.site_navigation nav li{transform:none;opacity:1;visibility:visible;transition:.35s cubic-bezier(.4,2.08,.55,1)}#toggle-btn.shown~.site_navigation nav li:nth-child(1){transition-delay:.15s}#toggle-btn.shown~.site_navigation nav li:nth-child(2){transition-delay:.125s}#toggle-btn.shown~.site_navigation nav li:nth-child(3){transition-delay:.1s}.site_navigation_contact{position:absolute;bottom:calc((var(--offset-value)) * 1px);left:calc(var(--offset-value) * 1px)}.site_navigation_contact a{display:flex;justify-content:center;align-items:center;padding:0 30px;height:calc(var(--btn-size) * 1px);border-radius:calc(var(--btn-size) / 2 * 1px);background:var(--white);border:none;z-index:100;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-shadow:0 6px 12px #0000001a}}@media all and (min-width: 1024px){.site_navigation{position:absolute;top:0;left:0;width:100%;padding:20px 0 40px;display:flex;flex-direction:column;align-items:center;gap:var(--gap);overflow:hidden}.site_navigation:before{content:"";position:absolute;bottom:0;left:-50%;width:200%;height:100vw;border-radius:50%;background-color:var(--primary-color);z-index:1}.site_navigation .mobile-nav-icon{display:none}.site_navigation nav,.site_navigation .site_navigation_contact{position:relative;z-index:2}.site_navigation ul{display:flex;flex-direction:row;gap:var(--nav-gap)}.site_navigation a{font-size:2rem;letter-spacing:3px;color:var(--white)}.site_navigation a:hover{color:var(--site-bg-color)}}.scroll-indicator{position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}#mouse-scroll span{display:block;width:10px;height:10px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-right:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);margin:0 0 3px 5px}#mouse-scroll .mouse{height:31px;width:21px;border-radius:10px;-webkit-transform:none;-ms-transform:none;transform:none;border:2px solid var(--primary-color);top:170px}#mouse-scroll .down-arrow-1{margin-top:6px}#mouse-scroll .down-arrow-1,#mouse-scroll .down-arrow-2,#mouse-scroll .down-arrow-3{-webkit-animation:mouse-scroll 1s infinite;-moz-animation:mouse-scroll 1s infinite}#mouse-scroll .down-arrow-1{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-direction:alternate}#mouse-scroll .down-arrow-2{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-direction:alternate}#mouse-scroll .down-arrow-3{-webkit-animation-delay:.3s;-moz-animation-dekay:.3s;-webkit-animation-direction:alternate}#mouse-scroll .mouse-in{height:5px;width:2px;display:block;margin:5px auto;background:var(--primary-color);position:relative}#mouse-scroll .mouse-in{-webkit-animation:animated-mouse 1.2s ease infinite;moz-animation:mouse-animated 1.2s ease infinite}@-webkit-keyframes animated-mouse{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px)}}@-webkit-keyframes mouse-scroll{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}to{opacity:1}}#allClouds{transform-style:preserve-3d}#allClouds>path{animation-name:flyingClouds;transform-style:preserve-3d;animation-duration:var(--offsetDuration);animation-direction:alternate;animation-iteration-count:infinite}#allClouds>path:nth-child(1){--offsetY: -2vh;--offsetX: 1vw;--offsetDuration: 7s}#allClouds>path:nth-child(2){--offsetY: 2vh;--offsetX: 2vw;--offsetDuration: 4s}#allClouds>path:nth-child(3){--offsetY: 2vh;--offsetX: -1vw;--offsetDuration: 8s}#allClouds>path:nth-child(4){--offsetY: 0vh;--offsetX: 1vw;--offsetDuration: 9s}@keyframes flyingClouds{0%{transform:translateY(0) translate(0)}to{transform:translateY(var(--offsetY)) translate(var(--offsetX))}}.explanation{position:relative}.explanation .step_text{opacity:0}.explanation .explanation_illustration{position:sticky;top:25vh;transform:translateY(-50%);width:90vw;z-index:99;margin-inline:auto}@media all and (min-width: 1024px){.explanation .explanation_illustration{top:50vh;width:40vw;margin-inline:5vw}}.explanation .explanation_illustration #Bus_VW,.explanation .explanation_illustration #Sheep_Trailer,.explanation .explanation_illustration #Woman,.explanation .explanation_illustration #Man,.explanation .explanation_illustration #Cloud_1,.explanation .explanation_illustration #Cloud_2,.explanation .explanation_illustration #Cloud_3,.explanation .explanation_illustration #Cloud_4,.explanation .explanation_illustration #Border_Collie,.explanation .explanation_illustration #Fence_Pole_1,.explanation .explanation_illustration #Fence_Pole_2,.explanation .explanation_illustration #Fence_Pole_3,.explanation .explanation_illustration #Fence_Pole_4,.explanation .explanation_illustration #Fence_Pole_5,.explanation .explanation_illustration #Fence_Pole_6,.explanation .explanation_illustration #Fence_Wire_1,.explanation .explanation_illustration #Fence_Wire_2,.explanation .explanation_illustration #Fence_Wire_3,.explanation .explanation_illustration #Fence_Wire_4,.explanation .explanation_illustration #Fence_Wire_5,.explanation .explanation_illustration #Fence,.explanation .explanation_illustration #Sheep_1,.explanation .explanation_illustration #Sheep_2,.explanation .explanation_illustration #Sheep_3,.explanation .explanation_illustration #Sheep_4,.explanation .explanation_illustration #Sheep_5{opacity:0}.explanation .explanation_steps{margin-top:-50vh;scroll-behavior:smooth}.explanation .step{position:relative;scroll-snap-type:y mandatory;scroll-snap-align:center;scroll-snap-stop:always}.explanation .step .step_text{position:sticky;top:75vh;padding:0 5vw;opacity:0}@media all and (min-width: 1024px){.explanation .step .step_text{top:50vh;left:50vw;width:50vw}.explanation .step .step_text>*{width:60%}}.explanation .step .step_text h2{margin-bottom:2rem;color:var(--primary-color);font-size:clamp(1.5rem,1.4rem + 2.8vw,5rem)}.explanation .step .step_text p{color:var(--medium-green);font-size:clamp(1rem,.8rem + 1vw,2rem)}.explanation #step-1,.explanation #step-2,.explanation #step-3,.explanation #step-4,.explanation #step-5{height:150vh}
