@charset "UTF-8";@font-face {
  font-family: 'Inter';
  src: url("../fonts/Inter-Variable.woff2") format("woff2-variations");
  font-weight: 100 1000;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-Variable';
  src: url("../fonts/Inter-Variable-Italic.woff2") format("woff2-variations");
  font-weight: 100 1000;
  font-stretch: 75% 125%;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Commissioner;
  src: url("../fonts/Commissioner-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Commissioner;
  src: url("../fonts/Commissioner-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Commissioner;
  src: url("../fonts/Commissioner-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Commissioner;
  src: url("../fonts/Commissioner-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Commissioner;
  src: url("../fonts/Commissioner-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Commissioner;
  src: url("../fonts/Commissioner-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Commissioner;
  src: url("../fonts/Commissioner-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Commissioner;
  src: url("../fonts/Commissioner-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Commissioner;
  src: url("../fonts/Commissioner-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* Icons */
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.woff2?e6db4f3ad55176560f248aecbd6f2d95')
    format('woff2');
  font-display: swap;
  font-weight: 400;
}

[class*='icon-'] {
  display: inline-flex;
  align-items: center;
  font-style: normal;
}

[class*='icon-']::before {
  font-family: iconfont;
  font-style: normal;
}

[class*='icon-zoom-scan']::before {
  content: '\f101';
}

[class*='icon-youtube']::before {
  content: '\f102';
}

[class*='icon-world-www']::before {
  content: '\f103';
}

[class*='icon-video']::before {
  content: '\f104';
}

[class*='icon-users-plus']::before {
  content: '\f105';
}

[class*='icon-users-plus-02']::before {
  content: '\f106';
}

[class*='icon-users-group']::before {
  content: '\f107';
}

[class*='icon-ui-ux-design']::before {
  content: '\f108';
}

[class*='icon-trophy']::before {
  content: '\f109';
}

[class*='icon-travel-case']::before {
  content: '\f10a';
}

[class*='icon-topology-ring']::before {
  content: '\f10b';
}

[class*='icon-tiktok']::before {
  content: '\f10c';
}

[class*='icon-tie']::before {
  content: '\f10d';
}

[class*='icon-test-pipe']::before {
  content: '\f10e';
}

[class*='icon-telegram']::before {
  content: '\f10f';
}

[class*='icon-tags']::before {
  content: '\f110';
}

[class*='icon-sun-electricity']::before {
  content: '\f111';
}

[class*='icon-stats-arrow-up']::before {
  content: '\f112';
}

[class*='icon-speedtest']::before {
  content: '\f113';
}

[class*='icon-source-code']::before {
  content: '\f114';
}

[class*='icon-smarphone']::before {
  content: '\f115';
}

[class*='icon-slider-arrow-right']::before {
  content: '\f116';
}

[class*='icon-slider-arrow-prev']::before {
  content: '\f117';
}

[class*='icon-shuffle']::before {
  content: '\f118';
}

[class*='icon-shield-outline']::before {
  content: '\f119';
}

[class*='icon-shield-opacity']::before {
  content: '\f11a';
}

[class*='icon-select-arrow']::before {
  content: '\f11b';
}

[class*='icon-saas']::before {
  content: '\f11c';
}

[class*='icon-rocket']::before {
  content: '\f11d';
}

[class*='icon-rocket-02']::before {
  content: '\f11e';
}

[class*='icon-report-medical']::before {
  content: '\f11f';
}

[class*='icon-refresh']::before {
  content: '\f120';
}

[class*='icon-refresh-alert']::before {
  content: '\f121';
}

[class*='icon-rating-star']::before {
  content: '\f122';
}

[class*='icon-rating-star-outline']::before {
  content: '\f123';
}

[class*='icon-quote']::before {
  content: '\f124';
}

[class*='icon-plus']::before {
  content: '\f125';
}

[class*='icon-play']::before {
  content: '\f126';
}

[class*='icon-pencil-meter']::before {
  content: '\f127';
}

[class*='icon-palette']::before {
  content: '\f128';
}

[class*='icon-palette-02']::before {
  content: '\f129';
}

[class*='icon-minus']::before {
  content: '\f12a';
}

[class*='icon-map-pin']::before {
  content: '\f12b';
}

[class*='icon-mail']::before {
  content: '\f12c';
}

[class*='icon-mail-alt']::before {
  content: '\f12d';
}

[class*='icon-magic-stars']::before {
  content: '\f12e';
}

[class*='icon-magic-star']::before {
  content: '\f12f';
}

[class*='icon-linkedin']::before {
  content: '\f130';
}

[class*='icon-link-external']::before {
  content: '\f131';
}

[class*='icon-lightning']::before {
  content: '\f132';
}

[class*='icon-light-shine']::before {
  content: '\f133';
}

[class*='icon-instagram']::before {
  content: '\f134';
}

[class*='icon-input-ai']::before {
  content: '\f135';
}

[class*='icon-info']::before {
  content: '\f136';
}

[class*='icon-image-in-picture']::before {
  content: '\f137';
}

[class*='icon-heart-handshake']::before {
  content: '\f138';
}

[class*='icon-globe']::before {
  content: '\f139';
}

[class*='icon-focus']::before {
  content: '\f13a';
}

[class*='icon-fire-outline']::before {
  content: '\f13b';
}

[class*='icon-file-text']::before {
  content: '\f13c';
}

[class*='icon-figma']::before {
  content: '\f13d';
}

[class*='icon-facebook']::before {
  content: '\f13e';
}

[class*='icon-eye']::before {
  content: '\f13f';
}

[class*='icon-eye-off']::before {
  content: '\f140';
}

[class*='icon-external-link']::before {
  content: '\f141';
}

[class*='icon-edtech']::before {
  content: '\f142';
}

[class*='icon-dribble']::before {
  content: '\f143';
}

[class*='icon-dribbble']::before {
  content: '\f144';
}

[class*='icon-download']::before {
  content: '\f145';
}

[class*='icon-device-airpods-case']::before {
  content: '\f146';
}

[class*='icon-development']::before {
  content: '\f147';
}

[class*='icon-design']::before {
  content: '\f148';
}

[class*='icon-decor-star']::before {
  content: '\f149';
}

[class*='icon-database-search']::before {
  content: '\f14a';
}

[class*='icon-crypto']::before {
  content: '\f14b';
}

[class*='icon-credit-card']::before {
  content: '\f14c';
}

[class*='icon-components']::before {
  content: '\f14d';
}

[class*='icon-coins']::before {
  content: '\f14e';
}

[class*='icon-close']::before {
  content: '\f14f';
}

[class*='icon-clock']::before {
  content: '\f150';
}

[class*='icon-clock-check']::before {
  content: '\f151';
}

[class*='icon-chevrons-up']::before {
  content: '\f152';
}

[class*='icon-chevrons-right']::before {
  content: '\f153';
}

[class*='icon-chevrons-left']::before {
  content: '\f154';
}

[class*='icon-chevrons-down']::before {
  content: '\f155';
}

[class*='icon-chevron-up']::before {
  content: '\f156';
}

[class*='icon-chevron-right']::before {
  content: '\f157';
}

[class*='icon-chevron-left']::before {
  content: '\f158';
}

[class*='icon-chevron-down']::before {
  content: '\f159';
}

[class*='icon-checkmark']::before {
  content: '\f15a';
}

[class*='icon-check']::before {
  content: '\f15b';
}

[class*='icon-chats']::before {
  content: '\f15c';
}

[class*='icon-chat-candle']::before {
  content: '\f15d';
}

[class*='icon-car']::before {
  content: '\f15e';
}

[class*='icon-building-bank']::before {
  content: '\f15f';
}

[class*='icon-brush']::before {
  content: '\f160';
}

[class*='icon-brand-webflow']::before {
  content: '\f161';
}

[class*='icon-behance']::before {
  content: '\f162';
}

[class*='icon-at-sign']::before {
  content: '\f163';
}

[class*='icon-arrow-up']::before {
  content: '\f164';
}

[class*='icon-arrow-right']::before {
  content: '\f165';
}

[class*='icon-arrow-maximize']::before {
  content: '\f166';
}

[class*='icon-arrow-left']::before {
  content: '\f167';
}

[class*='icon-arrow-guide']::before {
  content: '\f168';
}

[class*='icon-arrow-down']::before {
  content: '\f169';
}

[class*='icon-alert-circle']::before {
  content: '\f16a';
}

/* stylelint-disable */
/* stylelint-disable */
/* Icons */
:root {
  --icon-zoom-scan: "";
  --icon-youtube: "";
  --icon-world-www: "";
  --icon-video: "";
  --icon-users-plus: "";
  --icon-users-plus-02: "";
  --icon-users-group: "";
  --icon-ui-ux-design: "";
  --icon-trophy: "";
  --icon-travel-case: "";
  --icon-topology-ring: "";
  --icon-tiktok: "";
  --icon-tie: "";
  --icon-test-pipe: "";
  --icon-telegram: "";
  --icon-tags: "";
  --icon-sun-electricity: "";
  --icon-stats-arrow-up: "";
  --icon-speedtest: "";
  --icon-source-code: "";
  --icon-smarphone: "";
  --icon-slider-arrow-right: "";
  --icon-slider-arrow-prev: "";
  --icon-shuffle: "";
  --icon-shield-outline: "";
  --icon-shield-opacity: "";
  --icon-select-arrow: "";
  --icon-saas: "";
  --icon-rocket: "";
  --icon-rocket-02: "";
  --icon-report-medical: "";
  --icon-refresh: "";
  --icon-refresh-alert: "";
  --icon-rating-star: "";
  --icon-rating-star-outline: "";
  --icon-quote: "";
  --icon-plus: "";
  --icon-play: "";
  --icon-pencil-meter: "";
  --icon-palette: "";
  --icon-palette-02: "";
  --icon-minus: "";
  --icon-map-pin: "";
  --icon-mail: "";
  --icon-mail-alt: "";
  --icon-magic-stars: "";
  --icon-magic-star: "";
  --icon-linkedin: "";
  --icon-link-external: "";
  --icon-lightning: "";
  --icon-light-shine: "";
  --icon-instagram: "";
  --icon-input-ai: "";
  --icon-info: "";
  --icon-image-in-picture: "";
  --icon-heart-handshake: "";
  --icon-globe: "";
  --icon-focus: "";
  --icon-fire-outline: "";
  --icon-file-text: "";
  --icon-figma: "";
  --icon-facebook: "";
  --icon-eye: "";
  --icon-eye-off: "";
  --icon-external-link: "";
  --icon-edtech: "";
  --icon-dribble: "";
  --icon-dribbble: "";
  --icon-download: "";
  --icon-device-airpods-case: "";
  --icon-development: "";
  --icon-design: "";
  --icon-decor-star: "";
  --icon-database-search: "";
  --icon-crypto: "";
  --icon-credit-card: "";
  --icon-components: "";
  --icon-coins: "";
  --icon-close: "";
  --icon-clock: "";
  --icon-clock-check: "";
  --icon-chevrons-up: "";
  --icon-chevrons-right: "";
  --icon-chevrons-left: "";
  --icon-chevrons-down: "";
  --icon-chevron-up: "";
  --icon-chevron-right: "";
  --icon-chevron-left: "";
  --icon-chevron-down: "";
  --icon-checkmark: "";
  --icon-check: "";
  --icon-chats: "";
  --icon-chat-candle: "";
  --icon-car: "";
  --icon-building-bank: "";
  --icon-brush: "";
  --icon-brand-webflow: "";
  --icon-behance: "";
  --icon-at-sign: "";
  --icon-arrow-up: "";
  --icon-arrow-right: "";
  --icon-arrow-maximize: "";
  --icon-arrow-left: "";
  --icon-arrow-guide: "";
  --icon-arrow-down: "";
  --icon-alert-circle: "";
}

/*
 * https://dev.to/janeori/css-type-casting-to-numeric-tanatan2-scalars-582j
 * https://css-tip.com/screen-dimension/
*/
@property --100vw {
  inherits: false;
  initial-value: 0;
  syntax: "<length>";
}
@property --100vh {
  inherits: false;
  initial-value: 0;
  syntax: "<length>";
}
:root {
  /* Viewport Dimensions */
  --100vw: 100vw;
  --100vh: 100svh;
  --viewport-width: calc(tan(atan2(var(--100vw), 0.0625rem)));
  --viewport-height: calc(tan(atan2(var(--100vh), 0.0625rem)));
  /* calc() wrapper required for Safari, bug:
  // https://bugs.webkit.org/show_bug.cgi?id=263000
  */
  /* BASE (in px) */
  --base-font-size: 1rem;
  /* Container Settings */
  --content-width: 75.5rem;
  --content-width-xs: 49.75rem;
  --content-width-sm: 61.25rem;
  --content-width-lg: 92.5rem;
  --content-width-xl: 98rem;
  --container-padding: 1.5rem;
  --container: calc(var(--content-width) + 2 * var(--container-padding));
  --container-xs: calc(var(--content-width-xs) + 2 * var(--container-padding));
  --container-sm: calc(var(--content-width-sm) + 2 * var(--container-padding));
  --container-lg: calc(var(--content-width-lg) + 2 * var(--container-padding));
  --container-xl: calc(var(--content-width-xl) + 2 * var(--container-padding));
  /* Fonts */
  --font-family-inter: "Inter", sans-serif;
  --font-family-commissioner: "Commissioner", "sans-serif";
  --font-family-primary: var(--font-family-inter);
  --font-family-secondary: var(--font-family-commissioner);
  --font-icons: "iconfont";
  /* Fonts Body */
  --body-font-family: var(--font-family-primary);
  --body-font-size: 1rem;
  --body-font-weight: 300;
  --body-line-height: 1.4;
  --body-letter-spacing: -0.005em;
  --body-bg-color: var(--color-basic-black-100);
  --body-text-color: var(--color-basic-white-100);
  /* Fonts Display (Heading) */
  --display-font-family: var(--font-family-secondary);
  --display-font-weight: 500;
  --display-line-height: 1.2;
  --h1-font-size: 3.625rem;
  --h1-font-weight: var(--display-font-weight);
  --h1-line-height: var(--display-line-height);
  --h2-font-size: 3.125rem;
  --h2-font-weight: var(--display-font-weight);
  --h2-line-height: var(--display-line-height);
  --h3-font-size: 2.625rem;
  --h3-font-weight: var(--display-font-weight);
  --h3-line-height: 1.1;
  --h4-font-size: 2.1875rem;
  --h4-font-weight: var(--display-font-weight);
  --h4-line-height: var(--display-line-height);
  --h5-font-size: 1.5rem;
  --h5-font-weight: var(--display-font-weight);
  --h5-line-height: var(--display-line-height);
  --text-lg-font-size: 1.125rem;
  --text-sm-font-size: 0.875rem;
  /* Colors */
  --color-black: #000;
  --color-black-500: #00000080;
  --color-black-cynical: #171717;
  --color-basic-black-10: rgb(9 9 9 / 10%);
  --color-basic-black-20: rgb(9 9 9 / 20%);
  --color-basic-black-30: rgb(9 9 9 / 30%);
  --color-basic-black-40: rgb(9 9 9 / 40%);
  --color-basic-black-50: rgb(9 9 9 / 50%);
  --color-basic-black-60: rgb(9 9 9 / 60%);
  --color-basic-black-70: rgb(9 9 9 / 70%);
  --color-basic-black-80: rgb(9 9 9 / 80%);
  --color-basic-black-90: rgb(9 9 9 / 90%);
  --color-basic-black-95: rgb(9 9 9 / 95%);
  --color-basic-black-100: #090909;
  --color-white: #fff;
  --color-basic-white-5: rgb(255 255 255 / 5%);
  --color-basic-white-10: rgb(255 255 255 / 10%);
  --color-basic-white-20: rgb(255 255 255 / 20%);
  --color-basic-white-30: rgb(255 255 255 / 30%);
  --color-basic-white-40: rgb(255 255 255 / 40%);
  --color-basic-white-50: rgb(255 255 255 / 50%);
  --color-basic-white-60: rgb(255 255 255 / 60%);
  --color-basic-white-70: rgb(255 255 255 / 70%);
  --color-basic-white-80: rgb(255 255 255 / 80%);
  --color-basic-white-90: rgb(255 255 255 / 90%);
  --color-basic-white-100: #fff;
  --color-gray: #c8c8c8;
  --color-red-fusion: #ff5e5e;
  --color-red-light: #ff7f7f;
  --color-yellow-fried-egg: #ffe667;
  --color-accent-yellow: #ffe667;
  --color-accent-yellow-8: #fed50014;
  --color-accent-yellow-15: #fed50026;
  --color-accent-yellow-100: #fed500;
  --color-accent-yellow-light: #ffe667;
  --color-green-lush-greenery: #86ff3f;
  /* State Colors */
  --color-success: #28a745;
  --color-warning: #ffc107;
  --color-danger: #dc3545;
  --color-info: #17a2b8;
  /* Primary / Secondary */
  --color-primary: var(--color-accent-yellow-100);
  /* Transitions */
  --transition-duration: 0.35s;
  --transition-duration-short: 0.25s;
  --transition-duration-slow: 0.75s;
  --transition-primary: all var(--transition-duration) ease;
  /* Border Radius */
  --border-radius-4: 0.25rem;
  --border-radius-8: 0.5rem;
  --border-radius-12: 0.75rem;
  --border-radius-16: 1rem;
  --border-radius-20: 1.25rem;
  --border-radius-24: 1.5rem;
  --border-radius-28: 1.75rem;
  --border-radius-32: 2rem;
  --border-radius-36: 2.25rem;
  /* Scrollbar */
  --scrollbar-border-radius: 0;
  --scrollbar-width: 0.5rem;
  --scrollbar-height: 0.5rem;
  --scrollbar-bg-color: var(--color-basic-white-5);
  --scrollbar-thumb-color: var(--color-accent-yellow-15);
  /* Selection */
  --selection-bg-color: var(--color-primary);
  --selection-text-color: var(--color-basic-black-100);
  /* Button */
  --button-border-width: 0.0625rem;
  --button-border-style: solid;
  --button-border-color: var(--color-primary);
  --button-border-radius: 2rem;
  --button-height: 2.875rem;
  --button-padding-x: 1.25rem;
  --button-padding-y: 0.5rem;
  --button-gap-x: 0.5rem;
  --button-font-size: 1rem;
  --button-font-weight: 500;
  --button-line-height: 1;
  --button-bg-color: var(--color-accent-yellow-8);
  --button-text-color: var(--color-primary);
  /* Input */
  --input-border-width: 0.0625rem;
  --input-border-style: solid;
  --input-border-color: var(--color-basic-white-5);
  --input-border-radius: 0.875rem;
  --input-height: 3.375rem;
  --input-padding-x: 1.25rem;
  --input-padding-y: 0.875rem;
  --input-font-size: 1rem;
  --input-font-weight: var(--body-font-weight);
  --input-line-height: 1;
  --input-letter-spacing: -0.005em;
  --input-bg-color: var(--color-basic-white-5);
  --input-text-color: var(--color-basic-white-100);
  --input-placeholder-color: var(--color-basic-white-50);
  /* Select */
  --select-border-width: 0.0625rem;
  --select-border-style: solid;
  --select-border-color: var(--color-basic-white-5);
  --select-border-radius: 0.875rem;
  --select-height: 3.375rem;
  --select-padding-x: 1.25rem;
  --select-padding-y: 0.5rem;
  --select-font-size: 1rem;
  --select-font-weight: var(--body-font-weight);
  --select-line-height: 1.4;
  --select-letter-spacing: -0.005rem;
  --select-bg-color: var(--color-basic-white-5);
  --select-text-color: var(--color-white);
  --select-placeholder-color: var(--color-basic-white-50);
  --select-dropdown-border-radius: var(--border-radius-24);
  --select-dropdown-border-color: var(--color-basic-white-10);
  --select-dropdown-bg-color: var(--color-basic-black-40);
  --select-dropdown-bg-filter: blur(3.75rem);
  --select-checkmark-size: 1rem;
  --select-checkmark-border-radius: var(--border-radius-4);
  --select-checkmark-border-width: 0.0625rem;
  --select-checkmark-border-color: var(--color-basic-white-50);
  --select-checkmark-bg-color: transparent;
  --select-arrow-icon: var(--icon-chevron-down);
  /* Section */
  --section-py: clamp(2rem, 1.15rem + 4.25vw, 6.25rem);
  --card-icon-size: 4.625rem;
  /* Grid */
  --grid-1: repeat(1, minmax(0, 1fr));
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-4: repeat(4, minmax(0, 1fr));
  --grid-5: repeat(5, minmax(0, 1fr));
  --grid-6: repeat(6, minmax(0, 1fr));
  --grid-7: repeat(7, minmax(0, 1fr));
  --grid-8: repeat(8, minmax(0, 1fr));
  --grid-9: repeat(9, minmax(0, 1fr));
  --grid-10: repeat(10, minmax(0, 1fr));
  --grid-11: repeat(11, minmax(0, 1fr));
  --grid-12: repeat(12, minmax(0, 1fr));
  --grid-1-2: minmax(0, 1fr) minmax(0, 2fr);
  --grid-1-3: minmax(0, 1fr) minmax(0, 3fr);
  --grid-2-1: minmax(0, 2fr) minmax(0, 1fr);
  --grid-2-3: minmax(0, 2fr) minmax(0, 3fr);
  --grid-3-1: minmax(0, 3fr) minmax(0, 1fr);
  --grid-3-2: minmax(0, 3fr) minmax(0, 2fr);
  /* Header */
  --header-height: 5.6875rem;
  /* Full Calendar */
  --fc-button-border-color: var(--color-primary);
  --fc-button-hover-border-color: var(--color-primary);
  --fc-button-active-border-color: var(--color-primary);
  --fc-button-bg-color: var(--color-primary);
  --fc-button-hover-bg-color: var(--color-primary);
  --fc-button-active-bg-color: var(--color-primary);
  --fc-button-text-color: var(--color-basic-black-100);
}
@media (max-width: 79rem) {
  :root {
    --h1-font-size: 3rem;
    --h2-font-size: 2.625rem;
    --h3-font-size: 2.25rem;
    --h4-font-size: 2rem;
  }
}
@media (max-width: 61rem) {
  :root {
    --container-padding: 1rem;
    --h1-font-size: 2.625rem;
    --h2-font-size: 2.25rem;
    --h3-font-size: 2rem;
    --h3-line-height: 1.2;
    --h4-font-size: 1.75rem;
    --text-lg-font-size: 1rem;
    --select-dropdown-bg-color: var(--color-basic-black-100);
  }
}
@media (max-width: 47rem) {
  :root {
    --h1-font-size: 2.25rem;
    --h2-font-size: 2rem;
    --h3-font-size: 1.75rem;
    --h4-font-size: 1.5rem;
  }
}
@media (max-width: 29rem) {
  :root {
    --h1-font-size: 1.875rem;
    --h2-font-size: 1.5rem;
    --h3-font-size: 1.5rem;
    --h4-font-size: 1.25rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-duration: 0s;
  }
}
html {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  scrollbar-gutter: stable;
}

*,
*::after,
*::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

main,
header,
footer {
  display: block;
}

hr {
  overflow: visible;
  height: 0;
}

:where(ul[class]) {
  list-style: none;
}

:where(ul, ol):where([class]) {
  padding-left: 0;
}

a {
  display: inline-block;
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
}

b,
strong {
  font-weight: 700;
}

code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

img {
  vertical-align: middle;
  shape-margin: 1rem;
  height: auto;
  max-width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 0.75rem;
  font-style: italic;
}

video {
  max-width: 100%;
  height: auto;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 0.0625rem dotted ButtonText;
}

legend {
  display: table;
  max-width: 100%;
  white-space: normal;
  color: inherit;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -0.125rem;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

[hidden] {
  display: none;
}

svg * {
  transition-property: fill, stroke;
}

/**
  Видаляємо анімації і переходи якщо вони вимкнуті 
 */
@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* ========== UTILS ========== */
/* Avoid content moving on overflow: hidden */
.disable-scroll {
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100svh;
}

/* Wrapper to prevent horizontal scroll */
/* if you want use position: sticky; - need to remove // overflow: hidden // !!! */
.wrapper {
  position: relative;
  overflow: hidden;
  min-height: 100svh;
  padding-top: var(--header-height);
}
@media (min-width: 62rem) {
  .wrapper--visible {
    overflow: visible;
  }
}
.wrapper__blurs {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 5000rem;
  pointer-events: none;
}
.wrapper__blur {
  --size: 35.42vw;
  position: absolute;
  z-index: -1;
  border-radius: var(--size);
  width: var(--size);
  height: var(--size);
  background-color: var(--color-primary);
  opacity: 0.25;
  filter: blur(10.75rem);
  pointer-events: none;
  transition: visibility var(--transition-duration), opacity var(--transition-duration) 0.1s;
}
.wrapper__blur[data-aos]:not(.aos-animate) {
  opacity: 0;
}
.wrapper__blur--01 {
  --size: 39.35vw;
  left: 50%;
  top: 0;
  transform: translate(-50%, -78%);
}
@media (max-width: 61rem) {
  .wrapper__blur--01 {
    --size: 50vw;
    opacity: 0.5;
    transform: translate(-50%, -20%);
  }
}
.wrapper__blur--02 {
  --size: 28.9vw;
  left: 0;
  top: 5%;
  opacity: 0.35;
  transform: translateX(-60%);
}
.wrapper__blur--03 {
  --size: 30vw;
  left: 0;
  top: 7.75%;
  opacity: 0.35;
  transform: translateX(-60%);
}
.wrapper__blur--04 {
  --size: 30vw;
  right: 0;
  top: 10%;
  opacity: 0.35;
  transform: translateX(50%);
}
.wrapper__blur--05 {
  --size: 20vw;
  right: 0;
  top: 13.85%;
  opacity: 0.35;
  transform: translateX(80%);
}
.wrapper__blur--06 {
  --size: 20vw;
  left: 0;
  bottom: 15.5%;
  opacity: 0.35;
  transform: translateX(0%);
}
.wrapper main,
.wrapper footer {
  position: relative;
  z-index: 9;
}
.wrapper:has(.sticky-el) {
  overflow: visible;
}

/* Container */
.container {
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--container-padding);
}
.container--xs {
  max-width: var(--container-sm);
}
.container--sm {
  max-width: var(--container-sm);
}
.container--lg {
  max-width: var(--container-lg);
}
.container--xl {
  max-width: var(--container-xl);
}
.container--fluid {
  --container: 100%;
}
@media (min-width: 97.5rem) {
  .container--fluid {
    --container-padding: 2rem;
  }
}

/* Section offset, immit container */
.offset-container {
  padding-left: max(var(--container-padding), (100vw - var(--content-width)) / 2);
}
@media (max-width: 61rem) {
  .offset-container {
    padding: 0 var(--container-padding);
  }
}

/* Hiding class, making content visible only to screen readers but not visually */
/* "sr" meaning "screen-reader" */
.sr-only:not(:focus, :active) {
  position: absolute;
  clip-path: inset(50%);
  overflow: hidden;
  width: 0.0625rem;
  height: 0.0625rem;
  white-space: nowrap;
  clip: rect(0 0 0 0);
}

.text-primary {
  color: var(--color-primary);
}

.text-danger {
  color: var(--color-danger);
}

.text-warning {
  color: var(--color-warning);
}

.text-success {
  color: var(--color-success);
}

@media (max-width: 61rem) {
  .pc-only {
    display: none !important;
  }
}

@media (min-width: 62rem) {
  .mobile-only {
    display: none !important;
  }
}

/* Text Gradient */
.text-gradient-gray {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.7) 0%, #fff 23.73%, #fff 47.46%, #fff 73.73%, rgba(255, 255, 255, 0.7) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Text Underline with animation */
.text-underline {
  position: relative;
  text-decoration: none;
}
.text-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0.125rem;
  width: 0;
  height: 0.125rem;
  background-color: var(--color-primary);
  transition: width var(--transition-duration-slow);
}
.text-underline.aos-animate::after {
  width: 100%;
}

/* Description Text */
.desc-text {
  color: var(--color-basic-white-60);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.desc-text--white {
  color: var(--color-basic-white-100);
}
.desc-text *:not(:last-child) {
  margin-block-end: 1em;
}

/* ========== HEADER ========== */
.header {
  --header-promo-height: 2.0625rem;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  background-color: var(--color-basic-black-100);
  transition: box-shadow var(--transition-duration), background-color var(--transition-duration), transform var(--transition-duration);
}
.header._hidden {
  box-shadow: none;
  transform: translateY(calc(var(--header-promo-height) * -1));
}
.header__bottom {
  position: relative;
  border-block: 0.0625rem solid var(--color-basic-white-5);
}
.header__wrap {
  position: relative;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-block: 0.5625rem;
}
@media (max-width: 61rem) {
  .header__wrap {
    gap: 0.5rem;
  }
}
.header__logo {
  position: relative;
  z-index: 199;
}
@media (max-width: 61rem) {
  .header__logo {
    order: 1;
    max-width: 5.625rem;
  }
}
.header__logo picture {
  display: contents;
}
.header__logo img {
  vertical-align: top;
  object-fit: contain;
}
@media (max-width: 61rem) {
  .header__menu {
    order: 3;
  }
}
@media (max-width: 61rem) {
  .header__btn-box {
    order: 2;
    margin-inline-start: auto;
  }
}

.header-top {
  position: relative;
  z-index: 99;
  overflow: hidden;
}
.header-top::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0%;
  width: 12%;
  height: 100%;
  background-color: var(--color-primary);
  filter: blur(3rem);
  transform: translate(-50%, 50%);
  pointer-events: none;
}
.header-top__wrap {
  position: relative;
  z-index: 9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: var(--header-promo-height);
  max-height: var(--header-promo-height);
  padding-block: 0.125rem;
}
.header-top__promo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  min-width: 0;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: -0.005em;
  transition: color var(--transition-duration);
}
@media (any-hover: hover) {
  .header-top__promo:hover {
    color: var(--color-primary);
  }
}
.header-top__promo span {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header-top__promo i {
  flex-shrink: 0;
  min-width: 0;
  color: var(--color-primary);
}
.header-top__slider-wrap {
  overflow: hidden;
}

/* Adaptive Menu */
.menu {
  --menu-arrow-width: 1.75rem;
}
.menu__btn {
  --btn-size: 2.75rem;
  --btn-height: var(--btn-size);
  --btn-line-height: 0.125rem;
  --btn-line-width: 1.25rem;
}
@media (min-width: 62rem) {
  .menu__btn {
    display: none;
  }
}
@media (max-width: 61rem) {
  .menu__btn {
    position: relative;
    z-index: 99;
    display: block;
    border: none;
    width: var(--btn-size);
    height: var(--btn-height);
    background: none;
  }
}
@media (max-width: 61rem) {
  .menu__btn span, .menu__btn::before, .menu__btn::after {
    position: absolute;
    left: calc(50% - var(--btn-line-width) / 2);
    border-radius: var(--btn-line-height);
    width: var(--btn-line-width);
    height: var(--btn-line-height);
    background-color: var(--color-basic-white-100);
    transform-origin: center;
    transition: var(--transition-duration);
  }
}
@media (max-width: 61rem) {
  .menu__btn::before, .menu__btn::after {
    content: "";
  }
}
@media (max-width: 61rem) {
  .menu__btn::before {
    top: 32%;
  }
}
@media (max-width: 61rem) {
  .menu__btn::after {
    top: auto;
    bottom: 32%;
    translate: none;
  }
}
@media (max-width: 61rem) {
  .menu__btn._active::before {
    top: calc(var(--btn-height) / 2 - var(--btn-line-height) / 2);
    transform: rotate(-45deg);
  }
}
@media (max-width: 61rem) {
  .menu__btn._active::after {
    bottom: calc(var(--btn-height) / 2 - var(--btn-line-height) / 2);
    transform: rotate(45deg);
  }
}
@media (max-width: 61rem) {
  .menu__btn._active span {
    transform: scale(0) translate(0, -50%);
  }
}
.menu__btn:not(:disabled) {
  cursor: pointer;
}
@media (max-width: 61rem) {
  .menu__btn span {
    top: calc(var(--btn-height) / 2 - var(--btn-line-height) / 2);
    transform: scale(1);
  }
}
.menu__arrow {
  vertical-align: middle;
  border: none;
  background: none;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  color: inherit;
}
@media (max-width: 61rem) {
  .menu__arrow {
    position: relative;
    flex: 0 0 var(--menu-arrow-width);
    align-self: center;
    border: 0.0625rem solid var(--color-basic-white-10);
    border-radius: var(--menu-arrow-width);
    width: var(--menu-arrow-width);
    height: var(--menu-arrow-width);
    background-color: var(--color-basic-white-10);
    font-size: calc(var(--menu-arrow-width) * 0.5);
    margin-inline: auto 1rem;
  }
}
@media (min-width: 62rem) {
  .menu__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: color var(--transition-duration);
  }
}
@media (max-width: 61rem) {
  .menu__arrow::before, .menu__arrow::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 0.125rem;
    width: 40%;
    height: 0.125rem;
    background-color: var(--color-basic-white-100);
    transform: translate(-50%, -50%);
  }
}
.menu__arrow::before {
  content: var(--icon-chevron-down);
  display: inline-block;
  font-family: var(--font-icons);
  will-change: transform;
  transition: transform var(--transition-duration);
}
@media (max-width: 61rem) {
  .menu__arrow::before {
    content: "";
  }
}
@media (max-width: 61rem) {
  .menu__arrow::after {
    transform: translate(-50%, -50%) rotate(90deg);
    will-change: transform;
    transition: transform var(--transition-duration);
  }
}
.menu__arrow:not(:disabled) {
  cursor: pointer;
}
.menu__body {
  --scrollbar-width: 0.125rem;
}
@media (max-width: 61rem) {
  .menu__body {
    position: fixed;
    left: -100%;
    top: var(--header-height);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: start;
    overflow: hidden auto;
    width: 100%;
    height: calc(100svh - var(--header-height));
    background-color: var(--color-basic-black-100);
    color: var(--color-basic-white-100);
    transition: left 0.5s;
  }
}
@media (min-width: 62rem) {
  .menu__body {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem 2.25rem;
  }
}
@media (max-width: 61rem) {
  .menu__body._active {
    left: 0;
  }
}
@media (min-width: 62rem) {
  .menu__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1.5rem;
  }
}
@media (max-width: 61rem) {
  .menu__list {
    border-block-start: 0.0625rem solid var(--color-basic-white-5);
  }
}
@media (max-width: 61rem) {
  .menu__list > li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 62rem) {
  .menu__list > li {
    position: relative;
    white-space: nowrap;
  }
}
@media (min-width: 62rem) and (any-hover: hover) {
  .menu__list > li:hover > a {
    color: var(--color-basic-white-100);
  }
  .menu__list > li:hover > .menu__arrow {
    color: var(--color-basic-white-100);
  }
  .menu__list > li:hover > .menu__arrow::before {
    transform: rotate(180deg);
  }
  .menu__list > li:hover > .menu__sublist {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
}
@media (max-width: 61rem) {
  .menu__list > li._active > .menu__sublist {
    grid-template-rows: 1fr;
  }
}
@media (max-width: 61rem) {
  .menu__list > li._active > .menu__arrow::after {
    transform: translate(-50%, -50%) rotate(0deg);
  }
}
@media (max-width: 61rem) {
  .menu__list > li:not(:last-child) {
    border-block-end: 0.0625rem solid var(--color-basic-white-5);
  }
}
@media (max-width: 61rem) {
  .menu__list > li > a {
    display: flex;
    flex: 0 0 calc(100% - var(--menu-arrow-width) - 1rem);
    flex-direction: column;
    justify-content: center;
    width: calc(100% - var(--menu-arrow-width) - 1rem);
    min-height: 5rem;
    padding: 1rem;
    transition: color var(--transition-duration);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: var(--body-font-family);
    font-size: var(--text-lg-font-size);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    line-height: var(--text-lg-line-height, var(--body-line-height));
    letter-spacing: var(--text-lg-letter-spacing, var(--body-letter-spacing));
    text-rendering: optimizelegibility;
    font-synthesis-weight: none;
  }
}
@media (max-width: 61rem) and (any-hover: hover) {
  .menu__list > li > a:hover {
    color: var(--color-primary);
  }
}
@media (max-width: 61rem) {
  .menu__list > li > a:focus-visible, .menu__list > li > a:active {
    color: var(--color-primary);
  }
}
@media (min-width: 62rem) {
  .menu__list > li > a {
    display: inline-block;
    padding: 0.25rem;
    transition: var(--transition-duration);
    font-family: var(--body-font-family);
    font-size: var(--text-sm-font-size);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    line-height: var(--text-sm-line-height, var(--body-line-height));
    letter-spacing: var(--text-sm-letter-spacing, var(--body-letter-spacing));
    text-rendering: optimizelegibility;
    font-synthesis-weight: none;
  }
}
@media (min-width: 62rem) {
  .menu__list > li:has(.menu__arrow)::before {
    content: "";
    position: absolute;
    z-index: 19;
    left: 0;
    top: -1.5rem;
    bottom: -1.5rem;
    width: 100%;
    cursor: pointer;
  }
}
.menu__list:has(li:hover) {
  color: var(--color-basic-white-60);
}
@media (max-width: 61rem) {
  .menu__sublist {
    display: grid !important;
    flex: 0 0 100%;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--transition-duration);
    padding-inline: 0.5rem;
  }
}
@media (min-width: 62rem) {
  .menu__sublist {
    position: fixed;
    z-index: 199;
    left: 50%;
    top: var(--header-height);
    overflow: hidden;
    width: 100%;
    background: linear-gradient(0deg, rgba(14, 14, 14, 0.9) 0%, rgba(9, 9, 9, 0.9) 82.94%);
    color: var(--color-basic-white-100);
    transform: translateY(-0.0625rem) translateX(-50%);
    transition: var(--transition-duration);
    backdrop-filter: blur(6.25rem);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@media (min-width: 62rem) {
  .menu__btn-box {
    display: none;
  }
}
@media (max-width: 61rem) {
  .menu__btn-box {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2rem 0.5rem;
    padding: 1rem;
    margin-block-start: auto;
  }
}

/* Menu Sublist */
.menu-sublist {
  --sublist-aside-width: 15.5rem;
  display: block;
  overflow: hidden;
  white-space: normal;
  text-wrap: initial;
}
.menu-sublist__container {
  overflow: hidden;
}
@media (max-width: 61rem) {
  .menu-sublist__container {
    padding: 0;
  }
}
.menu-sublist__inner {
  overflow: hidden;
}
@media (min-width: 62rem) {
  .menu-sublist__padding {
    padding-block: 1.25rem;
  }
}
@media (max-width: 61rem) {
  .menu-sublist__padding {
    padding-block-end: 1rem;
  }
}
.menu-sublist__row {
  display: flex;
}
.menu-sublist__col {
  min-width: 0;
}
@media (min-width: 62rem) {
  .menu-sublist__col--aside {
    flex: 0 0 var(--sublist-aside-width);
    max-width: var(--sublist-aside-width);
  }
}
@media (max-width: 61rem) {
  .menu-sublist__col--aside {
    display: none;
  }
}
.menu-sublist__col--main {
  flex: 1 1 auto;
}
.menu-sublist__aside {
  min-height: 100%;
}
.menu-sublist__title {
  color: var(--color-basic-white-50);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.menu-sublist__title:not(:last-child) {
  margin-block-end: 0.875rem;
}
.menu-sublist__tab {
  --img-size: 2.75rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  overflow: hidden;
  border: none;
  border-radius: 0.75rem;
  width: 100%;
  padding: 0.375rem;
  background: none;
  text-align: start;
  color: var(--color-basic-white-60);
  transition: background-color var(--transition-duration), color var(--transition-duration);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.menu-sublist__tab[aria-selected=true] {
  background-color: var(--color-basic-white-5);
  color: var(--color-basic-white-100);
}
.menu-sublist__tab[aria-selected=true] figure {
  background-color: var(--color-basic-white-10);
}
.menu-sublist__tab:not(:disabled) {
  cursor: pointer;
}
@media (any-hover: hover) {
  .menu-sublist__tab:not(:disabled):hover {
    background-color: var(--color-basic-white-5);
    color: var(--color-basic-white-100);
  }
  .menu-sublist__tab:not(:disabled):hover figure {
    background-color: var(--color-basic-white-10);
  }
}
.menu-sublist__tab > figure {
  display: flex;
  flex: 0 0 var(--img-size);
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.5rem;
  width: var(--img-size);
  height: var(--img-size);
  background-color: var(--color-basic-white-5);
  font-size: calc(var(--img-size) * 0.5);
  font-weight: 400;
  line-height: 1;
  transition: background-color var(--transition-duration);
  backdrop-filter: blur(9.375rem);
}
.menu-sublist__tab > figure picture {
  display: contents;
}
.menu-sublist__tab > figure img {
  display: block;
  margin: auto;
  width: 60%;
  height: 60%;
  max-height: 60%;
  object-fit: contain;
}
.menu-sublist__tab > figure .icon-ui-ux-design,
.menu-sublist__tab > figure .icon-development {
  position: relative;
  transform: translateY(-0.25rem);
}
.menu-sublist__tab > span {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (min-width: 62rem) {
  .menu-sublist__main {
    padding: 0.625rem 0.625rem 0.625rem 1.5rem;
  }
}
@media (max-width: 61rem) {
  .menu-sublist__group {
    border-radius: var(--border-radius-16);
    background-color: var(--color-basic-white-5);
  }
}
@media (max-width: 61rem) {
  .menu-sublist__group:not(:last-child) {
    margin-block-end: 0.5rem;
  }
}
.menu-sublist__toggle {
  --img-size: 1.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  overflow: hidden;
  border: none;
  border-radius: 0.75rem;
  width: 100%;
  padding: 1rem;
  background: none;
  text-align: start;
  color: var(--color-basic-white-100);
  transition: background-color var(--transition-duration);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
@media (min-width: 62rem) {
  .menu-sublist__toggle {
    display: none;
  }
}
.menu-sublist__toggle[aria-expanded=true] [data-plus]::after {
  opacity: 0;
  transform: translate(-50%, -50%);
}
.menu-sublist__toggle:not(:disabled) {
  cursor: pointer;
}
@media (any-hover: hover) {
  .menu-sublist__toggle:not(:disabled):hover {
    background-color: var(--color-basic-white-5);
  }
  .menu-sublist__toggle:not(:disabled):hover figure {
    background-color: var(--color-basic-white-10);
  }
}
.menu-sublist__toggle > figure {
  display: flex;
  flex: 0 0 var(--img-size);
  overflow: hidden;
  border-radius: 0.5rem;
  width: var(--img-size);
  height: var(--img-size);
  background-color: var(--color-basic-white-5);
  transition: background-color var(--transition-duration);
  backdrop-filter: blur(9.375rem);
}
.menu-sublist__toggle > figure picture {
  display: contents;
}
.menu-sublist__toggle > figure img {
  display: block;
  margin: auto;
  width: 60%;
  height: 60%;
  max-height: 60%;
  object-fit: contain;
}
.menu-sublist__toggle > span {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.menu-sublist__toggle [data-plus] {
  --plus-size: 1rem;
  position: relative;
  flex: 0 0 var(--plus-size);
  width: var(--plus-size);
  height: var(--plus-size);
}
.menu-sublist__toggle [data-plus]::before, .menu-sublist__toggle [data-plus]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 0.125rem;
  width: 90%;
  height: 0.125rem;
  background-color: var(--color-basic-white-100);
  transform: translate(-50%, -50%);
}
.menu-sublist__toggle [data-plus]::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: transform var(--transition-duration), opacity var(--transition-duration);
}
@media (max-width: 61rem) {
  .menu-sublist__panel {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--transition-duration);
  }
}
@media (max-width: 61rem) {
  .menu-sublist__panel:not([hidden]) {
    grid-template-rows: 1fr;
  }
}
@media (min-width: 62rem) {
  .menu-sublist__panel:not([hidden]) {
    animation: tab-panel-fade 1s forwards;
  }
}
@media (max-width: 61rem) {
  .menu-sublist__panel-inner {
    overflow: hidden;
  }
}
@media (max-width: 61rem) {
  .menu-sublist__panel-pad {
    padding: 1rem;
  }
}

.menu-sublist-content {
  --content-aside-width: 14.75rem;
}
.menu-sublist-content__row {
  display: flex;
  gap: 2rem;
}
.menu-sublist-content__col {
  min-width: 0;
}
.menu-sublist-content__col--main {
  flex: 1 1 auto;
}
@media (min-width: 62rem) {
  .menu-sublist-content__col--aside {
    flex: 0 0 var(--content-aside-width);
    max-width: var(--content-aside-width);
  }
}
@media (max-width: 61rem) {
  .menu-sublist-content__col--aside {
    display: none;
  }
}
@media (min-width: 62rem) {
  .menu-sublist-content__main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
    max-width: 24.875rem;
    margin-inline: auto;
    padding-block: 0.75rem;
  }
}
.menu-sublist-content__grid {
  display: grid;
  gap: 1rem 2.5rem;
  grid-template-columns: var(--grid-2);
}
@media (max-width: 61rem) {
  .menu-sublist-content__grid {
    grid-template-columns: var(--grid-1);
  }
}
.menu-sublist-content__body:not(:last-child) {
  margin-block-end: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}
@media (max-width: 61rem) {
  .menu-sublist-content__group:not(:last-child) {
    border-block-end: 0.0625rem solid var(--color-basic-white-5);
    padding-block-end: 1rem;
  }
}
.menu-sublist-content__footer:not(:first-child) {
  border-block-start: 0.0625rem solid var(--color-basic-white-10);
  padding-block-start: 0.875rem;
}

.menu-sublist-group__title {
  color: var(--color-basic-white-100);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.menu-sublist-group__title:not(:last-child) {
  margin-block-end: 0.875rem;
}
.menu-sublist-group__menu {
  color: var(--color-basic-white-60);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.menu-sublist-group__menu > li:not(:last-child) {
  margin-block-end: 0.5rem;
}
@media (max-width: 61rem) {
  .menu-sublist-group__menu > li:not(:last-child) {
    margin-block-end: 0.625rem;
  }
}
.menu-sublist-group__menu > li > a {
  transition: color var(--transition-duration);
}
@media (any-hover: hover) {
  .menu-sublist-group__menu > li > a:hover {
    color: var(--color-basic-white-100);
  }
}

.menu-sublist-industries__label {
  color: var(--color-basic-white-100);
  font-family: var(--body-font-family);
  font-size: var(--text-sm-font-size);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  line-height: var(--text-sm-line-height, var(--body-line-height));
  letter-spacing: var(--text-sm-letter-spacing, var(--body-letter-spacing));
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.menu-sublist-industries__label:not(:last-child) {
  margin-block-end: 0.625rem;
}
.menu-sublist-industries__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.menu-sublist-industries__tags > li > a {
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 0.625rem;
  min-height: 2.5rem;
  padding: 0.625rem 0.875rem;
  background-color: var(--color-basic-white-5);
  color: var(--color-basic-white-60);
  transition: background-color var(--transition-duration);
  font-family: var(--body-font-family);
  font-size: var(--text-sm-font-size);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  line-height: var(--text-sm-line-height, var(--body-line-height));
  letter-spacing: var(--text-sm-letter-spacing, var(--body-letter-spacing));
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
@media (any-hover: hover) {
  .menu-sublist-industries__tags > li > a:hover {
    background-color: var(--color-basic-white-10);
  }
}

/* Menu Promo Card */
.menu-promo-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.menu-promo-card__inner {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.9375rem;
  padding: 0.625rem;
  background-color: var(--color-basic-white-5);
  transition: background-color var(--transition-duration);
}
@media (any-hover: hover) {
  .menu-promo-card__inner:hover {
    background-color: var(--color-basic-white-10);
  }
}
.menu-promo-card__img {
  position: relative;
  overflow: hidden;
  border-radius: 0.6875rem;
  padding-bottom: 100%;
}
.menu-promo-card__img picture {
  display: contents;
}
.menu-promo-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.menu-promo-card__text {
  flex: 1 1 auto;
  padding: 0.625rem;
}
.menu-promo-card__title {
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.menu-promo-card__title:not(:last-child) {
  margin-block-end: 0.25rem;
}
.menu-promo-card__description {
  color: var(--color-basic-white-60);
  font-family: var(--body-font-family);
  font-size: var(--text-sm-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--text-sm-line-height, var(--body-line-height));
  letter-spacing: var(--text-sm-letter-spacing, var(--body-letter-spacing));
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.menu-promo-card__description:not(:last-child) {
  margin-block-end: 0.75rem;
}

@keyframes tab-panel-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* ========== FOOTER ========== */
/* Footer */
.footer {
  --footer-py: 3.75rem;
  --footer-group-py: 2.5rem;
  --footer-bg-color: var(--color-basic-black-100);
  --footer-text-color: var(--color-basic-white-100);
  position: relative;
  display: block;
  overflow: hidden;
  background-color: var(--color-basic-black-100);
  color: var(--color-basic-white-100);
}
@media (max-width: 61rem) {
  .footer {
    --footer-py: 2.5rem;
  }
}
.footer.footer--shine {
  z-index: initial;
  overflow: visible;
}
.footer.footer--shine::after {
  --size: 54.4vw;
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 0;
  border-radius: var(--size);
  width: var(--size);
  height: calc(var(--size) * 0.72);
  background-color: var(--color-primary);
  filter: blur(9.375rem);
  transform: translateX(-50%);
  pointer-events: none;
}
.footer__wrap {
  padding-block: var(--footer-py) 0;
}

/* Footer Top */
.footer-top {
  border-block-end: 0.0625rem solid var(--color-basic-white-10);
  padding-block-end: var(--footer-group-py);
}
.footer-top__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
.footer-top__logo {
  vertical-align: top;
  transition: opacity var(--transition-duration);
}
@media (any-hover: hover) {
  .footer-top__logo:hover {
    opacity: 0.75;
  }
}
.footer-top__logo picture {
  display: contents;
}
.footer-top__logo img {
  vertical-align: top;
  object-fit: contain;
}

/* Footer Middle */
.footer-middle {
  padding-block: var(--footer-group-py);
}
.footer-middle__grid {
  display: grid;
  gap: 1.75rem;
  grid-template-columns: var(--grid-2-1);
}
@media (max-width: 79rem) {
  .footer-middle__grid {
    grid-template-columns: var(--grid-2);
  }
}
@media (max-width: 61rem) {
  .footer-middle__grid {
    grid-template-columns: var(--grid-1);
  }
}
.footer-middle__grid-item:has(.footer-middle__mail) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.footer-middle__groups {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem clamp(1.5rem, 1.05rem + 2.25vw, 3.75rem);
}
#footer-modules{
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem clamp(1.5rem, 1.05rem + 2.25vw, 3.75rem);
  padding-top: 1.5rem;
}
#footer-modules > div{
  width: 160px;
  padding: 10px;
  border-radius: 8px;
  background: #fff;
}
@media (max-width: 61rem) {
  .footer-middle__groups {
    justify-content: space-between;
  }
}

/* Footer Group */
.footer-group__title {
  font-family: var(--body-font-family);
  font-size: var(--text-sm-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--text-sm-line-height, var(--body-line-height));
  letter-spacing: var(--text-sm-letter-spacing, var(--body-letter-spacing));
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.footer-group__title:not(:last-child) {
  margin-block-end: 0.625rem;
}
.footer-group__nav {
  color: var(--color-basic-white-50);
  font-family: var(--body-font-family);
  font-size: var(--text-sm-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--text-sm-line-height, var(--body-line-height));
  letter-spacing: var(--text-sm-letter-spacing, var(--body-letter-spacing));
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.footer-group__menu > li:not(:last-child) {
  margin-block-end: 0.3125rem;
}
.footer-group__menu > li > a {
  transition: color var(--transition-duration);
}
@media (any-hover: hover) {
  .footer-group__menu > li > a:hover {
    color: var(--color-basic-white-100);
  }
}

/* Footer Bottom */
.footer-bottom {
  border-block-start: 0.0625rem solid var(--color-basic-white-10);
  padding-block: var(--footer-group-py) var(--footer-py);
}
.footer-bottom__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
.footer-bottom__copyright {
  color: var(--color-basic-white-50);
  font-family: var(--body-font-family);
  font-size: var(--text-sm-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--text-sm-line-height, var(--body-line-height));
  letter-spacing: var(--text-sm-letter-spacing, var(--body-letter-spacing));
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.footer-bottom__menu {
  display: flex;
  align-items: center;
  gap: 0.5rem 0.875rem;
  color: var(--color-basic-white-50);
  font-family: var(--body-font-family);
  font-size: var(--text-sm-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--text-sm-line-height, var(--body-line-height));
  letter-spacing: var(--text-sm-letter-spacing, var(--body-letter-spacing));
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.footer-bottom__menu > li > a {
  transition: color var(--transition-duration);
}
@media (any-hover: hover) {
  .footer-bottom__menu > li > a:hover {
    color: var(--color-basic-white-100);
  }
}

/* Footer Locations */
.footer-locations {
  position: relative;
  overflow: hidden;
  border-radius: 1.125rem;
  padding: 0.3125rem 0.875rem;
  background-color: var(--color-basic-white-5);
}
.footer-locations__list > li:not(:last-child) {
  border-block-end: 0.0625rem solid var(--color-basic-white-10);
}

/* Footer Location */
.footer-location {
  --location-img-size: 1.875rem;
  padding-block: 0.875rem;
  font-family: var(--body-font-family);
  font-size: var(--text-sm-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--text-sm-line-height, var(--body-line-height));
  letter-spacing: var(--text-sm-letter-spacing, var(--body-letter-spacing));
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.footer-location__row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.footer-location__img {
  flex: 0 0 var(--location-img-size);
  overflow: hidden;
  border-radius: var(--location-img-size);
  width: var(--location-img-size);
  height: var(--location-img-size);
}
.footer-location__img picture {
  display: contents;
}
.footer-location__img img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.footer-location__title {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.footer-location__time {
  color: var(--color-basic-white-50);
}

/* Footer Mail */
.footer-mail {
  position: relative;
  display: block;
  max-width: fit-content;
  transition: color var(--transition-duration);
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight);
  line-height: var(--h3-line-height);
}
@media (any-hover: hover) {
  .footer-mail:hover {
    color: var(--color-primary);
  }
}
@media (max-width: 61rem) {
  .footer-mail {
    font-size: 1.75rem;
  }
}
.footer-mail__num {
  position: absolute;
  right: -0.875em;
  top: 0;
  display: inline-block;
  border-radius: 1.5rem;
  background-color: var(--color-red-fusion);
  color: var(--color-white);
  padding-inline: 0.5625rem;
  font-family: var(--body-font-family);
  font-size: var(--text-lg-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--text-lg-line-height, var(--body-line-height));
  letter-spacing: var(--text-lg-letter-spacing, var(--body-letter-spacing));
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
@media (max-width: 61rem) {
  .footer-mail__num {
    padding-inline: 0.4375rem;
    font-family: var(--body-font-family);
    font-size: var(--text-sm-font-size);
    font-weight: var(--body-font-weight, 300);
    -webkit-font-smoothing: antialiased;
    line-height: var(--text-sm-line-height, var(--body-line-height));
    letter-spacing: var(--text-sm-letter-spacing, var(--body-letter-spacing));
    text-rendering: optimizelegibility;
    font-synthesis-weight: none;
  }
}
.footer-mail__num[data-aos] {
  transform: scale(0);
  will-change: transform;
  transition-property: transform;
  transition-duration: 0.5s !important;
  transition-delay: 1.5s;
}
.footer-mail__num[data-aos].aos-animate {
  transform: scale(1);
}

/* Footer Awards */
.footer-awards__list {
  display: flex;
  gap: 0.625rem;
}
.footer-awards__list > li {
  flex: 1 0 auto;
  min-width: 0;
}

/* UI Icon */
.ui-icon {
  --icon-size: clamp(2rem, 1.475rem + 2.625vw, 4.625rem);
  --icon-border-radius: clamp(0.5rem, 0.375rem + 0.625vw, 1.125rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  overflow: hidden;
  border-radius: var(--icon-border-radius);
  width: var(--icon-size);
  height: var(--icon-size);
  background-color: var(--color-black-cynical);
  font-size: calc(var(--icon-size) * 0.45);
  font-weight: 400;
  line-height: 1;
  color: var(--color-primary);
}

/* UI Tag */
.ui-tag {
  --tag-height: 2.5rem;
  --tag-py: 0.5rem;
  --tag-px: 1.125rem;
  display: inline-flex;
  vertical-align: top;
  overflow: hidden;
  border: 0.0625rem solid var(--color-basic-white-10);
  border-radius: 6.25rem;
  min-height: var(--tag-height);
  padding: var(--tag-py) var(--tag-px);
  background-color: var(--color-basic-white-10);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: var(--body-letter-spacing);
  transition: border-color var(--transition-duration);
}
@media (any-hover: hover) {
  .ui-tag:hover {
    border-color: var(--color-basic-white-50);
  }
}
.ui-tag--sm {
  --tag-height: 2rem;
  --tag-py: 0.25rem;
  --tag-px: 0.75rem;
}
.ui-tag--dark {
  border-color: var(--color-basic-white-20);
  background-color: var(--color-basic-black-100);
}

/* UI Link */
.ui-link {
  text-decoration: underline;
  color: var(--color-primary);
}
@media (any-hover: hover) {
  .ui-link:hover {
    text-decoration: none;
  }
}

/* Author Badge */
.author-badge {
  --author-img-size: 4rem;
  --author-img-border-radius: 1.125rem;
  --author-img-dot-size: 1.25rem;
}
.author-badge--rounded {
  --author-img-border-radius: var(--author-img-size);
}
.author-badge--sm {
  --author-img-size: 3.875rem;
}
.author-badge--sm .author-badge__name:not(:last-child) {
  margin-block-end: 0.25rem;
}
.author-badge--sm .author-badge__role {
  font-size: 0.875rem;
}
.author-badge--xs {
  --author-img-size: 2.5rem;
}
.author-badge--xs .author-badge__name {
  font-size: 0.875rem;
}
.author-badge--xs .author-badge__name:not(:last-child) {
  margin-block-end: 0.0625rem;
}
.author-badge--xs .author-badge__role {
  font-size: 0.875rem;
}
.author-badge--online .author-badge__img::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  border: 0.1875rem solid var(--color-basic-black-100);
  border-radius: var(--author-img-dot-size);
  width: var(--author-img-dot-size);
  height: var(--author-img-dot-size);
  background-color: var(--color-green-lush-greenery);
}
.author-badge__row {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.author-badge__img {
  position: relative;
  flex: 0 0 var(--author-img-size);
  overflow: hidden;
  width: var(--author-img-size);
  height: var(--author-img-size);
}
.author-badge__img picture {
  display: contents;
}
.author-badge__img img {
  display: block;
  border-radius: var(--author-img-border-radius);
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}
.author-badge__text {
  flex: 1 1 auto;
  min-width: 0;
}
.author-badge__name {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: var(--body-letter-spacing);
}
.author-badge__name:not(:last-child) {
  margin-block-end: 0.5rem;
}
.author-badge__role {
  color: var(--color-basic-white-60);
}

/* ========== Accordion ========== */
.accordion {
  --accordion-border-width: 0.0625rem;
  --accordion-border-color: var(--color-basic-white-10);
  --accordion-border-radius: var(--border-radius-20);
  --accordion-bg-color: var(--color-basic-white-5);
  --accordion-btn-border-width: 0.0625rem;
  --accordion-btn-border-color: var(--color-basic-white-10);
  --accordion-btn-border-radius: 0.25rem;
  --accordion-btn-px: 1.75rem;
  --accordion-btn-py: 1.75rem;
  --accordion-btn-font-size: 1.5rem;
  --accordion-btn-font-weight: 500;
  --accordion-btn-line-height: 1.2;
  --accordion-btn-text-color: var(--color-white);
  --accordion-plus-border-radius: 1.75rem;
  --accordion-plus-width: 1.75rem;
  --accordion-content-px: 1.25rem;
  --accordion-content-py: 1.75rem;
  --accordion-content-font-size: 1rem;
  --accordion-content-font-weight: 400;
  --accordion-content-line-height: 1.4;
  --accordiong-content-letter-spacing: -0.005rem;
  border: var(--accordion-border-width) solid var(--accordion-border-color);
  border-radius: var(--accordion-border-radius);
  background-color: var(--accordion-bg-color);
  transition: background-color var(--transition-duration);
}
@media (max-width: 61rem) {
  .accordion {
    --accordion-btn-font-size: 1.25rem;
  }
}
.accordion._active {
  --accordion-bg-color: var(--color-basic-white-10);
}
.accordion__content {
  display: grid;
  grid-template-rows: 0fr;
  font-size: var(--accordion-content-font-size);
  font-weight: var(--accordion-content-font-weight);
  line-height: var(--accordion-content-line-height);
  color: var(--color-basic-white-60);
  transition: grid-template-rows var(--transition-duration);
}
.accordion__content._active {
  grid-template-rows: 1fr;
}
.accordion__content > *:not(:last-child) {
  margin-bottom: 1em;
}
.accordion__content-inner {
  overflow: hidden;
}
.accordion__content-padding {
  max-width: 50rem;
  padding: 0 var(--accordion-content-py) var(--accordion-content-px);
}
.accordion__btn {
  position: relative;
  outline: none;
  border: none;
  border-radius: inherit;
  width: 100%;
  min-height: var(--accordion-plus-width);
  padding: var(--accordion-btn-py) calc(var(--accordion-plus-width) * 1.5 + var(--accordion-btn-px)) var(--accordion-btn-py) var(--accordion-btn-px);
  background: none;
  font-size: var(--accordion-btn-font-size);
  font-weight: var(--accordion-btn-font-weight);
  line-height: var(--accordion-btn-line-height);
  text-align: left;
  color: var(--accordion-btn-text-color);
  user-select: none;
}
.accordion__btn._active .accordion__plus {
  background-color: var(--color-basic-white-20);
}
.accordion__btn._active .accordion__plus::after {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(0deg);
}
.accordion__btn:not(:disabled) {
  cursor: pointer;
}
.accordion__btn:not(:disabled):focus-visible {
  outline: 0.125rem dashed var(--color-basic-white-60);
  outline-offset: 0.25rem;
}
.accordion__plus {
  position: absolute;
  right: var(--accordion-btn-px);
  top: 50%;
  border: 0.0625rem solid var(--color-basic-white-10);
  border-radius: var(--accordion-plus-border-radius);
  width: var(--accordion-plus-width);
  height: var(--accordion-plus-width);
  background-color: var(--color-basic-white-10);
  color: var(--color-white);
  transform: translateY(-50%);
  transition: background-color var(--transition-duration);
}
@media (any-hover: hover) {
  .accordion__plus:hover {
    background-color: var(--color-basic-white-20);
  }
}
.accordion__plus::before, .accordion__plus::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 0.125rem;
  width: calc(var(--accordion-plus-width) * 0.4285);
  height: 0.125rem;
  background-color: var(--color-white);
  transform: translate(-50%, -50%);
}
.accordion__plus::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: transform var(--transition-duration), opacity var(--transition-duration);
}

/* Before After */
.ba {
  --ba-thumb-size: 5rem;
  --ba-aspect: 16 / 9;
  --ba-transition: 0.5s;
  --pos: 50%;
  --width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--border-radius-28);
  background-color: var(--color-basic-black-100);
}
@media (max-width: 61rem) {
  .ba {
    --ba-thumb-size: 3rem;
    border-radius: 0;
  }
}
.ba.is-dragging {
  --ba-transition: 0s;
}
.ba__overlay, .ba__handle, .ba__bar, .ba__thumb {
  transition: inline-size var(--ba-transition), left var(--ba-transition), transform var(--ba-transition);
}
.ba__media {
  position: relative;
  user-select: none;
  aspect-ratio: var(--ba-aspect, 16/9);
  block-size: auto;
  inline-size: 100%;
}
.ba__img {
  position: absolute;
  display: block;
  object-fit: cover;
  block-size: 100%;
  inline-size: 100%;
}
.ba__img--before {
  max-width: none;
  object-position: left;
  inline-size: var(--width);
}
.ba__overlay {
  position: absolute;
  inset: 0;
  overflow: hidden;
  inline-size: var(--pos);
}
.ba__handle {
  position: absolute;
  z-index: 5;
  display: grid;
  place-items: center;
  transform: translateX(-50%);
  cursor: ew-resize;
  inline-size: var(--ba-thumb-size);
  inset-block: 0;
  inset-inline-start: var(--pos);
}
.ba__bar {
  position: absolute;
  background-color: var(--color-primary);
  transform: translateX(-50%);
  inline-size: 0.25rem;
  inset-block: 0;
  inset-inline-start: 50%;
}
@media (max-width: 61rem) {
  .ba__bar {
    inline-size: 0.125rem;
  }
}
.ba__thumb {
  position: relative;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: var(--ba-thumb-size);
  background: var(--color-primary);
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center;
  color: var(--color-basic-black-100);
  block-size: var(--ba-thumb-size);
  inline-size: var(--ba-thumb-size);
}
@media (max-width: 61rem) {
  .ba__thumb {
    font-size: 0.75rem;
    font-weight: 600;
  }
}
.ba__caption {
  position: absolute;
  clip-path: inset(50%);
  overflow: hidden;
  width: 0.0625rem;
  height: 0.0625rem;
  white-space: nowrap;
  clip: rect(0 0 0 0);
}

/* ========== MODAL ========== */
.modal {
  --modal-transition-time: 0.3s;
  position: fixed;
  z-index: 9999;
  inset: 0;
  overflow: hidden auto;
  background-color: var(--color-black-500);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  transition: opacity var(--modal-transition-time), visibility var(--modal-transition-time);
}
.modal::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 50%;
}
.modal.is-open {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  visibility: visible;
  transition: opacity var(--modal-transition-time), visibility var(--modal-transition-time);
}
.modal__backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-black-500);
}
.modal__backdrop:not(:disabled) {
  cursor: pointer;
}
.modal__container {
  position: relative;
  z-index: 9;
  display: none;
  margin: 3rem auto;
  border: 0.0625rem solid var(--color-basic-white-10);
  border-radius: clamp(0.875rem, 0.7rem + 0.875vw, 1.75rem);
  width: 79.625rem;
  padding: clamp(1rem, 0.6rem + 2vw, 3rem);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%), #090909;
  text-align: left;
  cursor: default;
}
@media (max-width: 89rem) {
  .modal__container {
    width: calc(100% - var(--container-padding) * 2);
    padding-block-start: 3.5rem;
  }
}
.modal__container.modal-open {
  display: inline-block;
}
.modal__container--sm {
  width: 37.5rem;
  padding: clamp(1rem, 0.6rem + 2vw, 3rem) clamp(1rem, 0.4rem + 3vw, 4rem);
}
@media (max-width: 47rem) {
  .modal__container--sm {
    width: calc(100% - var(--container-padding) * 2);
    padding-block-start: 3.5rem;
  }
}
.modal__close {
  --btn-size: 1.5rem;
  position: absolute !important;
  z-index: 9;
  right: clamp(0.75rem, 0.6rem + 0.75vw, 1.5rem);
  top: clamp(0.75rem, 0.6rem + 0.75vw, 1.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  width: var(--btn-size);
  height: var(--btn-size);
  background: none;
  font-size: calc(var(--btn-size) * 0.5);
  font-weight: 400;
  line-height: 1;
  color: var(--color-basic-white-40);
  transition: color var(--transition-duration);
}
.modal__close:not(:disabled) {
  cursor: pointer;
}
@media (any-hover: hover) {
  .modal__close:not(:disabled):hover {
    color: var(--color-basic-white-100);
  }
}

.modal-fade {
  opacity: 0;
  transition: opacity var(--modal-transition-time);
}
.modal-fade.animate-open {
  opacity: 1;
  transition: opacity var(--modal-transition-time);
}

.modal-zoomIn {
  opacity: 0;
  transform: scale(0);
  transition: opacity var(--modal-transition-time);
}
.modal-zoomIn.animate-open {
  opacity: 1;
  transform: scale(1);
  transition: opacity var(--modal-transition-time), transform var(--modal-transition-time);
}

.modal-fadeInUp {
  opacity: 0;
  transform: translateY(-10%);
  transition: opacity var(--modal-transition-time), transform var(--modal-transition-time);
}
.modal-fadeInUp.animate-open {
  opacity: 1;
  transform: translateY(0);
  transition: opacity var(--modal-transition-time), transform var(--modal-transition-time);
}

.disable-scroll {
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100svh;
}

[data-tippy] {
  --btn-size: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
  display: inline-block;
  border: none;
  width: var(--btn-size);
  height: var(--btn-size);
  background: transparent url("../img/icons/question-info.svg") no-repeat center/85% auto;
}
[data-tippy]:not(:disabled) {
  cursor: pointer;
}

.tippy-box[data-theme~=light-border] {
  border-radius: 1.5rem;
  background-color: var(--color-basic-black-100);
  color: var(--color-white);
  backdrop-filter: blur(4.25rem);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.tippy-box .tippy-content {
  padding: 1.125rem;
}

.fancybox__dialog .fancybox__container {
  --fancybox-backdrop-bg: var(--color-basic-black-90);
  --f-html-bg: var(--color-basic-black-60);
  --f-html-color: var(--color-basic-white-100);
  --f-video-bg: var(--color-basic-black-60);
}
.fancybox__dialog .fancybox__container .f-html {
  border-radius: var(--border-radius-24);
  padding: 0.75rem;
  backdrop-filter: blur(4.5rem);
}

/* ========== BUTTONS ========== */
.btn {
  position: relative;
  display: inline-flex;
  column-gap: var(--button-gap-x);
  align-items: center;
  justify-content: center;
  vertical-align: top;
  outline: none;
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  min-height: var(--button-height);
  padding: var(--button-padding-y) var(--button-padding-x);
  background: none;
  background-color: var(--button-bg-color);
  font-size: var(--button-font-size, 1rem);
  font-weight: var(--button-font-weight, 400);
  line-height: var(--button-line-height, 1);
  white-space: nowrap;
  text-align: center;
  color: var(--button-text-color);
  transition: border-color var(--transition-duration), background-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration);
}
a.btn {
  text-decoration: none;
}

button.btn {
  -webkit-appearance: none;
}

.btn:disabled, .btn._disabled {
  opacity: 0.75;
  cursor: default;
  pointer-events: none;
}
.btn[role=tab].btn--gray:not(:disabled):focus-visible {
  --button-border-color: var(--color-accent-yellow-15);
  --button-bg-color: var(--color-accent-yellow-15);
  --button-text-color: var(--color-accent-yellow-light);
}
.btn[role=tab]:not(:disabled):focus-visible, .btn[role=tab]:not(:disabled):focus {
  outline: none;
}
.btn--icon {
  --button-border-radius: var(--button-height);
  --button-padding-x: 0.25rem;
  min-width: var(--button-height);
}
.btn--primary {
  --button-border-color: transparent;
  --button-bg-color: #1c1908;
  --button-text-color: var(--color-accent-yellow-light);
  border: none;
  background-image: linear-gradient(-90deg, #ffed91 0%, rgba(255, 237, 145, 0.15) 100%);
  background-position: 205% 0%;
  background-size: 200% 100%;
  transition: background-position var(--transition-duration);
}
@media (any-hover: hover) {
  .btn--primary:hover {
    background-position: 100% 0%;
  }
}
.btn--primary::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: var(--button-border-width);
  border-radius: inherit;
  background-color: var(--button-bg-color);
}
.btn--gray {
  --button-border-color: var(--color-basic-white-10);
  --button-bg-color: var(--color-basic-white-5);
  --button-text-color: var(--color-basic-white-100);
}
@media (any-hover: hover) {
  .btn--gray:hover {
    --button-border-color: var(--color-accent-yellow-15);
    --button-bg-color: var(--color-accent-yellow-15);
    --button-text-color: var(--color-accent-yellow-light);
  }
}
.btn--gray:active {
  --button-border-color: var(--color-accent-yellow-15);
  --button-bg-color: var(--color-accent-yellow-15);
  --button-text-color: var(--color-accent-yellow-light);
}
.btn--gray._active, .btn--gray[aria-selected=true] {
  --button-border-color: var(--color-accent-yellow-15);
  --button-bg-color: var(--color-accent-yellow-15);
  --button-text-color: var(--color-accent-yellow-light);
}
.btn--yellow {
  --button-border-color: var(--color-accent-yellow-15);
  --button-bg-color: var(--color-accent-yellow-8);
  --button-text-color: var(--color-accent-yellow-light);
}
@media (any-hover: hover) {
  .btn--yellow:hover {
    --button-border-color: var(--color-accent-yellow-15);
    --button-bg-color: var(--color-accent-yellow-8);
    --button-text-color: var(--color-accent-yellow-light);
  }
}
.btn--yellow:active {
  --button-border-color: var(--color-accent-yellow-15);
  --button-bg-color: var(--color-accent-yellow-8);
  --button-text-color: var(--color-accent-yellow-light);
}
.btn--yellow._active, .btn--yellow[aria-selected=true] {
  --button-border-color: var(--color-accent-yellow-15);
  --button-bg-color: var(--color-accent-yellow-8);
  --button-text-color: var(--color-accent-yellow-light);
}
.btn--white {
  --button-border-color: var(--color-basic-white-100);
  --button-bg-color: var(--color-basic-white-100);
  --button-text-color: var(--color-basic-black-100);
}
@media (any-hover: hover) {
  .btn--white:hover {
    --button-border-color: var(--color-basic-white-100);
    --button-bg-color: var(--color-basic-white-100);
    --button-text-color: var(--color-basic-black-100);
  }
}
.btn--white:active {
  --button-border-color: var(--color-basic-white-100);
  --button-bg-color: var(--color-basic-white-100);
  --button-text-color: var(--color-basic-black-100);
}
.btn--white._active, .btn--white[aria-selected=true] {
  --button-border-color: var(--color-basic-white-100);
  --button-bg-color: var(--color-basic-white-100);
  --button-text-color: var(--color-basic-black-100);
}
.btn--header {
  --button-gap-x: 0.375rem;
  --button-border-radius: 2rem;
  --button-height: 2.375rem;
  --button-padding-x: 0.9375rem;
  --button-font-size: 0.875rem;
}
.btn--sm {
  --button-height: 2.5rem;
}
.btn--xs {
  --button-height: 2.25rem;
  --button-font-size: 0.875rem;
  --button-padding-x: 1.25rem;
}
.btn__text {
  position: relative;
  z-index: 9;
}
.btn i {
  position: relative;
  z-index: 9;
  font-size: 90%;
}
.btn:not(:disabled, ._disabled) {
  cursor: pointer;
}
/* ========== SELECT ========== */
.select.select--secondary .choices__list--dropdown, .select.select--secondary .choices__list[aria-expanded] {
  border-radius: 0.875rem;
  padding: 1.25rem;
  background-color: #1d1d1d;
  backdrop-filter: blur(4.75rem);
}
.select.select--secondary .choices__list--dropdown .choices__item, .select.select--secondary .choices__list[aria-expanded] .choices__item {
  border-radius: 0;
  padding: 0.75rem 0;
  font-size: 1rem;
  font-weight: var(--body-font-weight);
  line-height: 1.4;
  letter-spacing: var(--body-letter-spacing);
  color: var(--color-basic-white-100);
}
.select.select--secondary .choices__list--dropdown .choices__item::before, .select.select--secondary .choices__list[aria-expanded] .choices__item::before {
  display: none;
}
.select.select--secondary .choices__list--dropdown .choices__item--selectable.is-highlighted, .select.select--secondary .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: transparent;
  color: var(--color-basic-white-70);
}
.select.select--secondary .choices__list--dropdown .choices__item--selectable.is-selected, .select.select--secondary .choices__list[aria-expanded] .choices__item--selectable.is-selected {
  color: var(--color-basic-white-70);
}
.select.select--secondary .choices__list--dropdown .choices__item:not(:last-child), .select.select--secondary .choices__list[aria-expanded] .choices__item:not(:last-child) {
  border-block-end: 0.0625rem solid var(--color-basic-white-10);
  margin-block-end: 0;
}
.select--rounded {
  --select-border-radius: 3.125rem;
}
.select--sm {
  --select-height: 3.125rem;
  --select-padding-x: 1.5rem;
}
.select select {
  display: block;
  outline: none;
  border: var(--select-border-width) var(--select-border-style) var(--select-border-color);
  border-radius: var(--select-border-radius);
  width: 100%;
  min-height: var(--select-height);
  padding: var(--select-padding-y) var(--select-padding-x);
  background: none;
  background-color: var(--select-bg-color);
  font-size: var(--select-font-size, 1rem);
  font-weight: var(--select-font-weight, 400);
  line-height: var(--select-line-height, 1);
  color: var(--select-text-color);
  transition: border-color var(--transition-duration);
}
.select select:disabled, .select select._disabled {
  opacity: 0.8;
  cursor: default;
}
@media (any-hover: hover) {
  .select select:not(:disabled, ._disabled):hover {
    border-color: var(--color-primary);
  }
}
.select select:not(:disabled, ._disabled):focus {
  box-shadow: 0 0 0 0.125rem var(--color-primary);
}
.select select:not(:disabled, ._disabled):active {
  border-color: var(--color-primary);
}
.select .choices {
  margin-bottom: 0;
  font-size: var(--select-font-size);
  font-weight: var(--select-font-weight);
  line-height: var(--select-line-height);
}
.select .choices[data-type*=select-one]::after {
  content: var(--select-arrow-icon);
  right: 1.5rem;
  margin-top: 0;
  border: none;
  width: auto;
  height: auto;
  font-family: var(--font-icons);
  transform: translateY(-50%);
  transition: transform var(--transition-duration);
}
.select .choices[data-type*=select-one].is-open::after {
  margin-top: 0;
  border: none;
  transform: translateY(-50%) rotateX(180deg);
}
.select .choices.is-open {
  --select-border-color: var(--color-basic-white-20);
  --select-bg-color: var(--color-basic-white-10);
  --select-placeholder-color: var(--color-basic-white-100);
}
/* .select .choices.is-open .choices__inner {
  border-radius: var(--select-border-radius);
} */
.select .choices.is-open .choices__list--dropdown {
  border-color: var(--color-primary);
}
.select .choices.is-focused {
  --select-border-color: var(--color-basic-white-50);
}
.select .choices__inner {
  border: var(--select-border-width) solid var(--select-border-color);
  border-color: var(--select-border-color) !important;
  border-radius: var(--select-border-radius);
  min-height: var(--select-height);
  background-color: var(--select-bg-color);
  font-size: var(--select-font-size);
  font-weight: var(--select-font-weight);
  line-height: var(--select-line-height);
  transition: border-color var(--transition-duration);
  padding-block-start: calc((var(--select-height) - var(--select-font-size) * var(--select-line-height) - 0.625rem) / 2);
  padding-inline-start: calc(var(--select-padding-x) - 0.3125rem);
}
@media (any-hover: hover) {
  .select .choices__inner:hover {
    --select-border-color: var(--color-basic-white-20);
  }
}
.select .choices__list {
  padding-inline-end: 0.125rem;
}
.select .choices__list::-webkit-scrollbar {
  border-radius: 0.125rem;
  width: 0.125rem;
  height: 0.125rem;
}
.select .choices__list::-webkit-scrollbar-thumb {
  background: var(--color-basic-white-50);
  border-radius: 0.125rem;
}
.select .choices__list::-webkit-scrollbar-track {
  border-radius: 0.125rem;
  background: var(--scrollbar-bg-color);
}
.select .choices__list {
  scrollbar-face-color: var(--color-basic-white-50);
  scrollbar-track-color: var(--scrollbar-bg-color);
}
.select .choices__list--dropdown, .select .choices__list[aria-expanded] {
  z-index: 99;
  margin-top: 0.375rem;
  border: var(--select-border-width) solid var(--select-dropdown-border-color) !important;
  border-radius: var(--select-dropdown-border-radius);
  padding: 0.625rem;
  background-color: var(--select-dropdown-bg-color);
  transition: border-color var(--transition-duration), background-color var(--transition-duration);
  backdrop-filter: var(--select-dropdown-bg-filter);
}
.select .choices__list--dropdown .choices__item, .select .choices__list[aria-expanded] .choices__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.625rem;
  border-radius: var(--border-radius-12);
  padding: 0.625rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.004375rem;
  color: var(--color-basic-white-50);
  transition: color var(--transition-duration), background-color var(--transition-duration);
}
.select .choices__list--dropdown .choices__item::before, .select .choices__list[aria-expanded] .choices__item::before {
  content: "";
  display: inline-block;
  border: var(--select-checkmark-border-width) solid var(--select-checkmark-border-color);
  border-radius: var(--select-checkmark-border-radius);
  width: var(--select-checkmark-size);
  height: var(--select-checkmark-size);
  background-color: var(--select-checkmark-bg-color);
  transition: border-color var(--transition-duration), background-color var(--transition-duration);
}
.select .choices__list--dropdown .choices__item--selectable.is-highlighted, .select .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: var(--color-basic-white-10);
  color: var(--color-basis-white-100);
}
.select .choices__list--dropdown .choices__item--selectable.is-selected, .select .choices__list[aria-expanded] .choices__item--selectable.is-selected {
  --select-checkmark-border-color: var(--color-basic-white-100);
  --select-checkmark-bg-color: var(--color-basic-white-100);
  color: var(--color-basis-white-100);
}
.select .choices__list--dropdown .choices__item--selectable.is-selected::before, .select .choices__list[aria-expanded] .choices__item--selectable.is-selected::before {
  background: var(--color-basic-white-100) url("../img/icons/checkmark.svg") no-repeat center/70% auto;
}
.select .choices__list--dropdown .choices__item:not(:last-child), .select .choices__list[aria-expanded] .choices__item:not(:last-child) {
  margin-block-end: 0.625rem;
}
.select .choices__input {
  background: none;
}
.select .choices__placeholder {
  color: var(--select-placeholder-color);
  opacity: 1;
  transition: color var(--transition-duration);
}

/* ========== INPUTS ========== */
.input input,
.input textarea {
  appearance: none;
  display: block;
  outline: none;
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--input-border-radius);
  width: 100%;
  min-height: var(--input-height);
  padding: var(--input-padding-y) var(--input-padding-x);
  background: none;
  background-color: var(--input-bg-color);
  font-size: var(--input-font-size, 1rem);
  font-weight: var(--input-font-weight, 400);
  line-height: var(--input-line-height, 1);
  color: var(--input-text-color);
  resize: none;
  transition: border-color var(--transition-duration);
}
.input input.placeholder,
.input textarea.placeholder {
  color: var(--input-placeholder-color);
}
.input input::placeholder,
.input textarea::placeholder {
  color: var(--input-placeholder-color);
}
.input input:placeholder,
.input textarea:placeholder {
  color: var(--input-placeholder-color);
}
.input input::placeholder,
.input textarea::placeholder {
  color: var(--input-placeholder-color);
}
.input input:input-placeholder,
.input textarea:input-placeholder {
  color: var(--input-placeholder-color);
}
.input input::input-placeholder,
.input textarea::input-placeholder {
  color: var(--input-placeholder-color);
}
.input input:disabled, .input input._disabled,
.input textarea:disabled,
.input textarea._disabled {
  opacity: 0.8;
  cursor: default;
}
.input input::-webkit-search-decoration, .input input::-webkit-search-cancel-button, .input input::-webkit-search-results-button, .input input::-webkit-search-results-decoration,
.input textarea::-webkit-search-decoration,
.input textarea::-webkit-search-cancel-button,
.input textarea::-webkit-search-results-button,
.input textarea::-webkit-search-results-decoration {
  display: none;
}
@media (any-hover: hover) {
  .input input:not(:disabled, ._disabled):hover,
  .input textarea:not(:disabled, ._disabled):hover {
    --input-border-color: var(--color-basic-white-20);
  }
}
.input input:not(:disabled, ._disabled):focus-visible,
.input textarea:not(:disabled, ._disabled):focus-visible {
  --input-border-color: var(--color-basic-white-20);
}
.input input:not(:disabled, ._disabled):active,
.input textarea:not(:disabled, ._disabled):active {
  --input-border-color: var(--color-basic-white-20);
}

/* Scroll To Top Btn */
.scroll-top-btn {
  --btn-offset-x: 1rem;
  --btn-offset-y: 1rem;
  --btn-border-width: 0.0625rem;
  --btn-border-color: var(--color-basic-white-10);
  --btn-border-radius: 0.875rem;
  --btn-px: 0.875rem;
  --btn-py: 0.875rem;
  --btn-bg-color: var(--color-basic-black-100);
  --btn-text-color: var(--color-basic-white-50);
  --p: 0;
  position: fixed;
  z-index: 999;
  right: var(--btn-offset-x);
  bottom: var(--btn-offset-x);
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  overflow: hidden;
  border: none;
  border-radius: var(--btn-border-radius);
  padding: var(--btn-py) var(--btn-px);
  background-color: var(--btn-bg-color);
  color: var(--btn-text-color);
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: transform var(--transition-duration), border-color var(--transition-duration), color var(--transition-duration);
  font-family: var(--body-font-family);
  font-size: var(--text-sm-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--text-sm-line-height, var(--body-line-height));
  letter-spacing: var(--text-sm-letter-spacing, var(--body-letter-spacing));
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.scroll-top-btn::before, .scroll-top-btn::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.scroll-top-btn::before {
  z-index: 2;
  inset: var(--btn-border-width);
  border-radius: var(--btn-border-radius);
  background-color: var(--btn-bg-color);
}
.scroll-top-btn::after {
  inset: 0;
  border: var(--btn-border-width) solid transparent;
  border-radius: inherit;
  background: conic-gradient(from 0deg, var(--color-primary) calc(var(--p) * 1%), var(--btn-border-color) 0 100%) border-box;
}
.scroll-top-btn[hidden] {
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: translateY(1rem);
}
.scroll-top-btn._scroll-end {
  --btn-text-color: var(--color-basic-white-100);
}
.scroll-top-btn:not(:disabled) {
  cursor: pointer;
}
@media (any-hover: hover) {
  .scroll-top-btn:not(:disabled):hover {
    --btn-text-color: var(--color-basic-white-100);
  }
}
.scroll-top-btn__label {
  position: relative;
  z-index: 9;
}
.scroll-top-btn i {
  position: relative;
  z-index: 9;
}

/* About Project Form */
.about-project-form {
  --card-bg-color: var(--color-basic-black-50);
  --card-bd-filter: blur(0);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 0.0625rem solid transparent;
  border-radius: var(--border-radius-28);
  padding: 1.75rem;
  background: linear-gradient(180deg, var(--card-bg-color), var(--card-bg-color)) padding-box, radial-gradient(220% 220% at 50% 100%, color-mix(in oklab, var(--color-basic-white-20) 25%, transparent), transparent 40%) border-box;
  backdrop-filter: var(--card-bd-filter);
}
.about-project-form__title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.005em;
}
.about-project-form__title:not(:last-child) {
  margin-block-end: 0.375rem;
}
.about-project-form__description {
  font-size: 0.875rem;
  color: var(--color-basic-white-60);
}
.about-project-form__description:not(:last-child) {
  margin-block-end: clamp(2rem, 1.975rem + 0.125vw, 2.125rem);
}
.about-project-form__fields {
  flex: 1 1 auto;
}
.about-project-form__fields:not(:last-child) {
  margin-block-end: 1.75rem;
}
.about-project-form__row {
  --col-width: 100%;
  --col-gap: 0.875rem;
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(var(--col-gap) / 2 * -1);
  row-gap: var(--col-gap);
}
@media (min-width: 62rem) {
  .about-project-form__row {
    --col-width: 50%;
  }
}
.about-project-form__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding-inline: calc(var(--col-gap) / 2);
}
@media (min-width: 62rem) {
  .about-project-form__col--full {
    --col-width: 100%;
  }
}
.about-project-form__btn-box > .btn {
  min-width: 8.75rem;
}

/* ========== CHECKBOX ========== */
.checkbox {
  --control-gap: 1rem;
  --control-mark-border-width: 0.0625rem;
  --control-mark-border-color: var(--color-basic-white-10);
  --control-mark-size: 1.5rem;
  position: relative;
  display: flex;
  gap: var(--control-gap);
  color: var(--color-basic-white-60);
  user-select: none;
}
.checkbox.checkbox--sm {
  --control-gap: 0.75rem;
  --control-mark-size: 1.25rem;
}
.checkbox.checkbox--lg {
  --control-gap: 1.25rem;
  --control-mark-size: 1.75rem;
}
.checkbox input[type=checkbox] {
  position: absolute;
  clip-path: inset(50%);
  overflow: hidden;
  width: 0.0625rem;
  height: 0.0625rem;
  white-space: nowrap;
  clip: rect(0 0 0 0);
}
.checkbox input[type=checkbox]:disabled ~ .checkbox__mark,
.checkbox input[type=checkbox]:disabled ~ .checkbox__text {
  opacity: 0.75;
}
.checkbox input[type=checkbox]:not(:disabled):focus-visible ~ .checkbox__mark {
  outline: 0.125rem solid var(--color-primary);
  outline-offset: 0.125rem;
}
.checkbox input[type=checkbox]:not(:disabled) ~ .checkbox__mark,
.checkbox input[type=checkbox]:not(:disabled) ~ .checkbox__text {
  cursor: pointer;
}
.checkbox input[type=checkbox]:checked ~ .checkbox__mark::after {
  opacity: 1;
  visibility: visible;
}
.checkbox__mark {
  position: relative;
  display: block;
  flex: 0 0 var(--control-mark-size);
  border: var(--control-mark-border-width) solid var(--control-mark-border-color);
  border-radius: 0.25rem;
  width: var(--control-mark-size);
  height: var(--control-mark-size);
  min-width: var(--control-mark-size);
  transition: border-color var(--transition-duration);
}
.checkbox__mark::after {
  content: "";
  position: absolute;
  left: calc(var(--control-mark-size) * 0.33);
  top: calc(var(--control-mark-size) * 0.05);
  border: solid var(--color-primary);
  border-width: 0 calc(var(--control-mark-size) * 0.083) calc(var(--control-mark-size) * 0.083) 0;
  width: calc(var(--control-mark-size) * 0.33);
  height: calc(var(--control-mark-size) * 0.625);
  opacity: 0;
  visibility: hidden;
  transform: rotate(45deg);
  transition: visibility var(--transition-duration), opacity var(--transition-duration);
}
.checkbox__text {
  flex: 1 1 auto;
  align-self: center;
  min-width: 0;
}
.checkbox__text a {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .checkbox__text a:hover {
    text-decoration: none;
  }
}

/* Section Home Hero */
.home-hero {
  --section-pt: clamp(3rem, 2.75rem + 1.25vw, 4.25rem);
  --section-pb: clamp(1.5rem, 1.05rem + 2.25vw, 3.75rem);
  --section-slider-height: 2.25rem;
}
.home-hero__wrap {
  padding-block-start: var(--section-pt);
}
@media (min-width: 62rem) {
  .home-hero__wrap {
    display: flex;
    flex-direction: column;
    min-height: calc(100svh - var(--header-height));
  }
}
.home-hero__img {
  position: relative;
  max-width: clamp(15rem, 13rem + 10vw, 25rem);
  margin-inline: auto;
}
.home-hero__img picture {
  display: contents;
}
.home-hero__img img {
  vertical-align: top;
  object-fit: contain;
}
.home-hero__text {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding-block-end: var(--section-pb);
}
.home-hero__text::after {
  content: "";
  position: absolute;
  left: 0;
  top: -20%;
  bottom: 0;
  width: 100%;
  background-image: linear-gradient(0deg, var(--body-bg-color) 0%, var(--body-bg-color) 84%, transparent 100%);
  pointer-events: none;
}
.home-hero__text:not(:first-child) {
  margin-block-start: -3rem;
}
@media (max-width: 61rem) {
  .home-hero__text:not(:first-child) {
    margin-block-start: -1.75rem;
  }
}
.home-hero__header {
  position: relative;
  z-index: 9;
}
.home-hero__header:not(:last-child) {
  margin-block-end: clamp(1.125rem, 1.025rem + 0.5vw, 1.625rem);
}
.home-hero__title {
  position: relative;
  z-index: 9;
  max-width: 55.75rem;
  text-align: center;
  margin-inline: auto;
}
.home-hero__body {
  position: relative;
  z-index: 9;
}
.home-hero__body:not(:last-child) {
  margin-block-end: 1.75rem;
}
.home-hero__description {
  max-width: 33.125rem;
  text-align: center;
  color: var(--color-basic-white-60);
  margin-inline: auto;
}
@media (max-width: 61rem) {
  .home-hero__description {
    font-size: 0.875rem;
  }
}
.home-hero__footer {
  position: relative;
  z-index: 9;
}
.home-hero__footer:not(:last-child) {
  margin-block-end: clamp(3rem, 1.825rem + 5.875vw, 8.875rem);
}
.home-hero__btn-box {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}
.home-hero__partners {
  position: relative;
  z-index: 9;
}
.home-hero__partners:not(:first-child) {
  margin-block-start: auto;
}

.hero-partners__header:not(:last-child) {
  margin-block-end: 1.75rem;
}
.hero-partners__title {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  font-family: var(--body-font-family);
  text-align: center;
  font-family: var(--body-font-family);
  font-size: var(--text-sm-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--text-sm-line-height, var(--body-line-height));
  letter-spacing: var(--text-sm-letter-spacing, var(--body-letter-spacing));
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.hero-partners__title::after, .hero-partners__title::before {
  content: "";
  flex: 1 1 auto;
  height: 0.0625rem;
  background-color: var(--color-basic-white-5);
  pointer-events: none;
}
.hero-partners__slider-wrap {
  position: relative;
}
.hero-partners__slider-wrap::after {
  content: "";
  position: absolute;
  z-index: 9;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--color-basic-black-100) 0%, transparent 20%, transparent 80%, var(--color-basic-black-100) 100%);
  pointer-events: none;
}
.hero-partners__slider-wrap .swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}
.hero-partners__slider-wrap .swiper-slide {
  width: auto;
}
.hero-partners__slider-wrap .swiper-slide .partner-card {
  height: var(--section-slider-height);
}

/* Section Partners */
.section-partners {
  --section-slider-height: 2.25rem;
  position: relative;
  z-index: 9;
  background-color: var(--body-bg-color);
  color: var(--body-text-color);
}
@media (max-width: 61rem) {
  .section-partners {
    --section-slider-height: 1.75rem;
  }
}
.section-partners__wrap {
  padding-block: clamp(1.5rem, 0.9125rem + 2.9375vw, 4.4375rem) clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem);
}
.section-partners__header:not(:last-child) {
  margin-block-end: 1.75rem;
}
.section-partners__title {
  font-family: var(--body-font-family);
  text-align: center;
  font-family: var(--body-font-family);
  font-size: var(--text-sm-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--text-sm-line-height, var(--body-line-height));
  letter-spacing: var(--text-sm-letter-spacing, var(--body-letter-spacing));
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.section-partners__slider-wrap {
  position: relative;
}
.section-partners__slider-wrap::after {
  content: "";
  position: absolute;
  z-index: 9;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--color-basic-black-100) 0%, transparent 20%, transparent 80%, var(--color-basic-black-100) 100%);
  pointer-events: none;
}
.section-partners__slider-wrap .swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}
.section-partners__slider-wrap .swiper-slide {
  width: auto;
}
.section-partners__slider-wrap .swiper-slide .partner-card {
  height: var(--section-slider-height);
}

/* Section Showreel */
.section-showreel {
  position: relative;
  overflow: hidden;
}
.section-showreel__wrap {
  padding-block: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem) clamp(2rem, 1.15rem + 4.25vw, 6.25rem);
}
.section-showreel__video {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-24);
  padding-bottom: 58.6735%;
  transform-origin: center center;
  will-change: transform;
}
@media (min-width: 62rem) {
  .section-showreel__video {
    min-height: 100svh;
  }
}
.section-showreel__video video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Section Industries */
.section-industries {
  position: relative;
}
.section-industries__wrap {
  padding-block: var(--section-py);
}
.section-industries__header:not(:last-child) {
  margin-block-end: clamp(1rem, 0.825rem + 0.875vw, 1.875rem);
}
.section-industries__title {
  color: var(--color-basic-white-50);
}
.section-industries__list > li:not(:last-child) {
  border-block-end: 0.0625rem solid var(--color-basic-white-10);
}

/* Section General */
.section {
  position: relative;
}
.section--appointment::after {
  --size: 16.875vw;
  content: "";
  position: absolute;
  left: 15%;
  bottom: 5%;
  border-radius: var(--size);
  width: var(--size);
  height: var(--size);
  background-color: var(--color-primary);
  opacity: 0.5;
  filter: blur(9.375rem);
  pointer-events: none;
}
@media (max-width: 61rem) {
  .section--appointment::after {
    --size: 70vw;
    left: 10%;
    top: 40%;
    transform: translateY(-50%);
  }
}
.section--no-spaced {
  --section-py: 0;
}
.section--space-sm {
  --section-py: clamp(2rem, 1.9rem + 0.5vw, 2.5rem);
}
.section--cd-group {
  --section-py: clamp(4rem, 3.8rem + 1vw, 5rem);
}
@media (max-width: 61rem) {
  .section--video-quote .section__wrap {
    --section-py: 4rem;
  }
}
.section__wrap {
  position: relative;
  z-index: 9;
  padding-block: var(--section-py);
}
.section__header:not(:last-child) {
  margin-bottom: 1.75rem;
}
.section__body {
  --mb: 2rem;
}
.section__body:not(:last-child) {
  margin-bottom: var(--mb);
}
.section__body > *:not(:last-child) {
  margin-bottom: 1rem;
}
.section__btn-box {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.section__need-cards {
  display: grid;
  gap: 1.75rem;
  grid-template-columns: var(--grid-2);
}
@media (max-width: 61rem) {
  .section__need-cards {
    gap: 1.5rem;
    grid-template-columns: var(--grid-1);
  }
}
.section__need-cards > li > .need-card {
  min-height: 100%;
}
.section__timeline-cards {
  --col-width: 100%;
  --col-gap: clamp(1.5rem, 1.45rem + 0.25vw, 1.75rem);
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(var(--col-gap) / 2 * -1);
  row-gap: var(--col-gap);
}
@media (min-width: 48rem) {
  .section__timeline-cards {
    --col-width: 50%;
  }
}
@media (min-width: 62rem) {
  .section__timeline-cards {
    --col-width: 33.33%;
  }
}
.section__timeline-cards:not(:last-child) {
  margin-block-end: clamp(2rem, 1.7rem + 1.5vw, 3.5rem);
}
.section__timeline-cards > li {
  flex: 1 0 var(--col-width);
  padding-inline: calc(var(--col-gap) / 2);
}
.section__slider-wrap {
  position: relative;
}
.section__slider-wrap--vertical {
  --transition: 3s;
}
@media (min-width: 62rem) {
  .section__slider-wrap--vertical {
    padding-left: 3.5rem;
  }
}
@media (max-width: 61rem) {
  .section__slider-wrap--vertical {
    padding-top: 2.5rem;
  }
}
.section__slider-wrap--vertical .swiper-pagination-vertical {
  left: 0 !important;
  right: auto !important;
  height: 100%;
}
.section__slider-wrap--vertical .swiper-pagination-vertical.swiper-pagination-bullets {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
}
.section__slider-wrap--vertical .swiper-pagination-vertical .swiper-pagination-bullet {
  flex-direction: column;
}
.section__slider-wrap--vertical .swiper-pagination-vertical .swiper-pagination-bullet span {
  width: 0.0625rem;
  height: auto;
}
.section__slider-wrap--vertical .swiper-pagination-vertical .swiper-pagination-bullet span::after {
  width: 100%;
  height: 0;
}
.section__slider-wrap--vertical .swiper-pagination-vertical .swiper-pagination-bullet-active span::after {
  animation: anim-height var(--transition) forwards linear;
}
.section__slider-wrap--vertical .swiper-pagination-horizontal {
  top: 0 !important;
  bottom: auto !important;
  display: flex;
}
.section__slider-wrap--vertical .swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active span::after {
  animation: anim-width var(--transition) forwards linear;
}
.section__slider-wrap--vertical .swiper-pagination-horizontal .swiper-pagination-bullet span {
  width: auto;
  height: 0.0625rem;
}
.section__slider-wrap--vertical .swiper-pagination-horizontal .swiper-pagination-bullet span::after {
  width: 0;
  height: 100%;
}
.section__slider-wrap--vertical .swiper-pagination-bullet {
  display: flex !important;
  flex: 1 1 auto;
  align-items: center;
  gap: 0.5rem;
  width: auto;
  height: auto;
  background: none;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--color-primary);
  opacity: 0.4;
  transition: opacity var(--transition-duration);
}
.section__slider-wrap--vertical .swiper-pagination-bullet-active {
  opacity: 1;
}
.section__slider-wrap--vertical .swiper-pagination-bullet span {
  position: relative;
  display: block;
  flex: 1 1 auto;
  background-color: var(--color-accent-yellow-15);
}
.section__slider-wrap--vertical .swiper-pagination-bullet span::after {
  content: "";
  position: absolute;
  left: 0;
  background-color: var(--color-primary);
}
.section__group:not(:last-child) {
  margin-block-end: clamp(3rem, 2.8rem + 1vw, 4rem);
}
@media (max-width: 61rem) {
  .section__cd-img {
    margin-inline: calc(var(--container-padding) * -1);
  }
}
@media (max-width: 61rem) {
  .section__ba {
    margin-inline: calc(var(--container-padding) * -1);
  }
}

@keyframes anim-height {
  from {
    height: 0%;
  }
  to {
    height: 100%;
  }
}
@keyframes anim-width {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
/* Section Hero */
.hero {
  --hero-pt: 3rem;
  --hero-pb: 3rem;
}
@media (max-width: 61rem) {
  .hero {
    --hero-pt: 1.5rem;
    --hero-pb: 2.25rem;
  }
}
.hero__wrap {
  padding-block: var(--hero-pt) var(--hero-pb);
}
@media (min-width: 62rem) {
  .hero__wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100svh - var(--header-height) * 1.5);
  }
}
@media (max-width: 61rem) {
  .hero__wrap {
    text-align: center;
  }
}
.hero__row {
  --col-width: 100%;
  --col-gap: 1.5rem;
  display: flex;
  flex-wrap: wrap-reverse;
  align-items: center;
  margin-inline: calc(var(--col-gap) / 2 * -1);
  row-gap: var(--col-gap);
}
@media (min-width: 62rem) {
  .hero__row {
    --col-width: 50%;
    --col-gap: 2rem;
  }
}
.hero__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding-inline: calc(var(--col-gap) / 2);
}
@media (min-width: 62rem) {
  .hero__col--text {
    --col-width: 57%;
  }
}
@media (min-width: 62rem) {
  .hero__col--img {
    --col-width: 43%;
  }
}
.hero__img picture {
  display: contents;
}
.hero__img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media (max-width: 47rem) {
  .hero__img img {
    max-height: 13.75rem;
  }
}
.hero__title:not(:last-child) {
  margin-block-end: 1.125rem;
}
.hero__description {
  max-width: 35.25rem;
  color: var(--color-basic-white-60);
}
.hero__description:not(:last-child) {
  margin-block-end: 1.75rem;
}
.hero__btn-box {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@media (max-width: 61rem) {
  .hero__btn-box {
    flex-direction: column;
    gap: 1rem;
  }
}

/* Section Legacy */
.section-legacy {
  --section-py: clamp(3rem, 2.1rem + 4.5vw, 7.5rem);
  --section-group-space-y: clamp(2rem, 1.65rem + 1.75vw, 3.75rem);
  background-color: var(--color-basic-black-100);
  color: var(--color-basic-white-80);
}
.section-legacy :where(h1, h2, h3, h4, h5, h6, a) {
  color: var(--color-basic-white-100);
}
.section-legacy__wrap {
  padding-block: var(--section-py);
}
.section-legacy__header:not(:last-child) {
  margin-block-end: clamp(2.25rem, 1.95rem + 1.5vw, 3.75rem);
}
.section-legacy__title:not(:last-child) {
  margin-block-end: 0.75rem;
}
.section-legacy__date {
  display: block;
  font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
  font-weight: var(--body-font-weight);
  font-style: italic;
  line-height: var(--body-line-height);
  letter-spacing: -0.02em;
  color: var(--color-basic-white-50);
}
.section-legacy__group:not(:last-child) {
  border-block-end: 0.0625rem solid var(--color-basic-white-10);
  margin-block-end: var(--section-group-space-y);
  padding-block-end: var(--section-group-space-y);
}

/* Section Cases */
.section-cases {
  --section-pt: 6.25rem;
  --section-pb: 7.5rem;
}
@media (max-width: 61rem) {
  .section-cases {
    --section-pt: 4rem;
    --section-pb: 5rem;
  }
}
@media (max-width: 47rem) {
  .section-cases {
    --section-pt: 3rem;
    --section-pb: 3.75rem;
  }
}
.section-cases__wrap {
  padding-block: var(--section-pt) var(--section-pb);
}
.section-cases__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 2rem 0.75rem;
}
.section-cases__header:not(:last-child) {
  margin-block-end: clamp(2rem, 1.65rem + 1.75vw, 3.75rem);
}
.section-cases__title small {
  color: var(--color-basic-white-50);
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  line-height: var(--h4-line-height);
}
.section-cases__controls {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}
@media (max-width: 29rem) {
  .section-cases__controls {
    flex: 0 0 100%;
    flex-direction: column;
  }
}
.section-cases__control {
  min-width: clamp(11.25rem, 10.5rem + 3.75vw, 15rem);
  max-width: clamp(11.25rem, 10.5rem + 3.75vw, 15rem);
}
@media (max-width: 29rem) {
  .section-cases__control {
    min-width: 100%;
    max-width: 100%;
  }
}
.section-cases__cards {
  display: grid;
  gap: clamp(1.25rem, 0.925rem + 1.625vw, 2.875rem) clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
  grid-template-columns: var(--grid-2);
}
@media (max-width: 47rem) {
  .section-cases__cards {
    grid-template-columns: var(--grid-1);
  }
}

/* Section Results */
.section-results__wrap {
  padding-block: var(--section-py);
}
.section-results__header:not(:last-child) {
  margin-block-end: clamp(2rem, 1.5rem + 2.5vw, 4.5rem);
}
@media (max-width: 61rem) {
  .section-results__header:not(:last-child) {
    margin-block-end: 2.5rem;
  }
}
.section-results__review-badge {
  max-width: fit-content;
}
.section-results__review-badge:not(:last-child) {
  margin-block-end: 1.625rem;
}
@media (max-width: 61rem) {
  .section-results__review-badge:not(:last-child) {
    margin-block-end: 2.5rem;
  }
}
.section-results__review-badges-block {
  max-width: fit-content;
}
.section-results__review-badges-block:not(:last-child) {
  margin-block-end: 1.625rem;
}
@media (max-width: 61rem) {
  .section-results__review-badges-block:not(:last-child) {
    margin-block-end: 2.5rem;
  }
}
.section-results__title br + span {
  display: inline-block;
  margin-block-start: clamp(1.5rem, 1.3rem + 1vw, 2.5rem);
}
.section-results__cards {
  display: grid;
  gap: 1.75rem;
  grid-template-columns: var(--grid-3);
}
@media (max-width: 61rem) {
  .section-results__cards {
    gap: 1.5rem;
    grid-template-columns: var(--grid-2);
  }
}
@media (max-width: 47rem) {
  .section-results__cards {
    grid-template-columns: var(--grid-1);
  }
}
.section-results__cards > li > .stats-card {
  min-height: 100%;
}

/* Section Project Types */
.section-project-types {
  --section-pt: clamp(2rem, 1.15rem + 4.25vw, 6.25rem);
  --section-pb: clamp(2rem, 1.15rem + 4.25vw, 6.25rem);
}
.section-project-types__wrap {
  padding-block: var(--section-pt) var(--section-pb);
}
.section-project-types__header:not(:last-child) {
  margin-block-end: 1.75rem;
}
.section-project-types__cards {
  display: grid;
  gap: 2.875rem 1.75rem;
  grid-template-columns: var(--grid-2);
}
@media (max-width: 61rem) {
  .section-project-types__cards {
    grid-template-columns: var(--grid-1);
  }
}
.section-project-types__cards > li > .project-type-card {
  min-height: 100%;
}

/* Section Capabilities */
.section-capabilities__wrap {
  padding-block: var(--section-py);
}
.section-capabilities__cards {
  display: grid;
  gap: 1.75rem;
  grid-template-columns: var(--grid-3);
}
@media (max-width: 61rem) {
  .section-capabilities__cards {
    grid-template-columns: var(--grid-2);
  }
}
@media (max-width: 47rem) {
  .section-capabilities__cards {
    grid-template-columns: var(--grid-1);
    row-gap: 2rem;
  }
}
.section-capabilities__cards > li > .capability-card {
  min-height: 100%;
}

/* Section Solutions */
.section-solutions {
  --section-pt: clamp(2rem, 1.15rem + 4.25vw, 6.25rem);
  --section-pb: clamp(2rem, 1.15rem + 4.25vw, 6.25rem);
}
.section-solutions__wrap {
  padding-block: var(--section-pt) var(--section-pb);
}
@media (min-width: 62rem) {
  .section-solutions__wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100svh;
  }
}
.section-solutions__header.section-solutions__header--space-lg:not(:last-child) {
  margin-block-end: clamp(2rem, 1.6rem + 2vw, 4rem);
}
.section-solutions__header:not(:last-child) {
  margin-block-end: 1.75rem;
}
.section-solutions__cards > li:not(:last-child) {
  margin-block-end: clamp(3rem, 2.8rem + 1vw, 4rem);
}
@media (max-width: 61rem) {
  .section-solutions__slider-wrap .swiper-wrapper {
    display: block;
    width: auto;
    height: auto;
    transform: none;
    transition: none;
  }
}
@media (max-width: 61rem) {
  .section-solutions__slider-wrap .swiper-wrapper .swiper-slide:not(:last-child) {
    margin-block-end: 3rem;
  }
}

/* Section Money Back Guarantee */
.section-mbg__wrap {
  padding-block: var(--section-py);
}

/* Section FAQ */
.section-faq__wrap {
  padding-block: var(--section-py);
}
.section-faq__header:not(:last-child) {
  margin-block-end: clamp(2rem, 1.6rem + 2vw, 4rem);
}
.section-faq__body:not(:last-child) {
  margin-block-end: clamp(2rem, 1.9rem + 0.5vw, 2.5rem);
}
.section-faq__list > li:not(:last-child) {
  margin-block-end: 0.625rem;
}
@media (max-width: 47rem) {
  .section-faq__list > li:not(:last-child) {
    margin-block-end: 1rem;
  }
}
.section-faq__btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

/* Section Services */
.section-services__wrap {
  padding-block: var(--section-py);
}
.section-services__header:not(:last-child) {
  margin-block-end: clamp(2rem, 1.6rem + 2vw, 4rem);
}
.section-services__cards {
  display: grid;
  gap: clamp(1rem, 0.85rem + 0.75vw, 1.75rem);
  grid-template-columns: var(--grid-2);
}
@media (max-width: 61rem) {
  .section-services__cards {
    grid-template-columns: var(--grid-1);
  }
}
.section-services__cards > li > .service-card {
  min-height: 100%;
}

/* Section Team */
.section-team__wrap {
  padding-block: var(--section-py);
}
.section-team__header:not(:last-child) {
  margin-block-end: clamp(2.5rem, 2.3rem + 1vw, 3.5rem);
}
.section-team__title {
  text-align: center;
}
.section-team__slider-wrap {
  position: relative;
}
.section-team__slider-wrap::before, .section-team__slider-wrap::after {
  content: "";
  position: absolute;
  z-index: 9;
  top: 0;
  width: 10%;
  height: 100%;
  pointer-events: none;
}
.section-team__slider-wrap::before {
  left: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.85), transparent 100%);
}
.section-team__slider-wrap::after {
  right: 0;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.85), transparent 100%);
}
.section-team__slider-wrap .swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}

/* Section Location */
.section-location__wrap {
  padding-block: var(--section-py);
}
.section-location__header:not(:last-child) {
  margin-block-end: clamp(2.5rem, 2.3rem + 1vw, 3.5rem);
}
.section-location__title {
  text-align: center;
}
.section-location__cards {
  display: grid;
  gap: 1.75rem;
  grid-template-columns: var(--grid-3);
}
@media (max-width: 61rem) {
  .section-location__cards {
    grid-template-columns: var(--grid-2);
  }
}
@media (max-width: 47rem) {
  .section-location__cards {
    gap: 2rem;
    grid-template-columns: var(--grid-1);
  }
}
.section-location__cards > li > .location-card {
  min-height: 100%;
}

/* Section Awards */
.section-awards__wrap {
  padding-block: var(--section-py);
}
.section-awards__header:not(:last-child) {
  margin-block-end: clamp(2.5rem, 2.1rem + 2vw, 4.5rem);
}
.section-awards__title:not(:last-child) {
  margin-block-end: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}
.section-awards__description {
  color: var(--color-basic-white-60);
}
.section-awards__cards {
  position: relative;
  display: grid;
  gap: clamp(1.5rem, 1.45rem + 0.25vw, 1.75rem);
  grid-template-columns: var(--grid-4);
}
@media (max-width: 61rem) {
  .section-awards__cards {
    grid-template-columns: var(--grid-2);
  }
}
@media (max-width: 47rem) {
  .section-awards__cards {
    grid-template-columns: var(--grid-1);
  }
}
@media (max-width: 61rem) {
  .section-awards__cards::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20%;
    background-image: linear-gradient(to top, var(--color-basic-black-100) 0%, transparent 100%);
  }
}
.section-awards__cards > li > .award-card {
  min-height: 100%;
}
@media (min-width: 62rem) {
  .section-awards__footer {
    display: none;
  }
}
.section-awards__btn-box {
  text-align: center;
}

/* Section Approach */
.section-approach__wrap {
  padding-block: var(--section-py);
}
.section-approach__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}
.section-approach__header:not(:last-child) {
  margin-block-end: clamp(3rem, 2.7rem + 1.5vw, 4.5rem);
}
.section-approach__info {
  flex: 1 1 auto;
  min-width: 0;
}
.section-approach__title {
  font-size: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem);
}
.section-approach__title:not(:last-child) {
  margin-block-end: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
}
.section-approach__description {
  color: var(--color-basic-white-60);
}
.section-approach__cards {
  display: grid;
  gap: 1.75rem;
  grid-template-columns: var(--grid-4);
}
@media (max-width: 61rem) {
  .section-approach__cards {
    grid-template-columns: var(--grid-2);
  }
}
@media (max-width: 47rem) {
  .section-approach__cards {
    gap: 3rem;
    grid-template-columns: var(--grid-1);
  }
}
.section-approach__cards > li > .approach-card {
  min-height: 100%;
}

/* Section Discuss */
.section-discuss--no-spaced {
  --section-py: 0;
}
.section-discuss__wrap {
  padding-block: var(--section-py);
}
@media (max-width: 61rem) {
  .section-discuss__header {
    display: none;
  }
}
.section-discuss__header:not(:last-child) {
  margin-block-end: clamp(2rem, 1.6rem + 2vw, 4rem);
}
.section-discuss__row {
  --col-width: 100%;
  --col-gap: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--col-gap);
}
@media (min-width: 62rem) {
  .section-discuss__row {
    --col-gap: 1.75rem;
    flex-wrap: nowrap;
  }
}
.section-discuss__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
}
@media (min-width: 62rem) {
  .section-discuss__col--aside {
    --col-width: 22.25rem;
  }
}
@media (min-width: 62rem) {
  .section-discuss__col--main {
    flex: 1 1 auto;
    max-width: 100%;
  }
}
.section-discuss__book-call-card {
  min-height: 100%;
}
.section-discuss__about-project-form {
  min-height: 100%;
}
.section-discuss__brief-questions-card {
  min-height: 100%;
}

/* Section Youtube Videos */
.section-yv__wrap {
  padding-block: var(--section-py);
}
.section-yv__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 2rem 1.5rem;
}
.section-yv__header:not(:last-child) {
  margin-block-end: clamp(2rem, 1.6rem + 2vw, 4rem);
}
.section-yv__body:not(:last-child) {
  margin-block-end: clamp(2rem, 1.6rem + 2vw, 4rem);
}
.section-yv__slider-navigation {
  max-width: fit-content;
  margin-inline: auto;
}

/* Section Projects */
.section-projects__wrap {
  padding-block: var(--section-py);
}
.section-projects__header:not(:last-child) {
  margin-block-end: clamp(2rem, 2.05rem + -0.25vw, 1.75rem);
}
.section-projects__body:not(:last-child) {
  margin-block-end: clamp(2rem, 1.8rem + 1vw, 3rem);
}
.section-projects__cards {
  display: grid;
  gap: clamp(2rem, 1.825rem + 0.875vw, 2.875rem) clamp(2rem, 2.05rem + -0.25vw, 1.75rem);
  grid-template-columns: var(--grid-2);
}
@media (max-width: 47rem) {
  .section-projects__cards {
    grid-template-columns: var(--grid-1);
  }
}
.section-projects__btn-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}

/* Section Deliverables */
.section-deliverables {
  position: relative;
}
.section-deliverables::after {
  --size: 18.5vw;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 5%;
  width: var(--size);
  height: calc(var(--size) * 0.4843);
  background-color: var(--color-primary);
  opacity: 0.2;
  filter: blur(9.375rem);
  transform: translateX(-50%);
  pointer-events: none;
}
.section-deliverables__wrap {
  position: relative;
  z-index: 9;
  padding-block: var(--section-py);
}
.section-deliverables__title {
  max-width: 27.75rem;
  text-align: center;
  color: var(--color-basic-white-50);
  margin-inline: auto;
}
.section-deliverables__title--wide {
  max-width: 50rem;
}
.section-deliverables__title--white {
  color: var(--color-basic-white-100);
}
.section-deliverables__title:not(:last-child) {
  margin-block-end: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}
.section-deliverables__title strong {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, #fff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: inherit;
  -webkit-text-fill-color: transparent;
}
.section-deliverables__description {
  color: var(--color-basic-white-60);
}
@media (min-width: 48rem) {
  .section-deliverables__description {
    max-width: 31.25rem;
    text-align: center;
    margin-inline: auto;
  }
}
@media (min-width: 48rem) {
  .section-deliverables__description--wide {
    max-width: 45rem;
  }
}
.section-deliverables__description:not(:last-child) {
  margin-block-end: clamp(2.5rem, 2.3rem + 1vw, 3.5rem);
}
.section-deliverables__cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
@media (max-width: 47rem) {
  .section-deliverables__cards {
    display: grid;
    gap: 3.5rem;
    grid-template-columns: var(--grid-2);
  }
}
@media (min-width: 62rem) {
  .section-deliverables__cards--gutter {
    gap: 0.75rem 3rem;
  }
}
.section-deliverables__cards--gutter > li {
  max-width: 8.75rem;
}
@media (min-width: 48rem) {
  .section-deliverables__cards > li {
    min-width: 8.75rem;
  }
}

/* Section Free e-book */
/* .section-feb__wrap {
  padding-block: var(--section-py);
} */
.section-feb__row {
  --col-width: 100%;
  --col-gap: 1rem;
  --col-gap-y: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-inline: calc(var(--col-gap) / 2 * -1);
  row-gap: var(--col-gap-y);
}
@media (min-width: 62rem) {
  .section-feb__row {
    --col-width: 50%;
    --col-gap: 2rem;
  }
}
@media (min-width: 97.5rem) {
  .section-feb__row {
    --col-gap: 4rem;
  }
}
.section-feb__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding-inline: calc(var(--col-gap) / 2);
}
@media (min-width: 62rem) {
  .section-feb__col--img {
    --col-width: 51.5%;
  }
}
@media (min-width: 62rem) {
  .section-feb__col--text {
    --col-width: 48.5%;
  }
}
.section-feb__img {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-28);
}
.section-feb__img picture {
  display: contents;
}
.section-feb__img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.section-feb__title:not(:last-child) {
  margin-block-end: 1rem;
}
.section-feb__subtitle {
  font-size: 1.875rem;
}
.section-feb__subtitle:not(:last-child) {
  margin-block-end: 2rem;
}
.section-feb__description:not(:last-child) {
  margin-block-end: 3rem;
}
.section-feb__checklist {
  --list-mark-size: 1.5rem;
  color: var(--color-basic-white-80);
}
.section-feb__checklist > li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.section-feb__checklist > li::before {
  content: "";
  flex: 0 0 var(--list-mark-size);
  width: var(--list-mark-size);
  height: var(--list-mark-size);
  background: url("../img/icons/magic-star.svg") no-repeat center/38% auto;
}
.section-feb__checklist > li:not(:last-child) {
  margin-block-end: 0.5rem;
}

.feb-form {
  display: block;
}
.feb-form__body:not(:last-child) {
  margin-block-end: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
}
.feb-form__row {
  --col-width: 100%;
  --col-gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(var(--col-gap) / 2 * -1);
  row-gap: var(--col-gap);
}
@media (min-width: 62rem) {
  .feb-form__row {
    --col-width: 50%;
  }
}
.feb-form__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding-inline: calc(var(--col-gap) / 2);
}
.feb-form__footer {
  display: flex;
  flex-wrap: wrap-reverse;
  align-items: center;
  gap: 2rem 1.5rem;
}

/* Section Soc Proof */
.section-soc-proof__wrap {
  padding-block: var(--section-py);
}
.section-soc-proof__header:not(:last-child) {
  margin-block-end: clamp(2rem, 1.6rem + 2vw, 4rem);
}
.section-soc-proof__title:not(:last-child) {
  margin-block-end: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}
.section-soc-proof__description {
  color: var(--color-basic-white-60);
}
.section-soc-proof__body:not(:last-child) {
  margin-block-end: clamp(2rem, 1.6rem + 2vw, 4rem);
}
.section-soc-proof__slider-navigation {
  max-width: fit-content;
  margin-inline: auto;
}

.soc-proof-slide__row {
  --col-width: 100%;
  --col-gap: 2rem;
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(var(--col-gap) / 2 * -1);
  row-gap: var(--col-gap);
}
@media (min-width: 62rem) {
  .soc-proof-slide__row {
    --col-width: 50%;
    --col-gap: 2rem;
  }
}
@media (min-width: 97.5rem) {
  .soc-proof-slide__row {
    --col-gap: 4rem;
  }
}
.soc-proof-slide__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding-inline: calc(var(--col-gap) / 2);
}
@media (min-width: 62rem) {
  .soc-proof-slide__col--img {
    --col-width: 51.5%;
  }
}
@media (min-width: 62rem) {
  .soc-proof-slide__col--text {
    --col-width: 48.5%;
  }
}
@media (min-width: 62rem) {
  .soc-proof-slide__text {
    padding-block-start: 5%;
  }
}
.soc-proof-slide__review-badge:not(:last-child) {
  margin-block-end: 2rem;
}
.soc-proof-slide__description[data-show-more-content] {
  position: relative;
}
.soc-proof-slide__description[data-show-more-content]::after {
  content: "";
  position: absolute;
  z-index: 9;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background-image: linear-gradient(to top, var(--color-basic-black-100) 0%, var(--color-basic-black-100) 20%, transparent 100%);
  transition: opacity var(--transition-duration), visibility var(--transition-duration);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.soc-proof-slide__description[data-show-more-content]._collapsed::after {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.soc-proof-slide__show-more {
  border: none;
  background: none;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.005em;
  color: var(--color-primary);
  margin-block-start: 0.375rem;
}
.soc-proof-slide__show-more:not(:disabled) {
  cursor: pointer;
}
.soc-proof-slide__show-more:not(:last-child) {
  margin-block-end: 3rem;
}
.soc-proof-slide__author-btn-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

/* Section metrics */
.section-metrics__wrap {
  padding-block: var(--section-py);
}
.section-metrics__header:not(:last-child) {
  margin-block-end: clamp(2rem, 1.6rem + 2vw, 4rem);
}
.section-metrics__grid {
  display: grid;
  gap: clamp(1.5rem, 1.45rem + 0.25vw, 1.75rem);
  grid-auto-rows: auto;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
@media (max-width: 61rem) {
  .section-metrics__grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
.section-metrics__grid > li:nth-child(1) {
  grid-column: 1/span 6;
  grid-row: 1/span 2;
}
@media (max-width: 61rem) {
  .section-metrics__grid > li:nth-child(1) {
    grid-column: 1/-1;
  }
}
.section-metrics__grid > li:nth-child(2) {
  grid-column: 7/span 3;
}
@media (max-width: 61rem) {
  .section-metrics__grid > li:nth-child(2) {
    grid-column: span 3;
  }
}
@media (max-width: 47rem) {
  .section-metrics__grid > li:nth-child(2) {
    grid-column: span 6;
  }
}
.section-metrics__grid > li:nth-child(3) {
  grid-column: 10/span 3;
}
@media (max-width: 61rem) {
  .section-metrics__grid > li:nth-child(3) {
    grid-column: span 3;
  }
}
@media (max-width: 47rem) {
  .section-metrics__grid > li:nth-child(3) {
    grid-column: span 6;
  }
}
.section-metrics__grid > li:nth-child(4) {
  grid-column: 7/span 6;
}
@media (max-width: 61rem) {
  .section-metrics__grid > li:nth-child(4) {
    grid-column: 1/-1;
  }
}
.section-metrics__metric-card {
  min-height: 100%;
}
.section-metrics__stat-card {
  min-height: 100%;
}
.section-metrics__ratings-strip {
  min-height: 100%;
}

/* Section Case Spotlight */
@media (min-width: 62rem) {
  .section-cs[data-swiper-dir=prev] .section-cs__slider-wrap::after {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@media (min-width: 62rem) {
  .section-cs[data-swiper-dir=next] .section-cs__slider-wrap::before {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
.section-cs__wrap {
  padding-block: var(--section-py);
}
.section-cs__header {
  display: grid;
  grid-template-columns: var(--grid-2);
  row-gap: 2rem;
}
@media (max-width: 61rem) {
  .section-cs__header {
    grid-template-columns: var(--grid-1);
  }
}
.section-cs__header:not(:last-child) {
  margin-block-end: clamp(2rem, 1.6rem + 2vw, 4rem);
}
@media (min-width: 62rem) {
  .section-cs__info {
    border-inline-end: 0.0625rem solid var(--color-basic-white-10);
    padding-inline-end: 4rem;
  }
}
.section-cs__subtitle {
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.section-cs__subtitle:not(:last-child) {
  margin-block-end: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}
.section-cs__title:not(:last-child) {
  margin-block-end: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}
@media (min-width: 62rem) {
  .section-cs__metrics {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-inline-start: 4rem;
  }
}
.section-cs__body:not(:last-child) {
  margin-block-end: clamp(2rem, 1.6rem + 2vw, 4rem);
}
.section-cs__slider-wrap {
  --slider-height: 36svh;
  position: relative;
  overflow: hidden;
}
@media (min-width: 62rem) {
  .section-cs__slider-wrap::before, .section-cs__slider-wrap::after {
    content: "";
    position: absolute;
    z-index: 9;
    top: 0;
    width: 15%;
    height: 100%;
    pointer-events: none;
    transition: visibility var(--transition-duration), opacity var(--transition-duration);
  }
}
@media (min-width: 62rem) {
  .section-cs__slider-wrap::before {
    left: 0;
    background-image: linear-gradient(90deg, var(--color-basic-black-100) 0%, transparent 100%);
  }
}
@media (min-width: 62rem) {
  .section-cs__slider-wrap::after {
    right: 0;
    background-image: linear-gradient(-90deg, var(--color-basic-black-100) 0%, transparent 100%);
  }
}
@media (min-width: 62rem) {
  .section-cs__slider-wrap .swiper-slide {
    width: 30%;
    transition: width 0.75s 0.1s;
  }
}
@media (min-width: 62rem) {
  .section-cs__slider-wrap .swiper-slide.swiper-slide-active {
    z-index: 9;
    width: 65%;
  }
}
.section-cs__slider-wrap .cs-img {
  height: var(--slider-height);
}
.section-cs__slider-navigation {
  max-width: fit-content;
  margin-inline: auto;
}

/* UI Metas */
.ui-metas {
  --metas-gap-x: 0.5rem;
  --metas-gap-y: 0.25rem;
  --metas-dot-size: 0.25em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--metas-gap-y) var(--metas-gap-x);
  color: var(--color-basic-white-60);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.ui-metas > li:not(:last-child) {
  display: flex;
  align-items: center;
  gap: var(--metas-gap-y) var(--metas-gap-x);
}
.ui-metas > li:not(:last-child)::after {
  content: "";
  display: inline-block;
  border-radius: var(--metas-dot-size);
  width: var(--metas-dot-size);
  height: var(--metas-dot-size);
  background-color: currentcolor;
}

/* Case Spotlight Img */
.cs-img {
  position: relative;
  display: block;
  overflow: hidden;
  border: 0.0625rem solid var(--color-basic-white-10);
  border-radius: var(--border-radius-28);
}
.cs-img picture {
  display: contents;
}
.cs-img img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
  transform: scale(1.025);
}

/* Section Home Projects */
@media (max-width: 61rem) {
  .section-hp__container {
    padding-inline: var(--container-padding);
  }
}
.section-hp__wrap {
  padding-block: var(--section-py);
}
.section-hp__body:not(:last-child) {
  margin-block-end: clamp(1.5rem, 0.45rem + 5.25vw, 6.75rem);
}
.section-hp__cards {
  display: grid;
  gap: clamp(2rem, 1.05rem + 4.75vw, 6.75rem) 0;
  grid-template-columns: var(--grid-2);
}
@media (max-width: 61rem) {
  .section-hp__cards {
    grid-template-columns: var(--grid-1);
  }
}
.section-hp__cards > li._fluid {
  grid-column: 1/-1;
  min-width: 0;
}
.section-hp__btn-box {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}

/* Section Partnerships */
.section-partnerships__wrap {
  padding-block: var(--section-py);
}
.section-partnerships__title {
  max-width: 36.875rem;
  text-align: center;
  margin-inline: auto;
}
.section-partnerships__title:not(:last-child) {
  margin-block-end: 1rem;
}
.section-partnerships__description {
  max-width: 36.875rem;
  text-align: center;
  color: var(--color-basic-white-60);
  margin-inline: auto;
}
.section-partnerships__description:not(:last-child) {
  margin-block-end: clamp(2rem, 1.6rem + 2vw, 4rem);
}

/* Section Benefits */
.section-benefits__wrap {
  padding-block: var(--section-py);
}
.section-benefits__header:not(:last-child) {
  margin-block-end: clamp(0.75rem, 0.3rem + 2.25vw, 3rem);
}
.section-benefits__list > li:not(:last-child) {
  border-block-end: 0.0625rem solid var(--color-basic-white-10);
}

/* Section Milestone */
.section-milestone {
  position: relative;
  overflow: hidden;
}
.section-milestone__wrap {
  padding-block: var(--section-py);
}
.section-milestone__title:not(:last-child) {
  margin-block-end: 2rem;
}
.section-milestone__title small {
  display: block;
  font-size: 100%;
  color: var(--color-basic-white-30);
}
.section-milestone__title small:not(:last-child) {
  margin-block-end: clamp(0.75rem, 0.6rem + 0.75vw, 1.5rem);
}
.section-milestone__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.section-milestone__col--text {
  max-width: 27.125rem;
}
.section-milestone__col--num {
  max-width: fit-content;
}
.section-milestone__decor:not(:last-child) {
  margin-block-end: clamp(2rem, 1.875rem + 0.625vw, 2.625rem);
}
.section-milestone__decor svg {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.section-milestone__num {
  position: relative;
  display: block;
  max-width: fit-content;
  background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-accent-yellow-15) 100%);
  -webkit-background-clip: text;
  font-size: clamp(12.25rem, 11.95rem + 1.5vw, 13.75rem);
  font-weight: 400;
  line-height: 0.8;
  -webkit-text-stroke: 0.1875rem transparent;
  color: var(--body-bg-color);
  margin-inline-start: auto;
}
@media (max-width: 61rem) {
  .section-milestone__num {
    font-size: 12.25rem;
    line-height: 0.85;
  }
}

/* Section Recognition */
.section-recognition__wrap {
  padding-block: var(--section-py);
}
@media (min-width: 80rem) {
  .section-recognition__wrap {
    padding-inline: 5rem;
  }
}
.section-recognition__row {
  --col-width: 100%;
  --col-gap: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-inline: calc(var(--col-gap) / 2 * -1);
  row-gap: var(--col-gap);
}
@media (min-width: 62rem) {
  .section-recognition__row {
    --col-width: 50%;
  }
}
.section-recognition__col {
  flex: 0 0 var(--col-width);
  min-width: 0;
  max-width: var(--col-width);
  padding-inline: calc(var(--col-gap) / 2);
}
@media (min-width: 62rem) {
  .section-recognition__col--media {
    --col-width: 40%;
  }
}
.section-recognition__text {
  max-width: 30.25rem;
}
.section-recognition__title:not(:last-child) {
  margin-block-end: 1.25rem;
}
.section-recognition__title img {
  vertical-align: middle;
  width: auto;
  max-width: 100%;
  max-height: var(--h2-font-size);
  object-fit: contain;
}
.section-recognition__description {
  color: var(--color-basic-white-60);
}
.section-recognition__description:not(:last-child) {
  margin-block-end: 1.625rem;
}
.section-recognition__stacked-cards:not(:last-child) {
  margin-block-end: 1.75rem;
}

/* Section Home Services */
.section-hs {
  --section-space-y: clamp(2rem, 1.7rem + 1.5vw, 3.5rem);
}
.section-hs__wrap {
  padding-block: var(--section-py);
}
@media (min-width: 62rem) {
  .section-hs__wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(90svh - var(--header-height));
  }
}
.section-hs__header:not(:last-child) {
  margin-block-end: var(--section-space-y);
}
.section-hs__title {
  color: var(--color-basic-white-50);
}
.section-hs__body:not(:last-child) {
  margin-block-end: var(--section-space-y);
}
.section-hs__cards {
  display: flex;
  gap: 1.5rem 1rem;
}
@media (max-width: 61rem) {
  .section-hs__cards {
    flex-direction: column;
  }
}
.section-hs__cards > li {
  flex: 0 1 auto;
}
.section-hs__cards > li > .ext-service-card {
  min-height: 100%;
}
.section-hs__cards > li:has(.ext-service-card._active) {
  flex: 1 1 auto;
}
.section-hs__review-cards {
  display: flex;
  justify-content: center;
  gap: 0.625rem;
}
@media (max-width: 47rem) {
  .section-hs__review-cards {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: var(--grid-2);
  }
}
.section-hs__review-cards > li .hs-review-card {
  min-height: 100%;
}

/* Section Result Facts */
.section-result-facts {
  position: relative;
  overflow: hidden;
}
.section-result-facts__wrap {
  position: relative;
  z-index: 9;
  padding-block: var(--section-py);
}
.section-result-facts__row {
  --col-width: 100%;
  --col-gap: 2rem;
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(var(--col-gap) / 2 * -1);
  row-gap: var(--col-gap);
}
@media (min-width: 62rem) {
  .section-result-facts__row {
    --col-width: 50%;
  }
}
.section-result-facts__col {
  flex: 0 0 var(--col-width);
  min-width: 0;
  max-width: var(--col-width);
  padding-inline: calc(var(--col-gap) / 2);
}
.section-result-facts__text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
  min-height: 100%;
}
.section-result-facts__title {
  max-width: 24rem;
}
.section-result-facts__slider-wrap {
  position: relative;
}
@media (max-width: 61rem) {
  .section-result-facts__slider-wrap {
    padding-bottom: 5rem;
  }
}
.section-result-facts__slider-wrap::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 35%;
  height: 35%;
  background-color: var(--color-primary);
  opacity: 0.4;
  filter: blur(9.375rem);
  transform: translate(-50%, -40%);
  pointer-events: none;
}
.section-result-facts__slider-navigation {
  max-width: fit-content;
}
@media (max-width: 61rem) {
  .section-result-facts__slider-navigation {
    display: none !important;
  }
}

.result-fact-slide__row {
  --col-width: 100%;
  --col-gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(var(--col-gap) / 2 * -1);
  row-gap: var(--col-gap);
}
@media (min-width: 62rem) {
  .result-fact-slide__row {
    --col-width: 50%;
    --col-gap: 2rem;
  }
}
.result-fact-slide__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding-inline: calc(var(--col-gap) / 2);
}
.result-fact-slide__info:not(:last-child) {
  margin-block-end: 3rem;
}

.result-fact-info__grid {
  display: grid;
  gap: 1.5rem 3.75rem;
  grid-template-columns: var(--grid-2);
}
@media (max-width: 47rem) {
  .result-fact-info__grid {
    grid-template-columns: var(--grid-1);
  }
}
.result-fact-info__title {
  font-size: 1.25rem;
}
.result-fact-info__title strong {
  font-size: 1.875rem;
  font-weight: inherit;
}
.result-fact-info__chart-legend {
  color: var(--color-basic-white-60);
  font-family: var(--body-font-family);
  font-size: var(--text-sm-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--text-sm-line-height, var(--body-line-height));
  letter-spacing: var(--text-sm-letter-spacing, var(--body-letter-spacing));
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.result-fact-info__chart-legend > li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.result-fact-info__chart-legend > li::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  border-radius: 0.1875rem;
  width: 0.625rem;
  height: 0.625rem;
  background-color: var(--color);
}
.result-fact-info__chart-legend > li:not(:last-child) {
  margin-block-end: 0.5rem;
}

.result-graph {
  position: relative;
  overflow: hidden;
  padding: 0.75rem;
  color: var(--color-basic-white-100);
  padding-block-start: 1.5rem;
}
.result-graph__row {
  position: relative;
  z-index: 9;
  display: flex;
  gap: 1.5rem;
}
.result-graph__label {
  text-align: center;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.result-graph__grid {
  display: flex;
  flex: 0 0 0.75rem;
  flex-direction: column;
  justify-content: space-between;
  width: 0.75rem;
  height: clamp(15rem, 13rem + 10vw, 25rem);
  object-fit: contain;
}
.result-graph__grid:not(:last-child) {
  margin-inline-end: 1.5rem;
}
.result-graph__grid span {
  border-radius: 0.25rem;
  width: 100%;
  height: 0.0625rem;
  background-color: var(--color-basic-white-20);
}
.result-graph__field {
  position: relative;
  flex: 1 1 auto;
  align-self: stretch;
}
.result-graph__bars {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  height: 100%;
  min-height: 100%;
}
.result-graph__bar {
  width: 100%;
}

.result-graph-bar {
  position: relative;
  background-image: linear-gradient(180deg, rgba(188, 188, 188, 0.12) 0%, rgba(188, 188, 188, 0) 100%);
  transition: height var(--transition-duration-slow);
  border-block-start: 0.125rem solid #bcbcbc;
}
.result-graph-bar--primary {
  background-image: linear-gradient(180deg, rgba(254, 213, 0, 0.15) 0%, rgba(254, 213, 0, 0) 100%);
  border-block-start-color: var(--color-primary);
}
.result-graph-bar__value {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-120%);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Section Reviews */
.section-reviews {
  --section-space-y: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem);
  position: relative;
  overflow: hidden;
  background-color: var(--color-basic-black-100);
  color: var(--color-basic-white-100);
}
.section-reviews__wrap {
  padding-block: var(--section-py);
}
.section-reviews__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
.section-reviews__header:not(:last-child) {
  margin-block-end: var(--section-space-y);
}
.section-reviews__title {
  max-width: 30rem;
}
.section-reviews__body:not(:last-child) {
  margin-block-end: var(--section-space-y);
}
.section-reviews__btn-box {
  text-align: center;
}
.section-reviews__cards-wrap {
  position: relative;
  overflow: hidden;
  max-height: 75svh;
}
.section-reviews__cards-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 25%;
  background: linear-gradient(0deg, #090909 5%, rgba(9, 9, 9, 0) 100%);
  transition: visibility var(--transition-duration), opacity var(--transition-duration);
}
.section-reviews__cards-wrap._expanded {
  max-height: fit-content;
}
.section-reviews__cards-wrap._expanded::after {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.section-reviews__cards {
  --cards-gap: 1.75rem;
  --cards-count: 3;
  column-count: var(--cards-count);
  column-gap: var(--cards-gap);
}
@media (max-width: 61rem) {
  .section-reviews__cards {
    --cards-count: 2;
  }
}
@media (max-width: 47rem) {
  .section-reviews__cards {
    --cards-count: 1;
  }
}
.section-reviews__cards > li:not(:last-child) {
  margin-block-end: var(--cards-gap);
}

/* Reviews Rating */
.reviews-rating__header {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.reviews-rating__header:not(:last-child) {
  margin-block-end: 1rem;
}
.reviews-rating__brand img {
  vertical-align: top;
  object-fit: contain;
}
.reviews-rating__value {
  font-family: var(--display-font-family);
  font-size: 2.625rem;
  font-weight: var(--display-font-weight);
  line-height: 1.1;
}
.reviews-rating__stars:not(:first-child) {
  margin-inline-start: 0.5rem;
}
.reviews-rating__stars img {
  vertical-align: top;
  object-fit: contain;
}
.reviews-rating__label {
  color: var(--color-basic-white-60);
}

/* Section Vertical Hero */
.vertical-hero__wrap {
  padding-block: clamp(3rem, 2rem + 5vw, 8rem) clamp(2rem, 1.775rem + 1.125vw, 3.125rem);
}
.vertical-hero__text {
  max-width: 49.75rem;
  text-align: center;
  margin-inline: auto;
}
.vertical-hero__text:not(:last-child) {
  margin-block-end: clamp(4rem, 3.2rem + 4vw, 8rem);
}
.vertical-hero__title:not(:last-child) {
  margin-block-end: 1.125rem;
}
.vertical-hero__description {
  max-width: 36.25rem;
  margin-inline: auto;
}
.vertical-hero__description:not(:last-child) {
  margin-block-end: 1.125rem;
}
.vertical-hero__img {
  position: relative;
  overflow: hidden;
  border-radius: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
}
.vertical-hero__img--narrow {
  max-width: 49.75rem;
  margin-inline: auto;
}
.vertical-hero__img picture {
  display: contents;
}
.vertical-hero__img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Section Industry Experiences */
.section-ie__wrap {
  padding-block: var(--section-py);
}
.section-ie__header:not(:last-child) {
  margin-block-end: clamp(2rem, 1.6rem + 2vw, 4rem);
}
.section-ie__cards {
  display: grid;
  gap: clamp(1rem, 0.85rem + 0.75vw, 1.75rem);
  grid-template-columns: var(--grid-2);
}
@media (max-width: 61rem) {
  .section-ie__cards {
    grid-template-columns: var(--grid-1);
  }
}
.section-ie__cards > li > .ie-card {
  min-height: 100%;
}

/* Section Efficiency */
.section-efficiency {
  position: relative;
  overflow: hidden;
}
.section-efficiency__wrap {
  padding-block: var(--section-py);
}
.section-efficiency__header:not(:last-child) {
  margin-block-end: clamp(2rem, 1.7rem + 1.5vw, 3.5rem);
}
.section-efficiency__row {
  --col-width: 100%;
  --col-gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
  margin-inline: calc(var(--col-gap) / 2 * -1);
  row-gap: var(--col-gap);
}
@media (min-width: 62rem) {
  .section-efficiency__row {
    --col-width: 50%;
    --col-gap: 1.75rem;
  }
}
.section-efficiency__col {
  flex: 0 0 var(--col-width);
  min-width: 0;
  max-width: var(--col-width);
  padding-inline: calc(var(--col-gap) / 2);
}
.section-efficiency__cards {
  display: flex;
  gap: 1rem;
}
@media (max-width: 61rem) {
  .section-efficiency__cards {
    flex-direction: column;
  }
}
.section-efficiency__cards > li {
  flex: 0 1 auto;
}
.section-efficiency__cards > li:has(.efficiency-card._active) {
  flex: 1 1 auto;
}
.section-efficiency__cards > li > .efficiency-card {
  min-height: 100%;
}
.section-efficiency__quote-card {
  min-height: 100%;
}

/* Section Service Areas */
.section-service-areas__wrap {
  padding-block: var(--section-py);
}
.section-service-areas__header:not(:last-child) {
  margin-block-end: clamp(3rem, 2.8rem + 1vw, 4rem);
}
.section-service-areas__accent-title:not(:last-child) {
  margin-block-end: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}
.section-service-areas__cards {
  display: grid;
  gap: 1.75rem;
  grid-template-columns: var(--grid-3);
}
@media (max-width: 61rem) {
  .section-service-areas__cards {
    grid-template-columns: var(--grid-2);
  }
}
@media (max-width: 47rem) {
  .section-service-areas__cards {
    grid-template-columns: var(--grid-1);
    row-gap: 3rem;
  }
}
.section-service-areas__cards > li > .service-area-card {
  min-height: 100%;
}

/* Section Project Scope */
.section-project-scope__wrap {
  padding-block: var(--section-py);
}
.section-project-scope__row {
  --col-width: 100%;
  --col-gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(var(--col-gap) / 2 * -1);
  row-gap: var(--col-gap);
}
@media (min-width: 62rem) {
  .section-project-scope__row {
    --col-width: 50%;
    --col-gap: 2rem;
  }
}
@media (min-width: 97.5rem) {
  .section-project-scope__row {
    --col-gap: 4rem;
  }
}
.section-project-scope__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding-inline: calc(var(--col-gap) / 2);
}
.section-project-scope__title {
  font-size: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem);
}
.section-project-scope__title:not(:last-child) {
  margin-block-end: 1.75rem;
}
.section-project-scope__cards > li:not(:last-child) {
  margin-block-end: 1.75rem;
}
@media (max-width: 61rem) {
  .section-project-scope__cards > li:not(:last-child) {
    margin-block-end: 2rem;
  }
}

/* Section UX Intro */
.section-ux-intro__wrap {
  padding-block: var(--section-py);
}
.section-ux-intro__header:not(:last-child) {
  margin-block-end: 2.5rem;
}
.section-ux-intro__row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2.5rem;
}
.section-ux-intro__body {
  max-width: 49.75rem;
}

/* Section Tiles */
.section-tiles {
  position: relative;
  overflow: hidden;
}
.section-tiles__wrap {
  padding-block: var(--section-py);
}
.section-tiles__title {
  position: relative;
  z-index: 9;
  text-align: center;
}
.section-tiles__title:not(:last-child) {
  margin-block-end: 1.5rem;
}
.section-tiles__description {
  position: relative;
  z-index: 9;
  max-width: 37.5rem;
  text-align: center;
  margin-inline: auto;
}
.section-tiles__description:not(:last-child) {
  margin-block-end: clamp(3rem, 2.8rem + 1vw, 4rem);
}
@media (max-width: 61rem) {
  .section-tiles__spotlight {
    margin-inline: calc(var(--container-padding) * -1);
  }
}

.spotlight {
  --x: 50%;
  --y: 50%;
  --r: 8.75rem;
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
}
@media (max-width: 61rem) {
  .spotlight::after {
    content: "";
    position: absolute;
    z-index: 9;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(0deg, var(--color-basic-black-100) 0%, transparent 100%);
    pointer-events: none;
  }
}
.spotlight__cards-wrap {
  overflow: auto hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media (max-width: 61rem) {
  .spotlight__cards-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    max-height: 25rem;
  }
}
.spotlight__cards-wrap::-webkit-scrollbar {
  display: none;
}
.spotlight__cards {
  --cards-cols: var(--grid-7);
  --cards-gap: 2rem;
  --cards-offset: 2rem;
  display: grid;
  gap: var(--cards-gap);
  grid-template-columns: var(--cards-cols);
  min-width: 71.25rem;
  padding-block: clamp(3rem, 2.8rem + 1vw, 4rem) var(--cards-offset);
}
.spotlight__cards > li {
  transform: translateY(0);
}
.spotlight__cards > li:nth-child(7n-5), .spotlight__cards > li:nth-child(7n-3), .spotlight__cards > li:nth-child(7n-1) {
  transform: translateY(var(--cards-offset));
}
.spotlight__veil {
  position: absolute;
  z-index: 9;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at var(--x) var(--y), transparent 0, transparent var(--r), var(--color-basic-black-100) 45%), radial-gradient(11.25rem 11.25rem at var(--x) var(--y), rgba(255, 216, 79, 0.18), rgba(255, 216, 79, 0) 100%);
  mix-blend-mode: normal;
  will-change: background;
  pointer-events: none;
  transition: background-position 0.1s linear;
}

@media (pointer: coarse) {
  .spotlight {
    --x: 50%;
    --y: 50%;
    --r: 7.5rem;
  }
}
/* Section Pindeck */
.section-pindeck {
  position: relative;
  overflow: hidden;
}
.section-pindeck__wrap {
  padding-block: var(--section-py);
}
.section-pindeck__grid {
  display: grid;
  gap: clamp(2rem, 1.6rem + 2vw, 4rem);
  grid-template-columns: var(--grid-2);
}
@media (max-width: 61rem) {
  .section-pindeck__grid {
    grid-template-columns: var(--grid-1);
  }
}
.section-pindeck__accent-title:not(:last-child) {
  margin-block-end: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}
.section-pindeck__title:not(:last-child) {
  margin-block-end: 1.5rem;
}
.section-pindeck__description {
  color: var(--color-basic-white-60);
}
.section-pindeck__list.section-pindeck__list--space-sm > li:not(:last-child) {
  margin-block-end: 0.625rem;
}
@media (max-width: 61rem) {
  .section-pindeck__list.section-pindeck__list--space-sm > li:not(:last-child) {
    margin-block-end: 1rem;
  }
}
.section-pindeck__list > li:not(:last-child) {
  margin-block-end: clamp(2rem, 1.6rem + 2vw, 4rem);
}

/* Section Main Article */
.section-ma {
  position: relative;
  overflow: hidden;
}
.section-ma__wrap {
  padding-block: clamp(3rem, 2rem + 5vw, 8rem) clamp(2rem, 1.65rem + 1.75vw, 3.75rem);
}
@media (max-width: 61rem) {
  .section-ma__wrap {
    padding-block: 3rem 2rem;
  }
}
.section-ma__row {
  --col-width: 100%;
  --col-gap: 3rem;
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(var(--col-gap) / 2 * -1);
  row-gap: var(--col-gap);
}
@media (min-width: 62rem) {
  .section-ma__row {
    --col-width: 50%;
    --col-gap: 1.75rem;
  }
}
.section-ma__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding-inline: calc(var(--col-gap) / 2);
}
@media (min-width: 62rem) {
  .section-ma__col--main {
    --col-width: 58.25%;
  }
}
@media (min-width: 62rem) {
  .section-ma__col--aside {
    --col-width: 41.75%;
  }
}
.section-ma__title:not(:last-child) {
  margin-block-end: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
}
.section-ma__description:not(:last-child) {
  margin-block-end: 1rem;
}
@media (max-width: 61rem) {
  .section-ma__description:not(:last-child) {
    margin-block-end: 1.75rem;
  }
}
.section-ma__aside-articles > li:first-child > .aside-article-card {
  padding-block-start: 0;
}
.section-ma__aside-articles > li:not(:last-child) {
  border-block-end: 0.0625rem solid var(--color-basic-white-5);
}

/* Section Articles */
.section-articles__wrap {
  border-block-start: 0.0625rem solid var(--color-basic-white-5);
  padding-block: 3rem var(--section-py);
}
@media (max-width: 61rem) {
  .section-articles__wrap {
    padding-block-end: 3.375rem;
  }
}
.section-articles__header:not(:last-child) {
  margin-block-end: 2.625rem;
}
@media (max-width: 61rem) {
  .section-articles__header:not(:last-child) {
    margin-block-end: 2rem;
  }
}
.section-articles__tabs {
  overflow: auto hidden;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.section-articles__tabs::-webkit-scrollbar {
  display: none;
}
.section-articles__tabs > li {
  display: inline-block;
  vertical-align: top;
}
.section-articles__tabs > li:not(:last-child) {
  margin-inline-end: 1.25rem;
}
.section-articles__body:not(:last-child) {
  margin-block-end: clamp(2.5rem, 1.9rem + 3vw, 5.5rem);
}
@media (max-width: 61rem) {
  .section-articles__body:not(:last-child) {
    margin-block-end: 2.5rem;
  }
}
.section-articles__slider-navigation {
  max-width: fit-content;
  margin-inline: auto;
}
.section-articles__cards-wrap {
  transition: transform var(--transition-duration);
}
.section-articles__cards {
  --cards-cols: 3;
  --cards-gap: 1.75rem;
  column-count: var(--cards-cols);
  column-gap: var(--cards-gap);
}
@media (max-width: 61rem) {
  .section-articles__cards {
    --cards-cols: 2;
  }
}
@media (max-width: 47rem) {
  .section-articles__cards {
    --cards-cols: 1;
    --cards-gap: 2rem;
  }
}
.section-articles__cards > li {
  break-inside: avoid;
}
.section-articles__cards > li:not(:last-child) {
  margin-block-end: var(--cards-gap);
}
.section-articles__panel[data-ct-panel]:not([hidden]) .section-articles__cards-wrap {
  animation: tab-panel-anim 0.75s forwards;
}

@keyframes tab-panel-anim {
  from {
    opacity: 0;
    transform: translateY(1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Section Blog Post */
.section-bp {
  position: relative;
}
.section-bp__wrap {
  padding-block: clamp(2rem, 1.6rem + 2vw, 4rem) var(--section-py);
}
.section-bp__top:not(:last-child) {
  margin-block-end: clamp(2rem, 1.6rem + 2vw, 4rem);
}
.section-bp__middle:not(:last-child) {
  margin-block-end: clamp(3.75rem, 3rem + 3.75vw, 7.5rem);
}

.bp-top {
  overflow: hidden;
}
.bp-top__breadcrumbs:not(:last-child) {
  margin-block-end: clamp(2rem, 1.6rem + 2vw, 4rem);
}
.bp-top__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5rem;
}
.bp-top__col--main {
  max-width: 48rem;
}
.bp-top__title:not(:last-child) {
  margin-block-end: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
}
.bp-top__metas {
  --metas-gap: clamp(1.25rem, 1.1rem + 0.75vw, 2rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.bp-top__metas > li:not(:last-child) {
  position: relative;
  padding-inline-end: var(--metas-gap);
}
.bp-top__metas > li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0.0625rem;
  height: 1.5rem;
  background-color: var(--color-basic-white-10);
  transform: translateY(-50%);
  pointer-events: none;
}
.bp-top__metas > li:not(:first-child) {
  padding-inline-start: var(--metas-gap);
}
.bp-top__read-time {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-basic-white-60);
  font-family: var(--body-font-family);
  font-size: var(--text-sm-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--text-sm-line-height, var(--body-line-height));
  letter-spacing: var(--text-sm-letter-spacing, var(--body-letter-spacing));
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}

.bp-middle {
  overflow: hidden;
}
.bp-middle__img {
  position: relative;
  display: block;
  overflow: hidden;
}
.bp-middle__img picture {
  display: contents;
}
.bp-middle__img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.bp-bottom__row {
  display: flex;
  justify-content: center;
  gap: 1.75rem;
}
@media (max-width: 61rem) {
  .bp-bottom__row {
    flex-wrap: wrap;
  }
}
.bp-bottom__col {
  min-width: 0;
}
@media (min-width: 62rem) {
  .bp-bottom__col--aside {
    max-width: 17.5625rem;
  }
}
@media (min-width: 62rem) {
  .bp-bottom__col--main {
    max-width: 45.0625rem;
  }
}
.bp-bottom__aside {
  position: sticky;
  top: calc(var(--header-height) + 0.75rem);
}
.bp-bottom__menu {
  position: relative;
  color: var(--color-basic-white-60);
}
.bp-bottom__menu > li:not(:last-child) {
  margin-block-end: 1rem;
}
.bp-bottom__menu > li > a {
  position: relative;
  display: block;
  width: 100%;
  transition: color var(--transition-duration);
  padding-inline-start: 1rem;
}
@media (any-hover: hover) {
  .bp-bottom__menu > li > a:hover {
    color: var(--color-basic-white-100);
  }
}
.bp-bottom__menu > li > a._active {
  color: var(--color-basic-white-100);
}
.bp-bottom__menu [data-toc-indicator] {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.0625rem;
  height: var(--h, 0);
  background-color: var(--color-primary);
  transform: translateY(var(--y, 0));
  will-change: transform, height;
  pointer-events: none;
  transition: transform var(--transition-duration), height var(--transition-duration);
}

.bp-text {
  --text-group-space-y: clamp(2rem, 1.6rem + 2vw, 4rem);
  --text-list-indent-spacing: 1em;
  --text-list-item-spacing: 1.5em;
  --text-paragraph-spacing: 1rem;
  --text-img-gap: 1.75rem;
  --text-table-border-radius: 0.5rem;
  --text-table-cell-px: clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem);
  --text-table-cell-py: clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
}
@media (max-width: 61rem) {
  .bp-text {
    font-size: 0.875rem;
  }
}
.bp-text *:not(:last-child) {
  margin-block-end: 2rem;
}
.bp-text h3{
  font-size: clamp(1.5rem, 1.175rem + 1.625vw, 3.125rem);
}
.bp-text h3:not(:first-child) {
  margin-block-start: var(--text-group-space-y);
}
.bp-text h3:not(:last-child) {
  margin-block-end: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
}
.single .bp-text ul{
  list-style: disc;
} 
.bp-text ul {
  padding-left: var(--text-list-indent-spacing);
}
.bp-text ul li:not(:last-child) {
  margin-block-end: var(--text-list-item-spacing);
}
.bp-text ul li::marker {
  color: var(--color-primary);
}
.bp-text ul:has(img) {
  display: grid;
  gap: var(--text-img-gap);
  grid-template-columns: var(--grid-2);
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 61rem) {
  .bp-text ul:has(img) {
    grid-template-columns: var(--grid-1);
  }
}
.bp-text ul:has(img) > li {
  margin: 0 !important;
}
.bp-text ul:has(img) > li:first-child {
  grid-column: 1/-1;
}
.bp-text ul:has(img) > li img {
  display: block;
  border-radius: 1rem;
  width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: cover;
}
.bp-text p:has(img):not(:first-child) {
  margin-block-start: var(--text-group-space-y);
}
.bp-text p:has(img):not(:last-child) {
  margin-block-end: var(--text-group-space-y);
}
.bp-text p img {
  display: block;
  border-radius: 1.5rem;
  width: 100%;
  height: auto;
}
.bp-text a {
  text-decoration: underline;
  color: var(--color-primary);
}
@media (any-hover: hover) {
  .bp-text a:hover {
    text-decoration: none;
  }
}
.bp-text article[class]:not(:first-child) {
  margin-block-start: var(--text-group-space-y);
}
.bp-text article[class]:not(:last-child) {
  margin-block-end: var(--text-group-space-y);
}
.bp-text table {
  overflow: hidden;
  border: 0.0625rem solid var(--color-accent-yellow-8);
  border-radius: var(--text-table-border-radius);
  border-spacing: 0;
  min-width: 45rem;
  font-size: 0.875rem;
  font-weight: var(--body-font-weight);
  line-height: 1.4;
  letter-spacing: var(--body-letter-spacing);
}
@media (max-width: 61rem) {
  .bp-text table {
    font-size: 0.75rem;
  }
}
.bp-text table thead th {
  background-color: var(--color-accent-yellow-8);
  font-weight: 400;
}
.bp-text table thead th:first-child {
  border-top-left-radius: var(--text-table-border-radius);
}
.bp-text table thead th:last-child {
  border-top-right-radius: var(--text-table-border-radius);
}
.bp-text table td,
.bp-text table th {
  border: 0.0625rem solid var(--color-accent-yellow-8);
  padding: var(--text-table-cell-py) var(--text-table-cell-px);
}
.bp-text table th {
  font-weight: inherit;
  text-align: start;
}
.bp-text div:has(table) {
  overflow: auto hidden;
}
.bp-text div:has(table):not(:first-child) {
  margin-block-start: 1.5rem;
}

/* Section Cases Details */
.cd-top {
  position: relative;
  overflow: hidden;
}
.cd-top__wrap {
  padding-block: clamp(2rem, 1.8rem + 1vw, 3rem) 4rem;
}
.cd-top__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5rem;
}
.cd-top__col--text {
  max-width: 49.75rem;
}
.cd-top__title:not(:last-child) {
  margin-block-end: clamp(1rem, 0.8rem + 1vw, 2rem);
}
.cd-top__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem clamp(0.5rem, 0.3rem + 1vw, 1.5rem);
}

.cd-middle {
  position: relative;
  overflow: hidden;
}
.cd-middle__img picture {
  display: contents;
}
.cd-middle__img img {
  display: block;
  width: 100%;
  height: auto;
}

.cd-bottom {
  position: relative;
  overflow: hidden;
}
.cd-bottom__wrap {
  padding-block: clamp(2.5rem, 2.175rem + 1.625vw, 4.125rem) clamp(2rem, 1.8rem + 1vw, 3rem);
}
.cd-bottom__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2.5rem 1.5rem;
}
@media (max-width: 61rem) {
  .cd-bottom__col {
    flex: 0 0 100%;
  }
}
.cd-bottom__col--main {
  max-width: 49.75rem;
}
.cd-bottom__title {
  color: var(--color-basic-white-50);
}
.cd-bottom__title:not(:last-child) {
  border-block-end: 0.0625rem solid var(--color-basic-white-5);
  margin-block-end: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
  padding-block-end: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
}
.cd-bottom__title strong {
  font-weight: inherit;
  color: var(--color-basic-white-100);
}
.cd-bottom__metas:not(:last-child) {
  margin-block-end: clamp(2.5rem, 1.5rem + 5vw, 7.5rem);
}
@media (max-width: 61rem) {
  .cd-bottom__review-badge {
    min-width: 17.5625rem;
    max-width: fit-content;
    margin-inline: auto;
  }
}
@media (max-width: 61rem) {
  .cd-bottom__review-badge .review-badge__btn {
    justify-content: center;
    min-width: 100%;
  }
}

.cd-bottom-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  color: var(--color-basic-white-30);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.cd-bottom-meta__value {
  font-weight: 500;
}
a.cd-bottom-meta__value {
  text-decoration: underline;
  color: var(--color-primary);
}
@media (any-hover: hover) {
  a.cd-bottom-meta__value:hover {
    text-decoration: none;
  }
}

.cd-img {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--border-radius-28);
}
@media (max-width: 61rem) {
  .cd-img {
    border-radius: 0;
  }
}
.cd-img picture {
  display: contents;
}
.cd-img img {
  display: block;
  width: 100%;
  height: auto;
}

.cd-group {
  position: relative;
  overflow: hidden;
}
.cd-group__row {
  --col-width: 100%;
  --col-gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(var(--col-gap) / 2 * -1);
  row-gap: var(--col-gap);
}
@media (min-width: 62rem) {
  .cd-group__row {
    --col-width: 50%;
    --col-gap: 2rem;
  }
}
.cd-group__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding-inline: calc(var(--col-gap) / 2);
}
@media (min-width: 62rem) {
  .cd-group__col--left {
    --col-width: 58%;
  }
}
@media (min-width: 62rem) {
  .cd-group__col--right {
    --col-width: 42%;
  }
}
.cd-group__title {
  font-size: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem);
}
.cd-group__description:not(:last-child) {
  margin-block-end: clamp(2rem, 1.6rem + 2vw, 4rem);
}
.desc-list {
  color: var(--color-basic-white-80);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.desc-list__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
}
.desc-list__row--vertical {
  flex-direction: column;
}
.desc-list__row:not(:first-child) {
  padding-block-start: 1rem;
}
.desc-list__row:not(:last-child) {
  border-block-end: 0.0625rem solid var(--color-basic-white-5);
  padding-block-end: 1rem;
}
.desc-list__label {
  color: var(--color-basic-white-30);
}
.desc-list__label--decored {
  color: var(--color-primary);
  font-size: var(--h2-font-size);
  font-weight: var(--h2-font-weight);
  line-height: var(--h2-line-height);
}
.desc-list__value {
  text-align: end;
}
.desc-list__tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}
.desc-list__country {
  --img-size: 1.75rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-basic-white-100);
}
.desc-list__country img {
  flex: 0 0 var(--img-size);
  width: var(--img-size);
  height: var(--img-size);
  object-fit: cover;
}
.desc-list__year {
  color: var(--color-basic-white-100);
}

.cd-gallery__row {
  display: grid;
  gap: 2rem;
  grid-template-columns: var(--grid-2);
}
@media (max-width: 61rem) {
  .cd-gallery__row {
    gap: 1.75rem;
    grid-template-columns: var(--grid-1);
  }
}
.cd-gallery__col--fluid {
  grid-column: 1/-1;
}
.cd-gallery__img {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-16);
  height: 100%;
}
.cd-gallery__img picture {
  display: contents;
}
.cd-gallery__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Section Other Cases */
.section-other-cases {
  --section-img-offset: 12.5rem;
  position: relative;
  overflow: hidden;
}
.section-other-cases__wrap {
  padding-block: clamp(2rem, 1.9rem + 0.5vw, 2.5rem) clamp(2rem, 1.6rem + 2vw, 4rem);
}
@media (max-width: 61rem) {
  .section-other-cases__container {
    padding-inline: var(--container-padding);
  }
}
@media (max-width: 61rem) {
  .section-other-cases__top:not(:last-child) {
    margin-block-end: 1.5rem;
  }
}
@media (max-width: 61rem) {
  .section-other-cases__middle:not(:last-child) {
    margin-block-end: 1.5rem;
  }
}
.section-other-cases__cards {
  display: grid;
  grid-template-columns: var(--grid-2);
  row-gap: 1.5rem;
}
@media (min-width: 62rem) {
  .section-other-cases__cards {
    padding-top: 12.5rem;
    margin-block-start: -3.75rem;
  }
}
@media (max-width: 61rem) {
  .section-other-cases__cards {
    grid-template-columns: var(--grid-1);
  }
}
@media (min-width: 62rem) {
  .section-other-cases__cards > li:nth-child(even) {
    margin-top: calc(var(--section-img-offset) * -1);
  }
}
@media (min-width: 62rem) {
  .section-other-cases__bottom {
    display: none;
  }
}

/* Section Flow */
.section-flow {
  --section-py: clamp(2rem, 1.15rem + 4.25vw, 6.25rem);
  --section-slider-slide-width: 18.875rem;
}
.section-flow__wrap {
  padding-block: var(--section-py);
}
.section-flow__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
}
.section-flow__header:not(:last-child) {
  margin-block-end: 2.5rem;
}
.section-flow__info {
  max-width: 32.75rem;
}
.section-flow__idea-card {
  flex-grow: 1;
  max-width: 22.75rem;
}
.section-flow__title:not(:last-child) {
  margin-block-end: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
}
.section-flow__title strong {
  font-weight: inherit;
  color: var(--color-basic-white-50);
}
.section-flow__slider-wrap .swiper-slide {
  flex: 0 0 var(--section-slider-slide-width);
  width: var(--section-slider-slide-width);
}

/* Section Honor */
.section-honors {
  position: relative;
  overflow: hidden;
  background-color: var(--color-basic-black-100);
  color: var(--color-basic-white-100);
}
.section-honors__wrap {
  padding-block: var(--section-py);
}
.section-honors__header:not(:last-child) {
  margin-block-end: clamp(2rem, 1.8rem + 1vw, 3rem);
}
.section-honors__title {
  font-size: clamp(1.875rem, 1.725rem + 0.75vw, 2.625rem);
}
.section-honors__body:not(:last-child) {
  margin-block-end: clamp(4rem, 3.175rem + 4.125vw, 8.125rem);
}
.section-honors__slider-wrap {
  position: relative;
  padding-block-end: clamp(2.375rem, 1.95rem + 2.125vw, 4.5rem);
}
@media (max-width: 61rem) {
  .section-honors__slider-wrap:not(:last-child) {
    margin-block-end: 2rem;
  }
}
.section-honors__slider-wrap .swiper .swiper-wrapper {
  padding-block-start: clamp(1.5rem, 1.35rem + 0.75vw, 2.25rem);
}
.section-honors__shelf {
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
  min-inline-size: 46rem;
}
@media (min-width: 62rem) {
  .section-honors__shelf {
    inset-inline: -3.375rem;
  }
}
.section-honors__shelf img {
  display: block;
  object-fit: contain;
  block-size: auto;
  inline-size: 100%;
  max-block-size: 100%;
}
.section-honors__navigation {
  margin-inline: auto;
  max-inline-size: fit-content;
}
@media (min-width: 62rem) {
  .section-honors__navigation {
    display: none !important;
  }
}
.section-honors__footer {
  text-align: center;
}

/* ========== CARD ========== */
.card {
  --card-border-width: 0.0625rem;
  --card-border-color: var(--color-black);
  --card-border-radius: var(--border-radius-8);
  --card-px: 0.5rem;
  --card-py: 0.5rem;
  --card-bg-color: var(--color-white);
  --card-text-color: var(--color-black);
  --card-text-px: 0.5rem;
  --card-text-py: 0.75rem;
  display: block;
  overflow: hidden;
  border: var(--card-border-width) solid var(--card-border-color);
  border-radius: var(--card-border-radius);
  padding: var(--card-py) var(--card-px);
  background-color: var(--card-bg-color);
  color: var(--card-text-color);
}
.card__img {
  position: relative;
  display: block;
  overflow: hidden;
  padding-bottom: 56%;
}
.card__img picture {
  display: contents;
}
.card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card__text {
  padding: var(--card-text-py) var(--card-text-px);
}
.card__title:not(:last-child) {
  margin-bottom: 0.5rem;
}

/* Project Card */
.project-card {
  --card-img-border-width: 0.0625rem;
  --card-img-border-color: var(--color-basic-white-10);
  --card-img-border-radius: var(--border-radius-28);
  --card-metas-gap: 0.5rem;
  --card-metas-dot-size: 0.1875rem;
  --px: 0;
  --py: 0;
  position: relative;
}
@media (max-width: 61rem) {
  .project-card {
    --card-img-border-radius: var(--border-radius-20);
  }
}
.project-card--img-ratio .project-card__img {
  padding-bottom: 76.4%;
}
.project-card--img-ratio .project-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project-card--img-ratio-lg .project-card__img {
  padding-bottom: 76.4%;
}
@media (min-width: 62rem) {
  .project-card--img-ratio-lg .project-card__img {
    padding-bottom: calc(12.5rem + 76.4%);
  }
}
.project-card--img-ratio-lg .project-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project-card--img-rounded-lt .project-card__img {
  border-top-left-radius: 1.75rem;
}
.project-card:has(.project-card__btn._active) .project-card__inner {
  cursor: none;
}
.project-card__inner {
  display: block;
}
@media (any-hover: hover) {
  .project-card__inner:hover .project-card__tags {
    opacity: 1;
    transform: translateY(0);
  }
}
.project-card__img {
  position: relative;
  display: block;
  overflow: hidden;
}
.project-card__img picture {
  display: contents;
}
.project-card__img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.project-card__tags {
  --tags-offset: 0.875rem;
  position: absolute;
  z-index: 19;
  left: var(--tags-offset);
  bottom: var(--tags-offset);
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  opacity: 0;
  transform: translateY(150%);
  will-change: transform, opacity;
  transition: transform var(--transition-duration), opacity var(--transition-duration);
}
.project-card__text {
  padding: 1.25rem 3rem;
}
@media (max-width: 61rem) {
  .project-card__text {
    padding: 1rem 0;
  }
}
.project-card__metas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--card-metas-gap) / 2) var(--card-metas-gap);
  color: var(--color-basic-white-60);
}
.project-card__metas:not(:last-child) {
  margin-block-end: 1rem;
}
.project-card__metas > li:not(:last-child) {
  display: flex;
  align-items: center;
  gap: var(--card-metas-gap);
}
.project-card__metas > li:not(:last-child)::after {
  content: "";
  display: inline-block;
  border-radius: var(--card-metas-dot-size);
  width: var(--card-metas-dot-size);
  height: var(--card-metas-dot-size);
  background-color: currentcolor;
}
.project-card__title {
  font-size: clamp(1rem, 0.825rem + 0.875vw, 1.875rem);
  font-weight: 500;
  line-height: 1.2;
  color: var(--color-basic-white-100);
}
.project-card__type {
  font-family: var(--body-font-family);
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.005em;
}
.project-card__description {
  max-width: 48rem;
  font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
  color: var(--color-basic-white-60);
}
.project-card__btn {
  position: absolute;
  z-index: 29;
  left: 0;
  top: 0;
  transform: translate(var(--px, 0), var(--py, 0)) translate(-50%, -50%);
  will-change: transform, opacity;
  transition: visibility var(--transition-duration), opacity var(--transition-duration);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.project-card__btn._active {
  opacity: 1;
  visibility: visible;
}

/* Case Card */
.case-card {
  --card-img-border-width: 0.0625rem;
  --card-img-border-color: var(--color-basic-white-10);
  --card-img-border-radius: var(--border-radius-28);
  --card-metas-gap: 0.5rem;
  --card-metas-dot-size: 0.1875rem;
}
@media (max-width: 61rem) {
  .case-card {
    --card-img-border-radius: var(--border-radius-20);
  }
}
.case-card__inner {
  display: block;
}
@media (any-hover: hover) {
  .case-card__inner:hover {
    --card-img-border-color: var(--color-basic-white-40);
  }
  .case-card__inner:hover .case-card__img img {
    transform: scale(1.1);
  }
}
@media (any-hover: hover) and (min-width: 62rem) {
  .case-card__inner:hover .case-card__tags {
    opacity: 1;
    transform: translateY(0);
  }
}
.case-card__img-wrap {
  position: relative;
  display: block;
  overflow: hidden;
}
.case-card__img-wrap:not(:last-child) {
  margin-block-end: 0.75rem;
}
.case-card__img {
  position: relative;
  display: block;
  overflow: hidden;
  border: var(--card-img-border-width) solid var(--card-img-border-color);
  border-radius: var(--card-img-border-radius);
  padding-bottom: 77.97%;
  transition: border-color var(--transition-duration);
}
@media (max-width: 61rem) {
  .case-card__img:not(:last-child) {
    margin-block-end: 1rem;
  }
}
.case-card__img picture {
  display: contents;
}
.case-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: calc(var(--card-img-border-radius) + var(--card-img-border-width));
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
  transition: transform var(--transition-duration-slow);
}
.case-card__tags {
  --tags-offset: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media (min-width: 62rem) {
  .case-card__tags {
    position: absolute;
    left: var(--tags-offset);
    bottom: var(--tags-offset);
    opacity: 0;
    transform: translateY(200%);
    transition: transform var(--transition-duration), opacity var(--transition-duration);
  }
}
.case-card__metas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--card-metas-gap) / 2) var(--card-metas-gap);
  color: var(--color-basic-white-60);
}
.case-card__metas > li:not(:last-child) {
  display: flex;
  align-items: center;
  gap: var(--card-metas-gap);
}
.case-card__metas > li:not(:last-child)::after {
  content: "";
  display: inline-block;
  border-radius: var(--card-metas-dot-size);
  width: var(--card-metas-dot-size);
  height: var(--card-metas-dot-size);
  background-color: currentcolor;
}
.case-card__title {
  color: var(--color-white);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.case-card__type {
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}

/* Stats Card */
.stats-card {
  --card-border-width: 0;
  --card-border-color: transparent;
  --card-border-radius: var(--border-radius-24);
  --card-bg-color: var(--color-basic-white-5);
  position: relative;
  overflow: hidden;
  border: var(--card-border-width) solid transparent;
  border-radius: var(--card-border-radius);
}
.stats-card--highlight {
  --card-border-width: 0.0625rem;
  --card-bg-color: var(--color-basic-black-100);
}
@media (any-hover: hover) {
  .stats-card--highlight:hover::after {
    animation: gradient-border 1s linear alternate;
  }
}
.stats-card--highlight::after {
  content: "";
  position: absolute;
  inset: 0;
  border: var(--card-border-width) solid transparent;
  border-radius: inherit;
  background: linear-gradient(to right, var(--card-bg-color), var(--card-bg-color)) content-box, conic-gradient(from var(--angle), var(--color-primary) 0deg, transparent 45deg, transparent 90deg, var(--color-white) 135deg, transparent 180deg, transparent 220deg, var(--color-primary) 360deg) border-box;
  pointer-events: none;
}
.stats-card--highlight .stats-card__inner {
  background: none;
}
.stats-card__inner {
  position: relative;
  z-index: 9;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column-reverse;
  gap: 0.5rem;
  border-radius: inherit;
  padding: clamp(1.5rem, 1.3125rem + 0.9375vw, 2.4375rem) 2.375rem;
  background-color: var(--card-bg-color);
}
.stats-card__value {
  display: flex;
  font-family: var(--display-font-family);
  font-size: clamp(1.875rem, 1.55rem + 1.625vw, 3.5rem);
  font-weight: 600;
  line-height: var(--display-line-height);
}
.stats-card__description {
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.005em;
  color: var(--color-basic-white-60);
}

@keyframes gradient-border {
  from {
    --angle: 0turn;
  }
  to {
    --angle: 1turn;
  }
}
@property --angle {
  inherits: true;
  initial-value: 0turn;
  syntax: "<angle>";
}
/* Project Type Card */
.project-type-card {
  --card-border-radius: var(--border-radius-28);
  --card-px: 2rem;
  --card-py: 2rem;
  display: block;
  overflow: hidden;
  border: 0.0625rem solid var(--color-basic-white-10);
  border-radius: var(--card-border-radius);
  background-color: var(--color-basic-white-5);
}
@media (max-width: 61rem) {
  .project-type-card {
    --card-px: 1.5rem;
    --card-py: 1.5rem;
  }
}
@media (min-width: 62rem) {
  .project-type-card[data-state=content] .project-type-card__img-wrap {
    opacity: 0;
  }
}
@media (min-width: 62rem) {
  .project-type-card[data-state=content] .project-type-card__text {
    opacity: 1;
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
}
@media (max-width: 61rem) {
  .project-type-card[data-state=content] .project-type-card__text {
    grid-template-rows: 1fr;
  }
}
.project-type-card[data-state=content] .project-type-card__toggle-btn {
  background-color: var(--color-basic-white-20);
}
.project-type-card[data-state=content] .project-type-card__toggle-btn i {
  transform: rotateX(180deg);
}
.project-type-card__header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: var(--card-py) var(--card-px);
}
.project-type-card__title {
  flex: 1 1 auto;
  min-width: 0;
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.00625rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.project-type-card__toggle-btn {
  --btn-size: 2.5rem;
  display: flex;
  flex: 0 0 var(--btn-size);
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 0.0625rem solid var(--color-basic-white-10);
  border-radius: var(--btn-size);
  width: var(--btn-size);
  height: var(--btn-size);
  background-color: var(--color-basic-white-5);
  color: var(--color-white);
  transition: background-color var(--transition-duration);
}
.project-type-card__toggle-btn:not(:disabled) {
  cursor: pointer;
}
@media (any-hover: hover) {
  .project-type-card__toggle-btn:not(:disabled):hover {
    background-color: var(--color-basic-white-20);
  }
}
.project-type-card__toggle-btn i {
  transition: transform var(--transition-duration);
}
.project-type-card__body {
  position: relative;
  padding-inline: var(--card-px);
}
.project-type-card__img-wrap {
  max-width: 88%;
  opacity: 1;
  transition: opacity var(--transition-duration);
  margin-inline: auto;
}
@media (max-width: 61rem) {
  .project-type-card__img-wrap {
    max-width: 100%;
  }
}
@media (min-width: 62rem) {
  .project-type-card__text {
    position: absolute;
    z-index: 19;
    left: var(--card-px);
    right: var(--card-px);
    top: 0;
    overflow: hidden auto;
    height: calc(100% - var(--card-py));
    transform: translateY(100%);
    transition: transform var(--transition-duration), visibility var(--transition-duration), opacity var(--transition-duration);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .project-type-card__text::-webkit-scrollbar {
    border-radius: 0.25rem;
    width: 0.25rem;
    height: 0.25rem;
  }
  .project-type-card__text::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb-color);
    border-radius: 0.25rem;
  }
  .project-type-card__text::-webkit-scrollbar-track {
    border-radius: 0.25rem;
    background: var(--scrollbar-bg-color);
  }
  .project-type-card__text {
    scrollbar-face-color: var(--scrollbar-thumb-color);
    scrollbar-track-color: var(--scrollbar-bg-color);
  }
}
@media (max-width: 61rem) {
  .project-type-card__text {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--transition-duration);
  }
}
.project-type-card__text-inner {
  overflow: hidden;
}
@media (max-width: 61rem) {
  .project-type-card__text-padding {
    padding-block: 1.5rem;
  }
}
.project-type-card__img {
  position: relative;
  display: block;
  overflow: hidden;
  border-top-left-radius: var(--card-border-radius);
  border-top-right-radius: var(--card-border-radius);
  padding-bottom: 76.84%;
}
.project-type-card__img picture {
  display: contents;
}
.project-type-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.025);
}
.project-type-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
@media (max-width: 61rem) {
  .project-type-card__tags {
    gap: 0.5rem;
  }
}
.project-type-card__tags:not(:last-child) {
  margin-block-end: clamp(1.5rem, 1.45rem + 0.25vw, 1.75rem);
}
.project-type-card__tags > li > a {
  display: flex;
  align-items: center;
  border: 0.0625rem solid var(--color-basic-white-10);
  border-radius: 2.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1.25rem;
  background-color: var(--color-basic-white-10);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.004375rem;
  transition: border-color var(--transition-duration);
}
@media (max-width: 61rem) {
  .project-type-card__tags > li > a {
    min-height: 2.25rem;
    padding: 0.5rem 1.125rem;
  }
}
@media (any-hover: hover) {
  .project-type-card__tags > li > a:hover {
    border-color: var(--color-basic-white-40);
  }
}
.project-type-card__description {
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.project-type-card__description:not(:last-child) {
  margin-block-end: clamp(1.5rem, 1.45rem + 0.25vw, 1.75rem);
}
.project-type-card__description > *:not(:last-child) {
  margin-block-end: 1rem;
}

/* Capability Card */
.capability-card {
  --card-border-radius: var(--border-radius-24);
  --card-px: clamp(1.5rem, 1.325rem + 0.875vw, 2.375rem);
  --card-py: clamp(1.5rem, 1.3rem + 1vw, 2.5rem);
  display: flex;
  flex-direction: column;
  border-radius: var(--card-border-radius);
  padding: var(--card-py) var(--card-px) 0;
  background-color: var(--color-basic-white-5);
  transition: transform var(--transition-duration);
}
@media (any-hover: hover) {
  .capability-card:hover {
    transform: translateY(-2%);
  }
}
.capability-card__title:not(:last-child) {
  margin-block-end: 1rem;
}
.capability-card__description {
  flex: 1 1 auto;
  color: var(--color-basic-white-60);
  text-wrap: balance;
  font-family: var(--body-font-family);
  font-size: var(--text-lg-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--text-lg-line-height, var(--body-line-height));
  letter-spacing: var(--text-lg-letter-spacing, var(--body-letter-spacing));
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.capability-card__description:not(:last-child) {
  margin-block-end: 2rem;
}
.capability-card__img {
  position: relative;
  overflow: hidden;
  padding-bottom: 70.13%;
}
.capability-card__img picture {
  display: contents;
}
.capability-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Solution Card */
.solution-card__row {
  --col-width: 100%;
  --col-gap: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-inline: calc(var(--col-gap) / 2 * -1);
  row-gap: var(--col-gap);
}
@media (min-width: 62rem) {
  .solution-card__row {
    --col-width: 50%;
  }
}
@media (min-width: 97.5rem) {
  .solution-card__row {
    --col-gap: 4rem;
  }
}
.solution-card__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding-inline: calc(var(--col-gap) / 2);
}
@media (min-width: 62rem) {
  .solution-card__col--img {
    --col-width: 51.45%;
  }
}
@media (min-width: 62rem) {
  .solution-card__col--text {
    --col-width: 48.55%;
  }
}
.solution-card__img {
  overflow: hidden;
  border: 0.0625rem solid var(--color-basic-white-10);
  border-radius: var(--border-radius-28);
}
.solution-card__img picture {
  display: contents;
}
.solution-card__img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  transform: scale(1.025);
}
.solution-card__title {
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
  line-height: var(--display-line-height);
}
.solution-card__title:not(:last-child) {
  margin-block-end: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
}
.solution-card__description {
  color: var(--color-basic-white-60);
}
.solution-card__description:not(:last-child) {
  margin-block-end: clamp(1.5rem, 1.2rem + 1.5vw, 3rem);
}

/* Money Back Guarantee */
.mbg-card {
  --card-border-radius: var(--border-radius-28);
  --card-bg-color: var(--color-basic-black-20);
  --card-text-color: var(--color-basic-white-100);
  --card-bd-filter: blur(0);
  position: relative;
  overflow: hidden;
  border: 0.0625rem solid transparent;
  border-radius: var(--card-border-radius);
  text-align: center;
}
@media (any-hover: hover) {
  .mbg-card:hover .mbg-card__blur::before, .mbg-card:hover .mbg-card__blur::after {
    opacity: 1;
  }
}
@media (max-width: 61rem) {
  .mbg-card {
    --card-border-radius: var(--border-radius-32);
  }
}
.mbg-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/industries/money-back-guarantee/deocr.svg") no-repeat center top 10%/36% auto;
  pointer-events: none;
}
@media (max-width: 61rem) {
  .mbg-card::after {
    background-size: 75% auto;
  }
}
.mbg-card__blur {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}
.mbg-card__blur::before, .mbg-card__blur::after {
  --size: 54.4vw;
  content: "";
  position: absolute;
  bottom: 0;
  border-radius: var(--size);
  width: var(--size);
  height: calc(var(--size) * 0.7872);
  background-color: var(--color-primary);
  opacity: 0.7;
  filter: blur(9.375rem);
  transition: opacity var(--transition-duration);
}
.mbg-card__blur::before {
  left: 0;
  transform: translateX(-50%) translateY(100%);
}
.mbg-card__blur::after {
  right: 0;
  transform: translateX(50%) translateY(100%);
}
.mbg-card__inner {
  position: relative;
  z-index: 9;
  overflow: hidden;
  border-radius: var(--card-border-radius);
  padding: clamp(11rem, 10.625rem + 1.875vw, 12.875rem) 1.5rem clamp(2rem, 1.875rem + 0.625vw, 2.625rem);
  background-color: var(--card-bg-color);
  color: var(--card-text-color);
  backdrop-filter: var(--card-bd-filter);
}
.mbg-card__content {
  position: relative;
  z-index: 9;
  max-width: 31.25rem;
  margin-inline: auto;
}
.mbg-card__badge {
  --badge-icon-size: 1.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 62.4375rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--color-basic-white-5);
  font-family: var(--body-font-family);
  font-size: var(--text-sm-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--text-sm-line-height, var(--body-line-height));
  letter-spacing: var(--text-sm-letter-spacing, var(--body-letter-spacing));
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.mbg-card__badge:not(:last-child) {
  margin-block-end: clamp(0.875rem, 0.75rem + 0.625vw, 1.5rem);
}
.mbg-card__badge picture {
  display: contents;
}
.mbg-card__badge img {
  flex: 0 0 var(--badge-icon-size);
  width: var(--badge-icon-size);
  height: var(--badge-icon-size);
  object-fit: contain;
}
.mbg-card__title {
  font-size: clamp(1.875rem, 1.725rem + 0.75vw, 2.625rem);
}
.mbg-card__title:not(:last-child) {
  margin-block-end: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
}
.mbg-card__description:not(:last-child) {
  margin-block-end: 1.5rem;
}

/* Service Card */
.service-card {
  --card-border-width: 0.0625rem;
  --card-border-color: var(--color-basic-white-10);
  --card-border-radius: var(--border-radius-28);
  --card-px: 2rem;
  --card-py: 2rem;
  --card-bg-color: var(--color-basic-white-5);
  --card-img-size: 4.625rem;
  --card-img-border-radius: 1.125rem;
  --card-img-border-width: 0.0625rem;
  --card-img-border-color: var(--color-basic-white-5);
  display: block;
  overflow: hidden;
  border: var(--card-border-width) solid var(--card-border-color);
  border-radius: var(--card-border-radius);
  padding: var(--card-py) var(--card-px);
  background-color: var(--card-bg-color);
}
.service-card__header {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.service-card__body {
  flex: 1 1 auto;
  min-width: 0;
}
.service-card__row {
  display: flex;
  align-items: flex-start;
  gap: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
}
@media (max-width: 61rem) {
  .service-card__row {
    flex-direction: column;
  }
}
.service-card__img {
  flex-shrink: 0;
}
.service-card__text {
  flex: 1 1 auto;
  min-width: 0;
}
.service-card__title {
  flex: 1 1 auto;
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.00625rem;
}
.service-card__title:not(:last-child) {
  margin-block-end: 1.75rem;
}

/* Share Card */
.share-card {
  display: block;
  overflow: hidden;
  border: 0.0625rem solid var(--color-basic-white-10);
  border-radius: var(--border-radius-28);
  background-color: var(--color-basic-white-5);
}
.share-card__inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  padding: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
}
@media (min-width: 62rem) {
  .share-card__inner {
    min-height: 50svh;
  }
}
@media (min-width: 62rem) {
  .share-card__body {
    width: 43.125rem;
    max-width: 43.125rem;
    margin-inline: auto;
  }
}
.share-card__title {
  font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
}
.share-card__title:not(:last-child) {
  margin-block-end: 0.5rem;
}
.share-card__description {
  color: var(--color-basic-white-70);
}
.share-card__description:not(:last-child) {
  margin-block-end: 2rem;
}
.share-card__input:not(:last-child) {
  margin-block-end: 2rem;
}
.share-card__input input {
  display: block;
  border: none;
  width: 100%;
  padding: 1rem 0.5rem;
  background: none;
  font-size: clamp(1rem, 0.825rem + 0.875vw, 1.875rem);
  font-weight: 500;
  line-height: 1.2;
  color: var(--color-white);
  transition: border-color var(--transition-duration);
  border-block-end: 0.0625rem solid var(--color-basic-white-20);
}
@media (any-hover: hover) {
  .share-card__input input:not(:disabled):hover {
    border-block-end-color: var(--color-basic-white-70);
  }
}
.share-card__footer {
  justify-self: flex-end;
}
.share-card__btn-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.75rem 0.5rem;
  min-width: 0;
}
.share-card__btn-box--start {
  justify-content: flex-start;
}
.share-card__navigation {
  display: flex;
  justify-content: flex-end;
  gap: 0.375rem;
  min-width: 0;
}

/* Team Member Card */
@media (any-hover: hover) {
  .team-member-card:hover .team-member-card__img img {
    transform: scale(1.1);
  }
}
.team-member-card__img {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-24);
  padding-bottom: 114.285%;
}
.team-member-card__img:not(:last-child) {
  margin-block-end: 1rem;
}
.team-member-card__img picture {
  display: contents;
}
.team-member-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
  will-change: transform;
  transition: transform 0.75s;
}
.team-member-card__name {
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
}
.team-member-card__name:not(:last-child) {
  margin-block-end: 0.5rem;
}
.team-member-card__role {
  font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
  color: var(--color-basic-white-60);
}

/* Location Card */
.location-card {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--border-radius-24);
  padding: clamp(1.5rem, 1.3rem + 1vw, 2.5rem) clamp(1.5rem, 1.325rem + 0.875vw, 2.375rem);
  background-color: var(--color-basic-white-5);
}
.location-card__header {
  display: flex;
  gap: 0.5rem;
}
.location-card__header:not(:last-child) {
  margin-block-end: clamp(1rem, 0.8rem + 1vw, 2rem);
}
.location-card__info {
  flex: 1 1 auto;
  min-width: 0;
}
.location-card__flag {
  --flag-size: 2.5rem;
  flex: 0 0 var(--flag-size);
  overflow: hidden;
  border-radius: var(--flag-size);
  width: var(--flag-size);
  height: var(--flag-size);
}
.location-card__flag img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}
.location-card__title {
  font-size: 1.875rem;
}
.location-card__title:not(:last-child) {
  margin-block-end: 1rem;
}
.location-card__subtitle {
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.005em;
  color: var(--color-basic-white-60);
}
.location-card__body {
  margin-block-start: auto;
}
.location-card__img {
  position: relative;
  overflow: hidden;
  padding-bottom: 94.375%;
}
.location-card__img picture {
  display: contents;
}
.location-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Award Card */
.award-card {
  --award-card-height: 8.25rem;
  --award-card-width: 7.5rem;
  display: block;
  overflow: hidden;
  border-radius: var(--border-radius-24);
  padding: clamp(1rem, 0.8rem + 1vw, 2rem) clamp(1.5rem, 1.325rem + 0.875vw, 2.375rem);
  background-color: var(--color-basic-white-5);
}
@media (min-width: 48rem) {
  .award-card {
    text-align: center;
  }
}
.award-card__row {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 47rem) {
  .award-card__row {
    flex-direction: row;
    align-items: center;
    gap: 1.5rem;
  }
}
.award-card__img {
  display: flex;
  height: var(--award-card-height);
}
@media (max-width: 47rem) {
  .award-card__img {
    flex: 0 0 var(--award-card-width);
    width: var(--award-card-width);
    height: auto;
    padding: 0.5rem;
  }
}
.award-card__img picture {
  display: contents;
}
.award-card__img img {
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
@media (max-width: 47rem) {
  .award-card__text {
    flex: 1 1 auto;
    min-width: 0;
  }
}
.award-card__title {
  font-family: var(--body-font-family);
  font-size: 1rem;
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  letter-spacing: -0.005em;
  color: var(--color-basic-white-60);
}

/* Approach Card */
.approach-card {
  --card-img-size: 5rem;
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--border-radius-24);
  padding: 1.5rem clamp(1.5rem, 1.325rem + 0.875vw, 2.375rem);
  background-color: var(--color-basic-white-5);
  transition: transform var(--transition-duration);
}
@media (any-hover: hover) {
  .approach-card:hover {
    transform: translateY(-2%);
  }
}
.approach-card__header {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@media (max-width: 61rem) {
  .approach-card__header {
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.875rem;
  }
}
.approach-card__header:not(:last-child) {
  margin-block-end: 0.875rem;
}
.approach-card__img {
  flex: 0 0 var(--card-img-size);
  width: var(--card-img-size);
  height: var(--card-img-size);
}
@media (max-width: 61rem) {
  .approach-card__img {
    order: 3;
    margin-inline-start: auto;
  }
}
.approach-card__img picture {
  display: contents;
}
.approach-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.approach-card__title {
  flex: 0 0 100%;
  min-width: 0;
  font-size: 1.5rem;
}
@media (max-width: 61rem) {
  .approach-card__title {
    flex: 0 1 auto;
    order: 1;
  }
}
.approach-card__num {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.05em;
  color: var(--color-primary);
  margin-inline-start: auto;
}
@media (max-width: 61rem) {
  .approach-card__num {
    order: 2;
    margin-inline-start: 0;
  }
}
.approach-card__description {
  color: var(--color-basic-white-60);
}

/* Book Call Card */
.book-call-card {
  --card-bg-color: var(--color-basic-black-50);
  --card-bd-filter: blur(0);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 0.0625rem solid transparent;
  border-radius: var(--border-radius-28);
  padding: 1.75rem;
  background: linear-gradient(180deg, var(--card-bg-color), var(--card-bg-color)) padding-box, radial-gradient(220% 140% at 80% 100%, color-mix(in oklab, var(--color-basic-white-20) 25%, transparent), transparent 40%) border-box;
  backdrop-filter: var(--card-bd-filter);
}
.book-call-card__header {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.book-call-card__header:not(:last-child) {
  margin-block-end: 1.75rem;
}
.book-call-card__body {
  flex: 1 1 auto;
}
.book-call-card__body:not(:last-child) {
  margin-block-end: 1.75rem;
}
.book-call-card__title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.005em;
}
.book-call-card__title:not(:last-child) {
  margin-block-end: 0.375rem;
}
.book-call-card__description {
  font-size: 0.875rem;
  color: var(--color-basic-white-60);
}

/* Youtube Video Card */
.yv-card__inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (any-hover: hover) {
  .yv-card__inner:hover .yv-card__img img {
    transform: scale(1.1);
  }
  .yv-card__inner:hover .yv-card__title {
    color: var(--color-primary);
  }
}
.yv-card__img {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-28);
  padding-bottom: 56.32%;
}
@media (max-width: 61rem) {
  .yv-card__img {
    border-radius: var(--border-radius-16);
  }
}
.yv-card__img picture {
  display: contents;
}
.yv-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
  will-change: transform;
  transition: transform var(--transition-duration-slow);
}
.yv-card__title {
  font-family: var(--body-font-family);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.005em;
  transition: color var(--transition-duration);
}

/* Deliverable Chip */
.deliverable-chip {
  --chip-img-size: 4.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
}
.deliverable-chip__icon {
  flex-shrink: 0;
}
.deliverable-chip__title {
  font-family: var(--body-font-family);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: var(--body-letter-spacing);
  color: var(--color-basic-white-70);
}

/* Metric Card */
.metric-card {
  display: block;
  overflow: hidden;
  border-radius: var(--border-radius-24);
  padding: clamp(1.5rem, 1.2rem + 1.5vw, 3rem) clamp(1.5rem, 1.325rem + 0.875vw, 2.375rem);
  background-color: var(--color-basic-white-5);
}
.metric-card__header {
  display: flex;
  align-items: flex-start;
}
.metric-card__header:not(:last-child) {
  margin-block-end: 1.5rem;
}
.metric-card__info {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column-reverse;
  gap: 1.5rem;
  min-width: 0;
}
.metric-card__value {
  font-size: clamp(1.875rem, 1.55rem + 1.625vw, 3.5rem);
}
.metric-card__title {
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  color: var(--color-basic-white-60);
}
.metric-card__img {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-24);
}
.metric-card__img picture {
  display: contents;
}
.metric-card__img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  transform: scale(1.01);
}

/* Metric Stat Card */
.metric-stat-card {
  --card-img-size: 2rem;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  gap: 1rem;
  overflow: hidden;
  border-radius: var(--border-radius-24);
  padding: clamp(1.5rem, 1.2rem + 1.5vw, 3rem) clamp(1.5rem, 1.325rem + 0.875vw, 2.375rem);
  background-color: var(--color-basic-white-5);
}
.metric-stat-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.metric-stat-card__img {
  flex: 0 0 var(--card-img-size);
  width: var(--card-img-size);
  height: var(--card-img-size);
}
.metric-stat-card__img picture {
  display: contents;
}
.metric-stat-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
}
.metric-stat-card__value {
  font-family: var(--display-font-family);
  font-size: clamp(1.875rem, 1.55rem + 1.625vw, 3.5rem);
  font-weight: 500;
  line-height: 1.2;
}
.metric-stat-card__title {
  font-family: var(--body-font-family);
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  color: var(--color-basic-white-60);
}

/* Brief Questions Card */
.brief-questions-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  overflow: hidden;
  border: 0.0625rem solid var(--color-basic-white-10);
  border-radius: var(--border-radius-28);
  padding: 1.75rem;
  background-color: var(--color-basic-black-100);
}
.brief-questions-card__title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: var(--body-letter-spacing);
}
.brief-questions-card__title a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-primary);
}
.brief-questions-card__img picture {
  display: contents;
}
.brief-questions-card__img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* Appointment Card */
.appointment-card {
  --card-border-width: 0.0625rem;
  --card-border-color: transparent;
  --card-border-radius: 2.625rem;
  --card-px: clamp(1.5rem, 1rem + 2.5vw, 4rem);
  --card-py: clamp(2.5rem, 2rem + 2.5vw, 5rem);
  --card-bg-color: var(--color-basic-black-50);
  --card-img-size: 7.5rem;
  --card-bd-filter: blur(4.75rem);
  --card-glow: var(--color-primary);
  display: block;
  overflow: hidden;
}
@media (min-width: 62rem) {
  .appointment-card {
    border: var(--card-border-width) solid var(--card-border-color);
    border-radius: var(--card-border-radius);
    background: linear-gradient(180deg, var(--color-basic-black-90), var(--color-basic-black-90)) padding-box, radial-gradient(220% 180% at 0% 100%, color-mix(in oklab, var(--card-glow) 80%, transparent), color-mix(in oklab, var(--card-glow) 20%, transparent) 25%, transparent 60%) border-box;
    background-color: var(--card-bg-color);
    backdrop-filter: var(--card-bd-filter);
  }
}
@media (max-width: 61rem) {
  .appointment-card {
    --card-img-size: 5rem;
  }
}
@media (min-width: 62rem) {
  .appointment-card--no-framed {
    overflow: visible;
    border: none;
    border-radius: 0;
    background: none;
  }
}
@media (max-width: 61rem) {
  .appointment-card--no-framed .appointment-card__text {
    border: none;
    border-radius: 0;
    background: none;
    backdrop-filter: none;
    padding-block: 0.75rem;
    padding-inline: 0;
  }
}
.appointment-card__row {
  --col-width: 100%;
  position: relative;
  z-index: 9;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 62rem) {
  .appointment-card__row {
    --col-width: 50%;
  }
}
@media (max-width: 61rem) {
  .appointment-card__row {
    row-gap: 1.5rem;
  }
}
.appointment-card__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
}
@media (min-width: 62rem) {
  .appointment-card__col--fluid {
    --col-width: 100%;
  }
}
.appointment-card__text {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 100%;
  padding: var(--card-py) var(--card-px);
}
@media (max-width: 61rem) {
  .appointment-card__text {
    border: var(--card-border-width) solid var(--card-border-color);
    border-radius: var(--card-border-radius);
    background: linear-gradient(180deg, var(--color-basic-black-90), var(--color-basic-black-90)) padding-box, radial-gradient(220% 180% at 0% 100%, color-mix(in oklab, var(--card-glow) 80%, transparent), color-mix(in oklab, var(--card-glow) 20%, transparent) 25%, transparent 60%) border-box, radial-gradient(220% 180% at 100% 0%, color-mix(in oklab, var(--color-basic-white-100) 65%, transparent), transparent 60%) border-box;
    background-color: var(--card-bg-color);
    backdrop-filter: blur(4.5rem);
  }
}
.appointment-card__text--no-spaced {
  overflow: visible;
  padding: 0;
}
.appointment-card__img {
  display: block;
  width: var(--card-img-size);
  height: var(--card-img-size);
}
.appointment-card__img:not(:last-child) {
  margin-block-end: 1.5rem;
}
.appointment-card__img picture {
  display: contents;
}
.appointment-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
}
.appointment-card__title {
  font-size: clamp(1.5rem, 1.275rem + 1.125vw, 2.625rem);
  font-weight: 500;
  line-height: 1.1;
}
@media (max-width: 61rem) {
  .appointment-card__title {
    font-family: var(--body-font-family);
    line-height: 1.2;
  }
}
.appointment-card__title:not(:last-child) {
  margin-block-end: 1.5rem;
}
@media (max-width: 61rem) {
  .appointment-card__title:not(:last-child) {
    margin-block-end: 1.25rem;
  }
}
.appointment-card__description {
  color: var(--color-basic-white-60);
}
@media (max-width: 61rem) {
  .appointment-card__description {
    font-size: 0.875rem;
    font-weight: 400;
  }
}
.appointment-card__description:not(:last-child) {
  margin-block-end: 1.625rem;
}
.appointment-card__description > *:not(:last-child) {
  margin-block-end: 1em;
}
.appointment-card__mail {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-primary);
}
.appointment-card__mail:not(:first-child) {
  margin-block-start: auto;
}
.appointment-card__calendar {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--card-border-radius);
  min-height: 100%;
  padding: var(--card-py) var(--card-px);
  background-color: var(--color-basic-white-100);
  color: var(--color-basic-black-100);
}
@media (max-width: 61rem) {
  .appointment-card__calendar {
    border-radius: 1.5rem;
    padding: 1rem;
  }
}
.appointment-card__calendar .fc {
  flex: 1 1 auto;
}
@media (max-width: 61rem) {
  .appointment-card__calendar .fc table {
    font-size: 0.875rem;
  }
}
@media (max-width: 61rem) {
  .appointment-card__calendar .fc .fc-toolbar-title {
    font-size: 1.125rem;
  }
}
@media (max-width: 61rem) {
  .appointment-card__calendar .fc .fc-view-harness {
    min-height: 12rem;
  }
}

/* Ecosystem Card */
.ecosystem-card {
  --card-img-size: 4.625rem;
  display: block;
  overflow: hidden;
  border: 0.0625rem solid var(--color-basic-white-10);
  border-radius: var(--border-radius-28);
  padding: 2rem;
  background-color: var(--color-basic-white-5);
}
.ecosystem-card__row {
  display: flex;
  gap: 2rem;
}
@media (max-width: 61rem) {
  .ecosystem-card__row {
    flex-direction: column;
  }
}
.ecosystem-card__header {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  align-self: flex-start;
  gap: 1.5rem;
}
.ecosystem-card__icon {
  flex-shrink: 0;
}
.ecosystem-card__title {
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
  font-weight: var(--display-font-weight);
  line-height: 1.2;
}
@media (max-width: 61rem) {
  .ecosystem-card__title {
    line-height: 1.4;
  }
}
.ecosystem-card__title:not(:last-child) {
  margin-block-end: 1.75rem;
}
.ecosystem-card__body {
  flex: 1 1 auto;
  min-width: 0;
}
.ecosystem-card__description > *:not(:last-child) {
  margin-block-end: 1em;
}

/* Partner Card */
.partner-card {
  --card-height: 2.25rem;
  display: block;
}
.partner-card__inner {
  display: block;
  opacity: 0.5;
  transition: opacity var(--transition-duration);
}
@media (any-hover: hover) {
  .partner-card__inner:hover {
    opacity: 1;
  }
}
.partner-card__img {
  height: var(--card-height);
}
.partner-card__img picture {
  display: contents;
}
.partner-card__img img {
  display: block;
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

/* Industry Card */
.industry-card {
  --card-icon-size: 0;
  position: relative;
  text-shadow: 0 0 0.25rem var(--color-basic-black-100);
  padding-block: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}
.industry-card._active {
  --card-icon-size: 1.75rem;
  z-index: 9;
}
.industry-card._active .industry-card__info {
  z-index: 9;
}
.industry-card._active .industry-card__btn-box {
  z-index: 9;
}
.industry-card._active .industry-card__img:not(.is-hidden) {
  opacity: 1;
  visibility: visible;
}
.industry-card__row {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
.industry-card__img {
  --img-width: clamp(26.75rem, 25.25rem + 7.5vw, 34.25rem);
  --px: 0;
  --py: 0;
  --scale: 0.96;
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-20);
  width: var(--img-width);
  height: calc(var(--img-width) * 0.6125);
  pointer-events: none;
}
@media (min-width: 62rem) {
  .industry-card__img {
    position: absolute;
    z-index: 8;
    left: 0;
    top: 0;
    transform: translate3d(var(--px, 0), var(--py, 0), 0) translate(-50%, -50%);
    will-change: transform, opacity;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@media (max-width: 61rem) {
  .industry-card__img {
    --img-width: 6.5rem;
    flex: 0 0 var(--img-width);
    border-radius: 0.2rem;
    max-width: var(--img-width);
  }
}
.industry-card__img.is-hidden {
  transition: visibility 0.15s, opacity 0.15s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.industry-card__img picture {
  display: contents;
}
.industry-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.industry-card__info {
  position: relative;
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem);
  min-width: 0;
}
@media (max-width: 61rem) {
  .industry-card__info {
    flex: 1 1 auto;
    flex-direction: column;
    align-items: stretch;
  }
}
.industry-card__icon {
  flex: 0 0 var(--card-icon-size);
  overflow: hidden;
  width: var(--card-icon-size);
  height: var(--card-icon-size);
  transition: flex-basis var(--transition-duration), width var(--transition-duration);
}
@media (max-width: 61rem) {
  .industry-card__icon {
    display: none;
  }
}
.industry-card__icon picture {
  display: contents;
}
.industry-card__icon img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
}
.industry-card__title {
  font-family: var(--body-font-family);
  font-size: clamp(1.125rem, 0.975rem + 0.75vw, 1.875rem);
  font-weight: 500;
  line-height: 1.2;
}
.industry-card__count {
  font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-basic-white-60);
}
.industry-card__btn-box {
  position: relative;
}

/* Benefit Card */
.benefit-card {
  --card-img-size: clamp(3.5rem, 3.175rem + 1.625vw, 5.125rem);
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 1.5rem;
  padding: 2rem;
  transition: box-shadow var(--transition-duration);
}
@media (max-width: 61rem) {
  .benefit-card {
    border-radius: 0;
    padding: 1.5rem 0;
  }
}
@media (any-hover: hover) {
  .benefit-card:hover {
    box-shadow: 0 0 0 0.5rem rgba(238, 188, 63, 0.5);
  }
  .benefit-card:hover::after {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  .benefit-card:hover .benefit-card__img {
    background-color: var(--color-basic-black-100);
  }
  .benefit-card:hover .benefit-card__description {
    color: inherit;
  }
}
.benefit-card::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(390.23% 782.38% at 42.77% 220.89%, #d79a00 0%, #ffe149 100%);
  transition: visibility var(--transition-duration), opacity var(--transition-duration);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.benefit-card__row {
  position: relative;
  z-index: 9;
  display: flex;
  align-items: center;
  gap: 1.125rem;
}
@media (max-width: 61rem) {
  .benefit-card__row {
    align-items: flex-start;
  }
}
.benefit-card__img {
  display: flex;
  flex: 0 0 var(--card-img-size);
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 0.3125rem solid var(--color-basic-white-5);
  border-radius: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem);
  width: var(--card-img-size);
  height: var(--card-img-size);
  background-color: var(--color-basic-white-5);
  transition: background-color var(--transition-duration);
}
.benefit-card__img picture {
  display: contents;
}
.benefit-card__img img {
  width: 50%;
  height: 50%;
  max-width: 50%;
  max-height: 50%;
  object-fit: contain;
}
.benefit-card__text {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
  min-width: 0;
}
@media (max-width: 61rem) {
  .benefit-card__text {
    flex-direction: column;
    align-items: stretch;
  }
}
.benefit-card__title {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  font-size: clamp(1rem, 0.825rem + 0.875vw, 1.875rem);
  font-weight: 500;
  line-height: 1.2;
}
@media (max-width: 61rem) {
  .benefit-card__title {
    line-height: 1.4;
  }
}
.benefit-card__description {
  max-width: 44%;
  color: var(--color-basic-white-60);
  transition: color var(--transition-duration);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
@media (max-width: 61rem) {
  .benefit-card__description {
    max-width: 100%;
  }
}

/* Milestone Card */
.milestone-card {
  --card-border-width: 0.0625rem;
  --card-bg-color: var(--color-basic-black-100);
  --card-text-color: var(--color-basic-white-60);
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 1.5rem;
  padding: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
  background-color: var(--card-bg-color);
  color: var(--card-text-color);
}
.milestone-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border: var(--card-border-width) solid transparent;
  border-radius: inherit;
  background: linear-gradient(to right, var(--card-bg-color), var(--card-bg-color)) content-box, conic-gradient(from var(--angle), var(--color-primary) 0deg, var(--color-basic-white-5) 45deg, var(--color-basic-white-5) 90deg, var(--color-white) 135deg, var(--color-basic-white-5) 180deg, var(--color-basic-white-5) 220deg, var(--color-primary) 360deg) border-box;
  pointer-events: none;
}
.milestone-card__inner {
  position: relative;
  z-index: 9;
  background-color: var(--card-bg-color);
}
.milestone-card__body:not(:last-child) {
  margin-block-end: 1.5rem;
}
.milestone-card__description {
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: var(--body-letter-spacing);
}

/* Promo Card */
.promo-card {
  --card-border-width: 0.0625rem;
  --card-px: clamp(1.5rem, 0.8rem + 3.5vw, 5rem);
  --card-py: clamp(2.5rem, 2.1rem + 2vw, 4.5rem);
  --card-bg-color: var(--color-basic-black-95);
  --card-bd-filter: blur(0.25rem);
  --card-decor-blur-size: 18.75vw;
  --card-glow: var(--color-primary);
  position: relative;
  display: block;
  border: 0.0625rem solid transparent;
  border-radius: 2.625rem;
  background: linear-gradient(180deg, var(--card-bg-color), var(--card-bg-color)) padding-box, radial-gradient(220% 180% at 0% 100%, color-mix(in oklab, var(--card-glow) 80%, transparent), color-mix(in oklab, var(--card-glow) 2%, transparent) 25%, transparent 60%) border-box, radial-gradient(220% 180% at 100% 0%, color-mix(in oklab, var(--color-basic-white-100) 25%, transparent), transparent 40%) border-box;
  backdrop-filter: var(--card-bd-filter);
}
@media (max-width: 61rem) {
  .promo-card {
    --card-decor-blur-size: 40vw;
  }
}
.promo-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -5%;
  bottom: -10%;
  border-radius: var(--card-decor-blur-size);
  width: var(--card-decor-blur-size);
  height: var(--card-decor-blur-size);
  background-color: var(--color-primary);
  opacity: 0.3;
  filter: blur(9.375rem);
  pointer-events: none;
}
.promo-card__inner {
  position: relative;
  z-index: 9;
  overflow: hidden;
  border-radius: inherit;
  padding: var(--card-py) var(--card-px);
}
@media (max-width: 61rem) {
  .promo-card__inner {
    padding-block-end: 1.5rem;
  }
}
.promo-card__inner::after {
  --card-decor-blur-size: 3vw;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: var(--card-decor-blur-size);
  height: var(--card-decor-blur-size);
  background-color: var(--color-basic-white-100);
  opacity: 0.3;
  filter: blur(4rem);
  pointer-events: none;
}
.promo-card__row {
  display: flex;
  flex-wrap: wrap-reverse;
  align-items: center;
  justify-content: space-between;
  gap: 2.5rem 4rem;
}
@media (min-width: 62rem) {
  .promo-card__col--text {
    max-width: 45%;
  }
}
.promo-card__col--img {
  flex: 1 1 auto;
}
@media (max-width: 61rem) {
  .promo-card__title {
    font-family: var(--body-font-family);
  }
}
.promo-card__title:not(:last-child) {
  margin-block-end: 1.25rem;
}
.promo-card__description {
  font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
}
.promo-card__description:not(:last-child) {
  margin-block-end: 1.625rem;
}
@media (max-width: 61rem) {
  .promo-card__description:not(:last-child) {
    margin-block-end: 3.875rem;
  }
}
.promo-card__btn-box {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.promo-card__img {
  text-align: center;
}
@media (max-width: 61rem) {
  .promo-card__img {
    max-width: 7.5rem;
  }
}
.promo-card__img picture {
  display: contents;
}
.promo-card__img img {
  vertical-align: top;
  object-fit: contain;
}

/* CTA Hero Card */
.cta-hero-card {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 1.75rem;
  padding: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem) clamp(1.5rem, 1.05rem + 2.25vw, 3.75rem);
  background-color: var(--color-basic-black-20);
  text-align: center;
  padding-block-start: 0;
}
@media (any-hover: hover) {
  .cta-hero-card:hover .cta-hero-card__blur::before, .cta-hero-card:hover .cta-hero-card__blur::after {
    opacity: 1;
  }
}
.cta-hero-card__blur {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}
.cta-hero-card__blur::before, .cta-hero-card__blur::after {
  --size: 54.4vw;
  content: "";
  position: absolute;
  bottom: 0;
  border-radius: var(--size);
  width: var(--size);
  height: calc(var(--size) * 0.7872);
  background-color: var(--color-primary);
  opacity: 0.7;
  filter: blur(9.375rem);
  transition: opacity var(--transition-duration);
}
.cta-hero-card__blur::before {
  left: 0;
  transform: translateX(-50%) translateY(100%);
}
.cta-hero-card__blur::after {
  right: 0;
  transform: translateX(50%) translateY(100%);
}
.cta-hero-card__inner {
  position: relative;
  z-index: 9;
}
.cta-hero-card__img {
  position: relative;
  max-width: 21.875rem;
  margin-inline: auto;
}
@media (max-width: 61rem) {
  .cta-hero-card__img {
    max-width: 13.375rem;
  }
}
.cta-hero-card__img::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background-image: linear-gradient(to top, var(--color-basic-black-100) 10%, transparent 100%);
}
.cta-hero-card__img picture {
  display: contents;
}
.cta-hero-card__img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  opacity: 0.2;
}
.cta-hero-card__title {
  position: relative;
  z-index: 9;
}
.cta-hero-card__title:not(:first-child) {
  margin-block-start: -2rem;
}
.cta-hero-card__title:not(:last-child) {
  margin-block-end: 0.875rem;
}
.cta-hero-card__description {
  max-width: 36.875rem;
  margin-inline: auto;
}
.cta-hero-card__description:not(:last-child) {
  margin-block-end: 1.5rem;
}

/* Extended Service Card */
.ext-service-card {
  --card-glow: var(--color-primary);
  position: relative;
  display: flex;
  overflow: hidden;
  border: 0.0625rem solid var(--color-basic-white-5);
  border-radius: 1.5rem;
}
@media (max-width: 61rem) {
  .ext-service-card {
    flex-direction: column-reverse;
  }
}
.ext-service-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 0.0625rem solid transparent;
  border-radius: inherit;
  background: linear-gradient(180deg, var(--color-basic-black-90), var(--color-basic-black-90)) padding-box, radial-gradient(220% 180% at 0% 100%, color-mix(in oklab, var(--card-glow) 80%, transparent), color-mix(in oklab, var(--card-glow) 20%, transparent) 25%, transparent 60%) border-box;
  pointer-events: none;
  transition: visibility var(--transition-duration), opacity var(--transition-duration);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.ext-service-card[data-service-card] {
  cursor: pointer;
}
.ext-service-card[data-service-card]._active::after {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
@media (min-width: 62rem) {
  .ext-service-card[data-service-card]._active .ext-service-card__header {
    grid-template-columns: 0fr;
  }
}
@media (max-width: 61rem) {
  .ext-service-card[data-service-card]._active .ext-service-card__header {
    grid-template-rows: 0fr;
  }
}
@media (min-width: 62rem) {
  .ext-service-card[data-service-card]._active .ext-service-card__body {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 61rem) {
  .ext-service-card[data-service-card]._active .ext-service-card__body {
    grid-template-rows: 1fr;
  }
}
.ext-service-card__header {
  display: grid;
}
@media (min-width: 62rem) {
  .ext-service-card__header {
    grid-template-columns: 1fr;
    transition: grid-template-columns var(--transition-duration-slow);
  }
}
@media (max-width: 61rem) {
  .ext-service-card__header {
    grid-template-rows: 1fr;
    transition: grid-template-rows var(--transition-duration-slow);
  }
}
.ext-service-card__header-inner {
  overflow: hidden;
}
.ext-service-card__header-padding {
  padding: 2.5rem 1.5rem;
}
@media (max-width: 61rem) {
  .ext-service-card__header-padding {
    padding: 1.75rem;
  }
}
.ext-service-card__body {
  position: relative;
  z-index: 9;
  display: grid;
  flex: 1 1 auto;
}
@media (min-width: 62rem) {
  .ext-service-card__body {
    grid-template-columns: 0fr;
    transition: grid-template-columns var(--transition-duration-slow);
  }
}
@media (max-width: 61rem) {
  .ext-service-card__body {
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--transition-duration-slow);
  }
}
.ext-service-card__body-inner {
  overflow: hidden;
}
.ext-service-card__body-padding {
  padding: 2.5rem;
}
@media (min-width: 62rem) {
  .ext-service-card__body-padding {
    min-width: 51.5rem;
  }
}
@media (min-width: 90rem) {
  .ext-service-card__body-padding {
    min-width: 64.25rem;
  }
}
@media (max-width: 61rem) {
  .ext-service-card__body-padding {
    padding: 1.75rem;
  }
}
.ext-service-card__row {
  --col-width: 100%;
  --col-gap: 1.5rem;
  display: flex;
  flex-wrap: wrap-reverse;
  margin-inline: calc(var(--col-gap) / 2 * -1);
  row-gap: var(--col-gap);
}
@media (min-width: 62rem) {
  .ext-service-card__row {
    --col-width: 50%;
  }
}
.ext-service-card__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding-inline: calc(var(--col-gap) / 2);
}
.ext-service-card__vertical-title {
  color: var(--color-basic-white-30);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
@media (min-width: 62rem) {
  .ext-service-card__vertical-title {
    writing-mode: vertical-lr;
  }
}
.ext-service-card__text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
  min-height: 100%;
}
.ext-service-card__title {
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
  font-weight: var(--display-font-weight);
  line-height: var(--display-line-height);
}
.ext-service-card__list {
  list-style-position: outside;
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: var(--body-letter-spacing);
  color: var(--color-basic-white-80);
}
@media (min-width: 62rem) {
  .ext-service-card__list {
    column-count: 2;
  }
}
.ext-service-card__list > li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ext-service-card__list > li::before {
  content: var(--icon-chevron-right);
  font-family: var(--font-icons);
  font-size: 75%;
  color: var(--color-primary);
}
.ext-service-card__list > li:not(:last-child) {
  margin-block-end: 1rem;
}
.ext-service-card__list > li > a {
  transition: color var(--transition-duration);
}
@media (any-hover: hover) {
  .ext-service-card__list > li > a:hover {
    color: var(--color-primary);
  }
}
.ext-service-card__img {
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
  padding-bottom: 61.25%;
}
.ext-service-card__img picture {
  display: contents;
}
.ext-service-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Home Services Review Card */
.hs-review-card {
  display: block;
  overflow: hidden;
  border-radius: 1.125rem;
  padding: clamp(1rem, 0.875rem + 0.625vw, 1.625rem) clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
  background-color: var(--color-basic-white-5);
  color: var(--color-basic-white-50);
  transition: background-color var(--transition-duration);
}
.hs-review-card--interact {
  padding: clamp(1rem, 0.875rem + 0.625vw, 1.625rem) clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem);
}
@media (any-hover: hover) {
  .hs-review-card--interact:hover .hs-review-card__text {
    grid-template-columns: 1fr;
  }
}
.hs-review-card--interact .hs-review-card__img {
  margin-inline: auto;
}
.hs-review-card--interact .hs-review-card__text {
  display: grid;
  flex-grow: 0;
  grid-template-columns: 0fr;
  transition: grid-template-columns var(--transition-duration);
}
.hs-review-card:not(:disabled) {
  cursor: pointer;
}
@media (any-hover: hover) {
  .hs-review-card:not(:disabled):hover {
    background-color: var(--color-basic-white-10);
  }
  .hs-review-card:not(:disabled):hover .hs-review-card__rating {
    color: var(--color-basic-white-100);
  }
}
.hs-review-card__row {
  display: flex;
  align-items: center;
}
.hs-review-card__img {
  max-width: 2.5rem;
  max-height: 2.5rem;
}
.hs-review-card__img picture {
  display: contents;
}
.hs-review-card__img img {
  object-fit: contain;
}
.hs-review-card__text {
  flex: 1 1 auto;
  min-width: 0;
}
.hs-review-card__text-inner {
  overflow: hidden;
}
.hs-review-card__text-pad {
  padding-inline-start: 0.875rem;
}
.hs-review-card__rating {
  font-size: clamp(0.625rem, 0.6rem + 0.125vw, 0.75rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.0625rem;
  white-space: nowrap;
  color: var(--color-white-40);
  transition: color var(--transition-duration);
}
.hs-review-card__rating:not(:last-child) {
  margin-block-end: 0.25rem;
}
.hs-review-card__label {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: var(--body-letter-spacing);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Review Card */
.review-card-text {
  display: block;
  overflow: hidden;
  border-radius: 1.75rem;
  padding: 1.75rem;
  background-color: var(--color-basic-white-5);
}
.review-card-text__header:not(:last-child) {
  margin-block-end: 1rem;
}
.review-card-text__body:not(:last-child) {
  margin-block-end: 1.375rem;
}

.review-card-media {
  position: relative;
  overflow: hidden;
  border-radius: 1.75rem;
  padding: 0.75rem;
  background-color: var(--color-basic-white-5);
  backdrop-filter: blur(1.5rem);
}
.review-card-media__img {
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
  padding-bottom: 127.78%;
}
.review-card-media__img picture {
  display: contents;
}
.review-card-media__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.review-card-media__company {
  position: absolute;
  z-index: 9;
  left: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem);
  top: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem);
  overflow: hidden;
  border-radius: 0.8125rem;
  padding: 0.75rem 0.875rem;
  background-color: var(--color-basic-black-40);
}
.review-card-media__company img {
  display: block;
  max-height: 1.375rem;
  object-fit: contain;
}
.review-card-media__text {
  position: absolute;
  z-index: 9;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  padding: 2.5rem;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 85%);
}
.review-card-media__info {
  flex: 1 1 auto;
  min-width: 0;
}
.review-card-media__name {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: var(--body-letter-spacing);
}
.review-card-media__role {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: var(--body-letter-spacing);
  color: var(--color-basic-white-60);
}
.review-card-media__btn-play {
  --btn-size: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: none;
  border-radius: var(--btn-size);
  width: var(--btn-size);
  height: var(--btn-size);
  background-color: var(--color-basic-white-10);
  font-size: calc(var(--btn-size) * 0.3);
  font-weight: 400;
  line-height: 1;
  color: var(--color-basic-white-100);
  transition: background-color var(--transition-duration);
}
.review-card-media__btn-play:not(:disabled) {
  cursor: pointer;
}
@media (any-hover: hover) {
  .review-card-media__btn-play:not(:disabled):hover {
    background-color: var(--color-basic-white-20);
  }
}

/* Industry Experience Card */
.ie-card {
  --card-icon-size: 4.625rem;
  display: block;
  overflow: hidden;
  border: 0.0625rem solid var(--color-basic-white-10);
  border-radius: 1.75rem;
  padding: clamp(1.75rem, 1.7125rem + 0.1875vw, 1.9375rem);
  background-color: var(--color-basic-white-5);
}
.ie-card__row {
  display: flex;
  gap: 2rem;
}
@media (max-width: 61rem) {
  .ie-card__row {
    align-items: center;
  }
}
.ie-card__icon {
  flex-shrink: 0;
}
.ie-card__text {
  flex: 1 1 auto;
  min-width: 0;
}
.ie-card__header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
@media (min-width: 62rem) {
  .ie-card__header:not(:last-child) {
    margin-block-end: 1.75rem;
  }
}
.ie-card__title {
  flex: 1 1 auto;
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
  font-weight: 500;
  line-height: 1.2;
}
.ie-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 61rem) {
  .ie-card__body {
    display: none;
  }
}

/* Efficiency Card */
.efficiency-card {
  --card-glow: var(--color-primary);
  position: relative;
  display: flex;
  overflow: hidden;
  border: 0.0625rem solid var(--color-basic-white-5);
  border-radius: 1.5rem;
}
@media (max-width: 61rem) {
  .efficiency-card {
    flex-direction: column-reverse;
  }
}
.efficiency-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 0.0625rem solid transparent;
  border-radius: inherit;
  background: linear-gradient(180deg, var(--color-basic-black-90), var(--color-basic-black-90)) padding-box, radial-gradient(220% 180% at 0% 100%, color-mix(in oklab, var(--card-glow) 80%, transparent), color-mix(in oklab, var(--card-glow) 20%, transparent) 25%, transparent 60%) border-box;
  pointer-events: none;
  transition: visibility var(--transition-duration), opacity var(--transition-duration);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.efficiency-card[data-efficiency-card] {
  cursor: pointer;
}
.efficiency-card[data-efficiency-card]._active::after {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
@media (min-width: 62rem) {
  .efficiency-card[data-efficiency-card]._active .efficiency-card__header {
    grid-template-columns: 0fr;
  }
}
@media (max-width: 61rem) {
  .efficiency-card[data-efficiency-card]._active .efficiency-card__header {
    grid-template-rows: 0fr;
  }
}
@media (min-width: 62rem) {
  .efficiency-card[data-efficiency-card]._active .efficiency-card__body {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 61rem) {
  .efficiency-card[data-efficiency-card]._active .efficiency-card__body {
    grid-template-rows: 1fr;
  }
}
.efficiency-card__header {
  position: relative;
  z-index: 9;
  display: grid;
}
@media (min-width: 62rem) {
  .efficiency-card__header {
    grid-template-columns: 1fr;
    transition: grid-template-columns var(--transition-duration-slow);
  }
}
@media (max-width: 61rem) {
  .efficiency-card__header {
    grid-template-rows: 1fr;
    transition: grid-template-rows var(--transition-duration-slow);
  }
}
.efficiency-card__header-inner {
  overflow: hidden;
}
.efficiency-card__header-padding {
  padding: 2.5rem 1.5rem;
}
@media (min-width: 62rem) {
  .efficiency-card__header-padding {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 100%;
  }
}
@media (max-width: 61rem) {
  .efficiency-card__header-padding {
    padding: 1.75rem;
  }
}
.efficiency-card__body {
  position: relative;
  z-index: 9;
  display: grid;
  flex: 1 1 auto;
  min-width: 0;
}
@media (min-width: 62rem) {
  .efficiency-card__body {
    grid-template-columns: 0fr;
    transition: grid-template-columns var(--transition-duration-slow);
  }
}
@media (max-width: 61rem) {
  .efficiency-card__body {
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--transition-duration-slow);
  }
}
.efficiency-card__body-inner {
  overflow: hidden;
}
.efficiency-card__body-padding {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 2.5rem;
}
@media (min-width: 62rem) {
  .efficiency-card__body-padding {
    min-width: 26rem;
  }
}
@media (min-width: 90rem) {
  .efficiency-card__body-padding {
    min-width: 26rem;
  }
}
@media (max-width: 61rem) {
  .efficiency-card__body-padding {
    padding: 1.75rem;
  }
}
.efficiency-card__vertical-title {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: var(--body-letter-spacing);
  color: var(--color-basic-white-30);
}
.efficiency-card__text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
  min-height: 100%;
}
.efficiency-card__title {
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
  font-weight: var(--display-font-weight);
  line-height: var(--display-line-height);
}
.efficiency-card__description {
  max-width: 21.25rem;
}
.efficiency-card__description:not(:last-child) {
  margin-block-end: 2rem;
}
.efficiency-card__num-progress-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.efficiency-card__num {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: var(--body-letter-spacing);
  color: var(--color-primary);
}

/* Quote Card */
.quote-card {
  --card-border-radius: 1.75rem;
  --card-px: 1.75rem;
  --card-py: 1.75rem;
  --card-gap: 2rem;
  --card-ico-size: 2rem;
  --card-bg-color: var(--color-basic-black-30);
  --card-bd-filter: blur(4.75rem);
  --card-glow: var(--color-primary);
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--card-border-radius);
}
.quote-card--shine {
  --card-decor-blur-size: 12vw;
  --card-bg-color: var(--color-basic-black-50);
  border: 0.0625rem solid transparent;
  background: linear-gradient(180deg, var(--color-basic-black-80), var(--color-basic-black-80)) padding-box, radial-gradient(220% 180% at 0% 100%, color-mix(in oklab, var(--card-glow) 80%, transparent), color-mix(in oklab, var(--card-glow) 20%, transparent) 25%, transparent 60%) border-box;
}
@media (max-width: 61rem) {
  .quote-card--shine {
    --card-decor-blur-size: 40vw;
  }
}
.quote-card--shine::after, .quote-card--shine::before {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: var(--card-decor-blur-size);
  width: var(--card-decor-blur-size);
  height: var(--card-decor-blur-size);
  filter: blur(9.375rem);
  pointer-events: none;
}
.quote-card--shine::before {
  left: 0;
  bottom: 0;
  background-color: var(--color-primary);
  opacity: 0.4;
}
.quote-card--shine::after {
  right: 0;
  top: 0;
  background: var(--color-basic-white-100);
  opacity: 0.2;
}
.quote-card--shine .quote-card__inner {
  backdrop-filter: var(--card-bd-filter);
}
.quote-card--lg {
  --card-border-radius: clamp(1.75rem, 1.575rem + 0.875vw, 2.625rem);
  --card-px: clamp(1.75rem, 1.3rem + 2.25vw, 4rem);
  --card-py: clamp(1.75rem, 1.3rem + 2.25vw, 4rem);
  --card-gap: clamp(2rem, 1.9rem + 0.5vw, 2.5rem);
  --card-ico-size: clamp(2rem, 1.8rem + 1vw, 3rem);
}
@media (min-width: 62rem) {
  .quote-card--lg .quote-card__ico:not(:last-child) {
    margin-block-end: 1.5rem;
  }
}
@media (min-width: 62rem) {
  .quote-card--lg .quote-card__description {
    font-size: 1.25rem;
  }
}
@media (max-width: 61rem) {
  .quote-card--lg .quote-card__description {
    font-size: 1rem;
  }
}
.quote-card__inner {
  position: relative;
  z-index: 9;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--card-gap);
  overflow: hidden;
  border: 0.0625rem solid var(--color-basic-white-5);
  border-radius: inherit;
  padding: var(--card-py) var(--card-py);
  background-color: var(--card-bg-color);
}
.quote-card__row {
  --col-width: 100%;
  --col-gap: 2.5rem;
  display: flex;
  flex-wrap: wrap-reverse;
  align-items: center;
  margin-inline: calc(var(--col-gap) / 2 * -1);
  row-gap: var(--col-gap);
}
@media (min-width: 62rem) {
  .quote-card__row {
    --col-width: 50%;
    --col-gap: 2rem;
  }
}
@media (min-width: 97.5rem) {
  .quote-card__row {
    --col-gap: 4rem;
  }
}
.quote-card__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding-inline: calc(var(--col-gap) / 2);
}
@media (min-width: 62rem) {
  .quote-card__col--text {
    --col-width: 54%;
  }
}
@media (min-width: 62rem) {
  .quote-card__col--media {
    --col-width: 46%;
  }
}
.quote-card__review-badge:not(:last-child) {
  margin-block-end: 1.5rem;
}
.quote-card__ico {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--card-ico-size) * 0.5);
  font-weight: 400;
  line-height: 1;
  color: var(--color-primary);
  block-size: var(--card-ico-size);
  inline-size: var(--card-ico-size);
}
.quote-card__ico:not(:last-child) {
  margin-block-end: 0.75rem;
}
.quote-card__description {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: var(--body-letter-spacing);
}
.quote-card__description:not(:last-child) {
  margin-block-end: var(--card-gap);
}

/* Service Area Card */
.service-area-card {
  --card-border-radius: var(--border-radius-24);
  --card-px: clamp(1.5rem, 1.325rem + 0.875vw, 2.375rem);
  --card-py: clamp(1.5rem, 1.3rem + 1vw, 2.5rem);
  display: flex;
  flex-direction: column;
  border-radius: var(--card-border-radius);
  padding: var(--card-py) var(--card-px) 0.5rem;
  background-color: var(--color-basic-white-5);
  transition: transform var(--transition-duration);
}
@media (any-hover: hover) {
  .service-area-card:hover {
    transform: translateY(-2%);
  }
}
.service-area-card__title {
  font-size: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem);
}
.service-area-card__title:not(:last-child) {
  margin-block-end: 1rem;
}
.service-area-card__description {
  flex: 1 1 auto;
  color: var(--color-basic-white-60);
  text-wrap: balance;
  font-family: var(--body-font-family);
  font-size: var(--text-lg-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--text-lg-line-height, var(--body-line-height));
  letter-spacing: var(--text-lg-letter-spacing, var(--body-letter-spacing));
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.service-area-card__description:not(:last-child) {
  margin-block-end: 2rem;
}
.service-area-card__img {
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
}
.service-area-card__img picture {
  display: contents;
}
.service-area-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Need Card */
.need-card {
  display: block;
  overflow: hidden;
  border: 0.0625rem solid var(--color-basic-white-10);
  border-radius: 1.75rem;
  padding: 2rem;
  background-color: var(--color-basic-white-5);
}
.need-card:has(.need-card__time) .need-card__title:not(:last-child) {
  margin-block-end: 0.5rem;
}
.need-card__icon:not(:last-child) {
  margin-block-end: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
}
.need-card__title {
  font-size: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem);
}
.need-card__title:not(:last-child) {
  margin-block-end: 1.75rem;
}
.need-card__time {
  font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  font-weight: var(--display-font-weight);
  line-height: var(--display-line-height);
  color: var(--color-basic-white-50);
}
.need-card__time:not(:last-child) {
  margin-block-end: clamp(1rem, 0.85rem + 0.75vw, 1.75rem);
}

/* Case Study Card */
.case-study-card {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}
.case-study-card__img {
  position: relative;
  overflow: hidden;
  border: 0.0625rem solid var(--color-basic-white-10);
  border-radius: 1.75rem;
  padding-bottom: 77.96%;
}
.case-study-card__img picture {
  display: contents;
}
.case-study-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-study-card__text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}

/* Workplace Product Card */
.workplace-product-card {
  --card-px: clamp(1.5rem, 1.45rem + 0.25vw, 1.75rem);
  --card-py: clamp(1.5rem, 1.45rem + 0.25vw, 1.75rem);
  --card-icon-size: 2rem;
  --card-toggle-btn-size: 1.75rem;
  display: block;
  overflow: hidden;
  border: 0.0625rem solid var(--color-basic-white-10);
  border-radius: 1.25rem;
  background-color: var(--color-basic-white-10);
}
.workplace-product-card__header {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: var(--card-py) var(--card-px);
}
.workplace-product-card__header[data-spoiler] {
  cursor: pointer;
}
.workplace-product-card__header[data-spoiler]._active .workplace-product-card__toggle-btn::after {
  transform: translate(-50%, -50%) rotate(0deg);
}
.workplace-product-card__icon {
  display: flex;
  flex: 0 0 var(--card-icon-size);
  align-items: center;
  justify-content: center;
  width: var(--card-icon-size);
  height: var(--card-icon-size);
}
.workplace-product-card__icon picture {
  display: contents;
}
.workplace-product-card__icon img {
  width: 80%;
  height: 80%;
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
}
.workplace-product-card__title {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 1.5rem;
}
.workplace-product-card__toggle-btn {
  position: relative;
  flex: 0 0 var(--card-toggle-btn-size);
  overflow: hidden;
  border: 0.0625rem solid var(--color-basic-white-10);
  border-radius: var(--card-toggle-btn-size);
  width: var(--card-toggle-btn-size);
  height: var(--card-toggle-btn-size);
  background-color: var(--color-basic-white-10);
  color: var(--color-basic-white-100);
  transition: background-color var(--transition-duration);
}
.workplace-product-card__toggle-btn::before, .workplace-product-card__toggle-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 0.125rem;
  width: 0.5625rem;
  height: 0.125rem;
  background-color: currentcolor;
  transform: translate(-50%, -50%);
  will-change: transform;
  transition: transform var(--transition-duration);
}
.workplace-product-card__toggle-btn::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.workplace-product-card__toggle-btn:not(:disabled) {
  cursor: pointer;
}
@media (any-hover: hover) {
  .workplace-product-card__toggle-btn:not(:disabled):hover {
    background-color: var(--color-basic-white-20);
  }
}
.workplace-product-card__body {
  padding: 0 var(--card-px) var(--card-py);
}
.workplace-product-card__decor-list {
  color: var(--color-basic-white-80);
}
.workplace-product-card__decor-list:not(:last-child) {
  margin-block-end: 1.5rem;
}

/* Tile Card */
.tile-card {
  display: block;
  overflow: hidden;
  border: 0.0625rem solid rgba(153, 153, 153, 0);
  border-radius: 1.25rem;
  background: linear-gradient(135deg, rgba(153, 153, 153, 0) 0%, rgba(254, 213, 0, 0.02) 100%), radial-gradient(100% 100% at 50% 0%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, 0.05);
  text-align: center;
}
.tile-card__inner {
  position: relative;
  padding-bottom: 100%;
}
.tile-card__content {
  position: absolute;
  z-index: 9;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-around;
  gap: 1.5rem;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
}
.tile-card__title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: var(--body-letter-spacing);
  color: var(--color-basic-white-60);
}
.tile-card__img {
  max-width: 100%;
}
.tile-card__img picture {
  display: contents;
}
.tile-card__img img {
  max-height: 100%;
  object-fit: contain;
}

/* Partnerships Map Card */
.partnerships-map-card {
  --card-img-size: clamp(2rem, 1.725rem + 1.375vw, 3.375rem);
  display: block;
  overflow: hidden;
  border-radius: clamp(0.5rem, 0.3rem + 1vw, 1.5rem);
  padding: clamp(0.5rem, 0.3rem + 1vw, 1.5rem);
  background-color: var(--color-basic-white-5);
}
.partnerships-map-card__row {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 0.425rem + 0.375vw, 0.875rem);
}
.partnerships-map-card__img {
  flex: 0 0 var(--card-img-size);
  overflow: hidden;
  border-radius: var(--card-img-size);
  width: var(--card-img-size);
  height: var(--card-img-size);
}
.partnerships-map-card__img picture {
  display: contents;
}
.partnerships-map-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
}
.partnerships-map-card__text {
  flex: 1 1 auto;
  min-width: 0;
}
.partnerships-map-card__title {
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: var(--body-letter-spacing);
}
.partnerships-map-card__title:not(:last-child) {
  margin-block-end: clamp(0.125rem, 0.1rem + 0.125vw, 0.25rem);
}
.partnerships-map-card__label {
  color: var(--color-basic-white-60);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}

/* Main Article Card */
.main-article-card {
  --card-space-y: 1rem;
}
@media (max-width: 61rem) {
  .main-article-card {
    --card-space-y: 1.125rem;
  }
}
.main-article-card__inner {
  display: flex;
  flex-direction: column;
  row-gap: var(--card-space-y);
}
@media (any-hover: hover) {
  .main-article-card__inner:hover .main-article-card__img img {
    transform: scale(1.1);
  }
  .main-article-card__inner:hover .main-article-card__title {
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: initial;
    color: var(--color-primary);
  }
}
.main-article-card__img {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-12);
  padding-bottom: 59.16%;
}
.main-article-card__img picture {
  display: contents;
}
.main-article-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
  will-change: transform;
  transition: transform var(--transition-duration-slow);
}
.main-article-card__labels {
  position: absolute;
  left: 1rem;
  right: 1rem;
  top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media (min-width: 62rem) {
  .main-article-card__labels {
    display: none;
  }
}
.main-article-card__text {
  display: flex;
  flex-direction: column;
  row-gap: var(--card-space-y);
}
.main-article-card__title {
  font-size: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem);
  transition: color var(--transition-duration);
}
.main-article-card__footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem;
}
@media (max-width: 61rem) {
  .main-article-card__tags {
    display: none;
  }
}

/* Aside Article Card */
.aside-article-card {
  --card-py: 0.75rem;
  --card-img-width: 10rem;
  display: block;
  overflow: hidden;
}
@media (max-width: 61rem) {
  .aside-article-card {
    --card-img-width: 6rem;
    --card-py: 1rem;
  }
}
.aside-article-card__inner {
  display: block;
  padding-block: var(--card-py);
}
@media (any-hover: hover) {
  .aside-article-card__inner:hover .aside-article-card__img img {
    transform: scale(1.1);
  }
  .aside-article-card__inner:hover .aside-article-card__title {
    color: var(--color-primary);
  }
  .aside-article-card__inner:hover .aside-article-card__btn {
    --button-border-color: var(--color-accent-yellow-15);
    --button-bg-color: var(--color-accent-yellow-15);
    --button-text-color: var(--color-accent-yellow-light);
  }
}
.aside-article-card__row {
  display: flex;
  gap: 1.5rem;
}
.aside-article-card__img-wrap {
  flex: 0 0 var(--card-img-width);
  width: var(--card-img-width);
}
.aside-article-card__img {
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
  padding-bottom: 75%;
}
@media (max-width: 61rem) {
  .aside-article-card__img {
    padding-bottom: 100%;
  }
}
.aside-article-card__img picture {
  display: contents;
}
.aside-article-card__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
  transition: transform var(--transition-duration-slow);
}
.aside-article-card__text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  min-width: 0;
  min-height: 100%;
}
.aside-article-card__title {
  transition: color var(--transition-duration);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.aside-article-card__title > a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.aside-article-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media (max-width: 61rem) {
  .aside-article-card__btn-box {
    display: none;
  }
}

/* Article Card */
.article-card {
  --card-space-y: 1.125rem;
}
.article-card__inner {
  display: flex;
  flex-direction: column;
  row-gap: var(--card-space-y);
}
@media (any-hover: hover) {
  .article-card__inner:hover .article-card__img img {
    transform: scale(1.1);
  }
  .article-card__inner:hover .article-card__title {
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: initial;
    color: var(--color-primary);
  }
}
.article-card__img {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--border-radius-12);
}
.article-card__img picture {
  display: contents;
}
.article-card__img img {
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1.01);
  will-change: transform;
  transition: transform var(--transition-duration-slow);
}
.article-card__tags {
  --offset: 1rem;
  position: absolute;
  z-index: 9;
  left: var(--offset);
  right: var(--offset);
  top: var(--offset);
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.article-card__text {
  display: flex;
  flex-direction: column;
  row-gap: var(--card-space-y);
}
.article-card__title {
  font-family: var(--body-font-family);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: var(--body-letter-spacing);
}

/* Insight Card */
.insight-card {
  --card-border-radius: clamp(1.75rem, 1.575rem + 0.875vw, 2.625rem);
  --card-px: clamp(2rem, 1.6rem + 2vw, 4rem);
  --card-py: clamp(2rem, 1.6rem + 2vw, 4rem);
  --card-gap: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
  --card-bg-color: var(--color-basic-black-50);
  --card-decor-blur-size: 12vw;
  position: relative;
}
@media (max-width: 61rem) {
  .insight-card {
    --card-decor-blur-size: 40vw;
  }
}
.insight-card::before, .insight-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: var(--card-decor-blur-size);
  width: var(--card-decor-blur-size);
  height: var(--card-decor-blur-size);
  filter: blur(9.375rem);
  pointer-events: none;
}
.insight-card::before {
  left: 0;
  bottom: 0;
  background-color: var(--color-primary);
  opacity: 0.4;
}
.insight-card::after {
  right: 0;
  top: 0;
  background: var(--color-basic-white-100);
  opacity: 0.2;
}
.insight-card__inner {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--card-border-radius);
  padding: var(--card-py) var(--card-px);
  background-color: var(--card-bg-color);
  backdrop-filter: blur(4.75rem);
  row-gap: var(--card-gap);
}

/* Flow Card */
.flow-card {
  --card-border-radius: 62.4375rem;
  --card-icon-size: 3rem;
  --card-dot-size: 0.5rem;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.flow-card._active .flow-card__text-inner::after {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.flow-card._active .flow-card__btn-box {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.flow-card__inner {
  flex: 1 1 auto;
  padding-block-end: 1.5rem;
}
.flow-card__icon {
  position: relative;
  z-index: 9;
  display: flex;
  flex: 0 0 var(--card-icon-size);
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: var(--card-icon-size);
  width: var(--card-icon-size);
  height: var(--card-icon-size);
  background-color: rgba(254, 213, 0, 0.1);
  backdrop-filter: blur(0.25rem);
  margin-inline: auto;
}
.flow-card__icon picture {
  display: contents;
}
.flow-card__icon img {
  width: 33.33%;
  height: 33.33%;
  max-width: 33.33%;
  max-height: 33.33%;
  object-fit: contain;
}
.flow-card__text {
  position: relative;
  border-top-left-radius: var(--card-border-radius);
  border-top-right-radius: var(--card-border-radius);
}
.flow-card__text::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: var(--card-dot-size);
  width: var(--card-dot-size);
  height: var(--card-dot-size);
  background-color: var(--color-primary);
  transform: translate(50%, 50%);
}
.flow-card__text:not(:first-child) {
  margin-block-start: calc(var(--card-icon-size) * 0.5 * -1);
}
.flow-card__text-inner {
  position: relative;
  overflow: hidden;
  border-radius: inherit;
  padding: 4.5rem 5rem 1.75rem;
  background-image: linear-gradient(180deg, rgba(254, 213, 0, 0.04) 0%, rgba(9, 9, 9, 0) 100%);
}
.flow-card__text-inner::before, .flow-card__text-inner::after {
  content: "";
  position: absolute;
}
.flow-card__text-inner::before {
  inset: -0.25rem;
  border: 0.3125rem dashed var(--color-primary);
  border-bottom: 0;
  border-radius: inherit;
}
.flow-card__text-inner::after {
  right: 22%;
  top: -10%;
  width: 3.125rem;
  height: 3.125rem;
  background-color: var(--color-primary);
  filter: blur(4.125rem);
  pointer-events: none;
  transition: visibility var(--transition-duration), opacity var(--transition-duration);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.flow-card__num {
  position: relative;
  z-index: 9;
  color: var(--color-primary);
  font-family: var(--body-font-family);
  font-size: var(--text-sm-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--text-sm-line-height, var(--body-line-height));
  letter-spacing: var(--text-sm-letter-spacing, var(--body-letter-spacing));
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.flow-card__num:not(:last-child) {
  margin-block-end: 0.5rem;
}
.flow-card__title {
  position: relative;
  z-index: 9;
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.flow-card__title:not(:last-child) {
  margin-block-end: 2rem;
}
.flow-card__btn-box {
  position: relative;
  z-index: 9;
  transition: visibility var(--transition-duration), opacity var(--transition-duration);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Idea Card */
.idea-card {
  --card-border-width: 0.0625rem;
  --card-bg-color: var(--color-basic-black-90);
  --card-bd-filter: blur(4.5rem);
  --card-glow: var(--color-primary);
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-24);
  padding: var(--card-border-width);
}
.idea-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border: var(--card-border-width) solid transparent;
  border-radius: inherit;
  background: linear-gradient(180deg, var(--color-basic-black-90), var(--color-basic-black-90)) padding-box, radial-gradient(220% 180% at 0% 100%, color-mix(in oklab, var(--card-glow) 80%, transparent), color-mix(in oklab, var(--card-glow) 20%, transparent) 25%, transparent 60%) border-box;
  pointer-events: none;
}
.idea-card__inner {
  position: relative;
  z-index: 9;
  border-radius: inherit;
  padding: 1.625rem 2.375rem;
  background-color: var(--card-bg-color);
}
.idea-card__title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: var(--body-font-family);
  font-size: var(--text-sm-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--text-sm-line-height, var(--body-line-height));
  letter-spacing: var(--text-sm-letter-spacing, var(--body-letter-spacing));
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.idea-card__title i {
  color: var(--color-primary);
}
.idea-card__title span {
  flex: 1 1 auto;
  min-width: 0;
}

/* Honor Card */
.honor-preview-card {
  display: block;
  text-align: center;
}
.honor-preview-card[data-aos].aos-init {
  filter: blur(1rem);
  transform: translateY(-120%);
}
.honor-preview-card[data-aos].aos-init.aos-animate {
  filter: none;
  transform: translateY(0);
}
.honor-preview-card__text:not(:last-child) {
  margin-block-end: 1.5rem;
}
.honor-preview-card__title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.honor-preview-card__title:not(:last-child) {
  margin-block-end: 0.25rem;
}
.honor-preview-card__times {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--color-primary);
}
.honor-preview-card__img {
  position: relative;
  overflow: hidden;
  padding-block-end: 100%;
}
.honor-preview-card__img picture {
  display: contents;
}
.honor-preview-card__img img {
  position: absolute;
  inset: 0;
  object-fit: contain;
  block-size: 100%;
  inline-size: 100%;
}

/* Honor Card */
.honor-card {
  --card-w: 16.25rem;
  --card-h: 21.25rem;
  --tx: 0;
  --ty: 0;
  --tz: 0;
  --rx: 0deg;
  --ry: 0deg;
  --rz: 0deg;
  --scale: 1;
  display: block;
  transform: translate3d(var(--tx), var(--ty), var(--tz)) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) scale(var(--scale));
  will-change: transform;
  user-select: none;
}
@media (any-hover: hover) {
  .honor-card:hover .honor-card__text {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
}
.honor-card__text {
  transition: visibility var(--transition-duration), opacity var(--transition-duration);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media (max-width: 61rem) {
  .honor-card__text {
    display: none;
  }
}
.honor-card__title-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.honor-card__title-wrap:not(:last-child) {
  margin-block-end: 0.5rem;
}
.honor-card__title {
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  min-inline-size: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.honor-card__subtitle {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
}
.honor-card__year {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
}
.honor-card__img {
  position: relative;
  overflow: hidden;
  padding-block-end: 141.25%;
}
.honor-card__img:not(:last-child) {
  margin-block-end: 1rem;
}
.honor-card__img picture {
  display: contents;
}
.honor-card__img img {
  position: absolute;
  inset: 0;
  object-fit: contain;
  object-position: bottom;
  block-size: 100%;
  inline-size: 100%;
}

/* Breadcrumbs */
.breadcrumbs {
  --breadcrumbs-gap: 0.5rem;
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
@media (max-width: 61rem) {
  .breadcrumbs {
    --breadcrumbs-gap: 0.375rem;
    font-size: 0.875rem;
  }
}
.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--breadcrumbs-gap);
  list-style: none;
  padding-left: 0;
}
.breadcrumbs__list > li:not(:last-child) {
  display: flex;
  align-items: center;
  gap: var(--breadcrumbs-gap);
}
.breadcrumbs__list > li:not(:last-child)::after {
  content: var(--icon-chevron-right);
  font-family: var(--font-icons);
  pointer-events: none;
}
.breadcrumbs__list > li > a {
  transition: color var(--transition-duration);
}
@media (any-hover: hover) {
  .breadcrumbs__list > li > a:hover {
    color: var(--color-primary);
  }
}
.breadcrumbs__list > li > span {
  color: var(--color-basic-white-60);
}

/* SOC */
.soc {
  --soc-gap: 0.5rem;
  --soc-link-size: 1.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--soc-gap);
}
.soc--centered {
  justify-content: center;
}
.soc > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--soc-link-size);
  height: var(--soc-link-size);
  font-size: calc(var(--soc-link-size) * 0.65);
  font-weight: 400;
  line-height: 1;
  color: var(--color-basic-white-40);
  transition: color var(--transition-duration);
}
@media (any-hover: hover) {
  .soc > li > a:hover {
    color: var(--color-basic-white-100);
  }
}

/* Review Badge */
.review-badge {
  --badge-arrow-size: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem);
  min-width: 0;
}
.review-badge--labelled .review-badge__btn {
  border: none;
  border-radius: 1.5rem;
  min-height: 4.5625rem;
  padding: 1.171875rem 1.5rem;
}
.review-badge--labelled .review-badge__logo:not(:last-child) {
  margin-inline-end: 1rem;
}
@media (max-width: 61rem) {
  .review-badge--labelled .review-badge__logo:not(:last-child) {
    margin-inline-end: 0.5rem;
  }
}
.review-badge__btn {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  vertical-align: top;
  overflow: hidden;
  border: 0.0625rem solid var(--color-basic-white-10);
  border-radius: 3.125rem;
  min-width: 0;
  min-height: clamp(3rem, 2.925rem + 0.375vw, 3.375rem);
  padding: clamp(0.375rem, 0.35rem + 0.125vw, 0.5rem) 0.8125rem clamp(0.375rem, 0.35rem + 0.125vw, 0.5rem) 1.3125rem;
  background-color: var(--color-basic-white-5);
  color: var(--color-basic-white-100);
  transition: border-color var(--transition-duration);
}
.review-badge__btn:not(:last-child) {
  margin-block-end: 0.5rem;
}
.review-badge__btn:not(:disabled) {
  cursor: pointer;
}
@media (any-hover: hover) {
  .review-badge__btn:not(:disabled):hover {
    border-color: var(--color-basic-white-20);
  }
}
.review-badge__btn-row {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.review-badge__arrow {
  display: flex;
  flex: 0 0 var(--badge-arrow-size);
  align-items: center;
  justify-content: center;
  border-radius: var(--badge-arrow-size);
  width: var(--badge-arrow-size);
  height: var(--badge-arrow-size);
  background-color: var(--color-basic-white-10);
  color: var(--color-basic-white-100);
  transition: background-color var(--transition-duration);
}
@media (any-hover: hover) {
  .review-badge__arrow:hover {
    background-color: var(--color-basic-white-20);
  }
}
.review-badge__logo {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  justify-content: center;
  max-width: 7.75rem;
}
.review-badge__logo:not(:last-child) {
  margin-inline-end: 0.625rem;
}
.review-badge__logo picture {
  display: contents;
}
.review-badge__logo img {
  vertical-align: top;
  width: auto;
  min-height: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  max-width: 100%;
  max-height: clamp(1.25rem, 1.15rem + 0.5vw, 1.75rem);
  object-fit: contain;
}
.review-badge__rating {
  flex: 1 1 auto;
  min-width: 0;
}
.review-badge__rating:not(:last-child) {
  margin-inline-end: 1.125rem;
}
.review-badge__label {
  display: block;
  text-align: center;
  color: var(--color-basic-white-60);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}

/* Review Badge Rating */
.review-badge-rating {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem);
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: var(--body-letter-spacing);
}
.review-badge-rating--lg {
  gap: 0.25rem 1.5rem;
  font-size: 1.875rem;
}
@media (max-width: 61rem) {
  .review-badge-rating--lg {
    gap: 0.25rem 1rem;
    font-size: 1.125rem;
  }
}
@media (max-width: 61rem) {
  .review-badge-rating--lg .review-badge-rating__stars i {
    font-size: 80%;
  }
}
.review-badge-rating__stars {
  margin-block-start: -0.0625rem;
}
.review-badge-rating__stars i {
  font-size: 70%;
  line-height: 1;
  color: var(--color-primary);
}

/* Rating Strip */
.ratings-strip {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  border-radius: var(--border-radius-24);
  padding: clamp(1.5rem, 1.2rem + 1.5vw, 3rem) clamp(1.5rem, 1.325rem + 0.875vw, 2.375rem);
  background-color: var(--color-basic-white-5);
}
.ratings-strip__list {
  display: grid;
  gap: 1rem;
  grid-template-columns: var(--grid-4);
}
@media (max-width: 61rem) {
  .ratings-strip__list {
    grid-template-columns: var(--grid-2);
  }
}
.ratings-strip__chip {
  min-height: 100%;
}

.rating-strip-chip {
  --chip-height: 5rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  overflow: hidden;
  border-radius: 1.125rem;
  height: var(--chip-height);
  padding: 1rem;
  background-color: var(--color-basic-white-5);
  transition: background-color var(--transition-duration);
}
@media (min-width: 80rem) {
  .rating-strip-chip {
    padding: 1.5rem;
  }
}
@media (any-hover: hover) {
  .rating-strip-chip:hover {
    background-color: var(--color-basic-white-10);
  }
}
.rating-strip-chip__img {
  max-height: 100%;
}
.rating-strip-chip__img picture {
  display: contents;
}
.rating-strip-chip__img img {
  display: block;
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Case Spotlight Metrics */
.cs-metrics__header:not(:last-child) {
  margin-block-end: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}
.cs-metrics__title {
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.cs-metrics__body:not(:last-child) {
  margin-block-end: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}
.cs-metrics__list {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: var(--grid-3);
}
@media (max-width: 47rem) {
  .cs-metrics__list {
    gap: 1rem;
    grid-template-columns: var(--grid-1);
  }
}

/* Case Spotlight Metric Item */
.cs-metric-item {
  display: flex;
  flex-direction: column-reverse;
  gap: clamp(0.5rem, 0.3rem + 1vw, 1.5rem);
}
.cs-metric-item__label {
  color: var(--color-basic-white-60);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight, 300);
  -webkit-font-smoothing: antialiased;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
}
.cs-metric-item__value {
  display: flex;
  font-family: var(--display-font-family);
  font-size: 2.625rem;
  font-weight: var(--h3-font-weight);
  line-height: var(--h3-line-height);
}
.cs-metric-item__value .icon-arrow-up {
  font-size: 50%;
  color: var(--color-primary);
  margin-inline-start: 0.375rem;
}

/* Partnerships Map Location */
.partnerships-map-location {
  --location-size: clamp(1rem, 0.6rem + 2vw, 3rem);
  display: flex;
  flex-direction: column;
  border-radius: var(--location-size);
}
.partnerships-map-location[data-partnerships-map-pin] {
  cursor: pointer;
}
@media (any-hover: hover) {
  .partnerships-map-location[data-partnerships-map-pin]:hover .partnerships-map-location__inner {
    background-color: var(--color-basic-white-20);
    scale: 1.1;
  }
}
.partnerships-map-location--lb {
  border-bottom-left-radius: 0;
  transform-origin: left bottom;
}
.partnerships-map-location--lt {
  border-top-left-radius: 0;
  transform-origin: left top;
}
.partnerships-map-location--rt {
  border-top-right-radius: 0;
  transform-origin: right top;
}
.partnerships-map-location--rb {
  border-bottom-right-radius: 0;
  transform-origin: right bottom;
}
.partnerships-map-location__inner {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow: hidden;
  border-radius: inherit;
  width: var(--location-size);
  height: var(--location-size);
  padding: clamp(0.125rem, 0.1rem + 0.125vw, 0.25rem);
  background-color: var(--color-basic-white-10);
  transform-origin: inherit;
  will-change: transform, background-color;
  transition: scale var(--transition-duration), background-color var(--transition-duration);
  backdrop-filter: blur(0.21875rem);
}
.partnerships-map-location__img {
  position: relative;
  z-index: 9;
  flex: 1 1 auto;
  overflow: hidden;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.partnerships-map-location__img picture {
  display: contents;
}
.partnerships-map-location__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Recognition Rating */
.recognition-rating {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: clamp(0.75rem, 0.675rem + 0.375vw, 1.125rem);
  padding: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
  background-color: var(--color-basic-white-5);
}
.recognition-rating__value {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: var(--body-letter-spacing);
}
.recognition-rating__value:not(:last-child) {
  margin-inline-end: 0.5rem;
}
.recognition-rating__icon {
  margin-bottom: 0.75%;
  color: var(--color-primary);
}
.recognition-rating__icon:not(:last-child) {
  margin-inline-end: 1.5rem;
}
.recognition-rating__label {
  color: var(--color-basic-white-60);
}

/* Progress Ring */
.progress-ring {
  --pr-size: 1.25rem;
  --pr-track-color: var(--color-accent-yellow-8);
  --pr-active-color: var(--color-primary);
  --pr-thickness: 0.125rem;
  position: relative;
  border: var(--pr-thickness) solid transparent;
  border-radius: var(--pr-size);
  background: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - var(--pr-thickness)), #000 calc(100% - var(--pr-thickness))) padding-box, conic-gradient(var(--pr-active-color) calc(var(--data-progress) * 1turn), var(--pr-track-color) 0) border-box;
  transform: rotate(-90deg);
  will-change: background;
  block-size: var(--pr-size);
  inline-size: var(--pr-size);
}
.progress-ring::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: var(--color-basic-black-100);
}
.progress-ring__label {
  position: absolute;
  clip-path: inset(50%);
  overflow: hidden;
  width: 0.0625rem;
  height: 0.0625rem;
  white-space: nowrap;
  clip: rect(0 0 0 0);
}

/* Effectiveness Slide */
.effectiveness-slide__row {
  --col-width: 100%;
  --col-gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-inline: calc(var(--col-gap) / 2 * -1);
  row-gap: var(--col-gap);
}
@media (min-width: 62rem) {
  .effectiveness-slide__row {
    --col-width: 50%;
    --col-gap: 2rem;
  }
}
@media (min-width: 97.5rem) {
  .effectiveness-slide__row {
    --col-gap: 4rem;
  }
}
.effectiveness-slide__col {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding-inline: calc(var(--col-gap) / 2);
}
@media (min-width: 62rem) {
  .effectiveness-slide__col--text {
    --col-width: 46.5%;
  }
}
@media (min-width: 62rem) {
  .effectiveness-slide__col--img {
    --col-width: 53.5%;
  }
}
.effectiveness-slide__accent-title:not(:last-child) {
  margin-block-end: 1rem;
}
.effectiveness-slide__title {
  font-size: 1.875rem;
}
.effectiveness-slide__title:not(:last-child) {
  margin-block-end: clamp(1rem, 0.8rem + 1vw, 2rem);
}

#swiper-effectiveness .swiper-slide {
  height: auto;
}

/* Partnerships Map */
.partnerships-map {
  position: relative;
}
@media (max-width: 61rem) {
  .partnerships-map {
    padding-bottom: 4.5rem;
  }
}
.partnerships-map__field {
  position: relative;
}
.partnerships-map__img {
  display: block;
}
.partnerships-map__img picture {
  display: contents;
}
.partnerships-map__img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.partnerships-map__location {
  position: absolute;
  z-index: 9;
}
.partnerships-map__location--01 {
  left: 18%;
  top: 22%;
}
.partnerships-map__location--02 {
  left: 12%;
  top: 19%;
}
.partnerships-map__location--03 {
  left: 27.5%;
  top: 27%;
}
.partnerships-map__location--04 {
  left: 17%;
  top: 36%;
}
.partnerships-map__location--05 {
  left: 9%;
  top: 31.5%;
}
.partnerships-map__location--06 {
  left: 11%;
  top: 40%;
}
.partnerships-map__location--07 {
  left: 13.5%;
  top: 48%;
}
.partnerships-map__location--08 {
  left: 28%;
  bottom: 27%;
}
.partnerships-map__location--09 {
  left: 41%;
  top: 23.5%;
}
.partnerships-map__location--10 {
  left: 41%;
  top: 32%;
}
.partnerships-map__location--11 {
  right: 45%;
  top: 16%;
}
.partnerships-map__location--12 {
  left: 46%;
  top: 28%;
}
.partnerships-map__location--13 {
  left: 45.5%;
  top: 36.25%;
}
.partnerships-map__location--14 {
  left: 47%;
  top: 20%;
}
.partnerships-map__location--15 {
  right: 41%;
  top: 37%;
}
.partnerships-map__location--16 {
  right: 44.5%;
  top: 24.5%;
}
.partnerships-map__location--17 {
  right: 36.5%;
  top: 40.5%;
}
.partnerships-map__location--18 {
  right: 31%;
  top: 43%;
}
.partnerships-map__location--19 {
  right: 35%;
  top: 23%;
}
.partnerships-map__location--20 {
  right: 27%;
  bottom: 42%;
}
.partnerships-map__location--21 {
  right: 36%;
  top: 32%;
}
.partnerships-map__location--22 {
  right: 20%;
  bottom: 40%;
}
.partnerships-map__location--23 {
  right: 10.5%;
  bottom: 27%;
}
.partnerships-map__location--24 {
  right: 9%;
  top: 32%;
}
.partnerships-map__location--25 {
  right: 5.75%;
  bottom: 14%;
}
.partnerships-map__location--26 {
  right: 40.5%;
  top: 27%;
}
.partnerships-map__location--27 {
  right: 46%;
  top: 33%;
}
.partnerships-map__card {
  position: absolute;
  z-index: 29;
  left: 0;
  bottom: 0;
  transition: visibility var(--transition-duration), opacity var(--transition-duration);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.partnerships-map__card._visible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

/* Video Block */
.video-block {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-16);
  padding-bottom: 56.25%;
}
@media (any-hover: hover) {
  .video-block:hover img,
  .video-block:hover video {
    transform: scale(1.1);
  }
}
.video-block picture {
  display: contents;
}
.video-block video,
.video-block img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
  will-change: transform;
  transition: transform var(--transition-duration-slow);
}
.video-block__btn-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* Btn Play */
.btn-play {
  --btn-size: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: none;
  border-radius: var(--btn-size);
  width: var(--btn-size);
  height: var(--btn-size);
  background-color: var(--color-basic-white-10);
  color: var(--color-white);
  transition: background-color var(--transition-duration);
  backdrop-filter: blur(1.5rem);
}
.btn-play:not(:disabled) {
  cursor: pointer;
}
@media (any-hover: hover) {
  .btn-play:not(:disabled):hover {
    background-color: var(--color-basic-white-5);
  }
}

/* Project Timeline */
.project-timeline {
  --timeline-track-height: clamp(2.25rem, 1.9rem + 1.75vw, 4rem);
  --timeline-item-offset-x: 0.25rem;
  --timeline-item-offset-y: 0.25rem;
}
.project-timeline__tracks {
  display: flex;
  flex-direction: column;
  row-gap: clamp(0.5rem, 0.4rem + 0.5vw, 1rem);
}
.project-timeline__track {
  position: relative;
  overflow: hidden;
  border-radius: clamp(0.5rem, 0.35rem + 0.75vw, 1.25rem);
  height: var(--timeline-track-height);
  background-color: var(--color-basic-white-5);
}
.project-timeline__item {
  position: absolute;
  left: calc(var(--start, 0%) + var(--timeline-item-offset-x));
  top: var(--timeline-item-offset-y);
  bottom: var(--timeline-item-offset-y);
  width: calc(var(--span, 100%) - var(--timeline-item-offset-x) * 2);
}

.project-timeline-item {
  --item-icon-size: clamp(1rem, 0.85rem + 0.75vw, 1.75rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  border: 0.0625rem solid var(--color-basic-white-10);
  border-radius: clamp(0.375rem, 0.225rem + 0.75vw, 1.125rem);
  padding: clamp(0.25rem, 0.125rem + 0.625vw, 0.875rem) clamp(0.25rem, 0.1125rem + 0.6875vw, 0.9375rem);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 100%), rgba(255, 255, 255, 0.05);
}
.project-timeline-item__row {
  display: flex;
  align-items: center;
}
.project-timeline-item__title {
  flex: 1 1 auto;
  min-width: 0;
  font-family: var(--body-font-family);
  font-size: var(--text-lg-font-size);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  line-height: var(--text-lg-line-height, var(--body-line-height));
  letter-spacing: var(--text-lg-letter-spacing, var(--body-letter-spacing));
  text-rendering: optimizelegibility;
  font-synthesis-weight: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 61rem) {
  .project-timeline-item__title {
    font-size: 0.75rem;
  }
}
.project-timeline-item__icon {
  flex: 0 0 var(--item-icon-size);
  width: var(--item-icon-size);
  height: var(--item-icon-size);
}
.project-timeline-item__icon picture {
  display: contents;
}
.project-timeline-item__icon img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Aside Video */
.aside-video {
  position: fixed;
  z-index: 999;
  left: 1rem;
  bottom: 1rem;
  overflow: hidden;
  border: 0.0625rem solid var(--color-basic-white-10);
  border-radius: 1rem;
  transition: visibility var(--transition-duration), opacity var(--transition-duration);
  overflow: hidden;
  /* opacity: 0; */
  /* visibility: hidden; */
  /* pointer-events: none; */
}
.aside-video._show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.aside-video__inner {
  width: 7.5rem;
}
.aside-video__media {
  position: relative;
  overflow: hidden;
  padding-bottom: 166.67%;
}
.aside-video__media video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aside-video__close-btn {
  --btn-size: 1.5rem;
  position: absolute;
  z-index: 19;
  right: 0.25rem;
  top: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  width: var(--btn-size);
  height: var(--btn-size);
  background: none;
  font-size: calc(var(--btn-size) * 0.5);
  font-weight: 400;
  line-height: 1;
  color: var(--color-primary);
}
.aside-video__close-btn:not(:disabled) {
  cursor: pointer;
}

/* Sphere Btn */
.sphere-btn {
  --btn-size: 18.5vw;
  --btn-bg-color: var(--color-primary);
  --btn-text-color: var(--color-basic-black-100);
  --px: 0;
  --py: 0;
  position: absolute;
  z-index: 199;
  left: 0%;
  top: 0%;
  border: none;
  border-radius: var(--btn-size);
  background: none;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  color: var(--btn-text-color);
  transform: translate(var(--px, 0), var(--py, 0)) translate(-50%, -50%);
  will-change: transform, opacity;
  pointer-events: none;
  transition: visibility var(--transition-duration), opacity var(--transition-duration);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media (max-width: 61rem) {
  .sphere-btn {
    display: none;
  }
}
.sphere-btn::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  background-color: var(--btn-bg-color);
  opacity: 0.4;
  filter: blur(4.75rem);
}
.sphere-btn._active {
  opacity: 1;
  visibility: visible;
}
.sphere-btn._active .sphere-btn__label {
  transform: scale(1);
}
.sphere-btn__label {
  position: relative;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: var(--btn-size);
  width: var(--btn-size);
  height: var(--btn-size);
  background-color: var(--btn-bg-color);
  transform: scale(0);
  will-change: transform;
  transition: transform var(--transition-duration);
}

/* Title Tier */
.title-tier {
  --tier-letter-size: clamp(2rem, 1.9rem + 0.5vw, 2.5rem);
  --tier-img-size: clamp(2rem, 1.9rem + 0.5vw, 2.5rem);
  display: inline-flex;
  gap: clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem);
  vertical-align: middle;
  overflow: hidden;
  border-radius: var(--border-radius-16);
  padding: 0.25rem;
  background-color: var(--color-basic-white-5);
  padding-inline-end: clamp(0.5rem, 0.4125rem + 0.4375vw, 0.9375rem);
}
@media (max-width: 61rem) {
  .title-tier {
    border-radius: var(--border-radius-12);
  }
}
.title-tier__letter {
  display: flex;
  flex: 0 0 var(--tier-letter-size);
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: var(--border-radius-12);
  width: var(--tier-letter-size);
  height: var(--tier-letter-size);
  min-width: 0;
  background-color: var(--color-red-light);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--color-basic-black-100);
}
@media (max-width: 61rem) {
  .title-tier__letter {
    border-radius: var(--border-radius-8);
  }
}
.title-tier__img {
  display: flex;
  flex: 0 0 var(--tier-img-size);
  align-items: center;
  justify-content: center;
  width: var(--tier-img-size);
  height: var(--tier-img-size);
  min-width: 0;
  padding: 0.5rem;
}
.title-tier__img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Review Badges Block */
.review-badges-block {
  --block-gap-x: 1.25rem;
  --block-gap-y: 1rem;
}
.review-badges-block._active .review-badges-block__extra {
  grid-template-columns: 1fr;
  opacity: 1;
}
.review-badges-block__row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--block-gap-y) var(--block-gap-x);
}
@media (min-width: 97.5rem) {
  .review-badges-block__row {
    flex-wrap: nowrap;
  }
}
.review-badges-block__main {
  min-width: 0;
}
.review-badges-block__extra {
  display: grid;
  grid-template-columns: 0fr;
  opacity: 0;
  transition: grid-template-columns 0.5s, opacity 0.5s;
}
@media (max-width: 61rem) {
  .review-badges-block__extra {
    display: none;
  }
}
.review-badges-block__extra-inner {
  overflow: hidden;
}
.review-badges-block__extra-pad {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--block-gap-y) var(--block-gap-x);
}
.review-badges-block__extra-pad .review-badge {
  flex-shrink: 0;
}
.review-badges-block__extra-pad .review-badge__logo {
  flex-shrink: 0;
}
.review-badges-block__extra-pad .review-badge__btn {
  flex-wrap: nowrap;
  text-wrap: nowrap;
}

/* Honors Modal */
.honors-modal {
  position: fixed;
  z-index: 9999;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.honors-modal.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.honors-modal__backdrop {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(1.25rem);
}
.honors-modal__dialog {
  position: relative;
  display: block;
  block-size: 100%;
  inline-size: 100%;
}
.honors-modal__close {
  --btn-size: 4rem;
  --btn-offset: clamp(1.5rem, 1.3rem + 1vw, 2.5rem);
  position: absolute !important;
  z-index: 19;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.0625rem solid var(--color-basic-white-10);
  border-radius: var(--btn-size);
  background-color: var(--color-basic-white-5);
  font-size: calc(var(--btn-size) * 0.35);
  font-weight: 400;
  line-height: 1;
  color: var(--color-basic-white-100);
  transition: border-color var(--transition-duration);
  block-size: var(--btn-size);
  inline-size: var(--btn-size);
  inset-block-start: var(--btn-offset);
  inset-inline-end: var(--btn-offset);
}
.honors-modal__close:not(:disabled) {
  cursor: pointer;
}
@media (any-hover: hover) {
  .honors-modal__close:not(:disabled):hover {
    border-color: var(--color-basic-white-30);
  }
}
.honors-modal__viewport {
  position: absolute;
  inset: 0;
  overflow: hidden;
  block-size: 100%;
  inline-size: 100%;
}

/* GRID */
.honors-grid {
  --grid-cols: 3;
  --grid-gap-x: 4rem;
  --grid-gap-y: 4rem;
  display: grid;
  gap: var(--grid-gap-y) var(--grid-gap-x);
  grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
  padding: 1.5rem;
  perspective: var(--scene-perspective, 59.375rem);
  transform-style: preserve-3d;
  will-change: transform;
  margin-inline: auto;
  max-inline-size: 82.5rem;
}
@media (max-width: 61rem) {
  .honors-grid {
    --grid-cols: 2;
    --grid-gap-x: 1.5rem;
    --grid-gap-y: 1.5rem;
  }
}
.honors-grid.is-snap {
  pointer-events: none;
}
.honors-grid.is-snap .honor-card {
  transition: none !important;
}
.honors-grid.is-fly .honor-card {
  transition: transform 820ms cubic-bezier(0.2, 0.9, 0.2, 1), filter 200ms ease, opacity 200ms ease;
}
@media (max-width: 61rem) {
  .honors-grid .honor-card {
    inline-size: calc(100% + 2rem);
  }
}
@media (max-width: 61rem) {
  .honors-grid .honor-card:nth-child(even) {
    margin-inline-start: -2rem;
  }
}

/* Typography */
.text-block {
  --text-space-y: clamp(0.75rem, 0.6rem + 0.75vw, 1.5rem);
  --text-paragraph-spacing: 1em;
  --text-list-indent: 1em;
  --text-list-space-y: 0.5em;
}
.text-block ol li:not(:last-child),
.text-block ul li:not(:last-child) {
  margin-block-end: var(--text-list-space-y);
}
.text-block ul {
  list-style: disc outside;
  padding-inline-start: var(--text-list-indent);
}
.text-block strong,
.text-block b {
  font-weight: 700;
}
.text-block em,
.text-block i {
  font-style: italic;
}
.text-block mark {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.text-block del {
  background-color: #fbb;
  text-decoration: line-through;
}
.text-block ins {
  background-color: #d4fcbc;
  text-decoration: none;
}
.text-block blockquote {
  border-left: 0.125rem solid var(--color-primary);
  padding-left: 1rem;
}
.text-block a {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .text-block a:hover {
    text-decoration: none;
  }
}
.text-block > *:not(:last-child) {
  margin-block-end: var(--text-paragraph-spacing);
}

a[x-apple-data-detectors] {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-decoration: none !important;
  color: inherit !important;
}

a:not(.menu__btn,
.menu__arrow,
.workplace-product-card__toggle-btn,
.video-block__btn-play,
.sphere-btn,
.slider-navigation__dot)[aria-label],
button:not(.menu__btn,
.menu__arrow,
.workplace-product-card__toggle-btn,
.video-block__btn-play,
.sphere-btn,
.slider-navigation__dot)[aria-label] {
  position: relative;
}
a:not(.menu__btn,
.menu__arrow,
.workplace-product-card__toggle-btn,
.video-block__btn-play,
.sphere-btn,
.slider-navigation__dot)[aria-label]::after,
button:not(.menu__btn,
.menu__arrow,
.workplace-product-card__toggle-btn,
.video-block__btn-play,
.sphere-btn,
.slider-navigation__dot)[aria-label]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 2.75rem;
  height: 2.75rem;
}

picture {
  display: inline-block;
}
picture img {
  vertical-align: middle;
}

code {
  border: 0.0625rem dashed #999;
  border-radius: 0.2rem;
  padding: 0.1rem 0.3rem 0.2rem;
  background: #fff3f4;
  box-decoration-break: clone;
  word-wrap: break-word;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  --font-size: 1.5rem;
  font-family: var(--display-font-family);
  font-size: var(--font-size);
  font-weight: var(--display-font-weight);
  line-height: var(--display-line-height);
}

h1,
.h1 {
  font-size: var(--h1-font-size);
  font-weight: var(--h1-font-weight);
  line-height: var(--h1-line-height);
}

h2,
.h2 {
  font-size: var(--h2-font-size);
  font-weight: var(--h2-font-weight);
  line-height: var(--h2-line-height);
}

h3,
.h3 {
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight);
  line-height: var(--h3-line-height);
}

h4,
.h4 {
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  line-height: var(--h4-line-height);
}

h5,
.h5 {
  --font-size: 1rem;
}

h6,
.h6 {
  --font-size: 0.75rem;
}

/* Title H3 */
.title-h3 {
  font-size: clamp(1.875rem, 1.725rem + 0.75vw, 2.625rem);
}

/* Decor Link */
.decor-link {
  --link-decor-size: 0.375rem;
  display: inline-flex;
  gap: 0.125rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: var(--body-letter-spacing);
  text-decoration: underline;
  color: var(--color-primary);
}
@media (any-hover: hover) {
  .decor-link:hover {
    text-decoration: none;
  }
}
.decor-link::after {
  content: "";
  display: inline-block;
  border: solid var(--color-primary);
  border-width: 0.075rem 0.075rem 0 0;
  border-radius: 0.075rem;
  width: var(--link-decor-size);
  height: var(--link-decor-size);
  margin-block-start: 0.125rem;
}

/* stylelint-disable declaration-no-important */
/* ========== GLOBALS ========== */
/* Body */
body {
  background-color: var(--body-bg-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);
  color: var(--body-text-color);
}
body.is-sphere-cursor {
  cursor: none;
}
body:has(.preloader) {
  overflow: hidden;
}

/* Scrollbars */
*::-webkit-scrollbar {
  border-radius: var(--scrollbar-border-radius);
  width: var(--scrollbar-width);
  height: var(--scrollbar-width);
}
*::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-color);
  border-radius: var(--scrollbar-border-radius);
}
*::-webkit-scrollbar-track {
  border-radius: var(--scrollbar-border-radius);
  background: var(--scrollbar-bg-color);
}
* {
  scrollbar-face-color: var(--scrollbar-thumb-color);
  scrollbar-track-color: var(--scrollbar-bg-color);
}

/* Selection */
::selection {
  background-color: var(--selection-bg-color);
  color: var(--selection-text-color);
}

/* Scrolling Target */
:target {
  scroll-margin-top: var(--header-height);
}

/* Pages List */
.pages-list {
  --list-pl: 1rem;
  --list-space-y: 0.75rem;
  padding-left: var(--list-pl);
}
.pages-list > li:not(:last-child) {
  margin-bottom: var(--list-space-y);
}
.pages-list > li > a {
  text-decoration: underline;
  transition: color var(--transition-duration);
}
@media (any-hover: hover) {
  .pages-list > li > a:hover {
    color: var(--color-primary);
  }
}

/* Slider Navigation */
.slider-navigation {
  --swiper-pagination-color: var(--color-basic-white-60);
  --swiper-pagination-bullet-width: 0.75rem;
  --swiper-pagination-bullet-height: 0.75rem;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-inactive-color: var(--color-basic-white-5);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  overflow: hidden;
  border-radius: 3.5rem;
  padding: 0.5rem;
  background-color: var(--color-basic-white-5);
}
.slider-navigation .swiper-pagination-bullets.swiper-pagination-horizontal {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.slider-navigation .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
  margin: 0;
  transition: background-color var(--transition-duration);
}
.slider-navigation__pages-pagination {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.slider-navigation__dot {
  --dot-size: 0.75rem;
  flex: 0 0 var(--dot-size);
  border: none;
  border-radius: var(--dot-size);
  width: var(--dot-size);
  height: var(--dot-size);
  background-color: var(--color-basic-white-5);
  transition: background-color var(--transition-duration);
}
.slider-navigation__dot:not(:disabled) {
  cursor: pointer;
}
@media (any-hover: hover) {
  .slider-navigation__dot:not(:disabled):hover {
    background-color: var(--color-basic-white-20);
  }
}
.slider-navigation__dot:not(:disabled)._active {
  background-color: var(--color-basic-white-60);
}

/* Accent Title */
.accent-title {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.005em;
  text-transform: uppercase;
  color: var(--color-primary);
}

/* Img Set */
.img-set {
  --set-img-size: clamp(2rem, 1.6rem + 2vw, 4rem);
  --set-img-border-width: clamp(0.1875rem, 0.1625rem + 0.125vw, 0.3125rem);
  display: inline-flex;
  vertical-align: middle;
}
.img-set > li {
  position: relative;
  width: var(--set-img-size);
  height: var(--set-img-size);
}
.img-set > li:nth-child(1) {
  z-index: 5;
}
.img-set > li:nth-child(2) {
  z-index: 4;
}
.img-set > li:nth-child(3) {
  z-index: 3;
}
.img-set > li:not(:last-child) {
  margin-inline-end: -0.875rem;
}
.img-set__img {
  display: block;
  overflow: hidden;
  border: var(--set-img-border-width) solid var(--color-basic-black-100);
  border-radius: var(--set-img-size);
  width: var(--set-img-size);
  height: var(--set-img-size);
}
.img-set__img picture {
  display: contents;
}
.img-set__img img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}

/* Card Icon */
.card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.0625rem solid var(--color-basic-white-5);
  border-radius: 1.125rem;
  width: var(--card-icon-size);
  height: var(--card-icon-size);
  background-color: var(--color-basic-white-5);
}
.card-icon--transparent {
  background-color: transparent;
}
.card-icon picture {
  display: contents;
}
.card-icon img {
  width: 50%;
  height: 50%;
  max-width: 50%;
  max-height: 50%;
  object-fit: contain;
}

/* Decor List */
.decor-list {
  list-style: none;
  padding-left: 0.5em;
}
.decor-list > li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.decor-list > li::before {
  content: var(--icon-magic-star);
  font-family: var(--font-icons);
  font-size: 80%;
  font-weight: 400;
  line-height: 1;
  color: var(--color-primary);
}
.decor-list > li:not(:last-child) {
  margin-block-end: 0.5rem;
}

/* Stacked Cards */
.stacked-cards__slider-wrap {
  overflow: hidden;
}
.stacked-cards__img {
  display: block;
  height: 7.5rem;
}
.stacked-cards__img picture {
  display: contents;
}
.stacked-cards__img img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}/* ===============================
=            Choices            =
=============================== */
.choices {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.5rem;
  font-size: 1rem;
}
.choices:focus {
  outline: none;
}
.choices:last-child {
  margin-bottom: 0;
}
.choices.is-open {
  overflow: visible;
}
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
          user-select: none;
}
.choices.is-disabled .choices__item {
  cursor: not-allowed;
}
.choices [hidden] {
  display: none !important;
}

.choices[data-type*=select-one] {
  cursor: pointer;
}
.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 0.46875rem;
}
.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 0.625rem;
  border-bottom: 0.0625rem solid #ddd;
  background-color: #fff;
  margin: 0;
}
.choices[data-type*=select-one] .choices__button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  padding: 0;
  background-size: 0.5rem;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.625rem;
  margin-right: 1.5625rem;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 10em;
  opacity: 0.25;
}
.choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus {
  opacity: 1;
}
.choices[data-type*=select-one] .choices__button:focus {
  box-shadow: 0 0 0 0.125rem #005F75;
}
.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button {
  display: none;
}
.choices[data-type*=select-one]::after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  border-width: 0.3125rem;
  position: absolute;
  right: 0.71875rem;
  top: 50%;
  margin-top: -0.15625rem;
  pointer-events: none;
}
.choices[data-type*=select-one].is-open::after {
  border-color: transparent transparent #333;
  margin-top: -0.46875rem;
}
.choices[data-type*=select-one][dir=rtl]::after {
  left: 0.71875rem;
  right: auto;
}
.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 1.5625rem;
  margin-right: 0;
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
  cursor: text;
}
.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-right: -0.25rem;
  margin-bottom: 0;
  margin-left: 0.5rem;
  padding-left: 1rem;
  border-left: 0.0625rem solid #003642;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  background-size: 0.5rem;
  width: 0.5rem;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
}
.choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus {
  opacity: 1;
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 0.46875rem 0.46875rem 0.234375rem;
  border: 0.0625rem solid #ddd;
  border-radius: 0.15625rem;
  font-size: 0.875rem;
  min-height: 2.75rem;
  overflow: hidden;
}
.is-focused .choices__inner, .is-open .choices__inner {
  border-color: #b7b7b7;
}
/* .is-open .choices__inner {
  border-radius: 0.15625rem 0.15625rem 0 0;
} */
.is-flipped.is-open .choices__inner {
  border-radius: 0 0 0.15625rem 0.15625rem;
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.choices__list--single {
  display: inline-block;
  padding: 0.25rem 1rem 0.25rem 0.25rem;
  width: 100%;
}
[dir=rtl] .choices__list--single {
  padding-right: 0.25rem;
  padding-left: 1rem;
}
.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: inline;
}
.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 1.25rem;
  padding: 0.25rem 0.625rem;
  font-size: 0.75rem;
  font-weight: 500;
  margin-right: 0.234375rem;
  margin-bottom: 0.234375rem;
  background-color: #005F75;
  border: 0.0625rem solid #004a5c;
  color: #fff;
  word-break: break-all;
  box-sizing: border-box;
}
.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 0.3125rem;
}
[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 0.234375rem;
}
.choices__list--multiple .choices__item.is-highlighted {
  background-color: #004a5c;
  border: 0.0625rem solid #003642;
}
.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaaaaa;
  border: 0.0625rem solid #919191;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
  display: none;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 0.0625rem solid #ddd;
  top: 100%;
  margin-top: -0.0625rem;
  border-bottom-left-radius: 0.15625rem;
  border-bottom-right-radius: 0.15625rem;
  overflow: hidden;
  word-break: break-all;
}
.is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
  display: block;
}
.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
  border-color: #b7b7b7;
}
.is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -0.0625rem;
  border-radius: 0.25rem 0.25rem 0 0;
}
.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 18.75rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}
.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 0.625rem;
  font-size: 0.875rem;
}
[dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}
@media (min-width: 40rem) {
  .choices__list--dropdown .choices__item--selectable[data-select-text], .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
    padding-right: 6.25rem;
  }
  .choices__list--dropdown .choices__item--selectable[data-select-text]::after, .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
    content: attr(data-select-text);
    font-size: 0.75rem;
    opacity: 0;
    position: absolute;
    right: 0.625rem;
    top: 50%;
    transform: translateY(-50%);
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text], [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
    text-align: right;
    padding-left: 6.25rem;
    padding-right: 0.625rem;
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
    right: auto;
    left: 0.625rem;
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: 0.5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
          user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 0.75rem;
  padding: 0.625rem;
  border-bottom: 0.0625rem solid #f7f7f7;
  color: gray;
}

.choices__button {
  text-indent: -624.9375rem;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.choices__button:focus {
  outline: none;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 0.875rem;
  margin-bottom: 0.3125rem;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 0.25rem 0 0.25rem 0.125rem;
}
.choices__input:focus {
  outline: 0;
}
.choices__input::-webkit-search-decoration, .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
  display: none;
}
.choices__input::-ms-clear, .choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
[dir=rtl] .choices__input {
  padding-right: 0.125rem;
  padding-left: 0;
}

.choices__placeholder {
  opacity: 0.5;
}

/* =====  End of Choices  ====== */
/**
 * Swiper 12.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 18, 2025
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0rem, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 75rem;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 75rem;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 0.0625rem;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 0.0625rem;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 2.625rem;
  height: 2.625rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1.3125rem;
  margin-top: -1.3125rem;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 0.25rem solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  --swiper-navigation-size: 2.75rem;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 0.25rem;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0rem - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 0.25rem);
  right: auto;
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 0.25rem);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0rem - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 0.25rem);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 0.25rem);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0rem - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 0.25rem);
    bottom: auto;
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 0.25rem);
    top: auto;
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 0.5rem;
  --swiper-pagination-bottom: 0.5rem;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 0.25rem;
  --swiper-pagination-bullet-size: 0.5rem;
  --swiper-pagination-bullet-width: 0.5rem;
  --swiper-pagination-bullet-height: 0.5rem;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 0.25rem;
  --swiper-pagination-bullet-vertical-gap: 0.375rem;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 0.5rem);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 0.5rem));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 0.5rem));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 0.5rem);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0rem, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 0.375rem) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 0.5rem;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 0.25rem);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 0.25rem);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 0.25rem);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards {
  .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }
}
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 0.625rem)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:0.25rem;font-size:0.875rem;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-0.4375rem;left:0;border-width:0.5rem 0.5rem 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-0.4375rem;left:0;border-width:0 0.5rem 0.5rem;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:0.5rem 0 0.5rem 0.5rem;border-left-color:initial;right:-0.4375rem;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-0.4375rem;border-width:0.5rem 0.5rem 0.5rem 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:1rem;height:1rem;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:0.3125rem 0.5625rem;z-index:1}.tippy-box[data-animation=shift-away][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top]{transform:translateY(0.625rem)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom]{transform:translateY(-0.625rem)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left]{transform:translateX(0.625rem)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right]{transform:translateX(-0.625rem)}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,6.25rem,0);transform:translate3d(0,6.25rem,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-6.25rem,0);transform:translate3d(0,-6.25rem,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-6.25rem,0,0);transform:translate3d(-6.25rem,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(6.25rem,0,0);transform:translate3d(6.25rem,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-6.25rem,6.25rem,0);transform:translate3d(-6.25rem,6.25rem,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(6.25rem,6.25rem,0);transform:translate3d(6.25rem,6.25rem,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-6.25rem,-6.25rem,0);transform:translate3d(-6.25rem,-6.25rem,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(6.25rem,-6.25rem,0);transform:translate3d(6.25rem,-6.25rem,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,6.25rem,0) scale(.6);transform:translate3d(0,6.25rem,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-6.25rem,0) scale(.6);transform:translate3d(0,-6.25rem,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-6.25rem,0,0) scale(.6);transform:translate3d(-6.25rem,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(6.25rem,0,0) scale(.6);transform:translate3d(6.25rem,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,6.25rem,0) scale(1.2);transform:translate3d(0,6.25rem,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-6.25rem,0) scale(1.2);transform:translate3d(0,-6.25rem,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-6.25rem,0,0) scale(1.2);transform:translate3d(-6.25rem,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(6.25rem,0,0) scale(1.2);transform:translate3d(6.25rem,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(156.25rem) rotateY(-100deg);transform:perspective(156.25rem) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(156.25rem) rotateY(0);transform:perspective(156.25rem) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(156.25rem) rotateY(100deg);transform:perspective(156.25rem) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(156.25rem) rotateY(0);transform:perspective(156.25rem) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(156.25rem) rotateX(-100deg);transform:perspective(156.25rem) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(156.25rem) rotateX(0);transform:perspective(156.25rem) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(156.25rem) rotateX(100deg);transform:perspective(156.25rem) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(156.25rem) rotateX(0);transform:perspective(156.25rem) rotateX(0)}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}
:root{--f-button-width: 2.5rem;--f-button-height: 2.5rem;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 0.0625rem;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 1.25rem;--f-button-svg-height: 1.25rem;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover: hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset);position:relative;z-index:1}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 3.125rem;--f-spinner-height: 3.125rem;--f-spinner-border-radius: 50%;--f-spinner-border-width: 0.25rem}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 1rem),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 1rem),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 9.375rem) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 9.375rem),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:0.0625rem;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 1rem 0.5rem);max-width:100%;max-height:calc(80vh - 6.25rem);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:0.0625rem;overflow:visible;max-width:var(--f-video-width, 60rem);max-height:var(--f-video-height, 33.75rem);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 2.875rem);--f-button-height: var(--f-arrow-height, 2.875rem);--f-button-svg-width: var(--f-arrow-svg-width, 1.5rem);--f-button-svg-height: var(--f-arrow-svg-height, 1.5rem);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 0.5rem);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 1.0625rem);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 0.25rem);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 0.25rem)}:root{--f-thumbs-gap: 0.5rem;--f-thumbs-margin: 0;--f-thumbs-padding-x: 0.5rem;--f-thumbs-padding-y: 0.5rem;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0rem;--f-thumbs-viewport-padding-y: 0rem;--f-thumb-width: 6rem;--f-thumb-height: 4.5rem;--f-thumb-clip-width: 2.875rem;--f-thumb-extra-gap: 1rem;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 0.25rem;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .0.5rem #222, inset 0 0 0 0.140625rem #fff;--f-thumb-selected-shadow: inset 0 0 0 .0.5rem #222, inset 0 0 0 0.140625rem #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 0.1875rem;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0rem) + var(--f-scrollbar-compensate, 0rem));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 0.5rem;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 1rem;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0rem 0.625rem;--f-counter-gap: 0.25rem;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 1.0625rem;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 1rem 0.5rem;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 3.125rem;--f-spinner-height: 3.125rem;--f-spinner-border-radius: 50%;--f-spinner-border-width: 0.25rem;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 2.875rem;--f-button-height: 2.875rem;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 0.0625rem;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0rem;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 1.5rem;--f-button-svg-height: 1.5rem;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(0.0625rem 0.0625rem 0.0625rem rgba(24, 24, 27, .01)), drop-shadow(0.0625rem 0.125rem 0.0625rem rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 2rem;--f-arrow-width: 3.125rem;--f-arrow-height: 3.125rem;--f-arrow-svg-width: 1.5rem;--f-arrow-svg-height: 1.5rem;--f-arrow-svg-stroke-width: 2;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 2.125rem;--f-close-button-height: 2.125rem;--f-close-button-svg-width: 1.5rem;--f-close-button-svg-height: 1.5rem;--f-close-border-radius: 0.25rem;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0rem;--f-thumbs-padding-x: 0.5rem;--f-thumbs-padding-y: 0.5rem;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 5.875rem;--f-thumb-height: 4.75rem;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 0.125rem rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 0.125rem #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 0.4375rem;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 0.625rem;--f-scrollbar-track-shadow: inset 0 0 0.375rem rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 0.625rem}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 0.21875rem;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 0.1125rem #fff, 0rem 0rem 0rem 0.140625rem #888;--f-thumb-selected-shadow: 0 0 0 0.1125rem #fff, 0rem 0rem 0rem 0.140625rem #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-1.875rem;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:0.5rem}.fancybox__slide.has-close-btn{padding-top:2.125rem}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);position:absolute;top:calc(var(--f-button-height) * -1);right:0;z-index:40;justify-content:end}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 0.5rem;--f-thumbs-transition: none;--f-thumbs-padding-x: 0.25rem;--f-thumbs-padding-y: 0.5rem;--f-thumbs-viewport-padding-x: 0.25rem;--f-thumbs-viewport-padding-y: 0rem;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;--f-thumbs-padding-y: 0}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}