@charset "UTF-8";@font-face{font-family:Montserrat;src:url(/assets/Montserrat-VariableFont_wght-DcaoeaBt.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Italic-VariableFont_wght-C-ARXqaC.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}.montserrat-font{font-optical-sizing:auto;font-style:normal}h1{font-weight:500}.highlight{font-weight:700;color:var(--primary-500)}h2,h3{font-weight:700;line-height:1.2}p,li{font-size:.875rem}:root,.roan-theme{--header-bg: var(--white);--nav-link-color: #333;--black: hsl(0, 0%, 0%);--gray-1000: hsl(0, 0%, 0%);--gray-950: hsl(0, 0%, 4%);--gray-900: hsl(0, 0%, 9%);--gray-850: hsl(0, 0%, 19%);--gray-800: hsl(0, 0%, 29%);--gray-750: hsl(0, 0%, 39%);--gray-700: hsl(0, 0%, 49%);--gray-650: hsl(0, 0%, 59%);--gray-600: hsl(0, 0%, 69%);--gray-550: hsl(0, 0%, 80%);--gray-500: hsl(0, 0%, 89%);--gray-400: hsl(0, 0%, 91%);--gray-300: hsl(0, 0%, 93%);--gray-200: hsl(0, 0%, 95%);--gray-100: hsl(0, 0%, 97%);--gray-50: hsl(0, 0%, 98%);--gray-0: hsl(0, 0%, 100%);--white: hsl(0, 0%, 100%);--primary-900: hsl(136, 15.46%, 14%);--primary-800: hsl(136, 15.46%, 24%);--primary-700: hsl(136, 15.46%, 30%);--primary-600: hsl(136, 15.46%, 34%);--primary-500: hsl(136, 15.46%, 38.04%);--primary-400: hsl(136, 15.46%, 50%);--primary-300: hsl(136, 15.46%, 62%);--primary-200: hsl(136, 15.46%, 72%);--primary-100: hsl(136, 15.46%, 82%);--primary-50: hsl(136, 15.46%, 89%);--primary-0: hsl(136, 15.46%, 94%);--secondary-900: hsl(37.89, 49.14%, 14%);--secondary-800: hsl(37.89, 49.14%, 24%);--secondary-700: hsl(37.89, 49.14%, 30%);--secondary-600: hsl(37.89, 49.14%, 34%);--secondary-500: hsl(37.89, 49.14%, 54.51%);--secondary-400: hsl(37.89, 49.14%, 62%);--secondary-300: hsl(37.89, 49.14%, 72%);--secondary-200: hsl(37.89, 49.14%, 82%);--secondary-100: hsl(37.89, 49.14%, 89%);--secondary-50: hsl(37.89, 49.14%, 94%);--secondary-0: hsl(37.89, 49.14%, 97%);--tertiary-900: hsl(15, 32.73%, 14%);--tertiary-800: hsl(15, 32.73%, 24%);--tertiary-700: hsl(15, 32.73%, 30%);--tertiary-600: hsl(15, 32.73%, 34%);--tertiary-500: hsl(15, 32.73%, 43.14%);--tertiary-400: hsl(15, 32.73%, 54%);--tertiary-300: hsl(15, 32.73%, 64%);--tertiary-200: hsl(15, 32.73%, 74%);--tertiary-100: hsl(15, 32.73%, 84%);--tertiary-50: hsl(15, 32.73%, 91%);--tertiary-0: hsl(15, 32.73%, 96%);--success-900: hsl(120, 100%, 12%);--success-800: hsl(120, 100%, 20%);--success-700: hsl(120, 100%, 26%);--success-600: hsl(120, 100%, 32%);--success-500: hsl(120, 100%, 38%);--success-400: hsl(120, 100%, 45%);--success-300: hsl(120, 100%, 66%);--success-200: hsl(120, 100%, 74%);--success-100: hsl(120, 100%, 82%);--success-50: hsl(120, 100%, 86%);--success-0: hsl(120, 100%, 98%);--warning-900: hsl(24, 100%, 17%);--warning-800: hsl(24, 100%, 29%);--warning-700: hsl(24, 100%, 38%);--warning-600: hsl(24, 100%, 53%);--warning-500: hsl(39, 100%, 50%);--warning-400: hsl(24, 100%, 69%);--warning-300: hsl(24, 100%, 73%);--warning-200: hsl(24, 100%, 77%);--warning-100: hsl(24, 100%, 81%);--warning-50: hsl(24, 100%, 83%);--warning-0: hsl(24, 100%, 85%);--danger-900: hsl(0, 97%, 10%);--danger-800: hsl(0, 97%, 20%);--danger-700: hsl(0, 97%, 30%);--danger-600: hsl(0, 97%, 40%);--danger-500: hsl(0, 97%, 50%);--danger-400: hsl(0, 99%, 66%);--danger-300: hsl(0, 97%, 72%);--danger-200: hsl(0, 97%, 78%);--danger-100: hsl(0, 97%, 84%);--danger-50: hsl(0, 97%, 90%);--danger-0: hsl(0, 97%, 98%);--info-900: hsl(206, 90%, 25%);--info-800: hsl(206, 90%, 35%);--info-700: hsl(206, 90%, 45%);--info-600: hsl(206, 90%, 50%);--info-500: hsl(206, 90%, 56%);--info-400: hsl(206, 90%, 67%);--info-300: hsl(206, 90%, 75%);--info-200: hsl(206, 90%, 80%);--info-100: hsl(206, 90%, 85%);--info-50: hsl(206, 90%, 89%);--info-0: hsl(206, 90%, 93%);--background-default-color: var(--gray-200);--background-card-color: var(--gray-0);--border-default-color: var(--gray-600);--border-default-color-hover: var(--gray-700);--border-default-radius: .5rem;--border-weight-light: .5px;--border-weight-regular: 1px;--border-weight-bold: 2px;--border-weight-fat: 4px;--shadow-color: var(--gray-500);--shadow-color-dark: var(--gray-800);--shadow-color-hover: var(--secondary-700);--shadow-sm: 0px 5px 7px 1px var(--shadow-color);--shadow-md: 0px 3px 5px 3px var(--shadow-color);--shadow-lg: 4px 6px 6px 6px var(--shadow-color);--shadow-inner-sm: inset 1px 1px 2px 2px var(--shadow-color);--shadow-inner-md: inset 2px 4px 3px 3px var(--shadow-color);--shadow-inner-lg: inset 4px 6px 6px 6px var(--shadow-color);--shadow-inner-hover-sm: inset 1px 1px 2px 2px var(--shadow-color-hover);--shadow-inner-hover-md: inset 2px 4px 3px 3px var(--shadow-color-hover);--shadow-inner-hover-lg: inset 4px 6px 6px 6px var(--shadow-color-hover);--spacing-none: 0;--spacing-xxs: .125rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 4rem;--font-family: "Montserrat", sans-serif;--font-size: 1rem;--font-size-sm: .875rem;--font-size-lg: 1.125rem;--font-color: var(--gray-900);--font-color-hover: var(--info-500);--font-color-disabled: var(--gray-800);--font-detail-color: var(--gray-800);--font-weight-light: 100;--font-weight-regular: 500;--font-weight-bold: 800;--icon-family: "font awesome 6 free";--icon-weight: 800;--font-h1: 2rem;--font-h2: 1.5rem;--font-h3: 1.375rem;--font-h4: 1.25rem;--font-h5: 1.125rem;--font-h6: 1rem;--topbar-minimal-height: 4rem;--topbar-nav-bg: var(--secondary-500);--topbar-spacing-md: var(--spacing-md);--topbar-spacing-lg: var(--spacing-lg);--topbar-brand-logo-height: 2rem;--topbar-brand-logo-width: 2rem;--topbar-brand-name: var(--white);--topbar-menu-hover: var(--secondary-400);--topbar-submenu-bg: var(--secondary-300);--topbar-submenu-bg-hover: var(--secondary-400);--topbar-submenu-text-size: var(--font-size-sm);--sidebar-bg: var(--secondary-400);--sidebar-item-color: var(--white);--sidebar-item-fontsize: var(--font-size);--sidebar-item-iconsize: var(--font-size-lg);--sidebar-item-caretsize: .375rem;--sidebar-item-hover: var(--secondary-700);--sidebar-subitems-color: var(--secondary-300);--sidebar-subitems-fontsize: var(--font-size-sm);--sidebar-subitems-hover: var(--secondary-500);--sidebar-spacing-md: var(--spacing-md);--sidebar-spacing-sm: var(--spacing-sm);--modal-bg: var(--white);--modal-text: var(--font-color);--modal-border-color: var(--gray-300);--model-border-radius: 0;--model-shadow: 0 .125rem .25rem var(--shadow-color-dark);--modal-padding: var(--spacing-md);--modal-header-bg: var(--secondary-500);--modal-header-text: var(--white);--modal-footer-bg: var(--white);--modal-footer-text: var(--font-color);--btn-border-radius: var(--border-default-radius);--btn-default-border: none;--btn-font-size: var(--font-size);--btn-border-weight-light: var(--border-weight-light);--btn-border-weight-regular: var(--border-weight-regular);--btn-border-weight-bold: var(--border-weight-bold);--btn-border-weight-fat: var(--border-weight-fat);--line-height-base: 1.5;--link-color: var(--secondary-500);--font-color-detail: var(--font-color);--font-size-default: var(--font-size);--btn-padding: var(--spacing-xs) var(--spacing-md) var(--spacing-xs) var(--spacing-md);--btn-padding-broad: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-md);--btn-margin: var(--spacing-sm);--btn-default-color: var(--secondary-500);--btn-default-border-color: var(--secondary-400);--btn-default-bg: var(--gray-500);--btn-default-bg-hover: var(--gray-300);--btn-default-border-weight: var(--btn-border-weight-regular);--btn-primary-color: var(--black);--btn-primary-border-color: transparent;--btn-primary-bg: var(--primary-500);--btn-primary-bg-hover: var(--primary-200);--btn-primary-border-weight: var(--btn-border-weight-regular);--btn-secondary-color: var(--white);--btn-secondary-border-color: var(--secondary-500);--btn-secondary-bg: var(--secondary-500);--btn-secondary-bg-hover: var(--secondary-700);--btn-secondary-border-weight: var(--btn-border-weight-regular);--btn-inverse-color: var(--white);--btn-inverse-border-color: var(--gray-500);--btn-inverse-bg: var(--gray-300);--btn-inverse-bg-hover: var(--gray-700);--btn-inverse-border-weight: var(--btn-border-weight-regular);--btn-success-color: var(--white);--btn-success-border-color: var(--success-500);--btn-success-bg: var(--success-500);--btn-success-bg-hover: var(--success-700);--btn-success-border-weight: var(--btn-border-weight-regular);--btn-info-color: var(--white);--btn-info-border-color: var(--info-500);--btn-info-bg: var(--info-500);--btn-info-bg-hover: var(--info-700);--btn-info-border-weight: var(--btn-border-weight-regular);--btn-warning-color: var(--white);--btn-warning-border-color: var(--warning-500);--btn-warning-bg: var(--warning-500);--btn-warning-bg-hover: var(--warning-700);--btn-warning-border-weight: var(--btn-border-weight-regular);--btn-danger-color: var(--white);--btn-danger-border-color: var(--danger-500);--btn-danger-bg: var(--danger-500);--btn-danger-bg-hover: var(--danger-300);--btn-danger-border-weight: var(--btn-border-weight-regular);--font-size-large: var(--font-size-default);--font-size-small: var(--font-size-sm);--btn-default-icon-color: transparent;--btn-default-outline: .125rem solid var(--gray-1000);--btn-deadline-bg-hard: var(--danger-500);--btn-deadline-bg-soft: var(--warning-500);--btn-deadline-bg-zero: var(--success-500);--btn-deadline-bg-upcoming: var(--primary-500);--btn-deadline-text-color: var(--white);--btn-deadline-spacing: 1.75rem;--btn-deadline-spacing-dot: .75rem;--btn-deadline-border-radius: 1rem;--deadline-icon-soft: var(--warning-700);--deadline-icon-hard: var(--danger-400);--deadline-card-hard: linear-gradient( 135deg, rgb(255, 93, 72) 0%, rgb(207, 21, 1) 99% );--deadline-card-soft: linear-gradient( 306deg, rgba(235, 137, 0, 1) 0%, rgba(255, 177, 20, 1) 99% );--deadline-card-upcoming: linear-gradient( 135deg, rgba(255, 244, 21, 1) 0%, rgba(254, 224, 1, 1) 51%, rgba(234, 204, 0, 1) 100% );--deadline-card-zero: linear-gradient( 135deg, rgba(32, 226, 127, 1) 0%, rgba(0, 186, 87, 1) 99% );--bus-engine-indicator: var(--danger-500);--bus-engine-indicator-warning: var(--warning-500);--checkbox-boxsize-default: 1.25rem;--checkbox-borderwidth-default: .075rem;--checkbox-borderradius-default: .125rem;--checkbox-iconsize-default: .875rem;--checkbox-boxsize-xs: .875rem;--checkbox-borderwidth-xs: .075rem;--checkbox-borderradius-xs: .075rem;--checkbox-iconsize-xs: .625rem;--checkbox-boxsize-sm: 1rem;--checkbox-borderwidth-sm: .075rem;--checkbox-borderradius-sm: .125rem;--checkbox-iconsize-sm: .875rem;--checkbox-boxsize-md: 1.5rem;--checkbox-borderwidth-md: .075rem;--checkbox-borderradius-md: .125rem;--checkbox-iconsize-md: 1.25rem;--checkbox-boxsize-lg: 2rem;--checkbox-borderwidth-lg: .125rem;--checkbox-borderradius-lg: .25rem;--checkbox-iconsize-lg: 1.5rem;--checkbox-boxsize-xl: 4rem;--checkbox-borderwidth-xl: .125rem;--checkbox-borderradius-xl: .5rem;--checkbox-iconsize-xl: 3rem;--checkbox-default-bg-color: var(--white);--checkbox-default-border-color: var(--gray-500);--checkbox-default-bg-hover-color: var(--secondary-0);--checkbox-default-border-hover-color: var(--secondary-500);--checkbox-default-icon-color: transparent;--checkbox-default-icon-hover-color: var(--secondary-500);--checkbox-default-selected-bg-color: var(--secondary-300);--checkbox-default-selected-border-color: var(--secondary-300);--checkbox-default-selected-icon-color: var(--white);--checkbox-default-selected-icon-hover-color: var(--white);--checkbox-default-selected-bg-hover-color: var(--secondary-500);--checkbox-default-selected-border-hover-color: var(--secondary-500);--checkbox-black-bg-hover-color: var(--gray-200);--checkbox-black-border-hover-color: var(--black);--checkbox-black-icon-hover-color: var(--black);--checkbox-black-selected-bg-color: var(--gray-1000);--checkbox-black-selected-bg-hover-color: var(--gray-800);--checkbox-black-selected-border-color: var(--gray-1000);--checkbox-black-selected-border-hover-color: var(--gray-800);--checkbox-black-selected-icon-color: var(--white);--checkbox-black-selected-icon-hover-color: var(--white);--checkbox-gray-bg-hover-color: var(--gray-50);--checkbox-gray-border-hover-color: var(--gray-700);--checkbox-gray-icon-hover-color: var(--gray-700);--checkbox-gray-selected-bg-color: var(--gray-500);--checkbox-gray-selected-bg-hover-color: var(--gray-600);--checkbox-gray-selected-border-color: var(--gray-500);--checkbox-gray-selected-border-hover-color: var(--gray-700);--checkbox-gray-selected-icon-color: var(--black);--checkbox-gray-selected-icon-hover-color: var(--white);--checkbox-primary-bg-hover-color: var(--primary-0);--checkbox-primary-border-hover-color: var(--primary-500);--checkbox-primary-icon-hover-color: var(--primary-500);--checkbox-primary-selected-bg-color: var(--primary-500);--checkbox-primary-selected-bg-hover-color: var(--primary-600);--checkbox-primary-selected-border-color: var(--primary-500);--checkbox-primary-selected-border-hover-color: var(--primary-700);--checkbox-primary-selected-icon-color: var(--white);--checkbox-primary-selected-icon-hover-color: var(--white);--checkbox-secondary-bg-hover-color: var(--secondary-0);--checkbox-secondary-border-hover-color: var(--secondary-500);--checkbox-secondary-icon-hover-color: var(--secondary-500);--checkbox-secondary-selected-bg-color: var(--secondary-500);--checkbox-secondary-selected-bg-hover-color: var(--secondary-600);--checkbox-secondary-selected-border-color: var(--secondary-500);--checkbox-secondary-selected-border-hover-color: var(--secondary-700);--checkbox-secondary-selected-icon-color: var(--white);--checkbox-secondary-selected-icon-hover-color: var(--white);--checkbox-success-bg-hover-color: var(--success-0);--checkbox-success-border-hover-color: var(--success-500);--checkbox-success-icon-hover-color: var(--success-500);--checkbox-success-selected-bg-color: var(--success-500);--checkbox-success-selected-bg-hover-color: var(--success-600);--checkbox-success-selected-border-color: var(--success-500);--checkbox-success-selected-border-hover-color: var(--success-700);--checkbox-success-selected-icon-color: var(--white);--checkbox-success-selected-icon-hover-color: var(--white);--checkbox-warning-bg-hover-color: var(--warning-0);--checkbox-warning-border-hover-color: var(--warning-500);--checkbox-warning-icon-hover-color: var(--warning-500);--checkbox-warning-selected-bg-color: var(--warning-500);--checkbox-warning-selected-bg-hover-color: var(--warning-600);--checkbox-warning-selected-border-color: var(--warning-500);--checkbox-warning-selected-border-hover-color: var(--warning-700);--checkbox-warning-selected-icon-color: var(--white);--checkbox-warning-selected-icon-hover-color: var(--white);--checkbox-danger-bg-hover-color: var(--danger-0);--checkbox-danger-border-hover-color: var(--danger-500);--checkbox-danger-icon-hover-color: var(--danger-500);--checkbox-danger-selected-bg-color: var(--danger-500);--checkbox-danger-selected-bg-hover-color: var(--danger-600);--checkbox-danger-selected-border-color: var(--danger-500);--checkbox-danger-selected-border-hover-color: var(--danger-700);--checkbox-danger-selected-icon-color: var(--white);--checkbox-danger-selected-icon-hover-color: var(--white);--checkbox-info-bg-hover-color: var(--info-0);--checkbox-info-border-hover-color: var(--info-500);--checkbox-info-icon-hover-color: var(--info-500);--checkbox-info-selected-bg-color: var(--info-500);--checkbox-info-selected-bg-hover-color: var(--info-600);--checkbox-info-selected-border-color: var(--info-500);--checkbox-info-selected-border-hover-color: var(--info-700);--checkbox-info-selected-icon-color: var(--white);--checkbox-info-selected-icon-hover-color: var(--white);--multi-option-border-radius: .5rem;--combobox-popup-bg: var(--white);--combobox-popup-text: var(--black);--combobox-popup-text-hover: var(--secondary-500);--combobox-popup-fontsize: .875rem;--combobox-popup-icon-hover: var(--primary-500);--combobox-popup-border-color: var(--gray-400);--combobox-popup-border-radius: .5rem;--combobox-popup-border-weight: .075rem;--combobox-popup-shadow: 0 .125rem .5rem 0 var(--shadow-color);--combobox-popup-menu-spacing: 0;--combobox-popup-checkmark-spacing: .3125rem .25rem;--combobox-popup-checkmark-transform: rotate(-45deg);--combobox-popup-checkmark-border-weight: .125rem;--combobox-popup-item-text-hover: var(--white);--combobox-popup-item-hover: var(--secondary-300);--combobox-popup-item-border-hover: var(--secondary-400);--combobox-popup-item-select: var(--secondary-400);--combobox-popup-item-selected-bg: var(--secondary-0);--combobox-popup-item-selected-row-spacing: .25rem .5rem;--combobox-popup-item-selected-text: var(--secondary-900);--combobox-popup-item-selected-border-radius: 2rem;--combobox-popup-item-disabled-bg: var(--gray-550);--combobox-popup-item-disabled-text: var(--gray-800);--combobox-popup-img-height: 1.5rem;--combobox-popup-img-spacing: .25rem .5rem;--combobox-badge-bg-primary: var(--primary-300);--combobox-badge-text-primary: var(--primary-900);--combobox-badge-bg-secondary: var(--secondary-100);--combobox-badge-text-secondary: var(--gray-900);--combobox-badge-bg-accent: var(--accent-100);--combobox-badge-text-accent: var(--accent-900);--combobox-badge-bg-success: var(--success-300);--combobox-badge-text-success: var(--gray-900);--combobox-badge-bg-warning: var(--warning-300);--combobox-badge-text-warning: var(--warning-900);--combobox-badge-bg-danger: var(--danger-100);--combobox-badge-text-danger: var(--danger-900);--combobox-badge-bg-info: var(--info-50);--combobox-badge-text-info: var(--info-900);--combobox-badge-bg-gray: var(--gray-400);--combobox-badge-text-gray: var(--gray-900);--grid-controlbar-bg: transparent;--grid-pagination-btn-color: var(--gray-700);--grid-pagination-btn-hover: var(--primary-500);--grid-pagination-text-color: var(--black);--datagrid-bg-color: var(--white);--datagrid-bg-color-hover: var(--gray-300);--datagrid-border-width: 1px;--datagrid-border-style: solid;--datagrid-border-color: var(--border-default-color);--datagrid-border-radius: .5rem;--datagrid-padding-xs: var(--spacing-xs);--datagrid-padding-sm: var(--spacing-sm);--datagrid-padding-md: var(--spacing-md);--datagrid-padding-lg: var(--spacing-lg);--datagrid-padding-xl: var(--spacing-xl);--datagrid-selected-row-background: var(--secondary-400);--datagrid-box-shadow: var(--shadow-sm), var(--shadow-md);--datagrid-header-gap: var(--spacing-xs);--datagrid-header-bg-color: var(--secondary-500);--datagrid-header-bg-color-hover: var(--secondary-400);--datagrid-checkbox-bg-color: var(--secondary-500);--datagrid-header-border-width: var(--spacing-none);--datagrid-header-border-color: var(--secondary-500);--datagrid-header-border-radius: var(--border-default-radius);--datagrid-header-text-color: var(--white);--datagrid-header-text-size: var(--font-size-default);--datagrid-header-text-weight: var(--font-weight-bold);--datagrid-header-columntoggle-width: 3rem;--datagrid-icon-color: var(--gray-300);--datagrid-icon-hover: var(--gray-100);--datagrid-icon-size: var(--font-size-default);--datagrid-icon-eye-size: calc(var(--font-size-default) * 1.5);--datagrid-icon-slack-size: .125rem;--datagrid-dragging-bar-width: var(--spacing-xs);--datagrid-dragging-padding: var(--spacing-none) var(--spacing-xs);--datagrid-dragging-color-effect: var(--gray-700);--datagrid-dragging-effect-size: .125rem;--datagrid-dragging-color-bar: var(--primary-500);--datagrid-dragging-hover-bar: var(--primary-300);--datagrid-filter-hover-color: var(--secondary-300);--datagrid-filter-bg-color: var(--secondary-400);--datagrid-filter-menu-hover-color: var(--secondary-400);--datagrid-filter-menu-bg-color: var(--secondary-300);--datagrid-filter-menu-text-color: var(--gray-0);--datagrid-filter-selected-color: var(--secondary-200);--datagrid-filter-border-color: var(--gray-550);--datagrid-filter-border-color-hover: var(--secondary-400);--datagrid-filter-text-color: var(--white);--datagrid-filter-item-min-height: 2rem;--datagrid-filter-padding: var(--spacing-none);--datagrid-filter-margin: var(--spacing-none) var(--spacing-sm);--datagrid-filter-button-padding-left: var(--spacing-xs);--datagrid-filter-button-padding-right: var(--spacing-xs);--datagrid-filter-border-radius: var(--spacing-xs);--datagrid-filter-box-shadow: var(--shadow-lg), var(--shadow-lg);--datagrid-selector-bg-color: var(--secondary-400);--datagrid-selector-bg-color-hover: var(--secondary-300);--datagrid-dropdown-padding: var(--spacing-none);--datagrid-dropdown-margin-bottom: var(--spacing-none);--datagrid-dropdown-list-padding: var(--spacing-sm);--pagination-button-color: var(--gray-700);--pagination-caption-color: var(--gray-700);--datagrid-select-checkbox-background: var(--primary-500);--datagrid-select-checkbox-border-color: var(--secondary-500);--datagrid-content-text-color: var(--font-color);--datagrid-content-text-size: var(--font-size-default);--datagrid-content-text-weight: var(--font-weight-regular);--datepicker-gap: var(--spacing-xs);--datepicker-btn-icon-fontsize: 1.25rem;--datepicker-btn-size: 2.5rem;--datepicker-btn-padding: .25rem;--datepicker-btn-spacing: 6px;--datepicker-btn-icon-color: var(--secondary-500);--datepicker-btn-icon-color-hover: var(--primary-500);--datepicker-popup-bg: var(--gray-50);--datepicker-popup-text: var(--black);--datepicker-popup-text-hover: var(--secondary-500);--datepicker-popup-text-previous: var(--gray-700);--datepicker-popup-text-next: var(--datepicker-popup-text-previous);--datepicker-popup-fontsize: .75rem;--datepicker-popup-header-color: var(--secondary-500);--datepicker-popup-header-weight: 900;--datepicker-popup-border: var(--gray-300);--datepicker-popup-borderradius: 1rem;--datepicker-dropdown-borderradius: .25rem;--datepicker-popup-shadow: 0 .125rem .5rem 0 var(--shadow-color);--datepicker-popup-item-size: 2rem;--datepicker-popup-item-text: var(--datepicker-popup-text);--datepicker-popup-item-text-hover: var(--white);--datepicker-popup-item-radius: 100%;--datepicker-popup-item-hover: var(--gray-600);--datepicker-popup-item-select: var(--secondary-500);--datepicker-popup-item-select-text: var(--primary-500);--datepicker-popup-item-select-hover: var(--secondary-500);--datepicker-popup-item-today: var(--secondary-300);--datepicker-popup-item-today-text: var(--white);--datepicker-popup-dropdown-bg: var(--gray-100);--datepicker-popup-dropdown-border: var(--datepicker-popup-border);--input-size-sm: 2rem;--input-size-sm-fontsize: .75rem;--input-size-sm-labelsize: .875rem;--input-size-sm-iconsize: 1rem;--input-size-sm-spacing: .25rem;--input-size-md: 2.5rem;--input-size-md-fontsize: .875rem;--input-size-md-labelsize: 1rem;--input-size-md-iconsize: 1.25rem;--input-size-md-spacing: .5rem;--input-size-lg: 3rem;--input-size-lg-fontsize: 1.25rem;--input-size-lg-labelsize: 1.375rem;--input-size-lg-iconsize: 1.5rem;--input-size-lg-spacing: .75rem;--input-color-bg: var(--white);--input-color-bg-disabled: var(--gray-200);--input-color-text: var(--font-color);--input-color-text-hover: var(--secondary-500);--input-color-text-disabled: var(--font-color-disabled);--input-color-text-invalid: var(--black);--input-color-placeholder: var(--gray-600);--input-color-placeholder-hover: var(--gray-700);--input-color-icon: var(--secondary-500);--input-color-icon-hover: var(--white);--input-color-icon-bg: var(--white);--input-color-icon-bg-hover: var(--secondary-700);--input-border-color: var(--gray-500);--input-border-color-hover: var(--secondary-400);--input-border-color-focus: var(--secondary-400);--input-border-color-valid: var(--success-500);--input-border-color-valid-hover: var(--success-700);--input-border-color-valid-focus: var(--success-500);--input-border-color-invalid: var(--danger-700);--input-border-color-invalid-hover: var(--danger-600);--input-border-color-invalid-focus: var(--danger-500);--input-border-weight: var(--border-weight-regular);--input-border-radius: var(--border-default-radius);--input-btn-bg: var(--input-color-bg);--input-btn-bg-hover: var(--secondary-500);--input-btn-text: var(--input-color-text);--input-btn-text-hover: var(--white);--input-btn-icon-color: var(--input-btn-text);--input-btn-icon-color-hover: var(--input-btn-text);--input-btn-border-hover: var(--secondary-400);--tabs-card-containerspacing: var(--spacing-md);--tabs-tabspacing-between: var(--spacing-xs);--tabs-tabpadding: var(--spacing-sm) var(--spacing-md);--tabs-spacing-top-bottom: var(--spacing-sm);--tabs-color: var(--font-color);--tabs-color-active: var(--font-color);--tabs-lined-color-active: var(--primary-500);--tabs-lined-border-width: var(--spacing-xs);--tabs-pills-color-hover: var(--gray-0);--tabs-border-width: 1px;--tabs-border-style: solid;--tabs-border-color: var(--gray-550);--tabs-lined-border-color: var(--primary-500);--tabs-lined-border-color-hover: var(--primary-300);--tabs-container-radius: var(--spacing-none) var(--spacing-none) var(--spacing-none) var(--spacing-none);--tabs-card-tab-radius: var(--spacing-none) var(--spacing-none) var(--spacing-none) var(--spacing-none);--tabs-bg: var(--secondary-500);--tabs-bg-card: var(--secondary-400);--tabs-bg-card-active: var(--gray-0);--tabs-bg-pills: var(--gray-300);--tabs-bg-pills-active: var(--primary-500);--tabs-bg-pills-hover: var(--primary-400);--tabs-bg-hover: var(--gray-500);--tabs-bg-active: var(--gray-0);--tabs-bg-step-text: var(--white);--tab-btn-bg: var(--secondary-500);--tabs-wizard-text-color: var(--gray-500);--tabs-wizard-text-color-active: var(--primary-500);--tabs-wizard-text-color-hover: var(--primary-700);--tabs-wizard-bullet-size: 3rem;--tabs-wizard-bullet-color: var(--gray-0);--tabs-wizard-bullet-color-active: var(--primary-500);--tabs-wizard-bullet-test-color-active: var(--gray-0);--tabs-wizard-bullet-color-hover: var(--primary-200);--tabs-wizard-bullet-border-size: 1px;--groupbox-padding: calc(var(--spacing-sm) * 1.5) var(--spacing-md);--groupbox-border-radius: 1rem;--groupbox-body-bg: var(--white);--groupbox-body-textcolor: var(--font-color);--groupbox-body-bordercolor: var(--gray-500);--groupbox-border-none: 0px;--groupbox-body-spacing: 2rem;--groupbox-default-text: var(--font-color);--groupbox-default-bg: var(--gray-300);--groupbox-primary-text: var(--white);--groupbox-primary-bg: var(--primary-500);--groupbox-secondary-text: var(--white);--groupbox-secondary-bg: var(--secondary-500);--groupbox-danger-text: var(--white);--groupbox-danger-bg: var(--danger-300);--groupbox-warning-text: var(--white);--groupbox-warning-bg: var(--warning-500);--groupbox-success-text: var(--white);--groupbox-success-bg: var(--success-500);--groupbox-info-text: var(--white);--groupbox-info-bg: var(--info-500);--groupbox-inverse-text: var(--white);--groupbox-inverse-bg: var(--gray-800);--groupbox-bg-card: var(--card-bg-color);--groupbox-border-color-card: var(--card-border-color);--radio-gap-none: unset;--radio-gap-xs: .25rem;--radio-gap-sm: .5rem;--radio-gap-md: .75rem;--radio-gap-lg: 1rem;--radio-gap-xl: 2rem;--radio-size-xs: .75rem;--radio-size-sm: .875rem;--radio-size-md: 1rem;--radio-size-lg: 1.5rem;--radio-size-xl: 2rem;--radio-color-bg: var(--white);--radio-color-font: var(--font-color);--radio-color-default: var(--gray-500);--radio-color-default-selected: var(--secondary-400);--radio-color-primary: var(--primary-200);--radio-color-primary-selected: var(--primary-500);--radio-color-secondary: var(--secondary-300);--radio-color-secondary-selected: var(--secondary-500);--radio-color-danger: var(--danger-300);--radio-color-danger-selected: var(--danger-500);--radio-color-warning: var(--warning-300);--radio-color-warning-selected: var(--warning-500);--radio-color-info: var(--info-300);--radio-color-info-selected: var(--info-500);--radio-color-success: var(--success-300);--radio-color-success-selected: var(--success-500);--radio-color-gray: var(--gray-600);--radio-color-gray-selected: var(--gray-600);--radio-color-black: var(--gray-800);--radio-color-black-selected: var(--black);--grid-primary-bg: transparent;--grid-border-default: 1px solid var(--grid-border-color);--grid-border-color: var(--border-default-color);--grid-bg-striped: var(--gray-200);--grid-border-radius: var(--border-default-radius);--grid-bg-hover: var(--gray-500);--grid-bg-selected: var(--gray-500);--grid-bg-selected-hover: var(--gray-500);--wizard-step-number-size: 3rem;--wizard-default-step-color: var(--gray-700);--wizard-default-step-color-hover: var(--gray-900);--wizard-default-bg: var(--gray-300);--wizard-default-bg-hover: var(--gray-500);--wizard-default-border-color: var(--gray-500);--wizard-default-border-color-hover: var(--gray-500);--wizard-step-number-font-size: var(--font-h5);--wizard-step-height: 4rem;--border-radius-default: .25rem;--wizard-active-color: var(--primary-700);--wizard-active-color-hover: var(--white);--wizard-active-border-color: var(--primary-700);--wizard-active-border-color-hover: var(--primary-700);--wizard-active-bg: var(--primary-200);--wizard-active-bg-hover: var(--primary-700);--wizard-active-step-color: var(--primary-700);--wizard-visited-color: var(--secondary-700);--wizard-visited-color-hover: var(--white);--wizard-visited-border-color: var(--secondary-700);--wizard-visited-border-color-hover: var(--secondary-700);--wizard-visited-bg: var(--secondary-200);--wizard-visited-bg-hover: var(--secondary-700);--wizard-visited-step-color: var(--secondary-700);--wizard-blocked-color: var(--gray-500);--wizard-blocked-color-hover: var(--gray-500);--wizard-blocked-border-color: var(--gray-500);--wizard-blocked-border-color-hover: var(--gray-500);--wizard-blocked-bg: var(--gray-200);--wizard-blocked-bg-hover: var(---gray-200);--wizard-blocked-step-color: var(--gray-500);--wizard-success-color: var(--success-700);--wizard-success-color-hover: var(--white);--wizard-success-border-color: var(--success-700);--wizard-success-border-color-hover: var(--success-700);--wizard-success-bg: var(--success-200);--wizard-success-bg-hover: var(--gray-700);--wizard-success-step-color: var(--success-700);--accordion-border-radius: var(--border-default-radius);--accordion-default-color: var(--secondary-50);--accordion-default-color-light: var(--white);--accordion-default-color-dark: var(--secondary-100);--accordion-default-color-darker: var(--gray-700);--accordion-default-text-color: var(--black);--accordion-default-text-header-color: var(--secondary-500);--accordion-default-text-color-hover: var(--black);--accordion-default-icon-color: var(--secondary-500);--accordion-default-icon-color-hover: var(--secondary-700);--accordion-primary-color: var(--primary-500);--accordion-primary-color-light: var(--primary-300);--accordion-primary-color-dark: var(--primary-700);--accordion-primary-color-darker: var(--primary-800);--accordion-primary-color-border: var(--primary-500);--accordion-secondary-color: var(--secondary-600);--accordion-secondary-color-light: var(--secondary-300);--accordion-secondary-color-dark: var(--secondary-700);--accordion-secondary-color-darker: var(--secondary-800);--accordion-inverse-color: var(--white);--accordion-inverse-color-light: var(--gray-500);--accordion-inverse-color-dark: var(--gray-300);--accordion-inverse-color-darker: var(--gray-600);--accordion-success-color: var(--success-500);--accordion-success-color-light: var(--success-300);--accordion-success-color-dark: var(--success-700);--accordion-success-color-darker: var(--success-800);--accordion-success-color-border: var(--success-500);--accordion-info-color: var(--info-500);--accordion-info-color-light: var(--info-300);--accordion-info-color-dark: var(--info-700);--accordion-info-color-darker: var(--info-800);--accordion-warning-color: var(--warning-500);--accordion-warning-color-light: var(--warning-300);--accordion-warning-color-dark: var(--warning-700);--accordion-warning-color-darker: var(--warning-800);--accordion-warning-color-border: var(--warning-500);--accordion-danger-color: var(--danger-500);--accordion-danger-color-light: var(--danger-300);--accordion-danger-color-dark: var(--danger-700);--accordion-danger-color-darker: var(--danger-800);--accordion-details-text-spacing: .5rem 0 0 1rem;--accordion-gallery-spacing-sm: var(--spacing-sm);--grid-primary: var(--primary-500);--grid-light: var(--primary-500);--grid-border-color: var(--gray-300);--grid-bg-color: var(--background-default-color);--grid-bg-hover: var(--gray-300);--grid-bg-striped: var(--gray-100);--grid-border-default: var(--border-weight-regular) solid var(--grid-border-color);--grid-border-right-width: var(--border-weight-regular);--grid-border-left-width: var(--border-weight-regular);--grid-border-top-width: var(--border-weight-regular);--grid-border-bottom-width: var(--border-weight-regular);--gallery-border-radius: var(--border-default-radius);--gallery-header-bg: var(--secondary-0);--gallery-header-text-color: var(--secondary-500);--gallery-header-border-color: var(--secondary-300);--tooltip-bg-color: var(--gray-0);--tooltip-text-color: var(--gray-900);--tooltip-spacing: var(--spacing-md)}.main-header{position:sticky;top:0;z-index:1000;background-color:#ffffffd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid #eaeaea;padding:var(--topbar-spacing-lg) 0;box-shadow:0 4px 8px #0000001a}.main-header .container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 1rem;padding:0 20px}.main-header .logo{font-size:24px;text-decoration:none;color:var(--black)}.nav-list{display:flex;gap:2rem;list-style:none;margin:0;font-family:var(--font-family)}.nav-list li{display:inline-block}.nav-list a{display:inline-block;text-decoration:none;color:var(--nav-link-color);padding:4px 0;font-weight:400;letter-spacing:.05rem;font-variation-settings:"wdth" 150;position:relative}.nav-list a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--topbar-menu-hover);transition:width .3s ease-out}.nav-list a:hover:after,.nav-list a[aria-current=page]:after{width:100%}@media (max-width: 768px){.main-nav{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:25%;background:var(--white);box-shadow:-10px 0 30px #0000001a;padding:2rem;display:none;height:100vh;transition:transform .4s cubic-bezier(.4,0,.2,1)}.main-nav[data-visible=true]{transform:translate(0);display:block}.nav-list{flex-direction:column;gap:2rem;margin-top:4rem}.mobile-nav-toggle{display:block;background:none;border:none;cursor:pointer;width:1.5rem;height:1.5rem;padding:0;z-index:1100;pointer-events:auto}.mobile-nav-toggle *{pointer-events:none}.mobile-nav-toggle[aria-expanded=true] .hamburger{height:0}.mobile-nav-toggle[aria-expanded=true] .hamburger:before{transform:translateY(7px) rotate(45deg)}.mobile-nav-toggle[aria-expanded=true] .hamburger:after{transform:translateY(-8px) rotate(-45deg)}.hamburger{width:1.5rem;height:1.5rem;background-color:var(--gray-700);position:relative;transition:background-color .2s ease;display:block}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:100%;height:2px;background-color:var(--gray-700);transition:transform .3s ease,top .3s ease,bottom .3s ease}.hamburger:before{top:-8px}.hamburger:after{bottom:8px}}@media (min-width: 769px){.mobile-nav-toggle{display:none}}.hero{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:start;color:var(--gray-900);background-image:url(/assets/Background-homepage-portfolio-BN5wqgle.png);background-size:cover;background-position:center}.hero .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000000d;z-index:1}.hero .hero-content{position:relative;z-index:2;max-width:800px;margin-left:120px}@media (max-width: 768px){.hero-content{background-color:#ffffffd9;padding:1rem;border-radius:var(--border-default-radius)}}.hero-title{font-size:var(--font-h1);font-weight:700;margin-bottom:1rem;text-align:left}.hero-subtitle{text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--primary-500);margin-bottom:1rem;max-width:400px}.hero-description{font-size:var(--font-size-sm);margin-bottom:2rem;opacity:.9;max-width:600px}@media (min-width: 769px) and (max-width: 1080px){.hero{min-height:60vh;justify-content:start;text-align:start;padding:0 1rem;background-position:right}.hero .hero-content{margin-left:48px}#hero-title{font-size:var(--font-h1);max-width:50vw}.hero-subtitle{max-width:none;margin-bottom:.5rem}.hero-description{font-size:var(--font-size-sm);max-width:55vw;margin-bottom:1.5rem}}@media (max-width: 768px){.hero{min-height:60vh;justify-content:start;text-align:start;padding:0 1rem;background-position:right}.hero .hero-content{margin-left:48px}#hero-title{font-size:var(--font-h1);max-width:50vw}.hero-subtitle{max-width:none;margin-bottom:.5rem}.hero-description{font-size:1rem;max-width:55vw;margin-bottom:1.5rem}}.about-hero{max-width:1200px;display:flex;justify-content:center;align-items:center;margin:0 auto;height:calc(100vh - 64px)}.about-hero .grid-split{flex-direction:row;grid-template-columns:repeat(12,1fr);display:grid}.about-hero .about-text{grid-column:2/span 11;grid-row:1}.about-hero .about-image{width:360px;height:360px;border-radius:50%;margin-right:2rem;margin-top:20px;overflow:hidden}.about-hero .about-image .profile-image{width:100%;height:100%;transform:scale(1.7) translate(3%,3%);object-fit:cover}.about-hero .hero-actions{margin-top:2rem}.about-hero .hero-actions .scroll-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:50px;color:var(--primary-500);border-radius:8px;transition:all .3s ease}.about-hero .hero-actions .scroll-btn svg{width:30px;height:30px}.about-hero .hero-actions .scroll-btn:hover{transform:translateY(5px);background-color:#f5f5f5}.about-hero .hero-actions .scroll-btn{animation:arrow-bounce 2s infinite}@keyframes arrow-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.project-hero{width:100%;position:relative;margin-bottom:100px}.hero-image-wrapper{width:auto;height:60vh;overflow:hidden}.hero-bg-img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:crisp-edges}.hero-content-container{max-width:1200px;margin:0 auto;padding:0 40px;display:flex;justify-content:flex-start}.hero-text-block{background:#fff;padding:3rem;max-width:500px;margin-top:-150px;margin-left:10%;box-shadow:0 20px 40px #0000001a;z-index:10;position:relative;border-radius:24px}.hero-text-block h1{font-size:2.5rem;margin-top:10px}.category{text-transform:uppercase;letter-spacing:2px;font-size:.8rem;color:#666}@media (max-width: 768px){.hero-text-block{margin-left:0;margin-top:-50px;padding:1.5rem;width:90%}.hero-image-wrapper{height:40vh}}.projects-hero-bg{width:100%}.projects-page-hero{position:relative;width:100%;display:flex;justify-content:center;align-items:center;min-height:300px;overflow:hidden}.projects-page-hero .projects-hero-bg{width:100%;height:auto;display:block}.projects-page-hero .section-title{position:absolute;z-index:10;color:#fff;margin:0;text-shadow:2px 2px 8px rgba(0,0,0,.5)}.snap-page{scroll-behavior:smooth}.snap-page .project-item{scroll-snap-type:y mandatory;scroll-snap-align:start}.project-showcase{background-color:var(--white)}.project-showcase .container{margin-left:auto;margin-right:auto;max-width:1400px;padding:0 20px}.project-showcase .container .project-showcase-column-2{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin:80px auto;align-items:start}@media (max-width: 768px){.project-showcase .container .project-showcase-column-2{grid-template-columns:1fr;gap:30px}}.project-showcase .container .project-showcase-column-2 .project-item{display:flex;flex-direction:column;width:100%;border-radius:24px}.project-showcase .container .project-showcase-column-2 .project-item .project-image{width:100%;height:440px;border-radius:24px;overflow:hidden;margin-bottom:15px}.project-showcase .container .project-showcase-column-2 .project-item .project-image img,.project-showcase .container .project-showcase-column-2 .project-item .project-image video.project-video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.project-showcase .container .project-showcase-column-2 .project-item:hover{cursor:pointer}.project-showcase .container .project-showcase-column-2 .project-item:hover .project-image img,.project-showcase .container .project-showcase-column-2 .project-item:hover .project-image video.project-video{transform:scale(1.04)}.project-showcase .container .project-showcase-column-2 .project-item h3{font-size:1.5rem;margin-bottom:10px;color:var(--black);width:100%}.project-showcase .container .project-showcase-column-2 .project-item p{font-size:var(--font-size-sm);color:#555;width:100%}.project-showcase .section-title{font-size:2rem;text-align:center;margin-bottom:60px;color:var(--black);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.project-showcase a{text-decoration:none}@media (min-width: 513px) and (max-width: 960px){.project-item{display:flex;flex-direction:column;margin-bottom:60px;scroll-snap-type:y proximity}.project-item .project-image{grid-column:auto;width:90%}.project-item .project-card{margin-top:-40px;padding:1.5rem;grid-column:auto;width:70%;margin-left:auto;margin-right:auto}}@media (max-width: 512px){.project-item{display:flex;flex-direction:column;margin-bottom:60px;scroll-snap-type:y proximity}.project-item .project-image{grid-column:auto;width:95%}.project-item .project-card{margin-top:-40px;padding:1.5rem;grid-column:auto;width:80%;margin-left:auto;margin-right:auto}}.project-details{max-width:1200px;margin:60px auto;padding:0 40px}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 60px}.detail-item{border-top:1px solid #eee;padding-top:20px}.detail-item h2{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--secondary-400);margin-bottom:15px}.detail-item p{font-size:var(--font-size-sm);line-height:1.6;color:#333}@media (max-width: 992px){.details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.details-grid{grid-template-columns:1fr;gap:30px}}.section-title{font-size:2rem;text-align:center;margin-top:120px;margin-bottom:80px;color:var(--black);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.process-step{max-width:1100px;margin:120px auto;padding:0 40px;scroll-margin-top:120px;display:grid;grid-template-columns:[full-start] minmax(1rem,1fr) [main-start] minmax(0,1200px) [main-end] minmax(1rem,1fr) [full-end]}.process-step#outcomes{max-width:75ch}.process-step>*{grid-column:main}.step-header{display:grid;grid-template-columns:1fr 1.5fr;gap:0px;align-items:start;margin-bottom:60px}.step-header.project-details{margin-bottom:0}.step-header.project-details h3{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--primary-400);margin-bottom:15px}.step-header.project-details li{color:#444}.header-left{text-align:right;margin-right:60px}.step-number{font-family:monospace;color:#888;display:block;margin-bottom:10px;font-size:.9rem}.header-left h2{font-size:2.2rem;line-height:1.1;margin:0}.header-right{padding-left:60px;border-left:1px solid #eee;padding-bottom:16px}.header-right p{font-size:var(--font-size-sm);line-height:1.8;color:#444;margin:0}@media (max-width: 768px){.step-header{grid-template-columns:1fr;gap:20px}.header-left{text-align:left}.header-right{padding-left:0;padding-top:20px;border-left:none;border-top:1px solid #eee}}.main-footer{background-color:var(--primary-700);color:var(--white)!important;padding:80px 0 20px;margin-top:100px}.main-footer .footer-grid{display:grid;grid-template-columns:3fr 1fr 1fr;gap:40px;margin-bottom:60px;max-width:calc(100vw - 240px);margin-left:auto;margin-right:auto}.main-footer .footer-grid .footer-social,.main-footer .footer-grid .footer-nav{width:fit-content}.main-footer h4{color:var(--secondary-400);margin-bottom:1.5rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em}.main-footer ul{list-style:none;padding:0}.main-footer ul li{margin-bottom:.8rem}.main-footer ul li a,.main-footer ul li .footer-link{color:rgba(var(--white),.7)!important;text-decoration:none;transition:color .3s ease}.main-footer ul li a:hover,.main-footer ul li .footer-link:hover{color:var(--white)!important}.footer-link-btn{background-color:var(--secondary-400);padding:.8rem 1.5rem;border:none;border-radius:4px;cursor:pointer;transition:transform .2s ease;text-decoration:none;color:var(--white)}.footer-bottom{border-top:1px solid rgba(var(--white),.1);padding-top:20px;text-align:center;font-size:.9rem;color:rgba(var(--white),.5)}@media (max-width: 768px){.main-footer .footer-grid{grid-template-columns:1fr;text-align:center}}.map-section-wrapper{display:grid;grid-template-columns:repeat(12,1fr)}.map-section-wrapper .middle-earth-map-container{position:relative;width:100%;line-height:0;display:flex;justify-content:left;align-items:center;grid-column:1/span 9;cursor:url(/assets/one-ring-4EFdAHWS.png) 32 32,auto}.map-section-wrapper #map-section{width:100%;overflow:hidden;margin-top:80px;margin-bottom:80px}.map-section-wrapper .map-bg{width:100%;height:auto;display:block;left:0}.map-section-wrapper .fellowship-path-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;display:block}.map-section-wrapper #fellowship-path-id{fill:none;stroke:#c2410c;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;transform:translate(515px,380px)}.map-section-wrapper .marker-text{font-family:Crimson Text,serif;font-size:24px;fill:#632a01;font-weight:700;pointer-events:none;filter:drop-shadow(0 0 2px white)}.map-section-wrapper .marker circle{filter:drop-shadow(0 0 5px #d30101);fill:#d30101}.map-section-wrapper .marker rect{height:40px;rx:5px;fill:#fde4b3e6;stroke:#333;filter:drop-shadow(0 0 5px #333)}.map-section-wrapper .marker #marker-rauros rect{height:80px}.map-section-wrapper .story-sidebar-wrapper{grid-column:10/span 3;position:relative}.map-section-wrapper .story-sidebar-wrapper .story-sidebar{position:fixed;top:15%;width:25%;pointer-events:none;z-index:20;column-span:3;box-sizing:border-box;padding-right:20px}.map-section-wrapper .story-sidebar-wrapper .story-block{top:0;left:0;margin:16px;position:absolute;opacity:0;transform:translateY(20px);margin-bottom:2rem;background:#fde4b3e6;padding:20px;border-left:4px solid #8b4513;border-radius:4px;box-shadow:0 10px 25px #0003}.map-section-wrapper .story-sidebar-wrapper .story-block .img-small{width:100%;height:auto}.map-section-wrapper .story-sidebar-wrapper .story-block h3{font-family:Crimson Text,serif;margin-top:0;color:#632a01}.project-nav{position:fixed;top:86px;left:100%;height:calc(100vh - 86px);right:2rem;z-index:100;padding:1rem;opacity:1}.project-nav:hover{opacity:1;background-color:#ffffffd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 8px #0000001a}.project-nav ul{list-style:none;padding:0;border-left:2px solid #e2e8f0}.project-nav li{margin:1.5rem 0}.project-nav .nav-link{text-decoration:none;color:#64748b;padding-left:1rem;transition:all .3s ease;display:block}.project-nav .nav-link.active{color:#d4af37;font-weight:700;border-left:4px solid #d4af37;margin-left:-2px}.project-section{min-height:80vh;padding:100px 0}.side-drawer-wrapper{position:fixed;top:0;right:0;height:100%;z-index:800;display:flex;align-items:center}.side-drawer-wrapper .drawer-toggle{display:none}.side-drawer-wrapper .drawer-toggle:checked~.drawer-content{transform:translate(0)}.side-drawer-wrapper .drawer-toggle:checked~.fab-trigger{right:calc(240px + 4rem)}.side-drawer-wrapper .drawer-toggle:checked~.fab-trigger .chevron{transform:rotate(180deg)}.side-drawer-wrapper .fab-trigger{position:fixed;right:0;width:48px;height:48px;background:var(--secondary-500);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px 0 0 8px;transition:all .4s cubic-bezier(.16,1,.3,1)}.side-drawer-wrapper .fab-trigger .chevron:before{content:"❮";font-size:1.2rem;display:inline-block;transition:transform .3s}.side-drawer-wrapper .drawer-content{position:fixed;top:0;right:0;width:240px;height:100%;background:#fff;box-shadow:-5px 0 15px #0000001a;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);padding:2rem}.side-drawer-wrapper .drawer-content ul{list-style:none;padding:0;border-left:2px solid #e2e8f0}.side-drawer-wrapper .drawer-content li{margin:1.5rem 0}.side-drawer-wrapper .drawer-content .nav-links{margin-top:100px}.side-drawer-wrapper .drawer-content .nav-link{text-decoration:none;color:#64748b;padding-left:1rem;transition:all .3s ease;display:block}.side-drawer-wrapper .drawer-content .nav-link:active{color:var(--secondary-500);font-weight:700;border-left:4px solid var(--secondary-500);margin-left:-2px}.drawer-toggle:checked~.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999}.main{display:flex}.main .main-body-content{flex:1}.main .main-body-nav{width:64px;height:100%}.main .main-body-nav:hover{width:240px}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--font-color);line-height:1.6;margin:0}main{margin:0 auto}.sr-only{display:none}html{scrollbar-gutter:stable;scroll-behavior:smooth}.reveal{opacity:0;transform:translateY(30px);transition:all .4s cubic-bezier(.5,0,0,1);transition-property:opacity,transform;will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}.parallax-wrapper{height:500px;overflow-x:hidden;overflow-y:auto;perspective:2px}.parallax-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transform:translateZ(-1px) scale(2);object-fit:cover}.parallax-content{position:relative;z-index:1;padding:100px 0}.btn-primary{padding:.8rem 1.5rem;background-color:var(--primary-500);border:none;border-radius:4px;cursor:pointer;transition:transform .2s ease;text-decoration:none;color:var(--white)}.btn-primary:hover{transform:translateY(-2px)}.btn-primary a{text-decoration:none}.btn-secondary{padding:.8rem 1.5rem;background-color:var(--secondary-500);border:none;border-radius:4px;cursor:pointer;transition:transform .2s ease;text-decoration:none;color:#fff}.btn-secondary:hover{transform:translateY(-2px)}.btn-secondary a{text-decoration:none}.hamburger{width:100%;height:2px;background-color:var(--gray-700);position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;right:0;height:2px;background:inherit}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}.carousel-container{position:relative;width:100%;max-width:1000px;margin:auto;overflow:hidden}.carousel-track-container{height:100%;width:100%}.carousel-track{display:flex;height:100%;padding:0;margin:0;list-style:none;transition:transform .5s ease-in-out}.carousel-slide{min-width:100%;height:100%;position:relative}.carousel-slide img,.carousel-slide video{width:100%;height:100%;object-fit:cover}.caption{position:absolute;bottom:40px;left:20px;color:#fff;background:#0009;padding:8px 15px;border-radius:4px;font-family:sans-serif}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffb3;border:none;cursor:pointer;padding:10px;z-index:10;box-shadow:0 0 6px #0003}.prev-btn{left:10px}.next-btn{right:10px}.carousel-dots{position:absolute;bottom:10px;width:auto;display:flex;margin:0 auto;left:calc(50% - 44px);justify-content:center;gap:8px;padding:8px;background-color:var(--tertiary-700);border-radius:16px}.dot{width:12px;height:12px;border-radius:50%;border:none;background:var(--gray-550);cursor:pointer}.dot.active{background:var(--secondary-400)}.step-media{display:grid;gap:20px}.layout-single{grid-template-columns:1fr;max-width:inherit;margin:0 auto}.layout-single .project-video,.layout-single img{max-width:inherit}.stacked-mockup-container{position:relative;width:100%;max-width:1100px;margin:100px auto;display:flex;justify-content:center;align-items:center}.stacked-mockup-container .img-downsize{width:70%;height:auto;z-index:1;box-shadow:0 20px 50px #0000001a}.stacked-mockup-container .img-overlay{position:absolute;width:30%;height:auto;z-index:2;box-shadow:0 30px 60px #0003;border-radius:8px}.stacked-mockup-container .img-left-bottom{bottom:5%;left:-10%}.stacked-mockup-container .img-right-top{top:5%;right:-10%}@media (max-width: 768px){.stacked-mockup-container{margin:50px auto}.mockup-main{width:90%}.mockup-overlay{width:45%}}.layout-grid-2{grid-template-columns:1fr 1fr}.layout-grid-2 .project-video,.layout-grid-2 img{max-width:100%}.layout-grid-2 :nth-child(2){margin-top:40px}.layout-grid-2 .img-downsize{margin:0 auto;width:auto;height:70%}.layout-grid-2-flat{grid-template-columns:1fr 1fr}.layout-grid-2-flat .project-video,.layout-grid-2-flat img{max-width:100%}.layout-grid-2-flat :nth-child(2){margin-top:0}.layout-grid-2-flat .img-downsize{margin:0 auto;width:auto;height:70%}.layout-grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-column:full;width:100%;gap:20px;align-items:stretch}.layout-grid-3 img,.layout-grid-3 .project-video{width:100%;aspect-ratio:16/14;object-fit:cover;display:block;height:auto}.layout-grid-3.shape-square img,.layout-grid-3.shape-square .project-video{aspect-ratio:16/14}.layout-grid-3.shape-rectangle img,.layout-grid-3.shape-rectangle .project-video{aspect-ratio:16/9}.layout-grid-3 p{border-top:1px solid #eee;padding-top:1rem;margin-top:1.5rem}.project-video{max-width:100%;height:100%}.img-downsize-single{max-width:700px;margin:0 auto}.img-downsize-single img{width:700px;height:auto;max-width:1100px;margin:0 auto}
