:root { --base-color-0:   #FFFFFF; --base-color-50:  #FDFBF7; --base-color-100: #F3F1EC; --base-color-200: #E8E5DD; --base-color-250: #D8D4C9;  --primary-color-0:   #FFFFFF;
--primary-color-50:  #9ea9ad; --primary-color-100: #687377; --primary-color-200: #4f5a5e; --primary-color-250: #384043;  --secondary-color-0:   #FFFFFF;
--secondary-color-50:  #8A8A8A; --secondary-color-100: #5C5C5C; --secondary-color-200: #3A3A3A; --secondary-color-250: #1C1C1E;  --accent-color-50:#AC664A;
--accent-color-100:#8F523F;
--accent-color-250:#321d18;  --title-font-family:'Google Sans Flex', serif;
--title-color:var(--secondary-color-250);
--title-font-weight: 600;
--title-line-height: calc(1em + 0.25rem);
--title-letter-spacing: 0;
--title-margin: 0 0 1.5rem; --body-font-family:'Google Sans Flex', sans-serif;
--body-color:var(--primary-color-250);
--body-font-size:clamp(1.125rem, 1.0739rem + 0.2273vw, 1.25rem);
--body-font-weight: 400;
--body-line-height: 1.5;
--body-bg: var(--base-color-50); --strong-weight: 500;
--strong-color: var(--title-color); --paragraph-margin: 0 0 1rem; --hr-color: var(--secondary-color-250);
--hr-color-light: var(--base-color-50);
--hr-margin: 2.5rem 0; --text-selection-bg: #000;
--text-selection-color: #fff; --inverted-color: var(--base-color-50); --bg-back-to-top:var(--secondary-color-100);
--bg-back-to-top-hover:var(--secondary-color-200);
--color-back-to-top:var(--secondary-color-0);
--color-back-to-top-hover:var(--base-color-0);
--border-back-to-top:var(--border-width-hairline) solid var(--secondary-color-100); --label-font-family: 'JetBrains Mono';
--label-font-weight: 400;
--label-color: var(--title-color);
--label-font-size: 1rem;
--legend-color: var(--title-color);
--legend-weight: var(--strong-weight);
--legend-font-size: 1.125rem; --form-control-padding: 0.75rem 1rem;
--form-control-font-size: 1rem;
--form-control-line-height: 1.5;
--form-control-radius: 0.25rem;
--form-control-min-height:var(--touch-target-min);
--form-group-margin-bottom: 1.5rem;
--form-helper-font-size: 0.875rem;
--form-helper-margin-top: 0.25rem; --form-bg: #fafafa;
--form-color: #262626;
--form-color-hover: #0a0a0a;
--form-color-focus: #0a0a0a;
--form-placeholder-color: #e5e5e5;
--form-disabled-bg: #d4d4d4;
--form-disabled-color: #a3a3a3; --form-transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out; --input-border:var(--border-width-hairline) solid #e9e9e9;
--input-border-focus:var(--border-width-hairline) solid #e5e5e5;
--input-border-hover:var(--border-width-hairline) solid #e5e5e5;
--input-focus-shadow:0 0 0 0.1rem rgba(240,240,240,0.6);
--input-active-shadow:0 0 0 0.15rem rgba(240,240,240,0.4);
--choice-control-size:1.125rem; --input-required-color:#000; --font-w-300: 300;
--font-w-400: 400;
--font-w-500: 500;
--font-w-600: 600;
--font-w-700: 700; --color-link:var(--primary-color-200);
--color-link-hover:var(--primary-color-250); --image-radius: 0.5rem; --bg-navbar-default:var(--base-color-50);
--bg-navbar-default-active:rgba(243, 241, 236, 0.85);
--border-bottom-navbar:var(--border-width-hairline) solid var(--base-color-50);
--border-bottom-navbar-active:var(--border-width-hairline) solid var(--secondary-color-250);
--color-navbar-menu-link:var(--primary-color-250);
--color-navbar-menu-link-hover-active:var(--primary-color-100);
--navbar-font-family:var(--body-font-family);
--navbar-font-size:0.75rem;
--navbar-font-weight:600;
--navbar-letter-spacing:0.031rem;
--bg-dropdown-menu: var(--base-color-50);
--bg-dropdown-menu-hover: var(--base-color-100);
--color-dropdown-menu-link: var(--color-navbar-menu-link);
--color-dropdown-menu-link-hover-active: var(--color-navbar-menu-link-hover-active); --navbar-height: 3.75rem;
--offcanvas-width: 20rem;
--offcanvas-bg: var(--base-color-0);
--backdrop-bg: rgba(0,0,0,0.5);
--transition-speed:var(--motion-duration-base);
--breakpoint: 992px;
--z-navbar: 1030;
--z-backdrop: 1040;
--z-offcanvas: 1050; --focus-ring-color:var(--accent-color-100);
--focus-ring-width:0.125rem;
--focus-ring-offset:0.2rem;
--touch-target-min:2.75rem; --border-width-hairline:0.0625rem;
--border-width-strong:0.125rem;
--motion-duration-fast:0.2s;
--motion-duration-base:0.3s;
--motion-duration-slow:0.5s;
--motion-ease-standard:ease;
--motion-ease-soft:ease-in-out;
--motion-ease-premium:cubic-bezier(0.25, 1, 0.5, 1);
--shadow-btn-hover:0 0.5rem 1.25rem rgba(0, 0, 0, 0.08);
--shadow-btn-active:0 0.25rem 0.625rem rgba(0, 0, 0, 0.04);
--shadow-navbar-active:0 0.25rem 1.875rem rgba(0, 0, 0, 0.03);
--shadow-dropdown:0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
--shadow-offcanvas:-0.25rem 0 1.25rem rgba(0, 0, 0, 0.15);
--table-min-width:37.5rem;
--textarea-min-height:6.25rem;
--dropdown-min-width:12.5rem;
--dropdown-min-width-desktop:13.75rem;
--site-logo-width:8.75rem;
--skip-link-bg:#ffc;
--skip-link-color:#111;
--skip-link-border:var(--border-width-strong) solid #990000;
--range-track-color:#dee2e6;
--range-thumb-color:var(--primary-color-200);
--color-white:#fff;
--color-black:#000;
--color-star:#fbbc04;
--color-whatsapp:#25d366;
--color-whatsapp-hover:#128c7e;
--cookie-bg:var(--color-black);
--cookie-color:var(--color-white);
--embla-dot-bg:#ccc;
--embla-dot-bg-hover:#999;
--embla-dot-bg-active:#333;
--content-map-height:31.25rem; --card-padding-xy:1rem;
--card-padding-x:1rem;
--card-padding-y:.5rem;
--card-border:var(--border-width-hairline) solid var(--secondary-color-250);
--card-radius:0.5rem;
--card-shadow:0; --badge-padding-x:0;
--badge-padding-y:0;
--badge-font-family:'JetBrains Mono';
--badge-font-size:0.75rem;
--badge-font-weight:400;
--badge-letter-spacing:0;
--badge-border-radius:50rem;
--badge-text-transform:uppercase; --btn-color: var(--base-color-250);
--btn-font-family: var(--body-font-family);
--btn-font-weight: var(--strong-weight);
--btn-font-size: 1rem;
--btn-line-height: 1.5;
--btn-text-transform: none;
--btn-radius: 0.25rem;
--btn-padding: 0.875rem 1.75rem;
--btn-transition:background-color var(--motion-duration-base) var(--motion-ease-soft), color var(--motion-duration-base) var(--motion-ease-soft), border-color var(--motion-duration-base) var(--motion-ease-soft), box-shadow var(--motion-duration-base) var(--motion-ease-soft), transform var(--motion-duration-base) var(--motion-ease-soft);
--btn-focus-shadow:0 0 0 0.1875rem var(--base-color-50), 0 0 0 0.3125rem var(--btn-bg); --shadow-color:rgba(0, 0, 0, 0.05);
--btn-shadow:none;
--btn-shadow-hover:none; --space-unit: 1rem;
--space-xxs: calc(0.25 * var(--space-unit));
--space-xs: calc(0.5 * var(--space-unit));
--space-sm: calc(0.75 * var(--space-unit)); --grid-gutter: 1.5rem;
--container-sm:46.875rem;
--container-md:60.625rem;
--container-lg:73.125rem;
--container-xl:82.5rem;
}  @font-face {
font-display: swap;
font-family: 'Google Sans Flex';
font-style: normal;
font-weight: 400;
src: url(//www.pilates168.it/wp-content/themes/pilates168/fonts/google-sans-flex-v19-latin-regular.woff2) format('woff2');
} @font-face {
font-display: swap;
font-family: 'Google Sans Flex';
font-style: normal;
font-weight: 500;
src: url(//www.pilates168.it/wp-content/themes/pilates168/fonts/google-sans-flex-v19-latin-500.woff2) format('woff2');
} @font-face {
font-display: swap;
font-family: 'Google Sans Flex';
font-style: normal;
font-weight: 600;
src: url(//www.pilates168.it/wp-content/themes/pilates168/fonts/google-sans-flex-v19-latin-600.woff2) format('woff2');
}  @font-face {
font-display: swap;
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 400;
src: url(//www.pilates168.it/wp-content/themes/pilates168/fonts/jetbrains-mono-v24-latin-regular.woff2) format('woff2');
} *, *::before, *::after {
box-sizing:border-box;
margin:0;
padding:0;}
html{
scroll-behavior:smooth;
scroll-padding-top:var(--navbar-height, 3.75rem);
text-size-adjust:100%;
-webkit-text-size-adjust:100%;
line-height:1.5;
max-width:100%;
overflow-x:clip;}
body{
text-rendering:optimizeSpeed;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-synthesis:none;
background-color:var(--body-bg);
color:var(--body-color);
font-family:var(--body-font-family);
font-size:var(--body-font-size);
font-weight:var(--body-font-weight);
line-height:var(--body-line-height);
max-width:100%;
overflow-x:clip;}
@supports not (overflow: clip){
html,
body{overflow-x:hidden;}
}  ::-moz-selection{
background-color:var(--text-selection-bg);
color:var(--text-selection-color);} ::selection{
background-color:var(--text-selection-bg);
color:var(--text-selection-color);} .base-color-0{background-color:var(--base-color-0);}
.base-color-50{background-color:var(--base-color-50);}
.base-color-100{background-color:var(--base-color-100);}
.base-color-200{background-color:var(--base-color-200);}
.base-color-250{background-color:var(--base-color-250);}
.primary-color-50{background-color:var(--primary-color-50);}
.primary-color-100{background-color:var(--primary-color-100);}
.primary-color-200{background-color:var(--primary-color-200);}
.primary-color-250{background-color:var(--primary-color-250);}
.secondary-color-50{background-color:var(--secondary-color-50);}
.secondary-color-100{background-color:var(--secondary-color-100);}
.secondary-color-200{background-color:var(--secondary-color-200);}
.secondary-color-250{background-color:var(--secondary-color-250);} .text-base-color-50{color:var(--base-color-50) !important;}
.text-base-color-100{color:var(--base-color-100) !important;}
.text-base-color-200{color:var(--base-color-200) !important;}
.text-base-color-250{color:var(--base-color-250) !important;} .text-primary-color-50{color:var(--primary-color-50) !important;}
.text-primary-color-100{color:var(--primary-color-100) !important;}
.text-primary-color-200{color:var(--primary-color-200) !important;}
.text-primary-color-250{color:var(--primary-color-250) !important;} .text-secondary-color-50{color:var(--secondary-color-50) !important;}
.text-secondary-color-100{color:var(--secondary-color-100) !important;}
.text-secondary-color-200{color:var(--secondary-color-200) !important;}
.text-secondary-color-250{color:var(--secondary-color-250) !important;}  h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
color:var(--title-color);
display:block;
font-family: var(--title-font-family);
font-weight: var(--title-font-weight);
line-height: var(--title-line-height);
letter-spacing: var(--title-letter-spacing);
margin: var(--title-margin);
text-wrap:balance;}
h1, .h1 {
font-size: clamp(2.5rem, 1.5rem + 3.125vw, 4rem);} h2, .h2 {
font-size: clamp(2rem, 1.333rem + 2.083vw, 3rem);} h3, .h3 {
font-size: clamp(1.5rem, 1.166rem + 1.041vw, 2rem);} h4, .h4 {
font-size: clamp(1.25rem, 1.083rem + 0.52vw, 1.5rem);} h5, .h5 {
font-size: clamp(1.125rem, 1.041rem + 0.26vw, 1.25rem);} h6, .h6 {
font-size: 1rem;
letter-spacing: 0.05em; } .display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
color:var(--title-color);
display:block;
font-family:var(--title-font-family);
font-weight:var(--title-font-weight);
letter-spacing:var(--title-letter-spacing);}
.display-1 {
font-size: clamp(3.5rem, 1.166rem + 7.29vw, 7rem);
line-height: 0.95;} .display-2 {
font-size: clamp(3rem, 1.583rem + 4.427vw, 5.5rem);
line-height: 1;} .display-3 {
font-size: clamp(2.5rem, 1.666rem + 2.604vw, 4.5rem);
line-height: 1.05;} .display-4 { font-size: clamp(2.25rem, 1.75rem + 1.562vw, 3.5rem);}
.display-5 { font-size: clamp(1.75rem, 1.416rem + 1.041vw, 2.5rem);}
.display-6 { font-size: clamp(1.5rem, 1.25rem + 0.781vw, 2.125rem);} p{
margin:var(--paragraph-margin);}
.font-monospace{
font-family:'JetBrains Mono';
font-weight:400;
letter-spacing:var(--badge-letter-spacing);} .txt-xs { font-size: 0.875rem; line-height: 1.4; } .txt-sm  { font-size: 1rem; line-height: 1.5; } .txt-md  { font-size: 1.125rem; line-height: 1.6; } .txt-lg  { font-size: clamp(1.25rem, 1.083rem + 0.52vw, 1.5rem); line-height: 1.5; } .txt-xl { font-size: clamp(1.5rem, 1.333rem + 0.52vw, 1.75rem); line-height: 1.4; } .fw-300{font-weight:var(--font-w-300);}
.fw-400{font-weight:var(--font-w-400);}
.fw-500{font-weight:var(--font-w-500);}
.fw-600{font-weight:var(--font-w-600);}
.fw-700{font-weight:var(--font-w-700);}
b,
strong{
color:var(--strong-color);
font-weight:var(--strong-weight);}
small,
.small{
color:var(--body-color);
font-size:85%;}
sub,
sup{
font-size:70%;
line-height:0;
opacity:0.6;
position:relative;
vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
a{
color:var(--color-link);
text-decoration:underline; transition-duration:0.2s;
transition-timing-function:ease-in-out;
transition-property:color, background-color, border-color;}
a:hover,
a:focus{
color:var(--color-link-hover);
text-decoration:none;}
a:focus{
outline:var(--focus-ring-width) solid var(--focus-ring-color);
outline-offset:0.2rem;
text-decoration:underline;}
a:focus:not(:focus-visible){
outline:none;}
a.inverted {
color:var(--color-link-hover);
text-decoration:none;}
a.inverted:hover,
a.inverted:focus {
color:var(--color-link);
text-decoration:none;}
.not-underline{text-decoration:none !important;}
.underline{text-decoration:underline !important;} hr{
border:none;
border-top:var(--border-width-hairline) solid var(--hr-color);
margin:var(--hr-margin);
width:100%;}
hr.color-light{border-top:var(--border-width-hairline) solid var(--hr-color-light);} ul,
ol{
padding-left:2rem;
margin:1.25rem 0;}
ul ul,
ol ul,
ul ol,
ol ol{margin-bottom:0;}
li{margin-bottom:0.5em;} .list-nostyle{
list-style:none;
margin:0;
padding-left:0;}
.list-nostyle li{
display:flex;
justify-content:start;
align-items:center;
gap:0.5rem;} .list-inline{
list-style:none;
padding:0;
margin:0;
display:inline-flex;
justify-content:center;
align-items:center;
gap:0.8rem;}
.list-inline li{margin:0;}
.list-inline svg {
cursor:pointer;
transition:fill .3s ease;} dl{
display:flex;
flex-direction:column;
margin:0.5rem 0 1rem;}
dl:last-child{margin:0.5rem 0 0;}
dt,
dd{line-height:1.4;}
dt{
display:flex;
justify-content:flex-start;
align-items:center;
gap:0.3rem;
font-weight:var(--strong-weight);
margin-bottom:0.5em;}
dd{
margin-left:0;
margin-bottom:0.5rem;}
dd:last-child{margin-bottom:0;} blockquote{
font-size:var(--body-font-size);
font-weight:inherit;
line-height:1.2;
margin:1rem 0;
position:relative;
z-index:0;}
blockquote cite{
display:block;
font-size:1rem;
margin:0.5em 0;
padding-left:1.5rem;
position:relative;
z-index:0;}
blockquote cite::after{
content:'';
background:var(--body-color);
height:var(--border-width-hairline);
width:1rem;
position:absolute;
top:50%;
left:0;
transform:translateY(-50%);
z-index:1;}
audio,
canvas,
progress,
video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;} figure{margin:0;}
img,
svg{vertical-align:middle;} .img-fluid{
height:auto;
max-width:100%;} .radius,
.radius img{border-radius:var(--image-radius);}   .table-responsive {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; margin-bottom: var(--paragraph-margin, 2rem); scrollbar-width: thin;
scrollbar-color: var(--base-color-200) transparent;}
.table-responsive::-webkit-scrollbar {
height: 0.375rem;}
.table-responsive::-webkit-scrollbar-thumb {
background-color: var(--base-color-200);
border-radius: 0.25rem;} table {
width: 100%;
min-width: var(--table-min-width);
border-bottom: var(--border-width-strong) solid var(--secondary-color-250);
border-collapse: collapse;
border-spacing: 0;
text-align: left;
color: var(--secondary-color-200);
font-size: 1rem;
font-family: var(--body-font-family, inherit);} table th {
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: 600;
color: var(--secondary-color-50);
padding: 1.5rem 1rem;
border-bottom: var(--border-width-strong) solid var(--secondary-color-250);
vertical-align: bottom;} table th:first-child,
table td:first-child {
padding-left: 0; }
table th:last-child,
table td:last-child {
padding-right: 0;} table td {
padding: 1.5rem 1rem;
border-bottom: var(--border-width-hairline) solid var(--base-color-200);
vertical-align: top;
line-height: 1.5;} table tbody td:first-child {
font-weight: 500;
color: var(--secondary-color-250);} table tbody tr {
transition: background-color 0.3s ease;} table tbody tr:hover td {
background-color: var(--base-color-100);
}
table tbody tr:last-child td {
border-bottom: none;} form{
width:100%;
max-width:100%;
margin:0;
padding:0;}
.form-group{
width:100%;
margin-bottom:var(--form-group-margin-bottom);}
fieldset{
border:0;
margin:0;
padding:0;
min-width:0;}
label{
display:inline-block;
max-width:100%;
margin-bottom:0.375rem;
color:var(--label-color);
font-family:var(--label-font-family);
font-size:var(--label-font-size);
font-weight:var(--label-font-weight);}
legend{
display:block;
width:100%;
margin-bottom:1.5rem;
padding-bottom:0.5rem;
border:0;
border-bottom:var(--card-border);
color:var(--legend-color);
font-size:var(--legend-font-size);
font-weight:var(--legend-weight);
line-height:inherit;}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]), textarea, select){
display:block;
width:100%;
min-height:var(--form-control-min-height);
padding:var(--form-control-padding);
font-size:var(--form-control-font-size);
line-height:var(--form-control-line-height);
color:var(--form-color);
background-color:var(--form-bg);
background-clip:padding-box;
border:var(--input-border);
border-radius:var(--form-control-radius);
transition:var(--form-transition);
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]), textarea, select):hover{
border-color:var(--input-border-hover);}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]), textarea, select):focus{
color:var(--form-color-focus);
background-color:var(--form-bg);
border:var(--input-border-focus);
outline:0;
box-shadow:var(--input-focus-shadow);}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]), textarea, select, input[type="range"]):focus-visible{
outline:var(--focus-ring-width) solid var(--focus-ring-color);
outline-offset:var(--focus-ring-offset);}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]), textarea, select):active{
box-shadow:var(--input-active-shadow);}
::placeholder{
color:var(--form-placeholder-color);
opacity:0.6;}
input:disabled,
textarea:disabled,
select:disabled{
background-color:var(--form-disabled-bg);
color:var(--form-disabled-color);
opacity:1;
cursor:not-allowed;}
input[type="checkbox"],
input[type="radio"]{
width:var(--choice-control-size);
height:var(--choice-control-size);
margin-right:0.5rem;
accent-color:var(--primary-color-200);
cursor:pointer;}
select{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath fill='%23343a40' d='M0 0l4 6 4-6z'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 1rem center;
background-size:0.5rem 0.375rem;
padding-right:2.5rem;}
input[type="file"]{
padding:0.375rem 0.75rem;
font-size:var(--form-control-font-size);
line-height:var(--form-control-line-height);
background-color:var(--form-bg);
border:var(--input-border);
border-radius:var(--form-control-radius);}
textarea{
resize:vertical;
min-height:var(--textarea-min-height);}
.form-text{
display:block;
margin-top:var(--form-helper-margin-top);
font-size:var(--form-helper-font-size);
color:var(--form-placeholder-color);}
input[type="range"]{
-webkit-appearance:none;
width:100%;
min-height:var(--touch-target-min);
height:0.5rem;
border-radius:var(--form-control-radius);
background:var(--range-track-color);
outline:none;
padding:0;
margin:0;}
input[type="range"]::-webkit-slider-thumb{
-webkit-appearance:none;
appearance:none;
width:1.25rem;
height:1.25rem;
border-radius:50%;
background:var(--range-thumb-color);
cursor:pointer;
transition:background var(--motion-duration-fast) var(--motion-ease-soft);}
input[type="range"]::-moz-range-thumb{
width:1.25rem;
height:1.25rem;
border:0;
border-radius:50%;
background:var(--range-thumb-color);
cursor:pointer;
transition:background var(--motion-duration-fast) var(--motion-ease-soft);}
.required-marker{color:var(--input-required-color);}
@media (max-width:48em){
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]), textarea, select, button, input[type="button"], input[type="submit"], input[type="reset"]){
padding:0.625rem 0.875rem;
font-size:0.95rem;}
.form-group{
margin-bottom:1rem;}
} .btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap: 0.5rem; padding:var(--btn-padding);
font-size:var(--btn-font-size);
font-weight:var(--btn-font-weight);
font-family:var(--btn-font-family);
text-transform:var(--btn-text-transform);
text-decoration:none;
line-height:var(--btn-line-height);
text-align:center;
white-space:nowrap;
border-radius:var(--btn-radius);
border:var(--border-width-hairline) solid transparent;
cursor:pointer;
user-select:none;
transition: var(--btn-transition);
background-color: var(--btn-bg, transparent);
color: var(--btn-color, inherit);
border-color: var(--btn-border, transparent);
min-height:var(--touch-target-min);
box-shadow:var(--btn-shadow);}
.btn:hover,
.btn:focus-visible {
text-decoration: none;
background-color: var(--btn-bg-hover, var(--btn-bg));
color: var(--btn-color-hover, var(--btn-color));
border-color: var(--btn-border-hover, var(--btn-border));
transform: translateY(-0.1875rem);
box-shadow:var(--shadow-btn-hover);}
.btn:focus-visible {
outline:var(--focus-ring-width) solid var(--focus-ring-color);
outline-offset:var(--focus-ring-offset);
box-shadow:var(--btn-focus-shadow);}
.btn:focus:not(:focus-visible){
outline:none;}
.btn:active {
transform: translateY(-0.0625rem) scale(0.98);
box-shadow:var(--shadow-btn-active);}
.btn:disabled,
.btn.disabled {
cursor: not-allowed;
opacity: 0.5;
pointer-events: none;
transform: none;
box-shadow: none;}
.btn-default {
--btn-bg: var(--secondary-color-250);
--btn-color: var(--base-color-0);
--btn-border: var(--secondary-color-250);
--btn-bg-hover: var(--secondary-color-100);
--btn-color-hover: var(--base-color-0);
--btn-border-hover: var(--secondary-color-100);}
.btn-default-border {
--btn-bg: var(--base-color-0);
--btn-color: var(--secondary-color-250);
--btn-border: var(--secondary-color-250);
--btn-bg-hover: var(--secondary-color-250);
--btn-color-hover: var(--base-color-0);
--btn-border-hover: var(--secondary-color-250);}
.btn-primary {
--btn-bg: var(--primary-color-200);
--btn-color: var(--base-color-0);
--btn-border: var(--primary-color-200);
--btn-bg-hover: var(--primary-color-250);
--btn-color-hover: var(--base-color-0);
--btn-border-hover: var(--primary-color-250);} .btn-sm{
padding:0.5rem 1rem;
font-size:0.85rem;
border-radius:var(--btn-radius);}
.btn-lg{
padding:1rem 1.25rem;
font-size:1.25rem;
border-radius:var(--btn-radius);}
.btn-block{
display:block;
width:100%;}
@media (max-width:47.9375em){
.btn-xs-full{
width:100%;
white-space:normal;}
}
@media (min-width:48em) and (max-width:61.9375em){
.btn-sm-full{
width:100%;
white-space:normal;}
}  .mt-0{margin-top:0;}
.mt-05{margin-top:calc(0.5 * var(--space-unit));}
.mt-1{margin-top:var(--space-unit);}
.mt-2{margin-top:calc(2 * var(--space-unit));}
.mt-3{margin-top:calc(3 * var(--space-unit));}
.mt-4{margin-top:calc(4 * var(--space-unit));} .mb-0{margin-bottom:0;}
.mb-05{margin-bottom:calc(0.5 * var(--space-unit));}
.mb-1{margin-bottom:var(--space-unit);}
.mb-2{margin-bottom:calc(2 * var(--space-unit));}
.mb-3{margin-bottom:calc(3 * var(--space-unit));}
.mb-4{margin-bottom:calc(4 * var(--space-unit));} .ml-05{margin-left:calc(0.5 * var(--space-unit));}
.ml-1{margin-left:var(--space-unit);}
.ml-2{margin-left:calc(2 * var(--space-unit));}
.ml-3{margin-left:calc(3 * var(--space-unit));}
.ml-4{margin-left:calc(4 * var(--space-unit));} .ml-n1{margin-left:calc(-1 * var(--space-unit));}
.ml-n2{margin-left:calc(-2 * var(--space-unit));}
.ml-n3{margin-left:calc(-3 * var(--space-unit));}
.ml-n4{margin-left:calc(-4 * var(--space-unit));} .mr-05{margin-right:calc(0.5 * var(--space-unit));}
.mr-1{margin-right:var(--space-unit);}
.mr-2{margin-right:calc(2 * var(--space-unit));}
.mr-3{margin-right:calc(3 * var(--space-unit));}
.mr-4{margin-right:calc(4 * var(--space-unit));} .m-0{margin:0;} .pxy-05{padding:calc(0.5 * var(--space-unit));}
.pxy-1{padding:var(--space-unit);}
.pxy-2{padding:calc(2 * var(--space-unit));} .pt-05{padding-top:calc(0.5 * var(--space-unit));}
.pt-1{padding-top:var(--space-unit);}
.pt-2{padding-top:calc(2 * var(--space-unit));}
.pb-05{padding-bottom:calc(0.5 * var(--space-unit));}
.pb-1{padding-bottom:var(--space-unit);}
.pb-2{padding-bottom:calc(2 * var(--space-unit));} .pr-05{padding-right:calc(0.5 * var(--space-unit));}
.pr-1{padding-right:var(--space-unit);}
.pr-2{padding-right:calc(2 * var(--space-unit));}
.pl-05{padding-left:calc(0.5 * var(--space-unit));}
.pl-1{padding-left:var(--space-unit);}
.pl-2{padding-left:calc(2 * var(--space-unit));}
.move_up{transition:transform 0.2s ease-in-out;}
.move_up:focus,
.move_up:hover{transform:translateY(-0.1875rem);} .text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-uppercase{text-transform:uppercase;}  .txt-right-sm-left{
text-align:left; }
@media only screen and (min-width: 992px) {
.txt-right-sm-left{
text-align:right; }
} #skip a{
display:block;
position:absolute;
left:-999rem;
top:-999rem;
z-index:10000;}
#skip a:focus{
left:0;
top:0;
padding:0.5rem 0.75rem;
background:var(--skip-link-bg);
border:var(--skip-link-border);
color:var(--skip-link-color);}  .hide-element{
border:0;
clip:rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
height:0.0625rem;
margin:-0.0625rem;
overflow:hidden;
padding:0;
position:absolute;
width:0.0625rem;}
.hide-element-focusable:active,
.hide-element-focusable:focus{
clip:auto;
height:auto;
margin:0;
overflow:visible;
position:static;
width:auto;}  button:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible{
outline:var(--focus-ring-width) solid var(--focus-ring-color);
outline-offset:var(--focus-ring-offset);} @media (prefers-contrast: high) {
:root {
--body-color: #000;
--title-color: #000;
--strong-color: #000;
}
} @media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.001ms !important;
scroll-behavior: auto !important;
}
} section,
footer{position:relative;} .container,
.container-fluid{
width:100%;
padding-right:var(--grid-gutter);
padding-left:var(--grid-gutter);
margin-right:auto;
margin-left:auto;}
@media (min-width: 48em) {
.container{max-width:var(--container-sm);}
}
@media (min-width: 62em) {
.container{max-width:var(--container-md);}
}
@media (min-width: 75em) {
.container{max-width:var(--container-lg);}
}
@media (min-width: 87.5em) {
.container{max-width:var(--container-xl);}
}
.row {
display:flex;
flex-wrap:wrap;
margin-right:calc(-1 * var(--grid-gutter));
margin-left:calc(-1 * var(--grid-gutter));}
.row.reverse{flex-direction:row-reverse;}
[class*="col-"] {
padding-right:var(--grid-gutter);
padding-left:var(--grid-gutter);
flex:0 0 100%;
max-width:100%;
min-width:0;
box-sizing:border-box;} @media (min-width: 48em) {
.col-sm-12 { flex: 0 0 100%;   max-width: 100%; }
.col-sm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
.col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.col-sm-9  { flex: 0 0 75%;      max-width: 75%; }
.col-sm-8  { flex: 0 0 66.6667%; max-width: 66.6667%; }
.col-sm-7  { flex: 0 0 58.3333%; max-width: 58.3333%; }
.col-sm-6  { flex: 0 0 50%;      max-width: 50%; }
.col-sm-5  { flex: 0 0 41.6667%; max-width: 41.6667%; }
.col-sm-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-sm-3  { flex: 0 0 25%;      max-width: 25%; }
.col-sm-2  { flex: 0 0 16.6667%; max-width: 16.6667%; }
.col-sm-1  { flex: 0 0 8.3333%;  max-width: 8.3333%; }
.col-sm-offset-0 { margin-left: 0; }
.col-sm-offset-1 { margin-left: 8.3333%; }
.col-sm-offset-2 { margin-left: 16.6667%; }
.col-sm-offset-3 { margin-left: 25%; }
.col-sm-offset-4 { margin-left: 33.3333%; }
.col-sm-offset-5 { margin-left: 41.6667%; }
.col-sm-offset-6 { margin-left: 50%; }
.col-sm-offset-7 { margin-left: 58.3333%; }
.col-sm-offset-8 { margin-left: 66.6667%; }
.col-sm-offset-9 { margin-left: 75%; }
.col-sm-offset-10 { margin-left: 83.3333%; }
.col-sm-offset-11 { margin-left: 91.6667%; }
.col-sm-offset-12 { margin-left: 100%; }
}
@media (min-width: 62em) {
.col-md-12 { flex: 0 0 100%;   max-width: 100%; }
.col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
.col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.col-md-9  { flex: 0 0 75%;      max-width: 75%; }
.col-md-8  { flex: 0 0 66.6667%; max-width: 66.6667%; }
.col-md-7  { flex: 0 0 58.3333%; max-width: 58.3333%; }
.col-md-6  { flex: 0 0 50%;      max-width: 50%; }
.col-md-5  { flex: 0 0 41.6667%; max-width: 41.6667%; }
.col-md-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-md-3  { flex: 0 0 25%;      max-width: 25%; }
.col-md-2  { flex: 0 0 16.6667%; max-width: 16.6667%; }
.col-md-1  { flex: 0 0 8.3333%;  max-width: 8.3333%; }
.col-md-offset-0 { margin-left: 0; }
.col-md-offset-1 { margin-left: 8.3333%; }
.col-md-offset-2 { margin-left: 16.6667%; }
.col-md-offset-3 { margin-left: 25%; }
.col-md-offset-4 { margin-left: 33.3333%; }
.col-md-offset-5 { margin-left: 41.6667%; }
.col-md-offset-6 { margin-left: 50%; }
.col-md-offset-7 { margin-left: 58.3333%; }
.col-md-offset-8 { margin-left: 66.6667%; }
.col-md-offset-9 { margin-left: 75%; }
.col-md-offset-10 { margin-left: 83.3333%; }
.col-md-offset-11 { margin-left: 91.6667%; }
.col-md-offset-12 { margin-left: 100%; }
}
@media (min-width: 75em) {
.col-lg-12 { flex: 0 0 100%;   max-width: 100%; }
.col-lg-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
.col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.col-lg-9  { flex: 0 0 75%;      max-width: 75%; }
.col-lg-8  { flex: 0 0 66.6667%; max-width: 66.6667%; }
.col-lg-7  { flex: 0 0 58.3333%; max-width: 58.3333%; }
.col-lg-6  { flex: 0 0 50%;      max-width: 50%; }
.col-lg-5  { flex: 0 0 41.6667%; max-width: 41.6667%; }
.col-lg-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-lg-3  { flex: 0 0 25%;      max-width: 25%; }
.col-lg-2  { flex: 0 0 16.6667%; max-width: 16.6667%; }
.col-lg-1  { flex: 0 0 8.3333%;  max-width: 8.3333%; }
.col-lg-offset-0 { margin-left: 0; }
.col-lg-offset-1 { margin-left: 8.3333%; }
.col-lg-offset-2 { margin-left: 16.6667%; }
.col-lg-offset-3 { margin-left: 25%; }
.col-lg-offset-4 { margin-left: 33.3333%; }
.col-lg-offset-5 { margin-left: 41.6667%; }
.col-lg-offset-6 { margin-left: 50%; }
.col-lg-offset-7 { margin-left: 58.3333%; }
.col-lg-offset-8 { margin-left: 66.6667%; }
.col-lg-offset-9 { margin-left: 75%; }
.col-lg-offset-10 { margin-left: 83.3333%; }
.col-lg-offset-11 { margin-left: 91.6667%; }
.col-lg-offset-12 { margin-left: 100%; }
}
@media (min-width: 87.5em) {
.col-xl-12 { flex: 0 0 100%;   max-width: 100%; }
.col-xl-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
.col-xl-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.col-xl-9  { flex: 0 0 75%;      max-width: 75%; }
.col-xl-8  { flex: 0 0 66.6667%; max-width: 66.6667%; }
.col-xl-7  { flex: 0 0 58.3333%; max-width: 58.3333%; }
.col-xl-6  { flex: 0 0 50%;      max-width: 50%; }
.col-xl-5  { flex: 0 0 41.6667%; max-width: 41.6667%; }
.col-xl-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-xl-3  { flex: 0 0 25%;      max-width: 25%; }
.col-xl-2  { flex: 0 0 16.6667%; max-width: 16.6667%; }
.col-xl-1  { flex: 0 0 8.3333%;  max-width: 8.3333%; }
.col-xl-offset-0 { margin-left: 0; }
.col-xl-offset-1 { margin-left: 8.3333%; }
.col-xl-offset-2 { margin-left: 16.6667%; }
.col-xl-offset-3 { margin-left: 25%; }
.col-xl-offset-4 { margin-left: 33.3333%; }
.col-xl-offset-5 { margin-left: 41.6667%; }
.col-xl-offset-6 { margin-left: 50%; }
.col-xl-offset-7 { margin-left: 58.3333%; }
.col-xl-offset-8 { margin-left: 66.6667%; }
.col-xl-offset-9 { margin-left: 75%; }
.col-xl-offset-10 { margin-left: 83.3333%; }
.col-xl-offset-11 { margin-left: 91.6667%; }
.col-xl-offset-12 { margin-left: 100%; }
} .order-first { order:-1;}
.order-last  { order:999;}
.order-0     { order:0;}
.order-1     { order:1;}
.order-2     { order:2;}
.order-3     { order:3;}
@media (min-width: 48em) {
.order-sm-first { order:-1;}
.order-sm-last  { order:999;}
.order-sm-0     { order:0;}
.order-sm-1     { order:1;}
.order-sm-2     { order:2;}
.order-sm-3     { order:3;}
}
@media (min-width: 62em) {
.order-md-first { order:-1;}
.order-md-last  { order:999;}
.order-md-0     { order:0;}
.order-md-1     { order:1;}
.order-md-2     { order:2;}
.order-md-3     { order:3;}
}
@media (min-width: 75em) {
.order-lg-first { order:-1;}
.order-lg-last  { order:999;}
.order-lg-0     { order:0;}
.order-lg-1     { order:1;}
.order-lg-2     { order:2;}
.order-lg-3     { order:3;}
}
@media (min-width: 87.5em) {
.order-xl-first { order:-1;}
.order-xl-last  { order:999;}
.order-xl-0     { order:0;}
.order-xl-1     { order:1;}
.order-xl-2     { order:2;}
.order-xl-3     { order:3;}
}
.justify-start   { justify-content:flex-start;}
.justify-center  { justify-content:center;}
.justify-end     { justify-content:flex-end;}
.justify-between { justify-content:space-between;}
.justify-around  { justify-content:space-around;}
.align-start  { align-items:flex-start;}
.align-center { align-items:center;}
.align-end    { align-items:flex-end;}
.no-gutters {
margin: 0;
}
.no-gutters > [class*="col-"] {
padding: 0;
}
.h-100{height:100%!important}
.h-auto{height:auto!important}
.w-100{width:100% !important;}
.gap-1{gap:.25rem;}
.gap-2{gap:1rem;}
.d-flex{display:flex !important;}
.d-inline-flex{display:inline-flex !important;}
.flex-column{flex-direction:column !important;}
.flex-column-reverse{flex-direction:column-reverse !important;}
.d-block,
.d-text{display:block;}
.d-text{margin-bottom:0.5rem;}
.center-block{
display:block;
margin-right:auto;
margin-left:auto;}
@media (max-width:47.9375em) {
.hidden-xs {
display: none !important;
}
}
@media (min-width:48em) and (max-width:61.9375em) {
.hidden-sm {
display: none !important;
}
}
@media (min-width:62em) and (max-width:74.9375em) {
.hidden-md {
display: none !important;
}
}
@media (min-width:75em) {
.hidden-lg {
display: none !important;
}
}  .sp-xs{padding:clamp(3rem, 4vw, 5rem) 0;}
.sp-sm{padding:clamp(4rem, 6vw, 7rem) 0;}
.sp-md{padding:clamp(6rem, 8vw, 10rem) 0;}
.sp-lg{padding:clamp(8rem, 10vw, 14rem) 0;} .sp-xs-top{padding-top: clamp(3rem, 4vw, 5rem);}
.sp-sm-top{padding-top: clamp(4rem, 6vw, 7rem);}
.sp-md-top{padding-top: clamp(6rem, 8vw, 10rem);}
.sp-lg-top{padding-top: clamp(8rem, 10vw, 14rem);} .sp-xs-bottom{padding-bottom: clamp(3rem, 4vw, 5rem);}
.sp-sm-bottom{padding-bottom: clamp(4rem, 6vw, 7rem);}
.sp-md-bottom{padding-bottom: clamp(6rem, 8vw, 10rem);}
.sp-lg-bottom{padding-bottom: clamp(8rem, 10vw, 14rem);} .navbar {
position: fixed;
top: 0;
left: 0;
right: 0;
height: var(--navbar-height);
background: var(--bg-navbar-default);
border-bottom: var(--border-bottom-navbar);
z-index: var(--z-navbar);
display: flex;
align-items: center;  transition: background var(--motion-duration-slow) var(--motion-ease-premium),
border-bottom var(--motion-duration-slow) var(--motion-ease-premium),
box-shadow var(--motion-duration-slow) var(--motion-ease-premium),
backdrop-filter var(--motion-duration-slow) var(--motion-ease-standard);
}
.navbar.active{
background:var(--bg-navbar-default-active);
border-bottom: var(--border-bottom-navbar-active);
box-shadow:var(--shadow-navbar-active);
} @supports (backdrop-filter: blur(10px)) {
.navbar.active {
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px); }
}
.navbar-inner {
display: flex;
align-items: center;
width: 100%;
height: 100%;
justify-content: space-between;
}
.navbar-brand {
font-size: 1.25rem;
font-weight: 600;
text-decoration: none;
color: var(--color-navbar-menu-link);
display: inline-flex;
align-items: center;
min-height:var(--touch-target-min, 2.75rem);
gap: 0.5rem;
flex-shrink: 0;
order: -1;
}
.navbar-brand img {
max-height: calc(var(--navbar-height) - 1.25rem);
width: auto;
height: auto;
}
.navbar-toggler {
display: flex;
align-items: center;
justify-content: center;
width: var(--touch-target-min);
height: var(--touch-target-min);
min-width: var(--touch-target-min);
min-height: var(--touch-target-min);
background: transparent;
border: var(--border-width-hairline) solid var(--secondary-color-250);
border-radius: 0.45rem;
cursor: pointer;
order: 999;
margin-left: 0.75rem;
color: var(--color-navbar-menu-link);
}
.navbar-toggler:hover {
background: var(--base-color-100);
}
.navbar-toggler-icon {
display: block;
flex: 0 0 1.5rem;
width: 1.5rem;
min-width: 1.5rem;
height: 1.5rem;
background: currentColor;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") no-repeat center;
mask-size: contain;
} .navbar-panel {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: var(--z-offcanvas);
pointer-events: none;
visibility: hidden;
transition: visibility 0s var(--transition-speed);
width: 100%;
height: 100%;
height: 100dvh;
margin-left:auto;
}
.navbar-panel.is-open {
pointer-events: auto;
visibility: visible;
transition: visibility 0s;
}
.offcanvas-backdrop {
position: absolute;
inset: 0;
background: var(--backdrop-bg);
opacity: 0;
transition: opacity var(--transition-speed) var(--motion-ease-standard);
}
.navbar-panel.is-open .offcanvas-backdrop {
opacity: 1;
}
.offcanvas {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: var(--offcanvas-width);
max-width: 85vw;
background: var(--offcanvas-bg);
box-shadow:var(--shadow-offcanvas);
transform: translateX(100%);
transition: transform var(--transition-speed) var(--motion-ease-standard);
display: flex;
flex-direction: column;
}
.navbar-panel.is-open .offcanvas {
transform: translateX(0);
}
.offcanvas-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem;
border-bottom: 1px solid var(--secondary-color-250);
flex-shrink: 0;
}
.offcanvas-title {
margin: 0;
font-size: 1.125rem;
font-weight: bold;
color: var(--color-navbar-menu-link);
font-family: var(--navbar-font-family);
}
.btn-close {
width: 2.75rem;
height: 2.75rem;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: none;
cursor: pointer;
font-size: 2rem;
line-height: 1;
color: var(--color-navbar-menu-link);
opacity: 0.6;
transition:opacity var(--motion-duration-fast) var(--motion-ease-standard);
}
.btn-close:hover {
opacity: 1;
color: var(--color-navbar-menu-link-hover-active);
}
.offcanvas-body {
flex: 1;
overflow-y: auto;
padding: 1rem;
} .nav {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 0.25rem;
} .nav-link {
display: flex;
align-items: center;
min-height: 2.75rem;
padding: 0.25rem 0.5rem;
color: var(--color-navbar-menu-link);
text-decoration: none;
border-radius: 0.375rem;
transition:color var(--motion-duration-fast) var(--motion-ease-standard), background-color var(--motion-duration-fast) var(--motion-ease-standard);
cursor: pointer;
white-space: nowrap;
background: none;
border: none;
width: 100%;
text-align: left;
font-size: var(--navbar-font-size);
font-family: var(--navbar-font-family);
font-weight: var(--navbar-font-weight);
letter-spacing: var(--navbar-letter-spacing);
line-height: inherit;
text-transform: uppercase;
}
.nav-link:hover,
.nav-link:focus {
color: var(--color-navbar-menu-link-hover-active);
outline: none;
}
.nav-link.is-active {
color: var(--color-navbar-menu-link-hover-active);
} .dropdown {
position: relative;
}
.dropdown-toggle {
display: flex;
justify-content: space-between;
align-items: center;
}
.dropdown-toggle::after {
content: '▼';
font-size: 0.7em;
margin-left: auto;
transition:transform var(--motion-duration-fast) var(--motion-ease-standard);
padding-left: 0.5rem;
color: currentColor;
}
.dropdown.is-open .dropdown-toggle::after {
transform: rotate(180deg);
}
.dropdown-menu {
list-style: none;
padding: 0.5rem;
margin: 0.25rem 0 0;
background: rgba(0,0,0,0.03);
border-radius: 0.375rem;
display: none;
min-width:var(--dropdown-min-width);
}
.dropdown.is-open .dropdown-menu {
display: block;
}
.dropdown-item {
display: flex;
align-items: center;
min-height: 2.75rem;
padding: 0.5rem 1rem;
color: var(--color-dropdown-menu-link);
text-decoration: none;
border-radius: 0.25rem;
white-space: nowrap;
background: none;
border: none;
width: 100%;
text-align: left;
font-family: var(--navbar-font-family);
font-weight: var(--navbar-font-weight);
line-height: inherit;
text-transform: uppercase;
font-size: var(--navbar-font-size);
}
.dropdown-item:hover,
.dropdown-item:focus {
background: var(--bg-dropdown-menu-hover);
color: var(--color-dropdown-menu-link-hover-active);
}
.dropdown-item.is-active {
background: var(--secondary-color-100);
color: var(--base-color-0);
} .main-navigation .nav li.cta > a {
background: var(--primary-color-100);
border-color: var(--primary-color-100);
color: var(--base-color-0);
padding: 0.375rem 0.75rem;
border-radius: var(--btn-radius);
font-weight: var(--strong-weight);
display: inline-flex;
width: auto;
}
.main-navigation .nav li.cta > a:hover,
.main-navigation .nav li.cta.current-menu-item > a {
background-color: var(--primary-color-250);
border-color: var(--primary-color-250);
color: var(--base-color-0);
} .main-navigation .nav {
list-style: none;
padding: 0;
margin: 0;
}
.main-navigation .nav li {
margin: 0;
position: relative;
} .current-menu-item > .nav-link,
.current-menu-parent > .nav-link,
.current-menu-ancestor > .nav-link {
color: var(--color-navbar-menu-link-hover-active);
}
.current-menu-item > .dropdown-item,
.current-menu-parent > .dropdown-item,
.current-menu-ancestor > .dropdown-item {
color: var(--color-navbar-menu-link-hover-active);
} .navbar-layout-split .navbar-inner {
justify-content: space-between;
}
.navbar-layout-center .navbar-inner {
justify-content: space-between;
}
.navbar-layout-balance .navbar-inner {
justify-content: space-between;
}
.navbar-layout-stacked .navbar-inner {
flex-direction: column;
height: auto;
padding: 0.5rem 0;
gap: 0.5rem;
} @media (min-width: 992px) {
.navbar-toggler {
display: none !important;
}
.dropdown {
position: relative;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
min-width:var(--dropdown-min-width-desktop);
background: var(--bg-dropdown-menu);
border: var(--border-width-hairline) solid var(--base-color-200);
box-shadow:var(--shadow-dropdown);
border-radius: 0.375rem;
display: block;
opacity: 0;
visibility: hidden;
transform: translateY(-0.625rem);
transition:opacity var(--motion-duration-fast) var(--motion-ease-standard), visibility var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-fast) var(--motion-ease-standard);
margin-top: 0.5rem;
padding: 0.5rem;
z-index: calc(var(--z-navbar) + 10);
}
.dropdown-align-right .dropdown-menu {
left: auto;
right: 0;
}
.dropdown:hover .dropdown-menu,
.dropdown:focus-within .dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.navbar-panel .dropdown-toggle {
width: auto;
}
.main-navigation .navbar-panel {
position: static;
width: auto;
height: auto;
visibility: visible;
pointer-events: auto;
z-index: auto;
transition: none;
}
.main-navigation .navbar-panel .offcanvas {
position: static;
width: auto;
max-width: none;
background: transparent;
box-shadow: none;
transform: none;
transition: none;
display: block;
}
.main-navigation .navbar-panel .offcanvas-backdrop,
.main-navigation .navbar-panel .offcanvas-header {
display: none;
}
.main-navigation .navbar-panel .offcanvas-body {
padding: 0;
overflow: visible;
}
.main-navigation .navbar-panel .nav {
flex-direction: row;
align-items: center;
gap: 0.5rem;
}
.main-navigation .navbar-panel .offcanvas-body,
.navbar-panel-group {
display: flex;
align-items: center;
gap: 0.5rem;
}
.navbar-layout-split .navbar-panel {
margin-left: auto;
} .navbar-layout-center .navbar-panel {
flex: 1 1 auto;
margin-left: 0;
}
.navbar-layout-center .offcanvas-body {
width: 100%;
}
.navbar-layout-center .nav-left {
margin-right: auto;
}
.navbar-layout-center .navbar-brand {
order: 0;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.navbar-layout-center .nav-right {
margin-left: auto;
} .navbar-layout-balance .navbar-panel {
flex: 1 1 auto;
}
.navbar-layout-balance .offcanvas-body {
width: 100%;
justify-content: center;
}
.navbar-layout-balance .nav-center {
margin: 0 auto;
}
.navbar-layout-balance .nav-right {
margin-left: auto;
} .navbar-layout-stacked .navbar-inner {
flex-direction: column;
height: auto;
align-items: stretch;
}
.navbar-layout-stacked .navbar-brand {
align-self: flex-start;
}
.navbar-layout-stacked .navbar-panel {
width: 100%;
margin-left: 0;
}
.navbar-layout-stacked .offcanvas-body {
width: 100%;
flex-direction: column;
gap: 0.5rem;
}
.navbar-layout-stacked .nav-utility {
align-self: flex-end;
margin-top: calc(var(--navbar-height) * -1);
min-height: var(--navbar-height);
}
.navbar-layout-stacked .nav-primary-row {
justify-content: center;
padding-top: 0.5rem;
width: 100%;
}
.navbar-layout-stacked .navbar-toggler {
display: none !important;
}
} @media (max-width: 991px) {
.navbar-brand {
margin-right: auto;
}
.navbar-panel-group + .navbar-panel-group {
margin-top: 0.75rem;
padding-top: 0.75rem;
border-top: 1px solid var(--base-color-100);
}
.offcanvas .nav {
gap: 0.25rem;
}
.offcanvas .nav-link,
.offcanvas .dropdown-toggle {
min-height: 2.75rem;
padding: 0.5rem 0;
font-size: 1rem;
background: transparent;
border: none; text-transform: none;
}
.offcanvas .nav li.cta > a {
display: flex;
justify-content: center;
width: 100%;
margin-top: 0.75rem;
padding: 0.75rem 1rem;
text-align: center;
}
.offcanvas .nav-link.is-active,
.offcanvas .dropdown-toggle.is-active {
color: var(--color-navbar-menu-link-hover-active);
}
.offcanvas .dropdown-menu {
background: transparent;
border: var(--border-width-hairline) solid var(--base-color-100);
border-radius: 0.5rem;
margin: 0.25rem 0 0 0;
padding: 0.25rem 0.5rem;
box-shadow: none;
}
.offcanvas .dropdown-item {
padding: 0.75rem 1rem;
font-size: 0.95rem;
text-transform: none;
} .navbar-layout-stacked .navbar-inner {
flex-direction: row;
height: var(--navbar-height);
padding: 0;
gap: 0;
}
} .nav-link:focus-visible,
.navbar-toggler:focus-visible,
.btn-close:focus-visible,
.dropdown-toggle:focus-visible,
.dropdown-item:focus-visible {
outline:var(--focus-ring-width) solid var(--focus-ring-color);
outline-offset:var(--focus-ring-offset);
} .dropdown-item:hover,
.dropdown-item:focus {
background: var(--base-color-100);
color: var(--secondary-color-250);
} .main-navigation .dropdown-menu .dropdown-item.is-active,
.main-navigation .dropdown-menu .current-menu-item > .dropdown-item {
background: var(--secondary-color-100);
color: var(--base-color-0);
} .site-logo a{
display:inline-flex;
align-items:center;
min-height:var(--touch-target-min, 2.75rem);
text-decoration:none;}
.site-logo a:focus-visible{
outline:var(--focus-ring-width) solid var(--focus-ring-color);
outline-offset:var(--focus-ring-offset);
border-radius:.5rem;}
.site-logo img{
width:var(--site-logo-width);} a img.opacity{
background-color:white;
opacity:1;
transition:opacity var(--motion-duration-slow) var(--motion-ease-standard);}
a:hover img.opacity{opacity:0.7 !important;} .figure-flex{
overflow:hidden;
display:flex;
flex-flow:row nowrap;
align-items:flex-start;
justify-content:center;
position:relative;
z-index:0;
transition:opacity var(--motion-duration-base) var(--motion-ease-soft), transform var(--motion-duration-base) var(--motion-ease-soft);}
.figure-flex img{
object-fit:cover;
object-position:center;} .figure-flex-bottom-right{
align-items:flex-end;
justify-content:flex-end;}
.figure-flex figcaption{
font-weight:bold;
line-height:1.3;
margin:1rem;
position:absolute;
word-break:break-word;
z-index:2;} @media (prefers-reduced-motion: no-preference) {
.fade-in,
.slide-up {
opacity: 0;
transition:opacity 0.6s ease-out, transform var(--motion-duration-slow) ease-out;
}
.fade-in.is-visible {
opacity: 1;
}
.slide-up {
transform: translateY(3.75rem);
transition:opacity 0.8s var(--motion-ease-standard), transform 0.8s var(--motion-ease-premium);
}
.slide-up.is-visible {
opacity: 1;
transform: translateY(0);
}
} .badge{
border-radius:var(--badge-border-radius);
display:inline-flex;
align-items:center;
font-family:var(--badge-font-family);
font-size:var(--badge-font-size);
font-weight:var(--badge-font-weight);
letter-spacing:var(--badge-letter-spacing);
line-height:1;
padding:var(--badge-padding-x) var(--badge-padding-y);
text-align:center;
text-transform:var(--badge-text-transform);
white-space:nowrap;}
.badge.inverted{color:var(--base-color-50);}
.border{border:var(--border-width-hairline) solid var(--base-color-50);}
a.badge{text-decoration:none;}
a:hover.badge,
a:active.badge{text-decoration:underline;}
.hero-wrapper {
height: 250vh;
position: relative;
background-color: var(--base-color-50);
}
.hero-sticky {
position: sticky;
top: 0;
height: 100vh;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.hero-container {
position: relative;
width: var(--hero-w, 88vw);
height: var(--hero-h, 78vh);
border-radius: 0;
overflow: hidden;
transform: translateZ(0);
}
@media (max-width:50.625em) {
.hero-container {
--hero-w: 92vw;
--hero-h: 76vh;
}
}
.hero_image {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.hero_image_bg {
display: block;
width: 100%;
height: 100%;
}
.hero_image_bg img {
display: block;
width: 100%; height: 100%; object-fit: cover;
}
.hero_overlay {
position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
background: linear-gradient(to top, rgba(28,28,30, 0.6) 0%, rgba(28,28,30, 0) 50%);
z-index: 2;
}
.hero_text {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
max-width: 85rem;
padding: clamp(2rem, 5vw, 5rem);
z-index: 3;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: start;
}
.hero-nowrap{
white-space:nowrap;
}
@media (max-width:62em) {
.hero_text {
grid-template-columns: 1fr;
gap: 2rem;
padding: 2rem;
}
}
.stars{color:var(--color-star);}
.text-white { color: var(--color-white) !important; }
.text-white-50 { color: rgba(255,255,255,0.8) !important; }
.word-rotator {
font-style:italic;
display: inline-grid;
vertical-align: bottom;
}
.word-rotator .word {
grid-area: 1 / 1;
opacity: 0;
transform: translateY(0.9375rem);
transition: opacity 0.8s var(--motion-ease-standard), transform 0.8s var(--motion-ease-premium);
pointer-events: none;
}
.word-rotator .word.is-active {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.word-rotator .word.is-out {
opacity: 0;
transform: translateY(-0.9375rem);
}
.sr-only{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0;
}
.text-reveal-on-scroll{
color: var(--secondary-color-100);
line-height: 1.15;
}
p.text-reveal-on-scroll{
line-height: 1.4;
}
.reveal-word{
display: inline;
color: var(--secondary-color-100);
transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.primary-color-50 .text-reveal-on-scroll,
.primary-color-50 .reveal-word{
color: var(--secondary-color-200);
}
.primary-color-50 .reveal-word.is-revealed {
color: var(--secondary-color-250);
}
.reveal-word.is-revealed{
color: var(--secondary-color-250);
}
.inline-pill{
display: inline-block;
vertical-align: -0.15em;
height: 1em;
width: 2.4em;
margin: 0 0.1em;
overflow: hidden;
opacity: 0.3;
filter: grayscale(100%);
transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
filter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.inline-pill img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.reveal-word.is-revealed.inline-pill{
opacity: 1;
filter: grayscale(0%);
transform: scale(1.05);
}
.marquee-xs,
.marquee-sm{overflow:hidden;}
.marquee-xs{padding:0.5rem 0;}
.marquee-sm{padding:1.5rem 0;}
.marquee-track {
--marquee-gap: 2rem;
color:var(--color-white);
display: flex;
width: fit-content;
overflow: hidden;
user-select: none;
}
.marquee-content {
display: flex;
flex-shrink: 0;
align-items: center;
gap: var(--marquee-gap);
padding-right: var(--marquee-gap);
white-space: nowrap;
}
.marquee-content span {
display: inline-flex;
align-items: center;
gap: var(--marquee-gap);
text-transform: uppercase;
}
.marquee-star {
font-size: 1.2em;
display: inline-block;
}
@media (prefers-reduced-motion: reduce) {
.marquee-track {
flex-wrap: wrap;
width: 100%;
justify-content: center;
}
}
.cta-editorial-section {
padding-block: clamp(5rem, 10vh, 8rem);
}
.cta-grid {
width: 100%;
max-width: var(--container-xl);
margin-inline: auto;
padding-inline: clamp(1rem, 5vw, 2rem);
display: grid;
grid-template-columns: 1fr auto;
gap: 3rem;
align-items: flex-end;
}
.cta-grid-left {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: clamp(4rem, 20vh, 12rem);
}
.cta-grid-left h2 {
max-width: 20ch;
}
.cta-grid-right {
padding-bottom: 0.6rem;
}
@media (max-width:62em) {
.cta-grid {
grid-template-columns: 1fr;
align-items: flex-start;
gap: 2.5rem;
}
.cta-grid-left {
gap: clamp(3rem, 10vh, 5rem);
}
.cta-grid-right {
padding-bottom: 0;
}
}
.card{
background-clip:border-box;
display:flex;
flex-direction:column;
overflow:hidden;
min-width:0;
position:relative;
overflow-wrap:break-word;
margin:0 0 2rem;
box-shadow:var(--card-shadow);
transition:box-shadow var(--motion-duration-fast) var(--motion-ease-soft), transform var(--motion-duration-fast) var(--motion-ease-soft), border-color var(--motion-duration-fast) var(--motion-ease-soft);}
.card h3,
.card h4,
.card h5{margin:0;}
.card h3 a,
.card h4 a,
.card h5 a,
.card h3 a:active,
.card h4 a:active,
.card h5 a:active{
color:var(--color-link-hover);
text-decoration:none;}
.card h3 a:hover,
.card h4 a:hover,
.card h5 a:hover{
color:var(--color-link);
text-decoration:none;}
.card h3 a:before,
.card h4 a:before{
content:'';
position:absolute;
inset:0;
z-index:1;}
.card:focus-within{box-shadow:0 .375rem 1.5rem 0 rgba(140,152,164,.125);}
.card:focus-within a:focus-visible{
outline:var(--focus-ring-width) solid var(--focus-ring-color);
outline-offset:0.25rem;}
.card-radius{border-radius:var(--card-radius);}
.card-border{border:var(--card-border);}
.card-no-margin{margin:0;}
.card-header{
border-bottom:var(--card-border);
padding:0.5rem 1rem;}
.card-header.no-border{border-bottom:none}
.card-meta{
border-bottom:var(--card-border);
display:flex;
justify-content:space-between;
align-items:center;
font-size:0.75rem;
font-family:'JetBrains Mono';
font-weight:400;
letter-spacing: var(--badge-letter-spacing);
padding:var(--card-padding-y) var(--card-padding-x);}
.card-meta span{
display:grid;
grid-template-columns:auto 1fr;
gap:0.4rem;
align-items:start;}
.card-meta span svg{margin-top:0.2em;}
.card-body{
flex:1 1 auto;
padding:var(--card-padding-xy);}
.card-body.margin-xy{margin:0.25rem;}
.card-footer{
border-top:var(--card-border);
display: flex;
justify-content: space-between;
align-items: center;
font-size: 0.75rem;
font-family: 'JetBrains Mono';
font-weight: 400;
letter-spacing: var(--badge-letter-spacing);
padding:var(--card-padding-y) var(--card-padding-x);}
.card-equal-grid{
align-items:stretch;}
.card-equal-grid > [class*="col-"],
.card-equal-grid article,
.card-equal-grid .card{
display:flex;
flex-direction:column;}
.card-equal-grid > [class*="col-"],
.card-equal-grid article{
min-height:100%;}
.card-equal-grid .card{
flex:1 1 auto;
margin-bottom:0;}
.card-equal-grid .card-body{
display:flex;
flex:1 1 auto;
flex-direction:column;}
.card-equal-grid .card-body h3{
flex:1 1 auto;}
.home-news-grid > [class*="col-"]{
gap:2rem;}
.card-image,
.card-image-top{
display:block;
overflow:hidden;
position:relative;
z-index:0;}
.card-image{border-radius:0;}
.card.card-radius .card-image{border-radius:var(--card-radius);}
.card-image-top{
border-top-left-radius:var(--card-radius);
border-top-right-radius:var(--card-radius);}
.card-image figure,
.card-image-top figure{overflow:hidden;}
.card-horizontal{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;}
.card-horizontal:last-child{margin:0;}
.card-horizontal .card-image{
flex:0 0 34%;
max-width:34%;
overflow:hidden;}
.card-horizontal .card-image figure{
margin:0;
width:100%;
aspect-ratio:1 / 1;}
.card-horizontal .card-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;}
.card-horizontal .card-body{
flex:1 1 0%;
min-width:0;}
.card-horizontal .card-footer{
flex:0 0 100%;
max-width:100%;}
@media (min-width:48em){
.card-horizontal .card-image{
flex:0 0 28%;
max-width:28%;}
}
.card-hover-effect img{
filter:blur(0);
transform:scale(1);
transition:transform 0.4s var(--motion-ease-soft), filter 0.4s var(--motion-ease-soft);}
.card-hover-effect:hover img{
filter:blur(0.5px);
transform:scale(1.05);
transition:transform 0.4s var(--motion-ease-soft), filter 0.4s var(--motion-ease-soft);} .page-title{
padding: clamp(6rem, 8vw + 1rem, 12rem) 0 clamp(6rem, 8vw, 9rem);}
.page-title .container{
border-top:var(--border-width-hairline) solid var(--secondary-color-250);
border-bottom:var(--border-width-hairline) solid var(--secondary-color-250);
padding-block:1rem 0;}
.page-title p{margin:0;}
.breadcrumbs{
color:var(--body-color);
display:block;
font-family:'JetBrains Mono';
font-size:0.813rem;
font-weight:400;
letter-spacing:0;
padding:0.25rem 0;}
.breadcrumbs a{
align-items:center;
color:var(--color-link-hover);
display:inline-flex;
min-height:var(--touch-target-min, 2.75rem);
min-width:var(--touch-target-min, 2.75rem);
text-decoration:none;
transition:color 0.2s ease, text-decoration 0.2s ease;}
.breadcrumbs a:hover{
color:var(--color-link);
text-decoration:underline;}
.category-list{
margin:0 !important;
padding:0;}
.category-list li svg{flex-shrink:0;}
.category-list a{
color:var(--color-link-hover);
text-transform:uppercase;
text-decoration:none;
display:flex;
align-items:center;}
.category-list a:hover,
.category-list a:active{
color:var(--color-link);
text-decoration:underline;}
.category-list a.active-category{color:var(--color-link);}
.share-bar{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
gap:0.5rem;
list-style:none;
padding:0;
margin:0 0 1rem;}
.share-bar li{
font-family: 'JetBrains Mono';
font-size:1rem;
margin:0;}
.share-bar li:first-child{margin-right:0.5rem;}
.share-bar button,
.share-bar a{
background:var(--primary-color-50);
border:var(--border-width-hairline) solid var(--primary-color-50);
color:var(--color-white);
cursor:pointer;
padding:0.5rem;
display:flex;
align-items:center;
justify-content:center;
transition:color var(--motion-duration-base) var(--motion-ease-standard);
border-radius:0.25rem;}
.share-bar button:hover,
.share-bar a:hover,
.share-bar button:active,
.share-bar a:active{
background:var(--primary-color-200);
border:var(--border-width-hairline) solid var(--primary-color-200);
color:var(--color-white);}
.share-bar button.clicked{
color:var(--accent-color-250);
transition:color var(--motion-duration-base) var(--motion-ease-standard);}
.timeline{
list-style:none;
margin:0;
padding:0;
position:relative;
}
.timeline:before{
content:"";
position:absolute;
top:0;
bottom:0;
left:50%;
width:var(--border-width-hairline);
background:var(--primary-color-200);
transform:translateX(-50%);
}
.timeline-item{
position:relative;
display:grid;
grid-template-columns: 1fr 3rem 1fr;
gap:1.25rem;
padding:1.75rem 0;
}
.timeline-marker{
grid-column:2;
justify-self:center;
align-self:start;
width:2.25rem;
height:2.25rem;
border-radius:0.25rem;
display:flex;
align-items:center;
justify-content:center;
background:var(--primary-color-200);
color:var(--color-white);
font-size:1.2rem;
line-height:1;
}
.timeline-content{
max-width:52ch;
}
.timeline-item:nth-child(odd) .timeline-content{
grid-column:1;
justify-self:end;
text-align:right;
}
.timeline-item:nth-child(even) .timeline-content{
grid-column:3;
justify-self:start;
text-align:left;
}
.timeline-content .h3{
margin:0 0 0.5rem 0;
}
.timeline-content p{
margin:0;
opacity:0.85;
}
@media (max-width:47.9375em){
.timeline:before{
left:1rem;
transform:none;
}
.timeline-item{
grid-template-columns: 2.5rem 1fr;
gap:1rem;
padding:1.25rem 0;
}
.timeline-marker{
grid-column:1;
justify-self:start;
}
.timeline-item:nth-child(odd) .timeline-content,
.timeline-item:nth-child(even) .timeline-content{
grid-column:2;
justify-self:start;
text-align:left;
max-width:none;
}
}
@media (prefers-reduced-motion: reduce){
.timeline *{
scroll-behavior:auto;
transition:none !important;
}
}
.dark_theme h1, .dark_theme .h1,
.dark_theme h2, .dark_theme .h2,
.dark_theme h3, .dark_theme .h3,
.dark_theme h4, .dark_theme .h4,
.dark_theme h5, .dark_theme .h5,
.dark_theme h6, .dark_theme .h6,
.dark_theme .display-1,
.dark_theme .display-2,
.dark_theme .display-3,
.dark_theme .display-4,
.dark_theme .display-5,
.dark_theme .display-6,
.dark_theme p,
.dark_theme strong,
.dark_theme .d-block,
.dark_theme .d-text,
.dark_theme .badge{color:var(--base-color-50);}
.section-parallax{
padding:10vh 0;
position:relative;
height:100vh;
width:100%;
overflow:hidden;
color:var(--color-white);
z-index:0;
display:flex;
flex-direction:column;
background-size:cover;
background-position:50% 50%;
background-repeat:no-repeat;}
.section-parallax::before{
content:"";
position:absolute;
inset:0;
background-image:var(--section-parallax-bg);
background-size:cover;
background-position:50% 50%;
background-repeat:no-repeat;
filter:blur(var(--section-parallax-blur, 6px));
transform:scale(var(--section-parallax-scale, 1.015));
transform-origin:center;
z-index:-2;}
.section-parallax::after {
content:"";
position:absolute;
inset:0;
background-color:rgba(0, 0, 0, 0.6);
z-index:-1;}
.section-parallax .section-parallax-title,
.section-parallax .section-parallax-subtitle{
color:var(--color-white);
display:block;
position:relative;
z-index:10;
text-shadow:
0 0.5px 0.5px rgba(0, 0, 0, 0.1),
0 0.5px 0.5px rgba(0, 0, 0, 0.1);
mix-blend-mode:screen;}
.section-parallax .section-parallax-title{
font-size:clamp(3.375rem, 2.7399rem + 2.5405vw, 4.7723rem);
letter-spacing:var(--title-letter-spacing);
line-height:1;
margin:0 0 2rem;
text-transform:uppercase;}
.section-parallax .section-parallax-subtitle{
font-size:clamp(1.25rem, 1.083rem + 0.52vw, 1.5rem);
margin:0 0 0.5rem;
text-transform:uppercase;}
.section-parallax p{margin:0;} .section-parallax.is-bg-ready.benefici {
--section-parallax-bg:url(//www.pilates168.it/wp-content/themes/pilates168/images/parallax/benefici-pilates-xs.webp);}
@media (min-width:30em) {
.section-parallax.is-bg-ready.benefici{--section-parallax-bg:url(//www.pilates168.it/wp-content/themes/pilates168/images/parallax/benefici-pilates-sm.webp);}
}
@media (min-width:48em) {
.section-parallax.is-bg-ready.benefici{--section-parallax-bg:url(//www.pilates168.it/wp-content/themes/pilates168/images/parallax/benefici-pilates-md.webp);}
}
@media (min-width:62em) {
.section-parallax.is-bg-ready.benefici{--section-parallax-bg:url(//www.pilates168.it/wp-content/themes/pilates168/images/parallax/benefici-pilates-lg.webp);}
}
@media (min-width:75em) {
.section-parallax.is-bg-ready.benefici{--section-parallax-bg:url(//www.pilates168.it/wp-content/themes/pilates168/images/parallax/benefici-pilates-xl.webp);}
} .section-parallax.is-bg-ready.bisogni {
--section-parallax-bg:url(//www.pilates168.it/wp-content/themes/pilates168/images/parallax/bisogni-pilates-xs.webp);}
@media (min-width:30em) {
.section-parallax.is-bg-ready.bisogni{--section-parallax-bg:url(//www.pilates168.it/wp-content/themes/pilates168/images/parallax/bisogni-pilates-sm.webp);}
}
@media (min-width:48em) {
.section-parallax.is-bg-ready.bisogni{--section-parallax-bg:url(//www.pilates168.it/wp-content/themes/pilates168/images/parallax/bisogni-pilates-md.webp);}
}
@media (min-width:62em) {
.section-parallax.is-bg-ready.bisogni{--section-parallax-bg:url(//www.pilates168.it/wp-content/themes/pilates168/images/parallax/bisogni-pilates-lg.webp);}
}
@media (min-width:75em) {
.section-parallax.is-bg-ready.bisogni{--section-parallax-bg:url(//www.pilates168.it/wp-content/themes/pilates168/images/parallax/bisogni-pilates-xl.webp);}
} .section-parallax.is-bg-ready.emozioni {
--section-parallax-bg:url(//www.pilates168.it/wp-content/themes/pilates168/images/parallax/emozioni-pilates-xs.webp);}
@media (min-width:30em) {
.section-parallax.is-bg-ready.emozioni{--section-parallax-bg:url(//www.pilates168.it/wp-content/themes/pilates168/images/parallax/emozioni-pilates-sm.webp);}
}
@media (min-width:48em) {
.section-parallax.is-bg-ready.emozioni{--section-parallax-bg:url(//www.pilates168.it/wp-content/themes/pilates168/images/parallax/emozioni-pilates-md.webp);}
}
@media (min-width:62em) {
.section-parallax.is-bg-ready.emozioni{--section-parallax-bg:url(//www.pilates168.it/wp-content/themes/pilates168/images/parallax/emozioni-pilates-lg.webp);}
}
@media (min-width:75em) {
.section-parallax.is-bg-ready.emozioni{--section-parallax-bg:url(//www.pilates168.it/wp-content/themes/pilates168/images/parallax/emozioni-pilates-xl.webp);}
}
@media (min-width:48em) {
.section-parallax::before {
background-attachment:fixed;}
}
#grid_layout_gallery{
display: grid;
--row: clamp(4rem, 9vw, 8.75rem);
grid-template-rows: repeat(6, var(--row));
grid-template-columns: repeat(7, 1fr);
gap: 3.25rem;
width: 100%;}
#grid_layout_gallery > div{
position: relative;
overflow: hidden;
background-color: rgba(0,0,0,0.06);
}
#grid_layout_gallery > div > img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
@media (prefers-reduced-motion: no-preference){
#grid_layout_gallery > div > img{
transition: transform 240ms ease;
}
#grid_layout_gallery > div:hover > img{
transform: scale(1.02);
}
}
#grid_layout_gallery #div1 {
grid-area: 1 / 1 / 4 / 3;
}
#grid_layout_gallery #div2 {
grid-area: 1 / 3 / 3 / 6;
}
#grid_layout_gallery #div3 {
grid-area: 3 / 3 / 5 / 5;
}
#grid_layout_gallery #div4 {
grid-area: 1 / 6 / 3 / 8;
}
#grid_layout_gallery #div5 {
grid-area: 3 / 5 / 5 / 8;
}
#grid_layout_gallery #div6 {
grid-area: 4 / 1 / 7 / 3;
}
#grid_layout_gallery #div7 {
grid-area: 5 / 3 / 7 / 6;
}
#grid_layout_gallery #div8 {
grid-area: 5 / 6 / 7 / 8;
}
@media (max-width:61.9375em){
#grid_layout_gallery{
grid-template-columns: repeat(2, 1fr);
grid-template-rows: none;
grid-auto-rows: clamp(10rem, 28vw, 20rem);
grid-auto-flow: dense;
}
#grid_layout_gallery #div1,
#grid_layout_gallery #div2,
#grid_layout_gallery #div3,
#grid_layout_gallery #div4,
#grid_layout_gallery #div5,
#grid_layout_gallery #div6,
#grid_layout_gallery #div7,
#grid_layout_gallery #div8{
grid-area: auto;
}
#grid_layout_gallery #div1,
#grid_layout_gallery #div6{
grid-row: span 2;
}
#grid_layout_gallery #div4,
#grid_layout_gallery #div8{
grid-row: span 2;
}
}
@media (max-width:35.9375em){
#grid_layout_gallery{
grid-template-columns: 1fr;
grid-auto-rows: clamp(12.5rem, 60vw, 22.5rem);
gap: 1rem;
}
#grid_layout_gallery #div1,
#grid_layout_gallery #div6,
#grid_layout_gallery #div4,
#grid_layout_gallery #div8{
grid-row: span 1;
}
} .stack{
border:var(--card-border);
border-radius:var(--image-radius);
display:grid;
grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
align-items:stretch;
position:-webkit-sticky; position:sticky;
overflow:hidden;
width:100%;}
.stack > [class*="col-"]{
flex:none;
max-width:100%;
padding:0;
width:100%;}
.stack > [class*="col-"]:last-child{
padding:clamp(1.25rem, 3vw, 3rem);}
.stack figure{
height:100%;
overflow:hidden;}
.stack figure img{
aspect-ratio:7 / 8;
display:block;
height:100%;
min-height:clamp(20rem, 36vw, 32rem);
object-fit:cover;
width:100%;}
.stack:nth-child(1){
margin-bottom:7.5rem; top:5.625rem; }
.stack:nth-child(2){
margin-bottom:6.25rem; top:6.875rem; }
.stack:nth-child(3){
margin-bottom:5rem; top:8.125rem; }
@media (max-width:820px) {
.stack{
grid-template-columns:1fr;
overflow:visible;
position:static;}
.stack > [class*="col-"]:last-child{
padding:clamp(1.25rem, 6vw, 2rem);}
.stack figure{
height:auto;}
.stack figure img{
aspect-ratio:4 / 5;
height:auto;
min-height:0;}
.stack .h-100{
height:auto !important;}
.stack:nth-child(1),
.stack:nth-child(2),
.stack:nth-child(3){
margin-bottom:2rem;
top:auto;}
} .reviews-masonry{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:1.5rem;
}
.reviews-masonry__item .card{
height:100%;
width: 100%;
margin:0;
}
.review-quote{
margin:0;
}
.review-quote p{
margin-bottom:0.85rem;
}
.review-quote p:last-child{
margin-bottom:0;
}
@media (max-width:61.9375em){
.reviews-masonry{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:47.9375em){
.reviews-masonry{
grid-template-columns:1fr;
gap:1rem;
}
}
.loft-grid{
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 2.25rem;
align-items: start;
}
.loft-grid figure{
margin: 0;
}
.loft-grid img{
display:block;
height:auto;
width:100%;
}
.loft-item{
min-width: 0;
}
.loft-top-left{
grid-column: 1 / span 2;
grid-row: 1;
}
.loft-top-left img,
.loft-bottom-left img{
aspect-ratio:7 / 8;
object-fit:cover;
}
.loft-top-right{
grid-column: 10 / span 3;
grid-row: 1;
justify-self: end;
}
.loft-top-right img,
.loft-bottom-right img{
aspect-ratio:1 / 1;
object-fit:cover;
}
.loft-text{
grid-column: 3 / span 8;
grid-row: 2;
align-self: center;
}
.loft-bottom-left{
grid-column: 1 / span 4;
grid-row: 3;
}
.loft-bottom-right{
grid-column: 10 / span 3;
grid-row: 3;
justify-self: end;
}
@media (min-width:62em){
.loft-text{
padding: 1.25rem 0;
}
}
@media (max-width:61.9375em){
.loft-grid{
grid-template-columns: 1fr;
gap: 1.5rem;
}
.loft-top-left{  grid-column: 1; grid-row: 1; }
.loft-text{      grid-column: 1; grid-row: 2; }
.loft-bottom-right{ grid-column: 1; grid-row: 3; }
.loft-top-right,
.loft-bottom-left{
display: none;
}
.loft-top-left,
.loft-bottom-right{
max-width: 32.5rem;
}
.loft-top-left{
justify-self: start;
}
.loft-bottom-right{
justify-self: end;
}
}
.feature-list{border-top:var(--border-width-hairline) solid var(--secondary-color-250);}
.feature-item{
display: grid;
grid-template-columns:0.5fr 1fr 2fr;
gap: 1.25rem;
align-items: center;
padding: 1.25rem 0;
border-bottom: var(--border-width-hairline) solid var(--secondary-color-250);}
.feature-kicker{
font-family: 'JetBrains Mono';
font-size:1rem;
display: inline-flex;
gap: .35rem;
align-items: baseline;
white-space: nowrap;}
.feature-kicker sup{
opacity:1;
font-size: .5rem;
border: var(--border-width-hairline) solid var(--color-black);
height: 0.5rem;
width: 0.5rem;
border-radius: 50%;
font-weight: 600;
display: flex;
justify-content: center;
align-items: center;
padding: 0.55rem;}
.feature-title{margin:0;}
.feature-text{margin:0;}
@media (max-width:47.9375em){
.feature-item{
grid-template-columns: 1fr;
gap: .5rem;
align-items: start;
padding: 1rem 0;
}
.feature-kicker{
white-space: normal;
}
}
.accordion{
margin:0 0 1.5rem;
padding:0;
}
.accordion-item{
border-bottom:var(--border-width-hairline) solid var(--secondary-color-200);
margin:0 0 1rem;
padding:0 0 1rem;
}
.accordion-item:last-child{
border-bottom:none;
margin:0;
}
.accordion-item.is-active{
border-bottom:var(--border-width-hairline) solid var(--secondary-color-50);
}
.accordion-item :is(h3, h4){
line-height:1.5;
margin:0;
}
.accordion-item :is(h3, h4) .panel-title{
appearance:none;
background:none;
border:0;
font:inherit;
color:inherit;
text-align:left;
cursor:pointer;
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
padding:0;
font-size:1.125rem;
}
.accordion-item :is(h3, h4) .panel-title:focus-visible{
outline:var(--focus-ring-width) solid var(--focus-ring-color);
outline-offset:var(--focus-ring-offset);
border-radius:0.25rem;
}
.accordion-item.is-active :is(h3, h4) .panel-title{
color:var(--secondary-color-100);
}
.icon-toggle{
font-family: Arial, sans-serif;
font-size: 1.5rem;
font-weight: 300;
line-height: 1;
display: inline-block;
transition:transform 0.4s var(--motion-ease-premium);
}
.accordion-panel{
overflow: hidden;
padding: 0 !important;
margin-top: 0 !important;
border: none !important;
background: transparent !important;
}
.accordion-panel-inner {
background: var(--base-color-0);
border: var(--card-border, var(--border-width-hairline) solid var(--base-color-200));
border-radius: var(--card-radius, 0.375rem);
font-size: 1rem;
padding: 1rem;
margin-top: 1rem;
}
.accordion-panel ul,
.accordion-panel ol,
.accordion-panel dl,
.accordion-panel p{
font-size:1rem;
}
.accordion-panel p{
margin:0;
}
.accordion-panel ul{
margin:0 0 0.5rem;
padding:0 0 0.5rem 1.5rem;
border-bottom:var(--border-width-hairline) solid var(--base-color-50);
}
.accordion-panel ul:last-child{border-bottom:none;}
.accordion-panel ul li{margin:0; padding:0 0 0.3rem;}
@media (prefers-reduced-motion: reduce) {
.icon-toggle { transition: none; }
}
.avatar-list{
display:flex;
align-items:center;
list-style:none;
margin:0;
padding:0;}
.avatar-list li{position:relative;}
.avatar-list li:not(.avatar-text) {
flex:0 0 auto;
margin:0 0 0 -0.875rem;}
.avatar-list li:first-child{margin:0;}
.avatar-sm,
.avatar-md,
.avatar-info{
border-radius:6.25rem !important;
border:var(--border-width-hairline) solid var(--secondary-color-250);
display:block;
overflow:hidden;
object-fit:cover;}
.avatar-sm,
.avatar-md{
aspect-ratio:5 / 7;
height:auto;}
.avatar-sm{width:3.125rem;}
.avatar-md{width:3.75rem;}
.avatar-sm img,
.avatar-md img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center top;}
.avatar-info{
background:var(--secondary-color-250);
color:var(--secondary-color-0);
font-size:0.8125rem;
font-weight:var(--strong-weight);
display:flex;
justify-content:center;
align-items:center;}
.avatar-text{
font-size:0.875rem;
margin-left:0.5rem;
display:flex;
flex-direction:column;}
.back-to-top{
appearance:none;
background:var(--bg-back-to-top);
border:var(--border-back-to-top);
color:var(--color-back-to-top);
cursor:pointer;
padding:0;
font-size:1.125rem;
width:3rem;
height:3rem;
line-height:3rem;
position:fixed;
right:2vw;
bottom:18vh;
z-index:9991;
border-radius:0.25rem;
text-align:center;
text-decoration:none !important;
opacity:0;
visibility:hidden;
pointer-events:none;
transform: translateY(0.5rem);
transition: opacity var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-fast) var(--motion-ease-standard), visibility 0s linear var(--motion-duration-fast), background var(--motion-duration-base);
}
.back-to-top.is-visible{
opacity:1;
visibility:visible;
pointer-events:auto;
transform: translateY(0);
transition: opacity var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-fast) var(--motion-ease-standard), visibility 0s, background var(--motion-duration-base);
}
.back-to-top:hover,
.back-to-top:active,
.back-to-top:focus{
background:var(--bg-back-to-top-hover);
color:var(--color-back-to-top-hover);
text-decoration:none !important;
}
footer{
color:var(--base-color-200);
font-size:1rem;}
footer a{
color:var(--base-color-50);
text-decoration:none;}
footer a:hover,
footer a:focus{
color:var(--base-color-200);
text-decoration:underline;}
.footer-cookie-preferences{
appearance:none;
background:transparent;
border:0;
color:var(--base-color-50);
cursor:pointer;
font-size:inherit;
margin:0 1rem 0 0;
padding:0;
text-decoration:none;}
.footer-cookie-preferences:hover,
.footer-cookie-preferences:focus{
color:var(--base-color-200);
text-decoration:underline;}
footer dl a,
footer .menu_footer a,
footer .row.txt-xs a,
footer .row.txt-xs .footer-cookie-preferences{
align-items:center;
display:inline-flex;
min-height:var(--touch-target-min, 2.75rem);
min-width:var(--touch-target-min, 2.75rem);}
footer .list-inline a{
align-items:center;
display:inline-flex;
justify-content:center;
min-height:var(--touch-target-min, 2.75rem);
min-width:var(--touch-target-min, 2.75rem);}
iframe{border:0;}
.iframe-mappa{
border:none;
line-height:0;
margin:0;
overflow:hidden;
width:100%;}
.iframe-mappa iframe{
display:block;
height:var(--content-map-height);
width:100%;}
video{
width:100%;
height:auto;
max-width:100%;
position:relative;}
.responsive-video{
aspect-ratio:16 / 9;
position:relative;
overflow:hidden;
max-width:100%;
width:100%;}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed{
position:absolute;
inset:0;
width:100%;
height:100%;}
.sticky-sidebar{
position:-webkit-sticky;
position:sticky;
top:80px;}
.entry-content figure{
display:flex;
flex-flow:row nowrap;
justify-content:flex-start;
align-items:flex-end;
margin:2em auto;
overflow:hidden;
position:relative;
z-index:0;}
.entry-content figure img{
display:block;
margin:0 auto;
border-radius:0.5rem;}
.entry-content figure figcaption{
background:var(--base-color-50);
color:var(--base-color-250);
margin:1em;
display:inline-flex;
justify-content:center;
align-items:center;
font-size:0.625rem;
font-weight:400;
line-height:normal;
padding:.35em .85em;
text-transform:uppercase;
white-space:nowrap;
border-radius:50rem;
position:absolute;
word-break:break-word;
z-index:2;}
.entry-content img{
display:block;
margin:2em auto 1em;}
.entry-content dl{
background: var(--base-color-0);
border:var(--border-width-hairline) solid var(--secondary-color-250);
padding:0.5rem 0;
margin:1rem 0;}
.entry-content dl dt{
margin-bottom:0.5rem;
padding-inline:1rem;}
.entry-content dl dd{
border-bottom:var(--card-border);
padding:0 1rem 1rem;
margin-bottom:1rem;}
.entry-content dl dd:last-child{
border-bottom:none;
margin-bottom:0;}
.entry-content .list-nostyle {
--prose-list-indent: 1.6rem;
--prose-list-gap: 1rem;
--prose-li-gap: .45em;
--prose-li-pad: .25rem;
margin: var(--prose-list-gap) 0;
padding-left: var(--prose-list-indent);
list-style-position: outside;
}
.entry-content ul.list-nostyle {
list-style-type: disc;
}
.entry-content ol.list-nostyle {
list-style-type: decimal;
}
.entry-content .list-nostyle > li {
display: list-item;
margin: 0 0 var(--prose-li-gap) 0;
padding-left: var(--prose-li-pad);
}
.entry-content .list-nostyle > li:last-child {
margin-bottom: 0;
}
.entry-content .list-nostyle .list-nostyle {
margin: .5rem 0 0;
padding-left: calc(var(--prose-list-indent) * .9);
}
.entry-content ul.list-nostyle ul.list-nostyle {
list-style-type: circle;
}
.entry-content ul.list-nostyle ul.list-nostyle ul.list-nostyle {
list-style-type: square;
}
.beatfly-pagination{
border-top:var(--border-width-hairline) solid var(--base-color-200);
border-bottom:var(--border-width-hairline) solid var(--base-color-200);
clear:both;
font-family: 'JetBrains Mono';
font-size:0.875rem;
font-weight:400;
margin:0;
overflow-x:auto;
padding:1.5rem 0;
scrollbar-width:none;
text-align:center;
-webkit-overflow-scrolling:touch;}
.beatfly-pagination::-webkit-scrollbar{
display:none;}
.beatfly-pagination__list{
align-items:center;
display:flex;
flex-wrap:nowrap;
gap:0.25rem;
justify-content:center;
list-style:none;
margin:0 auto;
min-width:max-content;
padding:0;}
.beatfly-pagination__item{
margin:0;}
.beatfly-pagination .page-numbers{
background:var(--base-color-200);
border:var(--border-width-hairline) solid var(--secondary-color-200);
align-items:center;
display:inline-flex;
justify-content:center;
line-height:1;
border-radius:0.25rem;
margin:0;
padding:0.125rem 0.5rem;
white-space:nowrap;
text-decoration:none;}
.beatfly-pagination a.page-numbers:hover,
.beatfly-pagination a.page-numbers:focus-visible,
.beatfly-pagination .page-numbers.current{
border:var(--border-width-hairline) solid var(--secondary-color-100);
background:var(--secondary-color-0);
color:var(--body-color);}
.beatfly-pagination .page-numbers.current{
cursor:default;}
.beatfly-pagination .page-numbers.dots{
background:transparent;
border-color:transparent;
padding-inline:0.25rem;}
.wpcf7 .ajax-loader{margin:0.5rem 1.5rem 0 !important;}
.wpcf7 form .wpcf7-response-output{
margin:0.5em 0 0 !important;
padding:1em !important;
border:var(--border-width-hairline) solid var(--color-black) !important;
border-radius:.3125rem;}
.wpcf7 form.init .wpcf7-response-output{display:none;}
.wpcf7 form.sent .wpcf7-response-output{
border-color:#46b450 !important;
background-color:#dff0d8 !important;}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output{
border-color:orangered !important;
background-color:orangered !important;
color:var(--base-color-0) !important;}
.wpcf7 form.spam .wpcf7-response-output{
border-color:#f56e28 !important;}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output{
border-color:papayawhip !important;
background-color:peachpuff!important;}
.wpcf7-not-valid-tip{
color:orangered !important;
font-size:0.75rem !important;
font-weight:normal;
display:block;
padding-block:0.313rem}
[data-cf7-shell][aria-busy="true"]{
cursor:progress;}
[data-cf7-shell][aria-busy="true"] .wpcf7-submit{
pointer-events:none;}
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea,
.wpcf7 button,
.wpcf7 .wpcf7-submit{
min-height:var(--touch-target-min, 2.75rem);}
.wpcf7 .checkbox,
.wpcf7 .wpcf7-acceptance,
.wpcf7 .wpcf7-list-item{
display:block;}
.wpcf7 .wpcf7-list-item{
margin:0;}
.wpcf7 .wpcf7-list-item label{
align-items:flex-start;
cursor:pointer;
display:flex;
gap:0.75rem;
line-height:1.5;
margin:0;
min-height:var(--touch-target-min, 2.75rem);
padding-block:0.35rem;}
.wpcf7 .wpcf7-acceptance input[type="checkbox"]{
appearance:auto;
flex:0 0 1rem;
height:1rem;
margin:0.25em 0 0;
min-height:1rem;
min-width:1rem;
width:1rem;}
.wpcf7 .wpcf7-list-item-label{
display:block;
min-width:0;}
.wpcf7 .screen-reader-response{
position:absolute;
width:0.0625rem;
height:0.0625rem;
padding:0;
margin:-0.0625rem;
overflow:hidden;
clip:rect(0, 0, 0, 0);
white-space:nowrap;
border:0;}
#whatsApp-container{
position:fixed;
right:2vw;
bottom:6vh;
z-index:999999999;
opacity:0;
visibility:hidden;
pointer-events:none;
transform: translateY(0.5rem);
transition: opacity var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-fast) var(--motion-ease-standard), visibility 0s linear var(--motion-duration-fast);
}
#whatsApp-container.is-visible{
opacity:1;
visibility:visible;
pointer-events:auto;
transform: translateY(0);
transition: opacity var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-fast) var(--motion-ease-standard), visibility 0s;
}
#whatsApp-button{
border:var(--border-width-hairline) solid var(--color-whatsapp);
display:block;
position:relative;
text-decoration:none;
width:3.125rem;
height:3.125rem;
border-radius:50%;
transition:transform var(--motion-duration-fast) var(--motion-ease-soft), background-color var(--motion-duration-fast) var(--motion-ease-soft), border-color var(--motion-duration-fast) var(--motion-ease-soft);
transform: scale(1);
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjU2IiB3aWR0aD0iMjU2IiB2aWV3Qm94PSItMjMgLTIxIDY4MiA2ODIuNjY3IiBmaWxsPSIjZmZmIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik01NDQuMzg3IDkzLjAwOEM0ODQuNTEyIDMzLjA2MyA0MDQuODgzLjAzNSAzMjAuMDUxIDAgMTQ1LjI0NiAwIDIuOTggMTQyLjI2MiAyLjkxIDMxNy4xMTNjLS4wMjMgNTUuODk1IDE0LjU3OCAxMTAuNDU3IDQyLjMzMiAxNTguNTUxTC4yNSA2NDBsMTY4LjEyMS00NC4xMDJjNDYuMzI0IDI1LjI3IDk4LjQ3NyAzOC41ODYgMTUxLjU1MSAzOC42MDJoLjEzM2MxNzQuNzg1IDAgMzE3LjA2Ni0xNDIuMjczIDMxNy4xMzMtMzE3LjEzMy4wMzUtODQuNzQyLTMyLjkyMi0xNjQuNDE4LTkyLjgwMS0yMjQuMzU5ek0zMjAuMDUxIDU4MC45NDFoLS4xMDljLTQ3LjI5Ny0uMDItOTMuNjg0LTEyLjczLTEzNC4xNi0zNi43NDJsLTkuNjIxLTUuNzE1LTk5Ljc2NiAyNi4xNzIgMjYuNjI5LTk3LjI3LTYuMjctOS45NzNjLTI2LjM4Ny00MS45NjktNDAuMzItOTAuNDc3LTQwLjI5Ny0xNDAuMjgxLjA1NS0xNDUuMzMyIDExOC4zMDUtMjYzLjU3IDI2My42OTktMjYzLjU3IDcwLjQwNi4wMjMgMTM2LjU5IDI3LjQ3NyAxODYuMzU1IDc3LjMwMXM3Ny4xNTYgMTE2LjA1MSA3Ny4xMzMgMTg2LjQ4NGMtLjA2MiAxNDUuMzQ0LTExOC4zMDUgMjYzLjU5NC0yNjMuNTk0IDI2My41OTR6bTE0NC41ODYtMTk3LjQxOGMtNy45MjItMy45NjktNDYuODgzLTIzLjEzMy01NC4xNDgtMjUuNzgxLTcuMjU4LTIuNjQ1LTEyLjU0Ny0zLjk2MS0xNy44MjQgMy45NjktNS4yODUgNy45My0yMC40NjkgMjUuNzgxLTI1LjA5NCAzMS4wNjZzLTkuMjQyIDUuOTUzLTE3LjE2OCAxLjk4NC0zMy40NTctMTIuMzM2LTYzLjcyNy0zOS4zMzJjLTIzLjU1NS0yMS4wMTItMzkuNDU3LTQ2Ljk2MS00NC4wODItNTQuODkxLTQuNjE3LTcuOTM3LS4wMzktMTEuODEyIDMuNDc3LTE2LjE3MiA4LjU3OC0xMC42NTIgMTcuMTY4LTIxLjgyIDE5LjgwOS0yNy4xMDVzMS4zMi05LjkxOC0uNjY0LTEzLjg4M2MtMS45NzctMy45NjUtMTcuODI0LTQyLjk2OS0yNC40MjYtNTguODQtNi40MzctMTUuNDQ1LTEyLjk2NS0xMy4zNTktMTcuODMyLTEzLjYwMi00LjYxNy0uMjMtOS45MDItLjI3Ny0xNS4xODctLjI3N3MtMTMuODY3IDEuOTgtMjEuMTMzIDkuOTE4LTI3LjczIDI3LjEwMi0yNy43MyA2Ni4xMDUgMjguMzk1IDc2LjY4NCAzMi4zNTUgODEuOTczIDU1Ljg3OSA4NS4zMjggMTM1LjM2NyAxMTkuNjQ4YzE4LjkwNiA4LjE3MiAzMy42NjQgMTMuMDQzIDQ1LjE3NiAxNi42OTUgMTguOTg0IDYuMDMxIDM2LjI1NCA1LjE4IDQ5LjkxIDMuMTQxIDE1LjIyNy0yLjI3NyA0Ni44NzktMTkuMTcyIDUzLjQ4OC0zNy42OCA2LjYwMi0xOC41MTIgNi42MDItMzQuMzc1IDQuNjE3LTM3LjY4NC0xLjk3Ny0zLjMwNS03LjI2Mi01LjI4NS0xNS4xODQtOS4yNTR6bTAgMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+") center/2rem 2rem no-repeat var(--color-whatsapp);
}
#whatsApp-button:hover{
background-color:var(--color-whatsapp-hover);
border-color:var(--color-whatsapp-hover);
transform:scale(1.06);}
#whatsApp-button:focus-visible{
outline:var(--focus-ring-width) solid var(--focus-ring-color);
outline-offset:var(--focus-ring-offset);}
.embla {
--slides-per-view: 2;
--slide-spacing: 1rem;
position: relative;
overflow: hidden;
}
.embla__viewport { overflow: hidden; padding:var(--border-width-hairline);}
.embla__container {
display: flex;
gap: var(--slide-spacing);
touch-action: pan-y pinch-zoom;
}
.embla__slide {
flex: 0 0 calc(
(100% - (var(--slide-spacing) * (var(--slides-per-view) - 1)))
/ var(--slides-per-view)
);
min-width: 0;
box-sizing: border-box;
transform: translate3d(0, 0, 0);
}
.embla__dots {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5rem;
margin-top: .5rem;
}
.embla__dot {
appearance: none;
-webkit-appearance: none;
border: 0;
padding: 0;
cursor: pointer;
width: 1.5rem;
height: 1.5rem;
display: inline-flex;
align-items: center;
justify-content: center;
background: transparent;
}
.embla__dot::before {
content: "";
width: 0.75rem;
height: 0.75rem;
border-radius:50%;
background-color:var(--embla-dot-bg);
transition:background-color var(--motion-duration-fast) var(--motion-ease-standard);
}
.embla__dot:hover::before { background-color:var(--embla-dot-bg-hover); }
.embla__dot--selected::before { background-color:var(--embla-dot-bg-active); }
.embla__dot:focus-visible {
outline:var(--focus-ring-width) solid var(--focus-ring-color);
outline-offset:var(--focus-ring-offset);
}
@media (prefers-reduced-motion: reduce) {
.embla__dot::before { transition: none; }
}
.embla--reviews { --slide-spacing: 1.5rem; }
.embla--related { --slide-spacing: 1rem; }
.embla--gallery { --slide-spacing: 0.5rem; }
.feature-stack{
position:relative;
border-left:var(--border-width-hairline) solid var(--secondary-color-250);
padding-left:1.5rem;
}
.feature-row{
padding:2.25rem 0;
border-bottom:var(--border-width-hairline) solid var(--secondary-color-250);
}
.feature-row:last-child{border-bottom:0}
.feature-row h3{margin:0 0 .5rem 0}
.feature-row p{margin:0; max-width:70ch}
@media (max-width:47.9375em){
.feature-stack{border-left:0; padding-left:0}
.feature-row{padding:1rem 0}}
.border-top{border-top:var(--border-width-hairline) solid var(--secondary-color-250);}
.border-bottom{border-bottom:var(--border-width-hairline) solid var(--secondary-color-250);}
.border-right{border-right:var(--border-width-hairline) solid var(--secondary-color-250);}
.border-left{border-left:var(--border-width-hairline) solid var(--secondary-color-250);}
.border-top-light{border-top:var(--border-width-hairline) solid var(--primary-color-200);}
.border-bottom-light{border-bottom:var(--border-width-hairline) solid var(--primary-color-200);}
.border-right-light{border-right:var(--border-width-hairline) solid var(--primary-color-200);}
.border-left-light{border-left:var(--border-width-hairline) solid var(--primary-color-200);}
@media (max-width:51.25em) {
.border-right,
.border-right-light{border-right:none;}
.border-left,
.border-left-light{border-left:none;}
}
ul.rotate-image-fan{
--w:clamp(6rem, 12vw, 9.375rem);
--h:calc(var(--w) * 1.1667);
--gap:clamp(0.875rem, 2.2vw, 1.625rem);
list-style:none;
margin:0 0 1.5rem 0;
padding:0;
position:relative;
height:var(--h);
display:flex;
justify-content:center;
align-items:center;
}
ul.rotate-image-fan li{
position:absolute;
width:var(--w);
height:var(--h);
transform-origin:50% 90%;
}
ul.rotate-image-fan figure{
margin:0;
width:100%;
height:100%;
}
ul.rotate-image-fan img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
ul.rotate-image-fan li:nth-child(1){
transform:translateX(calc(-1.25 * var(--gap))) rotate(-18deg);
z-index:1;
}
ul.rotate-image-fan li:nth-child(2){
transform:translateX(0) rotate(0deg);
z-index:2;
}
ul.rotate-image-fan li:nth-child(3){
transform:translateX(calc(1.25 * var(--gap))) rotate(18deg);
z-index:1;
}
@media (max-width:47.9375em){
ul.rotate-image-fan li:nth-child(1){
transform:translateX(calc(-0.9 * var(--gap))) rotate(-8deg);
}
ul.rotate-image-fan li:nth-child(3){
transform:translateX(calc(0.9 * var(--gap))) rotate(8deg);
}
}
.instagram-image-fan{
--fan-w:clamp(8.5rem, 25vw, 22rem);
--fan-h:calc(var(--fan-w) * 1.25);
--fan-shift:calc(var(--fan-w) * 0.82);
--fan-safe-y:calc(var(--fan-w) * 0.2);
align-items:center;
display:flex;
height:calc(var(--fan-h) + (2 * var(--fan-safe-y)));
justify-content:center;
list-style:none;
margin:0;
overflow:visible;
padding:0;
position:relative;
}
.instagram-image-fan-link{
display:block;
position:relative;
text-decoration:none;
}
.instagram-image-fan-link:focus-visible{
outline:var(--focus-ring-width) solid var(--focus-ring-color);
outline-offset:var(--focus-ring-offset);
}
.instagram-image-fan li{
height:var(--fan-h);
position:absolute;
transform:var(--fan-transform, translateX(0) rotate(0deg));
transform-origin:50% 92%;
width:var(--fan-w);
}
.instagram-image-fan figure,
.instagram-image-fan img{
display:block;
height:100%;
width:100%;
}
.instagram-image-fan figure{
margin:0;
}
.instagram-image-fan img{
aspect-ratio:4 / 5;
object-fit:cover;
}
.instagram-image-fan li:nth-child(1){
--fan-transform:translate(calc(-2 * var(--fan-shift)), calc(0.16 * var(--fan-w))) rotate(-11deg);
z-index:1;
}
.instagram-image-fan li:nth-child(2){
--fan-transform:translate(calc(-1 * var(--fan-shift)), calc(-0.02 * var(--fan-w))) rotate(-5deg);
z-index:3;
}
.instagram-image-fan li:nth-child(3){
--fan-transform:translate(0, calc(-0.1 * var(--fan-w))) rotate(0deg);
z-index:5;
}
.instagram-image-fan li:nth-child(4){
--fan-transform:translate(var(--fan-shift), calc(-0.02 * var(--fan-w))) rotate(5deg);
z-index:3;
}
.instagram-image-fan li:nth-child(5){
--fan-transform:translate(calc(2 * var(--fan-shift)), calc(0.16 * var(--fan-w))) rotate(11deg);
z-index:1;
}
.instagram-image-fan li:only-child{
--fan-transform:translateX(0) rotate(0deg);
z-index:3;
}
.instagram-image-fan li:first-child:nth-last-child(2){
--fan-transform:translate(calc(-0.55 * var(--fan-shift)), calc(0.04 * var(--fan-w))) rotate(-5deg);
z-index:2;
}
.instagram-image-fan li:first-child:nth-last-child(2) ~ li{
--fan-transform:translate(calc(0.55 * var(--fan-shift)), calc(0.04 * var(--fan-w))) rotate(5deg);
z-index:2;
}
.instagram-image-fan li:first-child:nth-last-child(3){
--fan-transform:translate(calc(-1 * var(--fan-shift)), calc(0.08 * var(--fan-w))) rotate(-8deg);
z-index:1;
}
.instagram-image-fan li:first-child:nth-last-child(3) + li{
--fan-transform:translate(0, calc(-0.06 * var(--fan-w))) rotate(0deg);
z-index:3;
}
.instagram-image-fan li:first-child:nth-last-child(3) ~ li:nth-child(3){
--fan-transform:translate(calc(1 * var(--fan-shift)), calc(0.08 * var(--fan-w))) rotate(8deg);
z-index:1;
}
.instagram-image-fan li:first-child:nth-last-child(4){
--fan-transform:translate(calc(-1.45 * var(--fan-shift)), calc(0.12 * var(--fan-w))) rotate(-10deg);
z-index:1;
}
.instagram-image-fan li:first-child:nth-last-child(4) + li{
--fan-transform:translate(calc(-0.48 * var(--fan-shift)), calc(-0.04 * var(--fan-w))) rotate(-4deg);
z-index:2;
}
.instagram-image-fan li:first-child:nth-last-child(4) ~ li:nth-child(3){
--fan-transform:translate(calc(0.48 * var(--fan-shift)), calc(-0.04 * var(--fan-w))) rotate(4deg);
z-index:2;
}
.instagram-image-fan li:first-child:nth-last-child(4) ~ li:nth-child(4){
--fan-transform:translate(calc(1.45 * var(--fan-shift)), calc(0.12 * var(--fan-w))) rotate(10deg);
z-index:1;
}
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference){
.instagram-image-fan li{
animation:instagram-fan-open 1s both var(--motion-ease-premium);
animation-range:entry 0% cover 48%;
animation-timeline:view();
}
}
}
@keyframes instagram-fan-open{
from{
opacity:0.92;
transform:translate(0, calc(0.08 * var(--fan-w))) rotate(0deg) scale(0.96);
}
to{
opacity:1;
transform:var(--fan-transform, translateX(0) rotate(0deg));
}
}
@media (hover:hover){
.instagram-image-fan-link .instagram-image-fan{
transition:transform var(--motion-duration-fast) var(--motion-ease-standard);
}
.instagram-image-fan-link:hover .instagram-image-fan{
transform:translateY(-0.35rem);
}
}
@media (min-width:48em){
.instagram-image-fan{
--fan-w:clamp(12rem, 19vw, 23rem);
height:calc(var(--fan-h) + (2 * var(--fan-safe-y)));
}
} :where(a, button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"])):focus-visible{
outline:var(--focus-ring-width) solid var(--focus-ring-color);
outline-offset:var(--focus-ring-offset);
}
:where(button, input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], select, summary){
min-height:var(--touch-target-min);
}
:where(.btn, .nav-link, .dropdown-toggle, .dropdown-item, .navbar-toggler, .btn-close, .back-to-top, #whatsApp-button, .cookie-btn, .beatfly-pagination .page-numbers, .embla__dot){
min-width:var(--touch-target-min);
min-height:var(--touch-target-min);
}
:where(img, picture, video, canvas, svg){
max-width:100%;
}
:where(.container, .container-fluid, .row, [class*="col-"], .card, .hero_text, .cta-grid, .feature-item, .loft-grid, .reviews-masonry, .embla, .embla__viewport, .embla__container, .embla__slide){
min-width:0;
}
:where(.row, .d-flex, .d-inline-flex, .nav, .navbar-inner, .offcanvas, .accordion-item h3 .panel-title, .accordion-item h4 .panel-title, .embla__container) > *{
min-width:0;
}
.embla__dot{
width:var(--touch-target-min);
height:var(--touch-target-min);
}