@font-face{font-family:"outfit";font-style:normal;font-display:swap;font-weight:300;src:url("./outfit.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"outfit";font-style:normal;font-display:swap;font-weight:500;src:url("./outfit.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"outfit";font-style:normal;font-display:swap;font-weight:700;src:url("./outfit.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

html, body {
	background:var(--color-background-100);
	color:var(color-primary-100);
	font:18px "outfit","sw",sans-serif;
	line-height:1.4;
	font-weight:300;
	scroll-behavior:smooth;
	scrollbar-width:thin;
	scroll-padding-top:4rem;
	text-underline-offset:0.3rem;
}
* {scroll-behavior:smooth;scrollbar-width:thin;}
a{color:var(--color-primary-100);font-weight:500;}a.active,a:active,a:hover{color:var(--color-accent-100);outline:0;fill:var(--color-accent-100);}

.body {width:100%;max-width:1760px;margin:0 auto;position:relative;}
.bull {opacity:0.4;}
.next-btn {display:flex;justify-content:space-around;align-items:center;gap:2rem;color:var(--color-primary-100);fill:var(--color-primary-100);}
.next-btn:hover {color:var(--color-accent-100);fill:var(--color-accent-100);}

header {position:sticky;width:100%;height:64px;z-index:99;top:0;background:var(--color-background-100);text-align:center;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-size:0.85rem;}
header .body {padding:0 30px;}
header .logo {color:var(--color-primary-100);font-size:1.3rem;font-weight:700;display:flex;justify-content:center;align-items:center;text-align:center;}
header label[for=menu] {display:block;}
header label[for=menu]:hover {opacity:0.6;}
main {width:100%;text-align:left;position:relative;}
footer {width:100%;min-height:64px;padding:8px;display:flex;justify-content:center;align-items:center;border-top:1px solid rgba(0, 0, 0, 0.1);}
footer .copyright {font-size:0.8rem;font-weight:300;text-align:center;}
footer .copyright a {display:inline-block;}

header .menu {position:fixed;z-index:90;top:64px;right:0;bottom:0;left:0;height:0;opacity:0;transition:0.35s;background:var(--color-background-100);font-weight:500;}
header input[type=checkbox] {display:none;}
header nav {display:none;width:100%;position:relative;text-transform:uppercase;}
header nav ul {margin:0;padding:0;list-style-type:none;}
header nav li {display:block;}
header nav li > a, header nav li > label {color:var(--color-primary-100);font-weight:700;opacity:0.5;display:inline-block;padding:16px;}
header nav li.active > a, header nav li.active > label, header nav li:hover > a, header nav li:hover > label {opacity:1;text-decoration:underline;text-decoration-thickness:0.14rem;}
header nav li ul {display:none;width:100%;padding:16px;background:var(--color-background-100);}
header nav li input:checked + ul {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
@media only screen and (max-width:1365px) {
	header input#menu:checked + .menu {height:auto;opacity:100;overflow:hidden;overflow-y:auto;}
	header input#menu:checked + .menu nav {display:block;position:absolute;top:0;height:auto;padding:40px;}
}
@media only screen and (min-width:1366px) {
	header {height:96px;}
	header label[for=menu] {display:none;}
	header .menu {position:relative;top:0;right:0;bottom:0;left:0;width:70%;height:auto;margin:0;opacity:100;background:none;}
	header nav {display:block;}
	header nav ul {display:flex;justify-content:end;align-items:center;flex-wrap:wrap;}
	header nav li ul {position:absolute;z-index:5;left:0;}
	footer .copyright {font-size:0.9rem;}
}
header nav li .accent {color:var(--color-accent-100);opacity:1;}


.flxbc {display:flex;justify-content:space-between;align-items:center;}
.flxcc {display:flex;justify-content:center;align-items:center;}

h1,h2,h3,h4,h5,h6 {color:var(--color-primary-100);}

.swiper.preview h1 {font-size:1.25rem;}