/* ### BASE ### */
::selection { background: var(--black); color: var(--white); }
::-moz-selection { background: var(--black); color: var(--white); }
::-webkit-scrollbar { width: 7px; }
::-webkit-scrollbar-track { background: var(--off-white); }
::-webkit-scrollbar-thumb { background: var(--black); }
::-webkit-scrollbar-thumb:hover { background: var(--black); }

:root {
	--black: #000000;
	--deep-black: #0A0A0D;
	--white: #FFFFFF;
	--grey: #CCCCCC;
	--off-white: #FAFAFA;
}

strong { font-family: 'Sequel Medium'; }

.uk-button-primary { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 7px; }
.uk-button-primary:after {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
	height: 0;
	width: 100%;
	background: var(--white);
	transition: all 0.35s ease-in-out;
}
.uk-button-primary:hover { color: var(--black); }
.uk-button-primary:hover .arrow-bottom-icon,
.uk-button-primary:hover .download-icon { filter: brightness(0); }
.uk-button-primary:hover .edit-icon { filter: invert(1) brightness(2); }
.uk-button-primary:hover:after { top: 0; height: 100%; }
.uk-button-primary:active { top: 2px; }

.edit-icon {
    display: inline-block;
    background: url(/wp-content/uploads/edit-icon.svg) no-repeat;
    width: 18px;
    height: 18px;
	transition: filter 0.35s ease-in-out;
}

.arrow-bottom-icon {
	position: relative;
	top: -1px;
	display: inline-block;
    background: url(/wp-content/uploads/arrow-right.svg) no-repeat;
    width: 16px;
    height: 13px;
	transform: rotate(90deg);
	filter: brightness(0) invert(1);
	transition: filter 0.35s ease-in-out;
}

.download-icon {
	position: relative;
	top: -1px;
	display: inline-block;
    background: url(/wp-content/uploads/download-icon.svg) no-repeat;
    width: 17px;
    height: 18px;
	filter: brightness(0) invert(1);
	transition: filter 0.35s ease-in-out;
}

.mega-menu-left .el-item .uk-panel div:nth-child(3),
.products .el-item .uk-panel div:nth-child(3),
.features .el-item .uk-panel div:nth-child(4) { display: none; }

.legal-subpage { padding-top: 70px; }

@media (max-width: 959px) {
	.flex-direction { flex-direction: column-reverse; }
}
/* ### BASE ### */

/* ### NAVIGATION ### */
.tm-header .tm-headerbar { background: var(--black); padding: 35px 0 20px; }
.tm-header .uk-navbar-container { background: var(--black); }

.pulse-white .uk-nav-parent-icon { display: none; }
.pulse-white a { gap: 5px !important; }
.pulse-white a span:after {
    content: '';
    display: inline-block;
    background: var(--white);
    box-shadow: 0 0 0 0 rgb(255 255 255);
    border-radius: 50%;
    height: 6px;
    width: 6px;
    margin: 0 0 8px 5px;
    transform: scale(1);
    animation: pulse-white 2s infinite;
}
@keyframes pulse-white {
	0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
	75% { transform: scale(1); box-shadow: 0 0 0 5px rgba(255, 255, 255, 0); }
	100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

@media (max-width: 959px) {
	.pulse-white a span:after {
		height: 8px;
		width: 8px;
		margin: 0 0 10px 5px;
		transform: scale(1);
		animation: pulse-white 2s infinite;
	}
}
/* ### NAVIGATION ### */

/* ### NAVIGATION | Hover underline ### */
.uk-navbar-right ul li a { position: relative; }
.uk-navbar-right ul li a::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--white);
	z-index: 1;
	transform: scaleX(0);
	transform-origin: left;
	transform-origin: right;
	transition: transform 0.5s ease-in-out;
}

.uk-navbar-right ul li.uk-active a::after {
	content: '';
    position: absolute;
	bottom: 0;
    display: block;
	width: 100%;
    border-bottom: 2px solid var(--white);
}
.uk-navbar-right ul li a:hover::before { transform: scaleX(1); }
.uk-navbar-right ul li a:hover::before {
  transform-origin: left;
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.82, 0.94);
}
/* ### NAVIGATION | Hover underline ### */

/* ### NAVIGATION | Mega menu ### */
.uk-navbar-dropdown {
	width: 100vw !important;
	background-color: transparent;
	box-shadow: none;
	padding-top: 0;
}
.uk-navbar-dropdown .uk-grid-margin.uk-container { position: relative; }
.uk-navbar-dropdown .uk-grid-margin.uk-container::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--black);
}

.mega-menu-left > div { margin: 50px; }
.mega-menu-left > div:nth-child(2) { margin: 50px; padding-bottom: 50px; }

.mega-menu-left * {	color: var(--white); }
.mega-menu-left .el-title { font-size: 18px; }
.mega-menu-left .uk-panel p { font-size: 16px; }
.mega-menu-left .feature-list { display: flex; flex-direction: column; gap: 7px; }
.mega-menu-left .feature-list .arrow-right {
	display: grid;
	grid-template-columns: 20px 100%;
	align-items: center;
	gap: 12px;
}
.mega-menu-left .feature-list .arrow-right:before {
	content: '';
	position: relative;
	top: -1.5px;
	display: inline-block;
	height: 16px;
	width: 20px;
	background: url(/wp-content/uploads/arrow-right.svg) no-repeat;
	transition: all .35s ease-in-out;
}
.mega-menu-left .feature-list .arrow-right:focus:before,
.mega-menu-left .feature-list .arrow-right:hover:before { margin-left: 5px; }
/* ### NAVIGATION | Mega menu ### */

/* ### MOBILE NAVIGATION ### */
.uk-navbar-toggle svg { color: var(--white); width: 25px; }

.tm-header-mobile .uk-navbar-container,
#tm-dialog-mobile { background: var(--black); }

.tm-header-mobile .uk-grid-margin .uk-grid { flex-direction: column-reverse; }
.tm-header-mobile ul { display: flex; flex-direction: column; gap: 20px; padding: 20px 0 0; }
.tm-header-mobile ul.uk-nav-sub { gap: 12px; }
.tm-header-mobile ul li:nth-child(4) { display: none; }
.tm-header-mobile ul li a { padding: 0; }
.tm-header-mobile ul.uk-nav-default > li.uk-active > a::before {
    content: '';
    position: absolute;
	bottom: 0;
	display: block;
    height: 2px;
	width: 100%;
    background-color: var(--white);
}
.tm-header-mobile ul li.menu-item-has-children
.tm-header-mobile ul li .uk-nav-sub { gap: 12px; padding: 12px 0 0; }

.tm-header-mobile ul li.uk-open > a { color: var(--white); }
.tm-header-mobile .uk-nav li.uk-parent a { gap: 5px; }
.tm-header-mobile .uk-nav li a .uk-nav-parent-icon { position: relative; top: 1px; margin: 0 }
.tm-header-mobile .uk-nav li a .uk-nav-parent-icon svg polyline { stroke-width: 1.75; }

#tm-dialog-mobile { position: relative; }
#tm-dialog-mobile:after {
	content: '';
    position: absolute;
	right: 0;
    bottom: 0;
    left: -185px;
    background: url(/wp-content/uploads/top-roofs_signet-outline.svg) no-repeat;
    height: 313px;
    width: 100%;
}

#tm-dialog-mobile #nav_menu-2 .uk-nav { display: flex; flex-direction: row; justify-content: center; gap: 10px; padding-top: 50px !important; }
#tm-dialog-mobile #nav_menu-2 .uk-nav li { width: fit-content; }
#tm-dialog-mobile #nav_menu-2 .uk-nav li a { height: 45px; width: 45px; background: var(--white); border-radius: 100%; padding: 0; }
#tm-dialog-mobile #nav_menu-2 .uk-nav li a:after { display: none; }
#tm-dialog-mobile #nav_menu-2 .uk-nav li a img { width: 20px; height: 20px; object-fit: contain; }
/* ### MOBILE NAVIGATION ### */

/* ### HERO ### */
.uk-section.uk-position-relative:has(> video[uk-cover]),
.hero .uk-background-cover { position: relative; overflow: hidden; }
.uk-section.uk-position-relative:has(> video[uk-cover])::after,
.hero .uk-background-cover::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.6);
  z-index: 1;
  pointer-events: none;
}
.uk-section.uk-position-relative:has(> video[uk-cover]) > *:not(video),
.hero .uk-background-cover > *:not(.uk-background-cover) { position: relative; z-index: 2; }

.hero .uk-h6,
.hero h1,
.hero p { color: var(--white); }

.review-badge { display: grid; grid-template-columns: 150px auto; align-items: center; gap: 20px; }
.review-badge .item2 { display: inline-flex; flex-direction: column; }
.review-badge .item2 img { width: 110px; margin-bottom: 12px; }
.review-badge .item2 span { color: var(--white); }

@media (max-width: 959px) {
	.review-badge { display: flex; flex-direction: column; justify-content: center; }
	.review-badge .item1 { display: none; }
	.review-badge .item2 { text-align: center; justify-content: center; }
	.review-badge .item2 img { width: 75px; margin: 0 auto 7px auto; }
	.review-badge .item2 span { font-size: 11px; }
}
/* ### HERO ### */

/* ### WHY ### */
.why .uk-section { background-position-x: 100px; padding-bottom: 210px; }
.why .uk-button-text { color: var(--black); }

@media (max-width: 1199px) {
	.why .uk-section { background-position-x: -200px; }
}
@media (max-width: 959px) {
	.why .uk-section { background-position-x: -350px; padding-bottom: 140px; }
}
@media (max-width: 639px) {
	.why .button-group { margin-right: -20px; }
	.why .button-group > div { display: inline-block; width: 100%; }
	.why .button-group .el-item { display: flex; justify-content: center; width: 100%; }
	.why .button-group .el-item a { justify-content: center; }
	.why .button-group .uk-button-primary { width: 100%; }
}
/* ### WHY ### */

/* ### PRODUCTS ### */
.products .uk-container { margin-top: -50px; }
.products .uk-grid > div:nth-child(3) h2,
.products .uk-grid > div:nth-child(4) h2 { color: var(--white); }
.products .el-title {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	font-size: 18px;
	padding: 0 15px;
}
.products .el-title:after {
	content: '';
    position: relative;
    top: -1px;
    display: inline-block;
    height: 16px;
	width: 20px;
	filter: brightness(0) invert(1);
    background: url(/wp-content/uploads/arrow-right.svg) no-repeat;
	transition: transform .35s ease-in-out;
}
.products .el-item:focus .el-title:after,
.products .el-item:hover .el-title:after { transform: translateX(5px); }
.product-list > .uk-grid > div:nth-child(1) .el-title:after,
.product-list > .uk-grid > div:nth-child(2) .el-title:after { filter: brightness(0); }

@media (max-width: 639px) {
	.product-list > .uk-grid > div:nth-child(3) .el-title:after { filter: brightness(0); }
	.products .uk-grid > div:nth-child(3) h2 { color: var(--black); }
}
/* ### PRODUCTS ### */

/* ### FEATURES ### */
.features-text { margin-top: -100.8px; padding-top: 255px; padding-bottom: 70px; }
.features-text h3 { color: var(--grey) !important; }

.features { margin-top: -25px; }
.features .el-title { font-size: 18px; padding: 0 15px; }
.features .el-meta { margin-top: 3px !important; padding: 0 15px; }

.features-container .uk-slider-container,
.features-container .uk-position-relative { overflow: visible !important; }

.features-container .uk-width-1-4\@l { width: 28.35%; }
@media (max-width: 1199px) { .features-container .uk-width-1-4\@l { width: 39.55%; } }
@media (max-width: 959px) {
	.features-text { padding-top: 230px; }
	.features-container .uk-width-1-4\@l { width: 60%; }
}
@media (max-width: 639px) {
	.features-container .uk-width-1-4\@l { width: 80%; }
}

.features-container .uk-slider-items.uk-grid { margin-right: calc(var(--uk-grid-gutter-horizontal, 30px) * -1) !important; }
@media (max-width: 959.98px) { .features-container .uk-slider-items.uk-grid { margin-right: -30px !important; } }
@media (min-width: 960px) { .features-container .uk-slider-items.uk-grid-medium { margin-right: -40px !important; } }

.features-text .uk-slider-items { margin-right: -30px; }
@media (min-width: 960px){ .features-text .uk-slider-items { margin-right: -40px; } }
@media (min-width: 1200px){ .features-text .uk-slider-items { margin-right: -50px; } }
/* ### FEATURES ### */

/* ### SERVICES ### */
.services { display: flex; flex-direction: column; gap: 40px; background: var(--black); padding: 60px; margin: -50px 0 0 -50px; }
.services .uk-h4 { color: var(--white); margin: 0 0 10px 0; }
.services .uk-desc { color: var(--grey); margin: 0; }
.service-item { display: grid; grid-template-columns: 30px calc(100% - 80px); gap: 20px; }
.services .service-item:nth-child(3) img { width: 20px; margin-left: auto; }

@media (max-width: 1199px) {
	.services { margin: -25px 0 0 -50px; }
}
@media (max-width: 959px) {
	.services { padding: 40px; margin: inherit; }
}
@media (max-width: 580px) {
	.services { padding: 30px; }
	.service-item { position: relative; display: flex; }
	.service-item img { position: absolute; top: -10px; left: -10px; width: 60px; opacity: .15; }
	.services .service-item:nth-child(3) img { width: 50px; }
}
/* ### SERVICES ### */

/* ### TESTIMONIALS ### */
.testimonials .ks { --gap: 20px; --peek: 56px; }
@media(max-width:959px){ .testimonials .ks { --peek: 28px; } }

.testimonials .ks-nav { display: flex; gap: 12px; }
.testimonials .ks-arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--black);
	border: 0;
	width: 60px;
	height: 60px;
	cursor: pointer;
}
.testimonials .ks-arrow .arrow.left,
.testimonials .ks-arrow .arrow.right {
	height: 16px;
	width: 20px;
	background: url(/wp-content/uploads/arrow-right.svg) no-repeat;
	filter: brightness(0) invert(1);
}
.testimonials .ks-arrow .arrow.left { transform: rotate(180deg); }

@media (max-width: 639px) {
	.testimonials .ks-nav { display: none; }
}

.testimonials .ks-track {
	display: grid;
	grid-auto-flow: column;
	gap: var(--gap);
	padding-inline: var(--peek);
	cursor: grab;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	overflow-x: auto;
}
.testimonials .ks-track.is-dragging { cursor: grabbing; }
.testimonials .ks-track::-webkit-scrollbar { display: none; }

@media (min-width:1200px) {
	.testimonials .ks .ks-track {
		grid-auto-columns: calc((100% - var(--gap)) / 3);
		padding-left: calc((100% - var(--gap)) / 6);
		padding-right: calc((100% - var(--gap)) / 6);
		width: 100%;
	}
}
@media(min-width:960px) and (max-width:1199px) { .testimonials .ks-track { grid-auto-columns: calc((100% - (var(--peek)*2) - var(--gap)) / 2); } }
@media(max-width:959px) { .testimonials .ks-track { grid-auto-columns: calc(100% - (var(--peek)*2)); } }

.testimonials .ks-card { scroll-snap-align: center; overflow: hidden; }
.testimonials .ks-media { position: relative; margin: 0; aspect-ratio: 16/9; }
.testimonials .ks-media img { display: block; height: 125%; width: 100%; object-fit: cover; }

@media (max-width: 639px) { .testimonials .ks-media img { height: 150%; } }

.testimonials .ks-play {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	background: none;
	border: 0;
	cursor: pointer;
}
.testimonials .ks-play .kp {
	display: grid;
	place-items: center;
  	height: 80px;
	width: 80px;
	background: rgba(0,0,0,.75);
	border-radius: 50%;
	transition: all .35s ease-in-out;
}
.testimonials .ks-play .kp::before{
  	content: '';
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 22px solid var(--white);
	transform: translateX(2px);
}
.testimonials .ks-play:focus .kp,
.testimonials .ks-play:hover .kp { background: var(--black); }

@media (max-width: 959px){
  .testimonials .ks-play .kp { height: 70px; width: 70px; }
  .testimonials .ks-play .kp::before { border-top-width: 12px; border-bottom-width: 12px; border-left-width: 20px; }
}

.vm-wrap { width: 100%; }
.vm-aspect{ position: relative; width: 100%; padding-bottom: 56.25%; }
.vm-aspect > iframe,
.vm-aspect > video { position: absolute; inset: 0; height: 100%; width: 100%; }

.testimonials .el-title { display: flex; align-items: baseline; gap: 7px; font-size: 18px; padding: 0 15px; }
.testimonials .el-title:before {
	content: '';
    position: relative;
    top: 3px;
    display: inline-block;
    height: 22px;
    width: 16px;
    background: url(/wp-content/uploads/location-icon.svg) no-repeat;
}
.testimonials .el-meta { font-size: 14px; padding: 0 15px; margin-top: 5px; }

@media (max-width: 639px) { .testimonials .el-title:before { display: none; } }

.uk-modal {
	background: rgba(0,0,0,.75);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
/* ### TESTIMONIALS ### */

/* ### TEAM HERO ### */
.page-id-25 .tm-header { background: var(--black); }

.team-hero .image img {
	display: block;
	height: auto;
	max-height: 88vh;
	width: 100%;
	object-fit: cover;
	object-position: center;
	margin: 0 auto;
}

.team-hero .team-button {
	position: absolute;
	right: 0;
	left: 0;
	margin-top: -30px !important;
}

.team-features-container { padding-top: 100px; padding-bottom: 100px; }
.team-features img {
	position: absolute;
	top: -10px;
	left: 0;
	width: 70px;
	opacity: .15;
}
.team-features div div:nth-child(2) img { width: 50px; }

.team .el-title { font-size: 18px; padding: 0 15px; }
.team .el-meta { font-size: 14px; padding: 0 15px; margin-top: 5px !important; }

.page-id-25 .why .uk-section { padding-top: 100px; padding-bottom: 70px; }

@media (max-width: 959px) {
	.page-id-25 .why .uk-section { padding-top: 70px; padding-bottom: 40px; }
	
	.team-features img { left: -250px; right: 0; margin: 0 auto; }
}
/* ### TEAM HERO ### */

/* ### ROOF SUBPAGES ### */
.roof-features-container .uk-section { padding-bottom: 100px }

.roof-features-container h3 { font-family: 'Sequel Medium'; }

.roof-features .uk-h2 { font-size: 18px; }
.roof-features .uk-h3 { font-size: 14px; margin-top: 5px !important; }

.services.roof-cta { gap: 0; }
.roof-cta p { color: var(--grey); }

.roof-cta .uk-button-primary { color: var(--black); width: fit-content; background: var(--white); }
.roof-cta .uk-button-primary:after { background: var(--deep-black); }
.roof-cta .uk-button-primary:hover { color: var(--white); }
.roof-cta .uk-button-primary:hover .edit-icon { filter: invert(0); }
.roof-cta .edit-icon { filter: invert(1); }

.led-stripes { position: relative; }
.led-stripes:after {
	content: '';
    position: absolute;
	z-index: 10;
	bottom: -25px;
	left: 0;
    display: inline-block;
    height: 200px;
    width: 142px;
    background: url(/wp-content/uploads/led-stripe_profil.png) no-repeat;
	background-size: contain;
}

@media (max-width: 959px) {
	.roof-cta .uk-button-primary { justify-content: center; width: 100%; }
	.led-stripes:after { height: 150px; width: 107px; }
}
/* ### ROOF SUBPAGES ### */

/* ### CTA ### */
.cta-container { background: var(--black); }
.cta-container .text { padding: 60px; }
.cta-container .image { position: relative; }
.cta-container .image:before {
	content: '';
	position: absolute;
	z-index: 1;
	inset: 0;
	background: linear-gradient(to right, rgba(0,0,0,.95) 0%, rgba(0,0,0,0) 100%);
}

.cta h2,
.cta p { color: var(--white); }
.cta h2 {
	position: relative;
    z-index: 2;
	font-size: 45px;
	margin-right: -300px;
}

.cta .button-group { margin-bottom: 0; }
.cta .uk-button-primary { color: var(--black); background: var(--white); }
.cta .uk-button-primary:after { background: var(--deep-black); }
.cta .uk-button-primary:hover { color: var(--white); }
.cta .uk-button-primary:hover .edit-icon { filter: invert(0); }
.cta .edit-icon { filter: invert(1); }

@media (max-width: 1199px) {
	.cta h2 { font-size: 40px; }
}
@media (max-width: 959px) {
	.cta-container > div { flex-direction: column-reverse; }
	.cta-container .image:before { background: linear-gradient(to top, rgba(0,0,0,.95) 0%, rgba(0,0,0,0) 100%); }
	.cta-container .image { height: 300px; margin-bottom: -125px; }
	.cta-container .text { padding: 40px; }
	.cta h2 { font-size: 30px; margin: 0; }
	.cta .uk-button-primary { justify-content: center; width: 100%; }
}
@media (max-width: 580px) {
	.cta h2 { font-size: 22px; }
	.cta-container .text { padding: 30px; }
}
/* ### CTA ### */

/* ### FOOTER ### */
.footer-image img { width: 100%; }

.footer,
.copyright { background: var(--black); }
.footer .uk-section { background-position-x: -75px !important; }

.footer .footer-inner { padding-bottom: 75px; }
.footer .uk-h4 { color: var(--white); font-size: 22px; }
.footer p,
.footer a { color: var(--white); line-height: 2; }
.footer p span { font-family: 'Sequel Medium'; }

.social-nav .uk-nav { display: flex; flex-direction: row; gap: 10px; }
.social-nav .uk-nav li { width: fit-content; }
.social-nav .uk-nav li a { justify-content: center; height: 45px; width: 45px; background: var(--white); border-radius: 100%; padding: 0; }
.social-nav .uk-nav li a:after { display: none; }
.social-nav .uk-nav li a img { width: 20px; height: 20px; object-fit: contain; }

.copyright p,
.copyright a { color: var(--white); font-size: 13px; margin-bottom: 0; }
.copyright p span { font-family: 'Sequel Medium'; }
.copyright .uk-panel { border-top: 1px solid rgb(255,255,255,.1); padding: 25px 0; }
.copyright-inner { display: flex; justify-content: center; }
.copyright-inner div:last-child { display: flex; gap: 25px; }

@media (max-width: 959px) {
	.footer .uk-section { background-image: none !important; }
	.footer .footer-inner { padding-bottom: 0; }
	
	.footer .footer-logo img { display: block; width: 200px; margin: 0 auto 40px; }
	.footer .uk-h4,
	.footer p,
	.footer a,
	.footer span { text-align: center; }
	.mobile-headline { margin-top: 25px; }
	.footer .uk-panel { display: flex; flex-direction: column; justify-content: center; }
	.footer .links br { display: none; }
	.social-nav .uk-nav { justify-content: center; }
	
	.copyright-inner { flex-direction: column; justify-content: center; gap: 10px; text-align: center; }
	.copyright-inner div:last-child { justify-content: center; }
}
@media (max-width: 639px) {	
	.footer .footer-logo img { width: 175px; }
	
	.copyright-inner { gap: 5px; }
	
	.copyright p,
	.copyright a { font-size: 10px; }
	.copyright-inner div:last-child { gap: 10px; }
}
/* ### FOOTER ### */

/* ### FONTS ### */
@font-face {
    font-family: 'Sequel Regular';
    src: url('../fonts/Sequel100Black-45.woff2') format('woff2'),
        url('../fonts/Sequel100Black-45.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sequel Medium';
    src: url('../fonts/Sequel100Black-55.woff2') format('woff2'),
        url('../fonts/Sequel100Black-55.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sequel Bold';
    src: url('../fonts/Sequel100Black-75.woff2') format('woff2'),
        url('../fonts/Sequel100Black-75.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
/* ### FONTS ### */