html{scroll-behavior:smooth;}
section[id]{scroll-margin-top:80px;}
@media (min-width:1024px){section[id]{scroll-margin-top:136px;}}
#mobile-menu[data-open="false"]{display:none;}
@media (min-width:1024px){#mobile-menu{display:none!important;}}

.material-symbols-outlined{
	font-family:"Material Symbols Outlined"!important;
	font-weight:400;
	font-style:normal;
	font-size:inherit;
	line-height:1;
	letter-spacing:normal;
	text-transform:none;
	display:inline-block;
	white-space:nowrap;
	word-wrap:normal;
	direction:ltr;
	-webkit-font-feature-settings:"liga";
	font-feature-settings:"liga";
	-webkit-font-smoothing:antialiased;
	font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;
}

.admin-bar .flooriversum-landing{padding-top:32px;}
.admin-bar .flooriversum-site-header{top:32px;}
@media screen and (max-width:782px){
	.admin-bar .flooriversum-landing{padding-top:46px;}
	.admin-bar .flooriversum-site-header{top:46px;}
}

body:not(.home) .wp-site-blocks{
	padding-top:0;
}
body:not(.home){
	padding-top:80px;
}
@media (min-width:1024px){
	body:not(.home){
		padding-top:136px;
	}
}
header.wp-block-template-part,
.wp-block-template-part:has(.flooriversum-site-header){
	margin:0;
	padding:0;
	width:100%;
	max-width:none;
}

/*
 * Design system from flooriversum-main.html.
 * Twenty Twenty-Five uses Manrope and resets heading sizes; these rules keep
 * the landing (and shared header) on Chivo / Space Grotesk / JetBrains Mono.
 */
body.home,
body.woocommerce-page,
body.woocommerce{
	background-color:#f8f9fa!important;
	color:#1e293b!important;
	font-family:Chivo,system-ui,sans-serif!important;
	font-size:15px!important;
	line-height:24px!important;
	-webkit-font-smoothing:antialiased;
}
body.home .wp-site-blocks{
	padding:0!important;
	margin:0!important;
	max-width:none!important;
}
.flooriversum-landing :where(h1,h2,h3,h4,h5,h6){
	margin:0;
}

.font-body-lg,
.font-body-md,
.font-body-sm{
	font-family:Chivo,system-ui,sans-serif!important;
}
.font-display-hero,
.font-display-hero-mobile,
.font-headline-lg,
.font-headline-lg-mobile,
.font-headline-md,
.font-headline-sm,
.font-title-md{
	font-family:"Space Grotesk",system-ui,sans-serif!important;
}
.font-label-data,
.font-label-tag{
	font-family:"JetBrains Mono",ui-monospace,monospace!important;
}
.font-label-tag{
	letter-spacing:0.08em;
	font-weight:700;
}
.font-label-data{
	letter-spacing:0.05em;
	font-weight:500;
}

.text-body-lg{font-size:18px!important;line-height:28px!important;}
.text-label-data{font-size:13px!important;line-height:18px!important;letter-spacing:0.05em!important;}
.text-title-md{font-size:18px!important;line-height:24px!important;}
.text-label-tag{font-size:11px!important;line-height:14px!important;letter-spacing:0.08em!important;}
.text-body-md{font-size:15px!important;line-height:24px!important;}
.text-headline-sm{font-size:22px!important;line-height:30px!important;}
.text-display-hero-mobile{font-size:36px!important;line-height:44px!important;letter-spacing:-0.02em!important;}
.text-headline-lg-mobile{font-size:28px!important;line-height:36px!important;letter-spacing:-0.01em!important;}
.text-headline-md{font-size:28px!important;line-height:36px!important;letter-spacing:-0.01em!important;}
.text-display-hero{font-size:56px!important;line-height:64px!important;letter-spacing:-0.03em!important;}
.text-body-sm{font-size:13px!important;line-height:20px!important;}
.text-headline-lg{font-size:40px!important;line-height:48px!important;letter-spacing:-0.02em!important;}

@media (min-width:1024px){
	.lg\:text-display-hero{font-size:56px!important;line-height:64px!important;letter-spacing:-0.03em!important;}
	.lg\:text-headline-lg{font-size:40px!important;line-height:48px!important;letter-spacing:-0.02em!important;}
	.lg\:text-body-lg{font-size:18px!important;line-height:28px!important;}
}

.fi-brand-card{
	min-width:0;
}
.fi-brand-name{
	position:relative;
	display:block;
	max-width:100%;
	box-sizing:border-box;
	overflow:hidden;
	overflow-wrap:anywhere;
	word-break:break-word;
	hyphens:auto;
	font-size:32px;
	line-height:1.2;
	letter-spacing:-0.02em;
	padding:0.28em 0.2em 0.28em 0;
	color:#111317;
}
.fi-brand-name__text{
	position:relative;
	z-index:1;
	display:block;
}
.fi-brand-name::after{
	content:attr(data-name);
	position:absolute;
	left:20px;
	top:0;
	right:-12px;
	z-index:0;
	font-size:1.08em;
	line-height:1.2;
	letter-spacing:-0.02em;
	font-weight:700;
	text-transform:uppercase;
	color:transparent;
	-webkit-text-stroke:1px #caf300;
	overflow-wrap:anywhere;
	word-break:break-word;
	pointer-events:none;
}
@media (min-width:1024px){
	.fi-brand-name{
		font-size:36px;
	}
}