body,html{height:100vh;margin:0;padding:0}:root{--base-unit:clamp(4px,.35vw,6px);--space-xs:clamp(4px,.5vh,8px);--space-sm:clamp(8px,1vh,16px);--space-md:clamp(16px,1.5vh,24px);--space-lg:clamp(24px,2.5vh,40px);--space-xl:clamp(40px,4vh,64px);--space-2xl:clamp(64px,6vh,100px);--text-xs:clamp(10px,.8vw,12px);--text-sm:clamp(12px,1vw,14px);--text-base:clamp(14px,1.2vw,16px);--text-md:clamp(16px,1.5vw,20px);--text-lg:clamp(20px,2vw,28px);--text-xl:clamp(28px,3vw,40px);--text-2xl:clamp(40px,5vw,72px);--btn-width-sm:clamp(100px,10vw,150px);--btn-width-md:clamp(150px,15vw,200px);--btn-width-lg:clamp(200px,25vw,400px);--pos-edge-sm:clamp(16px,3vw,40px);--pos-edge-md:clamp(40px,5vw,100px);--pos-edge-lg:clamp(60px,8vw,150px);--container-max:min(1400px,95vw);--img-card-width:clamp(280px,22vw,400px);--img-card-height:calc(var(--img-card-width)*1.3);--nav-btn-size:clamp(32px,3vw,48px);--arrow-size:clamp(36px,3.5vw,50px)}@media (max-width:768px){:root{--base-unit:4px;--pos-edge-sm:12px;--pos-edge-md:20px;--pos-edge-lg:30px}}@media (min-width:2560px){:root{--base-unit:6px}}@media (min-aspect-ratio:7/3){:root{--space-md:clamp(16px,2vh,32px);--text-md:clamp(16px,1.2vw,20px)}}.responsive-container{margin:0 auto;max-width:var(--container-max);width:100%}.no-overflow{max-width:100vw;overflow-x:hidden}