/*————————————————————————
 Reset CSS 
 ————————————————————————*/

 *,
 *::before,
 *::after {
     box-sizing: border-box
 }
 
 body,
 h1,
 h2,
 h3,
 h4,
 p,
 figure,
 blockquote,
 dl,
 dd,
 ul {
     margin: 0;
     padding: 0;
 }
 
 ul[role="list"],
 ol[role="list"] {
     list-style: none;
 }
 
 li {
     list-style: none;
     line-height: 1;
 }
 
 html:focus-within {
     scroll-behavior: smooth;
 }
 
 body {
     min-height: 100vh;
     text-rendering: optimizeSpeed;
     line-height: 1.5;
 }
 
 
 a:not([class]) {
     text-decoration-skip-ink: auto;
 }
 
 a {
     text-decoration: none;
 }
 
 img,
 picture {
     max-width: 100%;
     display: block;
     width: 100%;
 }
 
 input,
 button,
 textarea,
 select {
     font: inherit;
 }
 
 @media(prefers-reduced-motion:reduce) {
     html:focus-within {
         scroll-behavior: auto;
     }
 
     *,
     *::before,
     *::after {
         animation-duration: .01ms !important;
         animation-iteration-count: 1 !important;
         transition-duration: .01ms !important;
         scroll-behavior: auto !important;
     }
 }