/*! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com*/
*, :after, :before { border: 0 solid; box-sizing: border-box }
:after, :before { --tw-content: ""
}
html { -webkit-text-size-adjust: 100%; font-feature-settings: normal; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-variation-settings: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4 }
body { line-height: inherit; margin: 0 }
hr { border-top-width: 1px; color: inherit; height: 0 }
 abbr:where([title]) {
 -webkit-text-decoration: underline dotted;
 text-decoration: underline dotted
}
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit }
a { color: inherit; text-decoration: inherit }
b, strong { font-weight: bolder }
code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-size: 1em }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sub { bottom: -.25em }
sup { top: -.5em }
table { border-collapse: collapse; border-color: inherit; text-indent: 0 }
button, input, optgroup, select, textarea { font-feature-settings: inherit; color: inherit; font-family: inherit; font-size: 100%; font-variation-settings: inherit; font-weight: inherit; line-height: inherit; margin: 0; padding: 0 }
button, select { text-transform: none }
 [type=button], [type=reset], [type=submit], button {
 -webkit-appearance: button;
/* background-color: transparent; */
 /* background-image: none; */
}

:-moz-focusring {
 outline: auto
}

:-moz-ui-invalid {
 box-shadow: none
}
progress { vertical-align: baseline }

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
 height: auto
}
 [type=search] {
 -webkit-appearance: textfield;
 outline-offset: -2px
}

::-webkit-search-decoration {
 -webkit-appearance: none
}

::-webkit-file-upload-button {
 -webkit-appearance: button;
 font: inherit
}
summary { display: list-item }
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0 }
fieldset { margin: 0 }
fieldset, legend { padding: 0 }
menu, ol, ul { list-style: none; margin: 0; padding: 0 }
dialog { padding: 0 }
textarea { resize: vertical }
 input::-moz-placeholder, textarea::-moz-placeholder {
 color: #9ca3af;
 opacity: 1
}
 input::placeholder, textarea::placeholder {
 color: #9ca3af;
 opacity: 1
}
 [role=button], button {
 cursor: pointer
}
:disabled { cursor: default }
audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle }
img, video { height: auto; max-width: 100% }
 [hidden] {
 display: none
}
*, :after, :before { --tw-border-spacing-x: 0;
 --tw-border-spacing-y: 0;
 --tw-translate-x: 0;
 --tw-translate-y: 0;
 --tw-rotate: 0;
 --tw-skew-x: 0;
 --tw-skew-y: 0;
 --tw-scale-x: 1;
 --tw-scale-y: 1;
 --tw-pan-x:;
 --tw-pan-y:;
 --tw-pinch-zoom:;
 --tw-scroll-snap-strictness: proximity;
 --tw-gradient-from-position:;
 --tw-gradient-via-position:;
 --tw-gradient-to-position:;
 --tw-ordinal:;
 --tw-slashed-zero:;
 --tw-numeric-figure:;
 --tw-numeric-spacing:;
 --tw-numeric-fraction:;
 --tw-ring-inset:;
 --tw-ring-offset-width: 0px;
 --tw-ring-offset-color: #fff;
 --tw-ring-color: rgba(59,130,246,.5);
 --tw-ring-offset-shadow: 0 0 #0000;
 --tw-ring-shadow: 0 0 #0000;
 --tw-shadow: 0 0 #0000;
 --tw-shadow-colored: 0 0 #0000;
 --tw-blur:;
 --tw-brightness:;
 --tw-contrast:;
 --tw-grayscale:;
 --tw-hue-rotate:;
 --tw-invert:;
 --tw-saturate:;
 --tw-sepia:;
 --tw-drop-shadow:;
 --tw-backdrop-blur:;
 --tw-backdrop-brightness:;
 --tw-backdrop-contrast:;
 --tw-backdrop-grayscale:;
 --tw-backdrop-hue-rotate:;
 --tw-backdrop-invert:;
 --tw-backdrop-opacity:;
 --tw-backdrop-saturate:;
 --tw-backdrop-sepia:
}

::backdrop {
 --tw-border-spacing-x: 0;
 --tw-border-spacing-y: 0;
 --tw-translate-x: 0;
 --tw-translate-y: 0;
 --tw-rotate: 0;
 --tw-skew-x: 0;
 --tw-skew-y: 0;
 --tw-scale-x: 1;
 --tw-scale-y: 1;
 --tw-pan-x:;
 --tw-pan-y:;
 --tw-pinch-zoom:;
 --tw-scroll-snap-strictness: proximity;
 --tw-gradient-from-position:;
 --tw-gradient-via-position:;
 --tw-gradient-to-position:;
 --tw-ordinal:;
 --tw-slashed-zero:;
 --tw-numeric-figure:;
 --tw-numeric-spacing:;
 --tw-numeric-fraction:;
 --tw-ring-inset:;
 --tw-ring-offset-width: 0px;
 --tw-ring-offset-color: #fff;
 --tw-ring-color: rgba(59,130,246,.5);
 --tw-ring-offset-shadow: 0 0 #0000;
 --tw-ring-shadow: 0 0 #0000;
 --tw-shadow: 0 0 #0000;
 --tw-shadow-colored: 0 0 #0000;
 --tw-blur:;
 --tw-brightness:;
 --tw-contrast:;
 --tw-grayscale:;
 --tw-hue-rotate:;
 --tw-invert:;
 --tw-saturate:;
 --tw-sepia:;
 --tw-drop-shadow:;
 --tw-backdrop-blur:;
 --tw-backdrop-brightness:;
 --tw-backdrop-contrast:;
 --tw-backdrop-grayscale:;
 --tw-backdrop-hue-rotate:;
 --tw-backdrop-invert:;
 --tw-backdrop-opacity:;
 --tw-backdrop-saturate:;
 --tw-backdrop-sepia:
}
 @keyframes fadeInFromTop { 0% {
 opacity: 0;
 transform: translateY(-50px)
}
to { opacity: 1; transform: translateY(0) }
}
.active-hamburger svg { position: relative }
.active-hamburger rect { position: absolute }
.active-hamburger rect#top { transform: rotate(45deg) translateX(10px) translateY(-12px) }
.active-hamburger rect#middle { opacity: 0; transform: translateX(100px) }
.active-hamburger rect#bottom { transform: rotate(-45deg) translateX(-42px) translateY(1px) }
.header {
 --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); padding-bottom: .75rem;
 padding-top: .75rem;
position: relative; transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
 @media (min-width: 768px) {
.header { padding-bottom: 0; padding-top: 0 }
.header.header-fixed { padding-bottom: 1rem; padding-top: 1rem }
}
.header__seperator { display: none }
.header__link, .header__link-secondary {
 --tw-text-opacity: 1; color: rgb(58 63 91/var(--tw-text-opacity)); display: block; line-height: 1 }
 @media (min-width: 768px) {
.header__link, .header__link-secondary { margin-right: 1rem }
}
.header__link, .header__link-secondary { display: block }
.header__link-secondary:last-child, .header__link:last-child { margin-bottom: 0; margin-right: 0 }
.header__link-secondary.active, .header__link-secondary:hover, .header__link.active, .header__link:hover {
 --tw-text-opacity: 1; color: rgb(58 63 91/var(--tw-text-opacity)); text-decoration: underline }
 @media (min-width: 640px) {
.header__link-secondary.active, .header__link.active {
 --tw-text-opacity:1; color: rgb(58 63 91/var(--tw-text-opacity)); text-decoration: none }
}
.header__link-secondary.btn:hover, .header__link.btn:hover { text-decoration-line: none }
.header__link-secondary {
 font-size: .875rem; line-height: 1.25rem }
 @media (min-width: 1024px) {
.header__link-secondary { margin-left: 1rem }
}
.header__link { padding: .5rem
}
 @media (min-width: 768px) {
.header__link { margin-right: 0; padding: 1rem .75rem
}
}
 @media (min-width: 1024px) {
.header__link { padding-left: 1rem; padding-right: 1rem }
}
.header__link.active {
 --tw-bg-opacity: 1; background-color: rgb(242 242 242/var(--tw-bg-opacity)) }
.header__link:focus, .header__link:hover { text-decoration-line: underline }
.header__logo { width: 5rem }
 @media (min-width: 640px) {
.header__logo { width: 6rem }
}
 @media (min-width: 768px) {
.header__logo { width: 8rem }
}
.header__links-container {
 --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
 --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); align-items: flex-end; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); flex: 1 1 0%; flex-direction: column; gap: .75rem;
justify-content: flex-end }
.header .header__links-container {
 --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); left: 0; padding: 1rem; position: absolute; top: 100%; width: 100%; z-index: 1000 }
 @media (min-width: 768px) {
.header .header__links-container { padding: 0; position: static; width: auto }
}
.header.header-active .header__links-container { height: calc(100vh - 48px) }
 @media (min-width: 768px) {
.header.header-active .header__links-container { height: auto }
}
.header.header-fixed .header__links-container { position: absolute; width: 100% }
 @media (min-width: 768px) {
.header.header-fixed .header__links-container { max-width: 25rem }
.header.header-fixed.header-active .header__links-container {
 --tw-bg-opacity: 1; background-color: rgb(245 240 238/var(--tw-bg-opacity)); left: auto; right: 1rem; top: 56px }
}
 @media (min-width: 1024px) {
.header.header-fixed.header-active .header__links-container { top: 2.6rem }
}
.header.header-fixed.header-active .header__links-container .header__link { margin-right: 0 }
 @media (min-width: 768px) {
.header.header-fixed.header-active .header__links-container .header__link {
 --tw-border-opacity:1; border-bottom-width: 2px; border-color: rgb(40 39 39/var(--tw-border-opacity)); padding-bottom: .75rem;
text-align: right; width: 100% }
.header__links-container {
 --tw-shadow: 0 0 #0000;
 --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); gap: 0 }
}
.header__links-child-container { align-items: center; display: flex; flex-direction: column; gap: .25rem;
justify-content: center; width: 100% }
 @media (min-width: 768px) {
.header__links-child-container { flex-direction: row; gap: 0; justify-content: flex-end; padding-right: 1.25rem }
}
.header__links-child-container--main .header__link { font-family: superior-title, serif; font-weight: 700; letter-spacing: .05rem
}
.header__container { align-items: center; display: flex; gap: 1.25rem; justify-content: space-between; margin-left: auto; margin-right: auto }
 @media (min-width: 1024px) {
.header__container { position: relative }
}
.header__select-form {
 --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); font-weight: 700 }
.header__select-form-select { -webkit-appearance: none; background-color: #fff; background-image: url(https://www.saati.com/assets/img/icon-down.svg); background-position: 90% 50%; background-repeat: no-repeat; background-size: 14px; max-width: 100px; padding: 2px 1.5rem 2px .5rem;
text-decoration-line: underline; width: 100% }
.header__search-form { align-items: center; display: flex; position: relative }
.header__search-input {
 --tw-border-opacity: 1; border-bottom-width: 2px; border-color: rgb(40 39 39/var(--tw-border-opacity)); border-radius: 0; cursor: pointer; margin-bottom: .75rem;
 padding: .25rem 1.25rem .25rem .5rem;
width: 180px }
 @media (min-width: 768px) {
.header__search-input { border-bottom-color: transparent; margin-bottom: 0; padding: 0 1rem 0 0; width: 1rem }
}
.header__search-input { transition: width .3s ease }
.active .header__search-input {
 --tw-border-opacity: 1; border-bottom-width: 2px; border-color: rgb(40 39 39/var(--tw-border-opacity)); cursor: auto; padding-left: .5rem;
padding-right: 1.25rem; width: 180px }
.header__search-input:focus { outline: 0 }
.header__search-submit { height: 1.5rem; position: absolute; right: 0; top: 0; width: 1rem }
 @media (min-width: 768px) {
.header__search-submit { pointer-events: none }
}
.active .header__search-submit { pointer-events: auto }
.header__search-submit img { width: 1rem }
.header__hamburger-wrapper { display: flex }
 @media (min-width: 768px) {
.header__hamburger-wrapper { display: none }
}
.header .nav-items {
 --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); left: 0; padding: 1rem; position: absolute; top: 100%; width: 100%; z-index: 1000 }
 @media (min-width: 768px) {
.header .nav-items { padding: 0; position: static; width: auto; display: flex; }
}
.header rect { transition: all .25s ease-in-out }
.header__links-wrapper { display: flex; flex-direction: column; gap: 1rem; height: 100%; overflow-y: auto; width: 100% }
 @media (min-width: 768px) {
.header__links-wrapper { gap: 0 }
}
.header.header-active .nav-items { height: calc(100vh - 48px) }
 @media (min-width: 768px) {
.header.header-active .nav-items { height: auto }
}
.header.header-fixed {
 --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
 --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); animation: fadeInFromTop .5s ease forwards; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); position: fixed; top: 0; width: 100%; z-index: 1200 }
.header.header-fixed .header__seperator { display: block }
 @media (min-width: 768px) {
.header.header-fixed .header__links-child-container--child { display: none }
}
.header.header-fixed .header__links-child-container--main { flex-direction: column; left: auto; right: 0 }
 @media (min-width: 768px) {
.header.header-fixed .header__links-child-container--main, .header.header-fixed .header__links-seperator { display: none }
}
.header.header-fixed .header__hamburger-wrapper { display: flex }
.header.header-fixed .nav-items { position: absolute; width: 100% }
 @media (min-width: 768px) {
.header.header-fixed .nav-items { max-width: 25rem }
}
.header.header-fixed.header-active .header__links-child-container--main { flex-direction: column; margin-left: auto; margin-right: auto; max-width: 18rem }
 @media (min-width: 768px) {
.header.header-fixed.header-active .header__links-child-container--main { display: flex; gap: 1.5rem; padding: 1.5rem 1rem }
.header.header-fixed.header-active .nav-items {
 --tw-bg-opacity: 1; background-color: rgb(245 240 238/var(--tw-bg-opacity)); left: auto; right: 1rem; top: 56px }
}
 @media (min-width: 1024px) {
.header.header-fixed.header-active .nav-items { top: 2.6rem }
}
.header.header-fixed.header-active .nav-items .header__link { margin-right: 0 }
 @media (min-width: 768px) {
.header.header-fixed.header-active .nav-items .header__link {
 --tw-border-opacity:1; border-bottom-width: 2px; border-color: rgb(40 39 39/var(--tw-border-opacity)); padding-bottom: .75rem;
text-align: right; width: 100% }
.header.header-fixed.header-active .header__links-wrapper { max-height: calc(100vh - 56px) }
}
.mega-nav {
 --tw-bg-opacity: 1; background-color: rgb(241 243 247/var(--tw-bg-opacity)); display: none; height: 100%; left: 0; overflow: auto; position: absolute; top: 0; transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); width: 100% }
 @media (min-width: 768px) {
.mega-nav { top: 98px }
}
.mega-nav { height: calc(100vh - 56px) }
 @media (min-width: 1024px) {
.mega-nav { height: auto; max-height: calc(100vh - 140px) }
}
.header-fixed .mega-nav {
 --tw-translate-x: -50%; left: 50%; position: fixed; top: 48px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
 @media (min-width: 1024px) {
.header-fixed .mega-nav { width: 90% }
}
 @media (min-width: 768px) {
.header-fixed .mega-nav { top: 56px }
}
 @media (min-width: 1024px) {
.header-fixed .mega-nav { max-height: calc(100vh - 166px) }
}
.mega-nav__close { display: none; position: absolute; right: .75rem;
 top: .75rem;
z-index: 10 }
 @media (min-width: 768px) {
.mega-nav__close { display: block }
}
.header-fixed.header-active .mega-nav__close { opacity: 0; pointer-events: none }
.mega-nav__container {
 --tw-bg-opacity: 1; align-items: stretch; background-color: rgb(230 230 230/var(--tw-bg-opacity)); display: flex; position: relative }
 @media (min-width: 1024px) {
.mega-nav__container { min-height: 20rem }
}
.mega-nav__l2-ul {
 --tw-bg-opacity: 1; background-color: rgb(242 242 242/var(--tw-bg-opacity)); padding-bottom: 1.5rem; padding-top: 1.5rem; width: 100% }
 @media (min-width: 1024px) {
.mega-nav__l2-ul { width: 25% }
}
 @media (min-width: 1280px) {
.mega-nav__l2-ul { width: 20% }
}
.mega-nav__l2-ul-li { align-items: stretch; display: flex; gap: 1rem; text-align: left }
.mega-nav__l2-ul-li-button { align-items: center; color: rgba(40,39,39,.5); display: flex; gap: 1rem; justify-content: space-between; line-height: 1; padding: .5rem 1rem;
text-align: left; transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); width: 100% }
 @media (min-width: 768px) {
.mega-nav__l2-ul-li-button { padding:.75rem 1.5rem
}
}
 @media (min-width: 1280px) {
.mega-nav__l2-ul-li-button { padding-left: 3rem; padding-right: 3rem }
}
.mega-nav__l2-ul-li-button.active {
 --tw-bg-opacity: 1;
 --tw-text-opacity: 1; background-color: rgb(230 230 230/var(--tw-bg-opacity)); color: rgb(40 39 39/var(--tw-text-opacity)); pointer-events: none; text-decoration-line: underline }
.mega-nav__l2-ul-li-button:hover {
 --tw-bg-opacity: 1; background-color: rgb(230 230 230/var(--tw-bg-opacity)) }
.mega-nav__l2-ul-li-icon { flex-shrink: 0; width: .5rem
}
.mega-nav__l3-ul { display: none; margin-bottom: .5rem
}
.mega-nav__l3-ul-close { align-items: center; display: flex; font-family: stevie-sans, sans-serif; gap: 1rem; line-height: 1; margin-bottom: 1rem; padding-left: 1rem }
 @media (min-width: 1024px) {
.mega-nav__l3-ul-close { display: none; padding-left: 1.5rem }
}
.mega-nav__l3-ul-close svg { width: .5rem
}
.mega-nav__l3-ul-wrapper {
 --tw-bg-opacity: 1; background-color: rgb(230 230 230/var(--tw-bg-opacity)); display: none; overflow: auto; padding-bottom: 1.5rem; padding-top: 1.5rem; position: absolute; width: 100% }
 @media (min-width: 1024px) {
.mega-nav__l3-ul-wrapper { position: static; width: 25% }
}
 @media (min-width: 1280px) {
.mega-nav__l3-ul-wrapper { width: 20% }
}
 @media (min-width: 1024px) {
.mega-nav__l3-ul-wrapper { max-height: calc(100vh - 140px) }
}
.mega-nav__l3-ul-li { text-align: left }
.mega-nav__l3-ul-li-button { align-items: center; color: rgba(40,39,39,.5); display: flex; font-family: stevie-sans, sans-serif; font-weight: 400; gap: 1rem; justify-content: space-between; line-height: 1; padding: .5rem 1rem;
text-align: left; transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); width: 100% }
 @media (min-width: 768px) {
.mega-nav__l3-ul-li-button { padding:.75rem 1.5rem
}
}
 @media (min-width: 1280px) {
.mega-nav__l3-ul-li-button { padding-left: 3rem; padding-right: 3rem }
}
.mega-nav__l3-ul-li-button.active {
 --tw-bg-opacity: 1;
 --tw-text-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); color: rgb(40 39 39/var(--tw-text-opacity)); pointer-events: none; text-decoration-line: underline }
.mega-nav__l3-ul-li-button:hover {
 --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)) }
.mega-nav__l3-ul-li-icon { flex-shrink: 0; width: .5rem
}
.mega-nav__l3-ul-li--main {
 padding: .5rem 1rem; text-decoration-line: underline }
 @media (min-width: 768px) {
.mega-nav__l3-ul-li--main { padding:.75rem 1.5rem
}
}
 @media (min-width: 1280px) {
.mega-nav__l3-ul-li--main { padding-left: 3rem; padding-right: 3rem }
}
.mega-nav__l3-content {
 --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); display: none; height: 100%; overflow: auto; padding: 1.5rem 1rem; position: absolute; right: 0; top: 0; width: 100% }
 @media (min-width: 768px) {
.mega-nav__l3-content { padding-left: 1.5rem; padding-right: 1.5rem }
}
 @media (min-width: 1024px) {
.mega-nav__l3-content { padding: 2.5rem; width: 50% }
}
 @media (min-width: 1280px) {
.mega-nav__l3-content { width: 60% }
}
.mega-nav__l3-content-close { align-items: center; display: flex; font-family: stevie-sans, sans-serif; gap: 1rem; line-height: 1; margin-bottom: 1rem }
 @media (min-width: 1024px) {
.mega-nav__l3-content-close { display: none; padding-left: 1.5rem }
}
.mega-nav__l3-content-close svg { width: .5rem
}
.mega-nav__l3-content a { font-family: stevie-sans, sans-serif; font-weight: 400 }
.mega-nav__l4-ul { align-items: flex-start; display: flex; flex-direction: column; flex-wrap: wrap; gap: .5rem;
justify-content: flex-start; margin-bottom: 1rem; max-width: 36rem }
 @media (min-width: 768px) {
.mega-nav__l4-ul { -moz-column-gap: 1.5rem; column-gap: 1.5rem; flex-direction: row; row-gap: .75rem
}
}
.mega-nav__l4-ul-li { text-align: left }
 @media (min-width: 768px) {
.mega-nav__l4-ul-li { width:calc(50% - .75rem)
}
}
.mega-nav__l4-ul-li a {
 --tw-text-opacity: 1; color: rgb(40 39 39/var(--tw-text-opacity)); font-family: stevie-sans, sans-serif; font-weight: 400; line-height: 1; text-align: left; transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
.mega-nav__l4-ul-li a:hover { text-decoration-line: underline }
.animate-in>* { transition: all .6s ease 0s }
.animate-in>:first-child { transition-delay: .2s }
.animate-in>:nth-child(2) { transition-delay: .4s }
.animate-in>:nth-child(3) { transition-delay: .6s }
.animate-in>:nth-child(4) { transition-delay: .8s }
.animate-in>:nth-child(5) { transition-delay: 1s }
.animate-in>:nth-child(6) { transition-delay: 1.2s }
.animate-in>:nth-child(7) { transition-delay: 1.4s }
.animate-in>:nth-child(8) { transition-delay: 1.6s }
.animate-in>:nth-child(9) { transition-delay: 1.8s }
.animate-in-self { transition: all 1s ease 0s }
.animate-in-fast>* { transition: all .3s ease 0s }
.animate-in-fast>:first-child { transition-delay: .1s }
.animate-in-fast>:nth-child(2) { transition-delay: .2s }
.animate-in-fast>:nth-child(3) { transition-delay: .3s }
.animate-in-fast>:nth-child(4) { transition-delay: .4s }
.animate-in-fast>:nth-child(5) { transition-delay: .5s }
.animate-in-fast>:nth-child(6) { transition-delay: .6s }
.animate-in-fast>:nth-child(7) { transition-delay: .7s }
.animate-in-fast>:nth-child(8) { transition-delay: .8s }
.animate-in-fast>:nth-child(9) { transition-delay: .9s }
.animate-in-slow>* { transition: all .5s ease 0s }
.animate-in-slow>:first-child { transition-delay: .25s }
.animate-in-slow>:nth-child(2) { transition-delay: .5s }
.animate-in-slow>:nth-child(3) { transition-delay: .75s }
.animate-in-slow>:nth-child(4) { transition-delay: 1s }
.animate-in-slow>:nth-child(5) { transition-delay: 1.25s }
.animate-in-slow>:nth-child(6) { transition-delay: 1.5s }
.animate-in-slow>:nth-child(7) { transition-delay: 1.75s }
.animate-in-slow>:nth-child(8) { transition-delay: 2s }
.animate-in-slow>:nth-child(9) { transition-delay: 2.25s }
.top-slide>* {
 --tw-translate-y: -200px; opacity: 0 }
.top-slide>*, .trigger-init .top-slide>* { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.trigger-init .top-slide>* {
 --tw-translate-y: 0px; opacity: 1 }
.top-slide-self {
 --tw-translate-y: -100px; opacity: 0 }
.top-slide-self, .trigger-init .top-slide-self { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.trigger-init .top-slide-self {
 --tw-translate-y: 0px; opacity: 1 }
.bottom-slide-self {
 --tw-translate-y: 100px; opacity: 0 }
.bottom-slide-self, .trigger-init .bottom-slide-self { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.trigger-init .bottom-slide-self {
 --tw-translate-y: 0px; opacity: 1 }
.bottom-slide>* {
 --tw-translate-y: 200px; opacity: 0 }
.bottom-slide>*, .trigger-init .bottom-slide>* { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.trigger-init .bottom-slide>* {
 --tw-translate-y: 0px; opacity: 1 }
.left-slide>* {
 --tw-translate-x: -200px; opacity: 0 }
.left-slide>*, .trigger-init .left-slide>* { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.trigger-init .left-slide>* {
 --tw-translate-x: 0px; opacity: 1 }
.right-slide>* {
 --tw-translate-x: 200px; opacity: 0 }
.right-slide>*, .trigger-init .right-slide>* { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.trigger-init .right-slide>* {
 --tw-translate-x: 0px; opacity: 1 }
.right-slide-self {
 --tw-translate-x: 200px; opacity: 0 }
.right-slide-self, .right-slide-self.trigger-init { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.right-slide-self.trigger-init {
 --tw-translate-x: 0px; opacity: 1 }
.left-slide-self {
 --tw-translate-x: -200px; opacity: 0 }
.left-slide-self, .left-slide-self.trigger-init { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.left-slide-self.trigger-init {
 --tw-translate-x: 0px; opacity: 1 }
.pop-out>* { opacity: 0; transform: scale(1.25) }
.pop-in>* { transform: scale(0) }
.fade-in>*, .pop-in>* { opacity: 0 }
.fade-in.trigger-init>* { opacity: 1 }
.fade-in-self { opacity: 0 }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: superior-title, serif; font-weight: 700 }
.h1, h1 { font-size: 38px; line-height: 42px }
 @media (min-width: 768px) {
.h1, h1 { font-size: 44px; line-height: 48px }
}
 @media (min-width: 1024px) {
.h1, h1 { font-size: 52px; line-height: 58px }
}
.h2, h2 { font-size: 38px; line-height: 42px }
 @media (min-width: 768px) {
.h2, h2 { font-size: 44px; line-height: 48px }
}
 @media (min-width: 1024px) {
.h2, h2 { font-size: 50px; line-height: 56px }
}
.h3, h3 { font-size: 26px; line-height: 28px }
 @media (min-width: 768px) {
.h3, h3 { font-size: 30px; line-height: 33px }
}
 @media (min-width: 1024px) {
.h3, h3 { font-size: 30px; line-height: 33px }
}
p { margin-bottom: 1rem }
.banner { position: relative }
.banner:after {
 --tw-content: ""; background: url(../images/thumbnail_career-banner.jpg) center -126px; content: var(--tw-content); height: 100%; left: 0; position: absolute; top: 0; width: 100% }
.banner__img { height: 20rem; -o-object-fit: cover; object-fit: cover; width: 100% }
 @media (min-width: 768px) {
.banner__img { height: auto }
}
.banner__img--corporate { background-image: url(../img/corporate-banner.jpg) }
.banner__img--our-saatizens { background-image: url(../img/our-saatizens.jpg); background-position: 100% }
 @media (min-width: 768px) {
.banner__img--contact { padding-bottom: 25% }
}
.banner__img--contact { background-image: url(../img/contact-bg.jpg) }
 @media (min-width: 768px) {
.banner__img--product { padding-bottom: 25% }
}
.banner__img--product { background-image: url(../img/banner-product.jpg) }
 @media (min-width: 768px) {
.banner__img--certification { padding-bottom: 25% }
}
.banner__img--certification { background-image: url(../img/banner-certifications.png) }
 @media (min-width: 768px) {
.banner__img--sustainability { padding-bottom: 25% }
}
.banner__img--sustainability { background-image: url(../img/banner-sustainability.png) }
 @media (min-width: 768px) {
.banner__img--ballistic { padding-bottom: 25% }
}
.banner__img--ballistic { background-image: url(../img/banner-certifications.png) }
 @media (min-width: 768px) {
.banner__img--faq { padding-bottom: 25% }
}
.banner__img--faq { background-image: url(../img/banner-certifications.png) }
 @media (min-width: 768px) {
.banner__img--article { padding-bottom: 25% }
}
.banner__img--article { background-image: url(../img/banner-sustainability.png) }
 @media (min-width: 768px) {
.banner__img--news { padding-bottom: 25% }
}
.banner__img--news { background-image: url(../img/banner-certifications.png) }
 @media (min-width: 768px) {
.banner__img--events { padding-bottom: 25% }
}
.banner__img--events { background-image: url(../img/banner-events.png) }
.banner__img--careers { height: auto; padding-bottom: 42.5% }
 @media (min-width: 768px) {
.banner__img--careers { padding-bottom: 25% }
}
.banner__img--careers { background-image: url(../img/banner-careers.png) }
.banner__img--saati-purpose { background-image: url(../img/our-saati-purpose-mobile.png) }
 @media (min-width: 768px) {
.banner__img--saati-purpose { background-image: url(../img/our-saati-purpose.png) }
}
.banner__video { width: 100% }
.banner__video-wrapper { position: relative; max-height: 600px; overflow: hidden; }
.banner__copy { position: absolute }
.banner--video .banner__copy, .banner__copy {
 --tw-text-opacity: 1; align-items: center; align-self: center; color: #fff; display: flex; inset: 0; text-align: center; z-index: 10; }
.banner__overlay-element h1 { text-shadow: 1px 1px 10px black; }
.banner--video .banner__copy { padding-bottom: 4rem; padding-top: 2rem; position: relative }
 @media (min-width: 640px) {
.banner--video .banner__copy { padding-bottom: 0; padding-top: 0; position: absolute }
}
.banner--overlay:after {
 --tw-content: ""; background-color: rgba(0,0,0,.6); content: var(--tw-content); height: 100%; left: 0; position: absolute; top: 0; width: 100% }
.banner__pause { --tw-rotate: 90deg
}
.banner__pause, .banner__play { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
.banner__play {
 --tw-rotate: -90deg; display: none }
.banner__pause-button { bottom: 1rem; position: absolute; right: 10%; z-index: 200 }
 @media (min-width: 768px) {
.banner__pause-button { bottom: 2rem }
}
.form-section label { display: block; margin-left: .5rem;
pointer-events: none; transform: translateY(30px); transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
.form-section input {
 --tw-border-opacity: 1; border-bottom-width: 1px; border-color: rgb(40 39 39/var(--tw-border-opacity)); border-radius: 0; display: block; font-weight: 700; padding: .5rem 1rem;
transition-duration: .2s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); width: 100% }
.form-section input[type=submit] { border-bottom-width: 2px; cursor: pointer; max-width: 150px }
.form-section input.active { outline-width: 0 }
.form-section input.active~label { margin-left: 0; transform: none }
.form-section textarea {
 --tw-border-opacity: 1; border-color: rgb(40 39 39/var(--tw-border-opacity)); border-width: 1px; font-weight: 700; margin-top: .5rem;
min-height: 130px; padding: .5rem 1rem;
resize: none; transition-duration: .2s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
 @media (min-width: 768px) {
.form-section textarea { min-height: 150px }
}
 @media (min-width: 1024px) {
.form-section textarea { min-height: 200px }
}
 @media (min-width: 1280px) {
.form-section textarea { min-height: 250px }
}
.form-section textarea:focus { outline-width: 0 }
.form-section textarea~label { margin-left: 1rem; transform: translateY(50px) }
.form-section textarea.active~label { margin-left: 0; transform: none }
 .form-section textarea::-webkit-scrollbar {
 width: .25rem
}
 .form-section textarea::-webkit-scrollbar-track {
 background-color: transparent
}
 .form-section textarea::-webkit-scrollbar-thumb {
 --tw-bg-opacity: 1;
 background-color: rgb(40 39 39/var(--tw-bg-opacity));
 border-radius: .5rem
}
 .form-section textarea::-webkit-scrollbar-thumb:hover {
 background: #555
}
.form-section select {
 --tw-border-opacity: 1; -webkit-appearance: none; -moz-appearance: none; background-color: transparent; background-image: url(https://www.saati.com/assets/img/icon-down-arrow.svg); background-position-x: calc(100% - .75rem);
background-position-y: 50%; background-repeat: no-repeat; border-bottom-width: 1px; border-color: rgb(40 39 39/var(--tw-border-opacity)); font-weight: 700; line-height: 1; padding: .75rem 2rem .75rem 1rem;
width: 100% }
.form-section select:focus { outline-width: 0 }
.form-section select option { font-family: inherit }
.form-section select.active~label { margin-left: 0; transform: none }
.custom-select {
 --tw-border-opacity: 1; border-color: rgb(58 63 91/var(--tw-border-opacity)); border-width: 2px; display: inline-block; position: relative }
.custom-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor: pointer; font-size: 1rem; line-height: 1.5rem; padding: .5rem 3rem .5rem .75rem;
width: 100% }
 @media (min-width: 768px) {
.custom-select select { padding-right: 4rem }
}
.custom-select select { -webkit-appearance: none; -moz-appearance: none }
.custom-select select:disabled { opacity: .3; pointer-events: none }
.custom-select:after {
 --tw-translate-y: -50%;
 --tw-content: ""; background-image: url(https://www.saati.com/assets/img/icon-arrow-down-dark.svg); background-size: contain; content: var(--tw-content); height: 1.5rem; pointer-events: none; position: absolute; right: .75rem;
top: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); width: 1.5rem }
.values { overflow: hidden; padding-bottom: 3rem; padding-top: 3rem }
 @media (min-width: 1024px) {
.values { padding-bottom: 4rem; padding-top: 4rem }
}
 @media (min-width: 1280px) {
.values { padding-bottom: 5rem; padding-top: 5rem }
}
 @media (min-width: 1536px) {
.values { padding-bottom: 7rem; padding-top: 7rem }
}
 @media (min-width: 768px) {
.values__container { display: flex }
}
.values__image { width: 100% }
.values__image-wrapper { margin-bottom: 1.5rem; margin-left: auto; margin-right: auto; max-width: 32rem }
 @media (min-width: 768px) {
.values__image-wrapper { margin-bottom: 0; margin-right: 1.5rem; width: 50% }
}
 @media (min-width: 1024px) {
.values__image-wrapper { margin-right: 2.5rem }
}
.values__copy { display: flex; flex-direction: column; justify-content: space-around; margin-left: auto; margin-right: auto }
 @media (min-width: 640px) {
.values__copy { max-width: 24rem }
}
 @media (min-width: 768px) {
.values__copy { width: 50% }
}
 @media (min-width: 640px) {
.ballistics-page .values__copy, .careers-page .values__copy { max-width: none }
}
.values__copy-title { margin-bottom: 1rem }
 @media (min-width: 768px) {
.values__copy-title { margin-bottom: 0 }
.ballistics-page .values__copy-title, .careers-page .values__copy-title { margin-bottom: 2rem }
}
.values__copy-sub-title { font-size: 1.125rem; line-height: 1.75rem; margin-bottom: .5rem
}
 @media (min-width: 768px) {
.values__copy-sub-title { font-size: 1.25rem; line-height: 1.75rem }
}
.ballistics-page .values__copy-sub-title, .careers-page .values__copy-sub-title { font-size: 1.875rem; line-height: 2.25rem; margin-bottom: 1rem }
.values__copy-desc {
 font-size: .875rem; line-height: 1.25rem; margin-bottom: .5rem
}
html { scroll-behavior: smooth }
body {
 --tw-text-opacity: 1; color: rgb(40 39 39/var(--tw-text-opacity)); font-family: stevie-sans, sans-serif; font-size: 1rem; line-height: 1.5rem }
.content h2, .content h3 { margin-bottom: 1rem }
.content h4, .content h5 { margin-bottom: .5rem
}
.content p { margin-bottom: 1rem }
.content p:last-child { margin-bottom: 0 }
.content ol, .content ul { list-style-position: inside; margin-bottom: 1rem; padding-left: 22px; text-indent: -22px }
.content ol ol, .content ol ul, .content ul ol, .content ul ul { margin-bottom: .25rem;
 margin-top: .25rem
}
.content ol li, .content ul li { margin-bottom: 2px }
.content ul { list-style-type: disc }
.content ol { list-style-type: decimal }
.content .btn { margin-top: .5rem
}
.content a:not(.btn, .btn-basic) { /* text-decoration-line:underline; */ /* text-underline-offset:4px; */
}
.content hr {
 --tw-border-opacity: 1; border-color: rgb(0 0 0/var(--tw-border-opacity)); border-top-width: 2px; margin-bottom: 1rem }
.content--ul-pl ol, .content--ul-pl ul { margin-left: 1.25rem }
.btn {
 --tw-border-opacity: 1;
 --tw-text-opacity: 1; background-color: transparent; border-color: rgb(58 63 91/var(--tw-border-opacity)); border-width: 2px; color: rgb(58 63 91/var(--tw-text-opacity)); display: inline-block; line-height: 1; padding: 6px .75rem;
transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
.btn:focus, .btn:hover {
 --tw-bg-opacity: 1;
 --tw-text-opacity: 1; background-color: rgb(58 63 91/var(--tw-bg-opacity)); color: rgb(255 255 255/var(--tw-text-opacity)) }
.btn:focus { outline: 2px solid transparent; outline-offset: 2px }
.btn--blue {
 --tw-border-opacity: 1;
 --tw-bg-opacity: 1;
 --tw-text-opacity: 1; background-color: rgb(58 63 91/var(--tw-bg-opacity)); border-color: rgb(255 255 255/var(--tw-border-opacity)); border-width: 2px; color: rgb(255 255 255/var(--tw-text-opacity)) }
.btn--blue:focus, .btn--blue:hover {
 --tw-bg-opacity: 1;
 --tw-text-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); color: rgb(58 63 91/var(--tw-text-opacity)) }
.btn--transparent {
 --tw-border-opacity: 1;
 --tw-text-opacity: 1; background-color: transparent; border-color: rgb(255 255 255/var(--tw-border-opacity)); border-width: 2px; color: rgb(255 255 255/var(--tw-text-opacity)) }
.btn--transparent:focus, .btn--transparent:hover {
 --tw-bg-opacity: 1;
 --tw-text-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); color: rgb(58 63 91/var(--tw-text-opacity)) }
.btn--submit {
 padding-bottom: .75rem; padding-right: 3rem; padding-top: .75rem;
position: relative }
.btn--submit:hover svg g, .btn--submit:hover svg line { stroke: currentColor }
.btn--icon svg { fill: currentColor }
.btn:disabled {
 --tw-text-opacity: 0.3; pointer-events: none }
.bg-grey-gradient { background: linear-gradient(90deg, #636468, #b6b7bb) }
.container { margin-left: auto; margin-right: auto; max-width: 80rem; width: 90% }
.container--narrow { max-width: 48rem }
.container--medium { max-width: 64rem }
.container--large { max-width: 1536px }
.container--no-max { max-width: none }
.breadcrumbs { background-color: transparent; margin-bottom: 1.5rem; margin-top: 1.5rem }
.events-page .breadcrumbs {
 --tw-bg-opacity: 1; background-color: rgb(227 215 214/var(--tw-bg-opacity)); margin-bottom: 0; margin-top: 0; padding-top: 1.5rem }
.slick-arrow { transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
.slick-arrow:hover {
 --tw-scale-x: 1.25;
 --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.slick-arrow.btn { align-items: center; display: flex; font-weight: 400; gap: 1rem }
.slick-arrow.btn:hover {
 --tw-scale-x: 1;
 --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.slick-arrow.btn svg path { stroke: currentColor }
.stats {
 --tw-bg-opacity: 1; background-color: rgb(241 243 246/var(--tw-bg-opacity)); overflow: hidden; padding-bottom: 2.5rem; padding-top: 2.5rem }
 @media (min-width: 1024px) {
.stats { padding-bottom: 4rem; padding-top: 4rem }
}
 @media (min-width: 1280px) {
.stats { padding-bottom: 6rem; padding-top: 6rem }
}
 @media (min-width: 1536px) {
.stats { padding-bottom: 7rem; padding-top: 7rem }
}
.stats__title { margin-bottom: 1rem; text-align: center }
 @media (min-width: 768px) {
.stats__title { margin-bottom: 1.5rem }
}
 @media (min-width: 1024px) {
.stats__title { margin-bottom: 2.5rem }
}
.stats__container { align-items: stretch; gap: 1.25rem; justify-content: space-between }
 @media (min-width: 768px) {
.stats__container { display: flex }
}
.stats__stat { display: flex; flex: 1 1 0%; flex-direction: column; margin-bottom: 2rem }
 @media (min-width: 768px) {
.stats__stat { margin-bottom: 0 }
.careers-page .stats__stat { margin-bottom: 2rem }
}
 @media (min-width: 1024px) {
.careers-page .stats__stat { margin-bottom: 0 }
}
.stats__stat-img { margin-bottom: 1rem; margin-left: auto; margin-right: auto }
 @media (min-width: 768px) {
.stats__stat-img { margin-bottom: 2rem }
}
.stats__stat-copy { font-size: 24px; line-height: 1.5rem; margin-bottom: 0; text-align: center; text-transform: uppercase }
.news {
 --tw-bg-opacity: 1; background-color: rgb(245 240 238/var(--tw-bg-opacity)); padding-bottom: 3rem; padding-top: 3rem }
 @media (min-width: 1024px) {
.news { padding-bottom: 4rem; padding-top: 4rem }
}
 @media (min-width: 1280px) {
.news { padding-bottom: 5rem; padding-top: 5rem }
}
.news--padding-top-only { padding-bottom: 0 }
.news-page .news {
 --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); margin-bottom: 3rem; margin-top: 3rem; padding-bottom: 0; padding-top: 0 }
 @media (min-width: 1024px) {
.news-page .news { margin-bottom: 4rem; margin-top: 4rem }
}
 @media (min-width: 1280px) {
.news-page .news { margin-bottom: 5rem; margin-top: 5rem }
}
.events-page .news {
 --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); margin-bottom: 3rem; margin-top: 3rem; padding-bottom: 0; padding-top: 0 }
 @media (min-width: 1024px) {
.events-page .news { margin-bottom: 4rem; margin-top: 4rem }
}
 @media (min-width: 1280px) {
.events-page .news { margin-bottom: 5rem; margin-top: 5rem }
}
.news__title {
 --tw-border-opacity: 1; border-bottom-width: 2px; border-color: rgb(40 39 39/var(--tw-border-opacity)); margin-bottom: 1.5rem; padding-bottom: 1.5rem }
 @media (min-width: 768px) {
.news__title { margin-bottom: 2rem }
}
.news__container { align-items: stretch; display: flex; flex-direction: column; flex-wrap: wrap; gap: 2rem; justify-content: flex-start }
 @media (min-width: 768px) {
.news__container { flex-direction: row }
}
.news__item { align-items: flex-start; display: flex; flex-direction: column; margin-left: auto; margin-right: auto; max-width: 28rem }
 @media (min-width: 768px) {
.news__item { margin-left: 0; margin-right: 0; max-width: none; width: calc(50% - 16px) }
}
 @media (min-width: 1024px) {
.news__item { width: calc(33.33333% - 21.33333px) }
}
.news__item-img-wrapper { margin-bottom: 1.25rem; position: relative; width: 100% }
.news__item-title { margin-bottom: .5rem
}
.news__item-desc { margin-bottom: .75rem
}
.news__item-tag {
 --tw-bg-opacity: 1;
 --tw-text-opacity: 1; background-color: rgb(204 211 223/var(--tw-bg-opacity)); border-radius: 1rem; color: rgb(0 0 0/var(--tw-text-opacity)); font-size: .875rem;
line-height: 1.25rem; line-height: 1; padding: .5rem 1rem;
position: absolute; right: 1rem; top: 1rem }
.news__item-tag--event { left: 1rem; right: auto }
.stories-timeline__image-wrapper.news__item-tag--event:after { left: 50%; width: calc(10% - 3px) }
 @media (min-width: 1024px) {
.stories-timeline__image-wrapper.news__item-tag--event:after { left: calc(60% - 2px); width: calc(20% - 30px) }
}
 @media (min-width: 1280px) {
.stories-timeline__image-wrapper.news__item-tag--event:after { width: calc(20% - 16px) }
}
.stories-timeline__image-wrapper.news__item-tag--event:before { left: calc(60% - 2px) }
 @media (min-width: 768px) {
.stories-timeline__image-wrapper.news__item-tag--event:before { left: calc(60% - 3px) }
}
.news__item-cta { align-items: flex-start; display: flex; justify-content: flex-start; margin-top: auto }
.news__pagination { padding-top: 1.5rem; text-align: center }
 @media (min-width: 768px) {
.news__pagination { padding-top: 2.5rem }
}
.news__progress-bar {
 --tw-bg-opacity: 1; background-color: rgb(204 211 223/var(--tw-bg-opacity)); border-radius: .75rem;
display: block; height: .25rem;
margin-bottom: 1rem; margin-left: auto; margin-right: auto; overflow: hidden; width: 16rem }
 @media (min-width: 768px) {
.news__progress-bar { margin-bottom: 1.5rem }
}
.news__progress-bar-count {
 --tw-bg-opacity: 1; background-color: rgb(40 39 39/var(--tw-bg-opacity)); border-radius: .75rem;
display: block; height: 100%; transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
.stories__story { align-items: stretch; margin-bottom: 1.5rem; margin-left: auto; margin-right: auto; max-width: 36rem; overflow: hidden }
 @media (min-width: 768px) {
.stories__story { margin-bottom: 2.5rem }
}
 @media (min-width: 1024px) {
.stories__story {
 --tw-bg-opacity:1; align-items: center; background-color: rgb(241 243 247/var(--tw-bg-opacity)); display: flex; margin-bottom: 0; max-width: none }
}
.stories__story-copy {
 --tw-bg-opacity: 1; background-color: rgb(241 243 247/var(--tw-bg-opacity)); padding: 1.25rem }
 @media (min-width: 768px) {
.stories__story-copy { padding: 2rem }
}
 @media (min-width: 1024px) {
.stories__story-copy { background-color: transparent; padding: 3rem; width: 50% }
}
 @media (min-width: 1280px) {
.stories__story-copy { padding: 4rem 1rem 4rem 4rem }
}
.stories__story-copy { max-width: 41rem }
.stories__story-title { margin-bottom: 1rem }
.stories__story-desc { line-height: 1.5rem; margin-bottom: 1.5rem }
 @media (min-width: 1024px) {
.stories__story-img-wrapper { width: 50% }
}
.stories__story-img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100% }
.stories__story--reverse { flex-direction: row-reverse }
 @media (min-width: 1280px) {
.stories__story--reverse .stories__story-copy { padding-left: 1rem; padding-right: 4rem }
}
.form-section {
 margin-bottom: -.5rem; overflow: hidden; padding-bottom: 3rem; padding-top: 3rem }
 @media (min-width: 768px) {
.form-section { margin-bottom: -2rem }
}
 @media (min-width: 1024px) {
.form-section { padding-bottom: 4rem; padding-top: 4rem }
}
 @media (min-width: 1280px) {
.form-section { padding-bottom: 5rem; padding-top: 5rem }
}
.form-section { background: linear-gradient(180deg, #f5f0ee 0, #f5f0ee 80%, #3a3f5b 0, #3a3f5b) }
.form-section__desc, .form-section__title { margin-bottom: 1rem }
 @media (min-width: 768px) {
.form-section__desc { margin-bottom: 1.5rem }
}
.form-section__container {
 --tw-border-opacity: 1;
 --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); border-color: rgb(0 0 0/var(--tw-border-opacity)); border-width: 1px; display: flex; flex-direction: column; gap: 1.25rem; justify-content: space-between; padding: 1.5rem 1rem }
 @media (min-width: 768px) {
.form-section__container { flex-direction: row; gap: 2rem; padding-left: 1.5rem; padding-right: 1.5rem }
}
 @media (min-width: 1024px) {
.form-section__container { padding: 2.5rem }
}
 @media (min-width: 1280px) {
.form-section__container { padding: 4rem }
}
 @media (min-width: 1536px) {
.form-section__container { padding-bottom: 6rem; padding-top: 6rem }
}
 @media (min-width: 768px) {
.form-section__copy { width: 50% }
}
 @media (min-width: 1024px) {
.form-section__copy { width: 45% }
}
.form-section__form-wrapper { align-items: center; display: flex; justify-content: center }
 @media (min-width: 768px) {
.form-section__form-wrapper { width: 50% }
}
 @media (min-width: 1024px) {
.form-section__form-wrapper { width: 45% }
}
.form-section__social {
 --tw-border-opacity: 1; align-items: center; border-bottom-width: 2px; border-color: rgb(183 183 183/var(--tw-border-opacity)); display: flex; gap: .75rem;
padding-bottom: 1rem; padding-top: 1rem }
.form-section__social-link { transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); width: 3rem }
.form-section__social-link:hover {
 --tw-scale-x: 1.25;
 --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.form-section__field { display: flex; flex-direction: column-reverse; margin-bottom: .75rem
}
 @media (min-width: 768px) {
.form-section__field { margin-bottom: 1rem }
}
.form-section__image { margin-bottom: 1.5rem }
 @media (min-width: 768px) {
.form-section__image { margin-bottom: 2rem }
}
.form-section__disclaimer { align-items: flex-start; display: flex; flex-direction: column; gap: 1rem }
 @media (min-width: 768px) {
.form-section__disclaimer { flex-direction: row; gap: 1.5rem }
}
 @media (min-width: 1024px) {
.form-section__disclaimer { gap: 2rem }
}
.form-section__disclaimer p {
 font-size: .875rem; line-height: 1.25rem }
.form-section__disclaimer-link {
 --tw-text-opacity: 1; color: rgb(58 63 91/var(--tw-text-opacity)); font-weight: 700; text-decoration-line: underline }
.form-section__disclaimer-link:hover { text-decoration-line: none }
.form-section__thankyou { display: none; padding-bottom: 1.5rem; padding-top: 1.5rem; text-align: center }
 @media (min-width: 768px) {
.form-section__thankyou { text-align: left }
}
.copy-block { overflow: hidden; padding-bottom: 2rem; padding-top: 2rem }
 @media (min-width: 768px) {
.copy-block { padding-bottom: 2.5rem; padding-top: 2.5rem }
}
 @media (min-width: 1024px) {
.copy-block { padding-bottom: 4rem; padding-top: 4rem }
}
 @media (min-width: 1280px) {
.copy-block { padding-bottom: 6rem; padding-top: 6rem }
}
 @media (min-width: 1536px) {
.copy-block { padding-bottom: 7rem; padding-top: 7rem }
}
.copy-block__container { gap: 1.5rem }
 @media (min-width: 768px) {
.copy-block__container { display: flex }
}
.copy-block__copy { margin-bottom: 1.5rem }
.copy-block__copy-wrapper { flex: 1 1 0% }
.copy-block__bold-copy { font-family: superior-title, serif; font-size: 1.25rem; font-weight: 700; line-height: 1.75rem; text-decoration-line: underline; text-underline-offset: 4px }
 @media (min-width: 768px) {
.copy-block__bold-copy { font-size: 1.5rem; line-height: 2rem }
}
.copy-block__bold-copy-wrapper { flex: 1 1 0%; margin-bottom: 1rem }
 @media (min-width: 768px) {
.copy-block__bold-copy-wrapper { margin-bottom: 0 }
}
.quotes {
 --tw-bg-opacity: 1; background-color: rgb(241 243 247/var(--tw-bg-opacity)); padding-bottom: 2rem; padding-top: 2rem }
 @media (min-width: 768px) {
.quotes { padding-bottom: 2.5rem; padding-top: 2.5rem }
}
 @media (min-width: 1024px) {
.quotes { padding-bottom: 4rem; padding-top: 4rem }
}
 @media (min-width: 1280px) {
.quotes { padding-bottom: 6rem; padding-top: 6rem }
}
 @media (min-width: 1536px) {
.quotes { padding-bottom: 7rem; padding-top: 7rem }
}
.quotes__quote-text { font-family: superior-title, serif; font-size: 1.125rem; line-height: 1.75rem; margin-bottom: 1rem; text-align: center }
.quotes__quote-desc { font-weight: 700; text-align: center }
.quotes__quote-img { margin-bottom: 1.5rem; margin-left: auto; margin-right: auto }
.quotes__count { align-items: center; display: flex; gap: 1.25rem; justify-content: center; text-align: center }
.quotes__slider { margin-bottom: 1.5rem; margin-left: auto; margin-right: auto; width: 80% }
.quotes__container { align-items: center; display: flex; gap: 1rem }
 @media (min-width: 768px) {
.quotes__container { gap: 1.5rem }
}
.quotes .slick-arrow { width: 5% }
.quotes .slick-arrow.slick-disabled { opacity: .6 }
.offices { overflow: hidden }
.offices__container { align-items: stretch; justify-content: flex-end }
 @media (min-width: 1024px) {
.offices__container { display: flex }
}
.offices__copy { align-items: flex-start; display: flex; flex-direction: column; justify-content: center; padding: 2.5rem 1.25rem 1.25rem 1rem }
 @media (min-width: 768px) {
.offices__copy { padding-bottom: 2.5rem; padding-right: 2.5rem; padding-top: 2.5rem }
}
 @media (min-width: 1024px) {
.offices__copy { padding-right: 5rem; width: 50% }
}
 @media (min-width: 1280px) {
.offices__copy { max-width: 41rem; padding-right: 6rem }
}
 @media (min-width: 1536px) {
.offices__copy { padding-right: 9rem }
}
.offices__locations {
 --tw-bg-opacity: 1; background-color: rgb(112 133 171/var(--tw-bg-opacity)); padding: 1.25rem; position: relative }
 @media (min-width: 768px) {
.offices__locations { padding: 2.5rem }
}
 @media (min-width: 1024px) {
.offices__locations { padding: 4rem; width: 50% }
}
 @media (min-width: 1280px) {
.offices__locations { padding-bottom: 9rem; padding-top: 9rem }
}
 @media (min-width: 1536px) {
.offices__locations { padding-bottom: 12rem; padding-top: 12rem }
}
 @media (min-width: 768px) {
.offices__title { margin-bottom: 1rem }
}
.offices__office-img { margin-bottom: 1.5rem; margin-left: auto; margin-right: auto }
 @media (min-width: 768px) {
.offices__office-img { margin-bottom: 2rem }
}
.offices__office-title {
 --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); font-family: superior-title, serif; font-size: 1.25rem; line-height: 1.75rem; text-align: center }
 @media (min-width: 768px) {
.offices__office-title { font-size: 1.5rem; line-height: 2rem }
}
.offices__office-desc {
 --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); font-size: .875rem;
line-height: 1.25rem; margin-left: auto; margin-right: auto; max-width: 24rem; text-align: center; width: 100% }
.offices__navigation { align-items: center; display: flex; gap: 1rem; justify-content: center; margin-top: 1.25rem; transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
 @media (min-width: 768px) {
.offices__navigation { gap: 1.5rem }
}
 @media (min-width: 1024px) {
.offices__navigation { gap: 2.5rem }
}
.offices__count {
 --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); margin-left: .5rem
}
.offices .slick-dots { align-items: flex-start; display: none; flex-direction: column; left: 1rem; position: absolute; top: 50% }
.stories-timeline__image-wrapper.offices .slick-dots:after { left: 50%; width: calc(10% - 3px) }
 @media (min-width: 1024px) {
.stories-timeline__image-wrapper.offices .slick-dots:after { left: calc(60% - 2px); width: calc(20% - 30px) }
}
 @media (min-width: 1280px) {
.stories-timeline__image-wrapper.offices .slick-dots:after { width: calc(20% - 16px) }
}
.stories-timeline__image-wrapper.offices .slick-dots:before { left: calc(60% - 2px) }
 @media (min-width: 768px) {
.stories-timeline__image-wrapper.offices .slick-dots:before { left: calc(60% - 3px) }
.offices .slick-dots { display: flex }
}
 @media (min-width: 1024px) {
.offices .slick-dots { left: -2rem }
}
.offices .slick-dots { transform: translateY(-50%) }
.offices .slick-dots li { margin-bottom: .5rem
}
.offices .slick-dots li:after {
 --tw-bg-opacity: 1;
 --tw-content: ""; background-color: rgb(255 255 255/var(--tw-bg-opacity)); content: var(--tw-content); display: block; height: 0; margin-left: auto; margin-right: auto; margin-top: .25rem;
position: relative; transition-duration: .2s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); width: 1px }
 @media (min-width: 1024px) {
.offices .slick-dots li:after {
 --tw-bg-opacity:1; background-color: rgb(183 183 183/var(--tw-bg-opacity)) }
}
.offices .slick-dots li.slick-active:after { height: 4rem }
 @media (min-width: 1024px) {
.offices .slick-dots li.slick-active:after { height: 6rem }
}
 @media (min-width: 1280px) {
.offices .slick-dots li.slick-active:after { height: 8rem }
}
.offices .slick-dots li:last-child:after { display: none!important }
.offices .slick-dots li button {
 --tw-border-opacity: 1; background-color: transparent; border-color: rgb(255 255 255/var(--tw-border-opacity)); border-width: 1px; cursor: pointer; display: block; font-size: 0; height: 10px; position: relative; width: 10px }
 @media (min-width: 1024px) {
.offices .slick-dots li button {
 --tw-border-opacity:1; border-color: rgb(40 39 39/var(--tw-border-opacity)) }
}
.offices .slick-dots li.slick-active button {
 --tw-bg-opacity: 1; background-color: rgb(40 39 39/var(--tw-bg-opacity)) }
.offices .slick-dots li.slick-active+li:after { height: 1rem }
.offices .slick-dots li.slick-active+li button {
 --tw-border-opacity: 1; border-color: rgb(40 39 39/var(--tw-border-opacity)) }
 @media (min-width: 1024px) {
.offices .slick-dots li.slick-active+li button {
 --tw-border-opacity:1; border-color: rgb(183 183 183/var(--tw-border-opacity)) }
}
.video-block { padding-top: 2.5rem; position: relative }
 @media (min-width: 768px) {
.video-block { padding-bottom: 0; padding-top: 0 }
}
.videos .video-block { padding-bottom: 0; padding-top: 0; width: 100% }
.video-block__wrapper { cursor: pointer; position: relative; transition-duration: .15s; transition-duration: 1s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
 @media (min-width: 1024px) {
.video-block__wrapper { padding-bottom: 40% }
}
.videos .video-block__wrapper { padding-bottom: 0; width: 100% }
.video-block__wrapper:hover .video-block__play-icon-mobile { transform: translate(-50%, -50%) scale(1.25) }
.video-block__wrapper:before {
 --tw-content: ""; background-color: rgba(0,0,0,.6); content: var(--tw-content); height: 100%; left: 0; position: absolute; top: 0; transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); width: 100%; z-index: 10 }
.video-block__pause-button {
 --tw-rotate: 90deg; bottom: 1rem; position: absolute; right: 10%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); width: 1.25rem; z-index: 200 }
 @media (min-width: 768px) {
.video-block__pause-button { bottom: 2rem; width: 1.5rem }
}
.video-block__pause-button img { transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
.video-block__pause-button:hover img {
 --tw-scale-x: 1.25;
 --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.video-block__video { width: 100% }
.video-block__video-thumb { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; pointer-events: none; position: relative; width: 100%; z-index: 10 }
.video-block__button { height: 100%; position: absolute; top: 0; width: 100%; z-index: 10 }
.video-block__button-title-wrapper { align-items: center; display: flex; flex-direction: column; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) }
 @media (min-width: 1024px) {
.video-block__button-title-wrapper { left: 30%; transform: translate(-30%, -50%) }
}
.video-block__button:focus .video-block__play-icon {
 --tw-scale-x: 1.25;
 --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.video-block__thumb { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; top: 0; width: 100% }
 @media (min-width: 1024px) {
.video-block__thumb { position: absolute }
}
.video-block__play-icon { transition-duration: .2s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
.video-block__play-icon:hover {
 --tw-scale-x: 1.25;
 --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.video-block__title { cursor: pointer; margin-bottom: 1.25rem; text-align: center; text-transform: uppercase }
 @media (min-width: 768px) {
.video-block__title {
 --tw-text-opacity:1; color: rgb(255 255 255/var(--tw-text-opacity)) }
}
.video-block__title img { display: none; margin-left: auto; margin-right: auto; margin-top: .5rem;
transition-duration: .5s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
.video-block__title img:hover {
 --tw-scale-x: 1.25;
 --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
 @media (min-width: 768px) {
.video-block__title img { display: block }
.video-block.active .video-block__title { display: none }
}
 @media (min-width: 1024px) {
.video-block.active .video-block__wrapper { padding-bottom: 56.25% }
}
.videos .video-block.active .video-block__wrapper { padding-bottom: 0 }
.video-block.active .video-block__thumb, .video-block.active .video-block__wrapper:before { display: none }
.clients { padding-bottom: 2.5rem; padding-top: 2.5rem }
 @media (min-width: 1024px) {
.clients { padding-bottom: 4rem; padding-top: 4rem }
}
 @media (min-width: 1280px) {
.clients { padding-bottom: 6rem; padding-top: 6rem }
}
 @media (min-width: 1536px) {
.clients { padding-bottom: 7rem; padding-top: 7rem }
}
.clients__title { margin-bottom: 1rem }
.clients__desc, .clients__title { text-align: center }
.clients__client { margin-left: auto; margin-right: auto; max-width: 120px; width: 100% }
.clients__logo-wrapper { margin: 1rem }
.clients__slider { margin-top: 1.5rem }
 @media (min-width: 768px) {
.clients__slider { margin-top: 2.5rem }
}
.clients__count { align-items: center; display: flex; gap: 1rem; justify-content: center }
.core-values, .shared-values { padding-bottom: 2.5rem; padding-top: 2.5rem }
 @media (min-width: 1024px) {
.core-values, .shared-values { padding-bottom: 4rem; padding-top: 4rem }
}
 @media (min-width: 1280px) {
.core-values, .shared-values { padding-bottom: 6rem; padding-top: 6rem }
}
 @media (min-width: 1536px) {
.core-values, .shared-values { padding-bottom: 7rem; padding-top: 7rem }
}
.core-values__container, .shared-values__container { align-items: flex-start; display: flex; flex-direction: column; gap: 1.25rem }
 @media (min-width: 1024px) {
.core-values__container, .shared-values__container { flex-direction: row }
}
.core-values__title, .shared-values__title { margin-bottom: 1rem }
 @media (min-width: 1024px) {
.core-values__title, .shared-values__title { font-size: 1.875rem; line-height: 2.25rem }
}
 @media (min-width: 1280px) {
.core-values__title, .shared-values__title { font-size: 3rem; line-height: 1 }
}
.core-values__copy, .shared-values__copy {
 --tw-border-opacity: 1; border-color: rgb(183 183 183/var(--tw-border-opacity)) }
 @media (min-width: 1024px) {
.core-values__copy, .shared-values__copy { border-left-width: 2px; margin-bottom: 1rem; margin-right: 1rem; margin-top: 1rem; padding-left: 2rem; width: 33.333333% }
}
 @media (min-width: 1280px) {
.core-values__copy, .shared-values__copy { width: 40% }
}
.core-values__values, .shared-values__values { width: 100% }
 @media (min-width: 1024px) {
.core-values__values, .shared-values__values { width: 66.666667% }
}
 @media (min-width: 1280px) {
.core-values__values, .shared-values__values { width: 60% }
}
.core-values__value, .shared-values__value { margin: 1rem }
.core-values__value-title, .shared-values__value-title { font-size: 22px; margin-bottom: .25rem
}
.core-values__navigation, .shared-values__navigation { margin-bottom: 1rem; margin-left: 1rem; margin-right: 1rem; max-width: 28rem; position: relative; width: 90% }
 @media (min-width: 640px) {
.three-col-slider .slick-slide { margin-right: 1.5rem }
}
 @media (min-width: 1024px) {
.three-col-slider .slick-slide { margin-right: 2rem }
}
 @media (min-width: 640px) {
.three-col-slider .slick-list { margin-right: -1.5rem }
}
 @media (min-width: 1024px) {
.three-col-slider .slick-list { margin-right: -2rem }
}
.three-col-slider__navigation { align-items: center; display: flex; gap: 1rem; justify-content: center; margin-top: 1rem }
 @media (min-width: 640px) {
.three-col-slider__navigation { justify-content: flex-start }
}
.people-slider { margin-left: auto; margin-right: auto; width: 16rem }
 @media (min-width: 768px) {
.people-slider { margin-left: auto; margin-right: 0; min-height: 22rem }
}
.people-slider--titles { margin-bottom: 4rem }
 @media (min-width: 768px) {
.people-slider--titles { margin-bottom: 0 }
.people-slider { width: calc(50% - 50px) }
}
 @media (min-width: 1024px) {
.people-slider { width: calc(50% - 100px) }
}
.people-slider .slick-list { overflow: visible; padding: 0!important }
.people-slider .slick-slide { height: 10rem; opacity: .6; position: relative; transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); width: 8rem; z-index: 10 }
 @media (min-width: 768px) {
.people-slider .slick-slide { height: 16rem; width: 12rem }
}
.people-slider .slick-slide img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100% }
 @media (min-width: 768px) {
.people-slider .slick-slide img { margin-top: 0 }
}
.people-slider .slick-slide .people-slider__copy {
 --tw-translate-x: -50%; left: 50%; margin-bottom: 0; opacity: 0; position: absolute; top: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-delay: 0s; transition-duration: .2s; width: -moz-max-content; width: max-content }
.people-slider .slick-slide .people-slider__copy p {
 font-size: .875rem; line-height: 1.25rem; margin-bottom: .25rem
}
 @media (min-width: 768px) {
.people-slider .slick-slide .people-slider__copy p { font-size: 1rem; line-height: 1.5rem }
}
.people-slider .slick-slide .people-slider__copy p { line-height: 1 }
.people-slider .slick-slide .people-slider__copy p:last-child { margin-bottom: 0 }
.people-slider .slick-slide.active { height: 12rem; width: 10rem }
 @media (min-width: 640px) {
.people-slider .slick-slide.active { height: 14rem; width: 11rem }
}
 @media (min-width: 768px) {
.people-slider .slick-slide.active { height: 20rem; width: 16rem }
}
.people-slider .slick-active, .people-slider .slick-current { opacity: 1; position: relative; transform-origin: center bottom; z-index: 999 }
.people-slider .slick-active img, .people-slider .slick-current img { margin-top: 0; transition-duration: .15s; transition-duration: 700; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
.people-slider .slick-active .people-slider__copy, .people-slider .slick-current .people-slider__copy { opacity: 1; transition-delay: .8s }
.people-slider .slick-track { align-items: flex-end; display: flex; min-height: 12rem }
 @media (min-width: 640px) {
.people-slider .slick-track { min-height: 14rem }
}
 @media (min-width: 768px) {
.people-slider .slick-track { min-height: 22rem; position: absolute }
}
.people-slider__copy { padding-top: .5rem
}
.people-slider__navigation {
 --tw-border-opacity: 1; align-items: center; border-bottom-width: 2px; border-color: rgb(0 0 0/var(--tw-border-opacity)); display: flex; gap: 1rem; justify-content: center; margin-top: 1.5rem; padding-bottom: 1.5rem; position: relative; z-index: 20 }
 @media (min-width: 768px) {
.people-slider__navigation { gap: 1.5rem; justify-content: flex-start; margin-top: 2.5rem; padding-bottom: 2.5rem }
}
.people-slider__navigation--no-spacing { border-width: 0; padding-bottom: 0 }
.use-cases-slider { margin-bottom: 1.5rem }
 @media (min-width: 640px) {
.use-cases-slider { margin-bottom: 2.5rem }
}
.use-cases-slider .slick-slide { margin-right: 1rem }
.use-cases-slider .slick-list { margin-right: -1rem; padding-right: 10% }
 @media (min-width: 640px) {
.use-cases-slider .slick-list { padding-right: 0 }
}
.use-cases-slider__navigation { align-items: center; display: flex; gap: 1rem; justify-content: center; margin-top: 1rem }
 @media (min-width: 640px) {
.use-cases-slider__navigation { justify-content: flex-start }
}
.explore-apps .slick-track { align-items: stretch; display: flex }
.explore-apps .slick-track .slick-slide { align-items: center; display: flex; height: auto }
.core-values__navigation, .shared-values__navigation, .values__navigation { align-items: center; display: flex; gap: 1rem; justify-content: space-between; margin-top: 1rem }
 @media (min-width: 768px) {
.ballistics-page .core-values__navigation, .ballistics-page .shared-values__navigation, .ballistics-page .values__navigation, .careers-page .core-values__navigation, .careers-page .shared-values__navigation, .careers-page .values__navigation { gap: 1.5rem; justify-content: flex-start }
}
 @media (min-width: 1024px) {
.ballistics-page .core-values__navigation, .ballistics-page .shared-values__navigation, .ballistics-page .values__navigation, .careers-page .core-values__navigation, .careers-page .shared-values__navigation, .careers-page .values__navigation { gap: 2.5rem }
}
.core-values__navigation-dots, .shared-values__navigation-dots, .values__navigation-dots { align-items: center; display: flex; width: 90% }
.core-values .slick-arrow, .shared-values .slick-arrow, .values .slick-arrow { width: 5% }
.ballistics-page .core-values .slick-arrow, .ballistics-page .shared-values .slick-arrow, .ballistics-page .values .slick-arrow, .careers-page .core-values .slick-arrow, .careers-page .shared-values .slick-arrow, .careers-page .values .slick-arrow { width: auto }
.core-values .slick-dots, .shared-values .slick-dots, .values .slick-dots { display: flex; width: 100% }
.core-values .slick-dots li, .shared-values .slick-dots li, .values .slick-dots li {
 --tw-bg-opacity: 1; background-color: rgb(183 183 183/var(--tw-bg-opacity)); border-radius: .375rem;
cursor: pointer; flex: 1 1 0%; height: 2px; margin-left: .5rem;
 margin-right: .5rem;
pointer-events: none; transform-origin: center; transition-duration: .15s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
.core-values .slick-dots li button, .shared-values .slick-dots li button, .values .slick-dots li button { font-size: 0 }
.core-values .slick-dots li.slick-active, .shared-values .slick-dots li.slick-active, .values .slick-dots li.slick-active {
 --tw-bg-opacity: 1; background-color: rgb(40 39 39/var(--tw-bg-opacity)); flex: 0 0 50% }
.core-values .slick-dots li:first-child, .shared-values .slick-dots li:first-child, .values .slick-dots li:first-child { transform-origin: left }
.core-values .slick-dots li:last-child, .shared-values .slick-dots li:last-child, .values .slick-dots li:last-child { transform-origin: right }
.our-stories {
 --tw-bg-opacity: 1; background-color: rgb(241 243 247/var(--tw-bg-opacity)); overflow: hidden; padding-bottom: 2.5rem; padding-top: 2.5rem }
 @media (min-width: 1024px) {
.our-stories { padding-bottom: 4rem; padding-top: 4rem }
}
 @media (min-width: 1280px) {
.our-stories { padding-bottom: 6rem; padding-top: 6rem }
}
 @media (min-width: 1536px) {
.our-stories { padding-bottom: 7rem; padding-top: 7rem }
}
.our-stories__container { align-items: center; gap: 1.5rem; justify-content: space-between }
 @media (min-width: 1024px) {
.our-stories__container { display: flex }
}
.our-stories__copy { margin-bottom: 1.5rem; padding-left: 1rem }
 @media (min-width: 1024px) {
.our-stories__copy { margin-bottom: 0; margin-left: auto; padding-right: 1.5rem; width: 45% }
}
 @media (min-width: 1280px) {
.our-stories__copy { max-width: 33rem; padding-left: 0; padding-right: 3rem }
}
 @media (min-width: 1536px) {
.our-stories__copy { padding-right: 5rem }
}
.our-stories__stories { width: 100% }
 @media (min-width: 1024px) {
.our-stories__stories { width: 55% }
}
 @media (min-width: 768px) {
.our-stories__title { margin-bottom: 1rem }
}
.our-stories__story { display: flex; flex-direction: column-reverse; margin-left: auto; margin-right: 1.5rem; position: relative }
 @media (min-width: 1024px) {
.our-stories__story { margin-right: 2rem }
}
.our-stories__story-copy { padding-bottom: 1rem; padding-top: 1rem }
.our-stories__story-image { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% }
.our-stories__story-title { font-size: 20px; line-height: 23px }
 @media (min-width: 768px) {
.our-stories__story-title { font-size: 24px; line-height: 28px }
}
.our-stories__story-year { font-family: superior-title, serif; font-weight: 700; margin-bottom: 1rem; overflow: hidden; position: relative }
.our-stories__story-year:after {
 --tw-bg-opacity: 1;
 --tw-content: ""; background-color: rgb(0 0 0/var(--tw-bg-opacity)); bottom: 0; content: var(--tw-content); height: 2px; margin-left: .5rem;
position: absolute; top: 50%; transform: translateY(-50%); width: 100% }
.our-stories__story-link { display: inline-block; margin-top: .5rem;
text-decoration-line: underline }
.our-stories__story:after {
 --tw-bg-opacity: 1;
 --tw-content: ""; background-color: rgb(0 0 0/var(--tw-bg-opacity)); bottom: 0; content: var(--tw-content); height: 0; left: 50%; position: absolute; top: 100%; transform: translateX(-50%); width: 2px }
.our-stories__story.active:after { height: 50px }
 @media (min-width: 768px) {
.our-stories__story.active:after { height: 82px }
}
.our-stories__navigation { align-items: center; display: flex; gap: 1rem; justify-content: center; margin-top: 1.25rem; padding-left: 1rem; padding-right: 1rem }
 @media (min-width: 768px) {
.our-stories__navigation { gap: 1.5rem }
}
 @media (min-width: 1024px) {
.our-stories__navigation { gap: 2.5rem; justify-content: flex-start; padding-left: 0; padding-right: 0 }
}
.our-stories .slick-list { padding-left: 3rem; padding-right: 3rem }
 @media (min-width: 1024px) {
.our-stories .slick-list { padding-left: 0; padding-right: 6rem }
}
.stories-timeline {
 --tw-bg-opacity: 1; background-color: rgb(241 243 247/var(--tw-bg-opacity)); padding-bottom: 1.5rem; padding-top: 3rem }
 @media (min-width: 768px) {
.stories-timeline { padding-bottom: 2.5rem; padding-top: 6rem }
}
.stories-timeline__image-wrapper { margin-bottom: .25rem;
 margin-left: .5rem;
 margin-right: .5rem
}
 @media (min-width: 768px) {
.stories-timeline__image-wrapper {
 margin-bottom:.75rem; margin-left: 1.25rem; margin-right: 1.25rem }
}
.stories-timeline__image-wrapper { position: relative }
.stories-timeline__image-wrapper:before {
 --tw-bg-opacity: 1;
 --tw-content: ""; background-color: rgb(0 0 0/var(--tw-bg-opacity)); content: var(--tw-content); height: 0; position: absolute; top: -3rem; width: 2px }
 @media (min-width: 768px) {
.stories-timeline__image-wrapper:before { top: -6rem }
}
.stories-timeline__image-wrapper:after {
 --tw-bg-opacity: 1;
 --tw-content: ""; background-color: rgb(0 0 0/var(--tw-bg-opacity)); content: var(--tw-content); height: 2px; position: absolute; top: -3rem }
 @media (min-width: 768px) {
.stories-timeline__image-wrapper:after { top: -6rem }
}
.stories-timeline__image-wrapper.left-1:after { left: 0; width: 50% }
 @media (min-width: 1024px) {
.stories-timeline__image-wrapper.left-1:after { width: calc(80% - 38px) }
}
 @media (min-width: 1280px) {
.stories-timeline__image-wrapper.left-1:after { width: calc(80% - 18px) }
}
.stories-timeline__image-wrapper.left-1:before { left: 0 }
.stories-timeline__image-wrapper.left-2:after { left: calc(20% - 2px); width: 30% }
 @media (min-width: 1024px) {
.stories-timeline__image-wrapper.left-2:after { left: calc(20% - 6px); width: calc(60% - 30px) }
}
 @media (min-width: 1280px) {
.stories-timeline__image-wrapper.left-2:after { width: calc(60% - 12px) }
}
.stories-timeline__image-wrapper.left-2:before { left: calc(20% - 4px) }
 @media (min-width: 1024px) {
.stories-timeline__image-wrapper.left-2:before { left: calc(20% - 8px) }
}
.stories-timeline__image-wrapper.left-3:after { left: calc(40% - 4px); width: calc(10% + 6px) }
 @media (min-width: 1024px) {
.stories-timeline__image-wrapper.left-3:after { left: calc(40% - 6px); width: calc(40% - 30px) }
}
 @media (min-width: 1280px) {
.stories-timeline__image-wrapper.left-3:after { width: calc(40% - 12px) }
}
.stories-timeline__image-wrapper.left-3:before { left: calc(40% - 4px) }
 @media (min-width: 768px) {
.stories-timeline__image-wrapper.left-3:before { left: calc(40% - 8px) }
}
.stories-timeline__image-wrapper.left-4:after { left: 50%; width: calc(10% - 3px) }
 @media (min-width: 1024px) {
.stories-timeline__image-wrapper.left-4:after { left: calc(60% - 2px); width: calc(20% - 30px) }
}
 @media (min-width: 1280px) {
.stories-timeline__image-wrapper.left-4:after { width: calc(20% - 16px) }
}
.stories-timeline__image-wrapper.left-4:before { left: calc(60% - 2px) }
 @media (min-width: 768px) {
.stories-timeline__image-wrapper.left-4:before { left: calc(60% - 3px) }
}
.stories-timeline__image-wrapper.left-5:after { left: 50%; width: calc(30% - 1px) }
 @media (min-width: 1024px) {
.stories-timeline__image-wrapper.left-5:after { left: 76.5%; width: calc(4% - 4px) }
}
 @media (min-width: 1280px) {
.stories-timeline__image-wrapper.left-5:after { left: calc(80% - 20px); width: calc(2% - 4px) }
}
.stories-timeline__image-wrapper.left-5:before { left: calc(80% - 1px) }
.stories-timeline__image-wrapper.left-6:after { left: 50%; width: 50% }
 @media (min-width: 1024px) {
.stories-timeline__image-wrapper.left-6:after { left: calc(80% - 34px); width: calc(20% + 32px) }
}
 @media (min-width: 1280px) {
.stories-timeline__image-wrapper.left-6:after { left: calc(80% - 20px); width: calc(20% + 17px) }
}
.stories-timeline__image-wrapper.left-6:before { left: calc(100% - 2px) }
.stories-timeline__image { width: 100% }
.stories-timeline__buttons { display: flex; justify-content: space-between }
.stories-timeline__button {
 --tw-text-opacity: 1; color: rgb(161 162 164/var(--tw-text-opacity)); font-family: superior-title, serif; font-size: .875rem;
font-weight: 700; line-height: 1.25rem }
 @media (min-width: 768px) {
.stories-timeline__button { font-size: 1rem; line-height: 1.5rem }
}
 @media (min-width: 1024px) {
.stories-timeline__button { font-size: 1.25rem; line-height: 1.75rem }
}
.stories-timeline__button.active {
 --tw-text-opacity: 1; color: rgb(40 39 39/var(--tw-text-opacity)); pointer-events: none }
.stories-timeline.active .stories-timeline__image-wrapper:before { height: calc(100% + 3rem) }
 @media (min-width: 768px) {
.stories-timeline.active .stories-timeline__image-wrapper:before { height: calc(100% + 6rem) }
}
.slider-pause, .video-pause { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; background-image: url(https://www.saati.com/assets/img/icon-pause.svg); background-position: 50%; background-repeat: no-repeat; background-size: 8px auto; border-radius: 9999px; border-width: 0; cursor: pointer; display: block; height: 2rem; margin: 0; padding: 0; transform: rotate(-90deg); width: 2rem }
.slider-pause.paused, .video-pause.paused { background-image: url(https://www.saati.com/assets/img/icon-play.svg) }
.slider-pause--light, .video-pause--light { background-image: url(https://www.saati.com/assets/img/icon-pause-white.svg) }
.slider-pause--light.paused, .video-pause--light.paused { background-image: url(https://www.saati.com/assets/img/icon-play-white.svg) }
.video-pause { opacity: .7; transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
.video-pause:hover { opacity: 1 }
.intro-section {
 --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); padding-bottom: 2.5rem; padding-top: 2.5rem }
 @media (min-width: 1024px) {
.intro-section { padding-bottom: 4rem; padding-top: 4rem }
}
 @media (min-width: 1280px) {
.intro-section { padding-bottom: 6rem; padding-top: 6rem }
}
 @media (min-width: 1536px) {
.intro-section { padding-bottom: 7rem; padding-top: 7rem }
}
.intro-section__title {
 --tw-text-opacity: 1; color: rgb(112 133 171/var(--tw-text-opacity)); margin-bottom: 1rem }
.intro-section__desc { font-weight: 500 }
.timer-section {
 --tw-bg-opacity: 1; background-color: rgb(241 243 247/var(--tw-bg-opacity)); overflow: hidden; padding-bottom: 2.5rem; padding-top: 6rem; position: relative }
 @media (min-width: 1024px) {
.timer-section { padding-bottom: 4rem; padding-top: 4rem }
}
 @media (min-width: 1280px) {
.timer-section { padding-bottom: 8rem; padding-top: 8rem }
}
 @media (min-width: 1536px) {
.timer-section { padding-bottom: 9rem; padding-top: 9rem }
}
.timer-section__content { padding-right: 4rem }
 @media (min-width: 1024px) {
.timer-section__content { padding-right: 0 }
}
.timer-section .clock-ticks {
 --tw-translate-y: -85%;
 --tw-translate-x: -50%; left: 50%; position: absolute; top: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform-origin: center; width: 100% }
 @media (min-width: 640px) {
.timer-section .clock-ticks {
 --tw-translate-x:0px;
 --tw-translate-y: -50%; height: 150%; left: 85%; top: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); width: auto }
}
 @media (min-width: 1024px) {
.timer-section .clock-ticks { left: 70% }
}
.timer-section .clock-ticks { animation: ticks linear infinite forwards; animation-duration: 2.5s }
.timer-section .clock-ticks .line { stroke-width: 2; transition-duration: 1s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
.timer-section .clock-ticks .before { animation: before 5s linear infinite forwards }
.timer-section .clock-ticks .after { animation: after 5s linear infinite forwards }
.timer-section .clock-ticks .after-after { animation: after-after 5s linear infinite forwards }
.timer-section .clock-ticks .main { animation: main 5s linear infinite forwards }
 @keyframes ticks { to {
 --tw-rotate: 10deg;
 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
 @media (min-width: 640px) {
to {
 --tw-translate-y:-50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
}
}
 @keyframes main { 0% {
 stroke-width: 12
}
to { stroke-width: 4 }
}
 @keyframes before { 0% {
 stroke-width: 4
}
to { stroke-width: 2 }
}
 @keyframes after-after { 0% {
 stroke-width: 2
}
to { stroke-width: 4 }
}
 @keyframes after { 0% {
 stroke-width: 4
}
to { stroke-width: 12 }
}
.accordions { margin-bottom: 1.5rem }
 @media (min-width: 768px) {
.accordions { margin-bottom: 2.5rem }
}
 @media (min-width: 1024px) {
.locations .accordions { margin-bottom: 4rem }
}
.accordions:last-child { margin-bottom: 0 }
.accordions__accordion { margin-bottom: 1rem }
.accordions__content { padding-top: 1rem }
.locations .accordions__content {
 --tw-bg-opacity: 1; background-color: rgb(241 243 247/var(--tw-bg-opacity)); padding: 1rem }
 @media (min-width: 640px) {
.locations .accordions__content { padding: 1.5rem }
}
 @media (min-width: 1024px) {
.locations .accordions__content { padding-left: 1.5rem; padding-right: 1.5rem }
}
 @media (min-width: 1280px) {
.locations .accordions__content { padding: 2.5rem }
}
.accordions__button {
 --tw-border-opacity: 1; border-bottom-width: 2px; border-color: rgb(0 0 0/var(--tw-border-opacity)); display: block; padding-bottom: .5rem;
padding-right: 2rem; padding-top: .5rem;
position: relative; text-align: left; width: 100% }
.locations .accordions__button { padding-left: 1rem; padding-right: 3rem }
 @media (min-width: 1024px) {
.locations .accordions__button { padding-left: 1.5rem }
}
.accordions__button:after {
 --tw-translate-y: -50%;
 --tw-content: ""; background-image: url(https://www.saati.com/assets/img/icon-arrow-down.svg); background-position: 50%; background-repeat: no-repeat; background-size: contain; content: var(--tw-content); height: 1.5rem; position: absolute; right: 0; top: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform-origin: center; transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); width: 1.5rem }
.products .accordions__button:after { background-image: url(https://www.saati.com/assets/img/icon-arrow-down-dark.svg) }
.categories .accordions__button:after, .goals .accordions__button:after { background-image: url(../img/icon-circle-plus.png) }
.locations .accordions__button:after { right: 1.25rem }
.accordions__button.active:after {
 --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.categories .accordions__button.active:after, .goals .accordions__button.active:after { background-image: url(../img/icon-circle-minus.png) }
.locations__content { align-items: stretch; display: flex; flex-wrap: wrap; gap: 1rem }
 @media (min-width: 640px) {
.locations__content { gap: 1.5rem }
}
.locations__location {
 --tw-bg-opacity: 1;
 --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
 --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); background-color: rgb(255 255 255/var(--tw-bg-opacity)); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between }
 @media (min-width: 640px) {
.locations__location { max-width:calc(50% - .75rem);
 width: calc(50% - .75rem)
}
}
 @media (min-width: 1024px) {
.locations__location { max-width: calc(33.33% - 1rem); width: calc(33.33% - 1rem) }
}
.locations__location-details { padding: 1rem }
 @media (min-width: 768px) {
.locations__location-details { padding: 1.5rem }
}
.locations__location-links {
 --tw-border-opacity: 1; border-color: rgb(183 183 183/var(--tw-border-opacity)); border-top-width: 1px; padding: 1rem }
 @media (min-width: 768px) {
.locations__location-links { padding-left: 1.5rem; padding-right: 1.5rem }
}
.locations__location-links .btn { display: inline-block }
.video-play-overlay { background-position: 50%; background-repeat: no-repeat; height: 100%; left: 0; position: absolute; top: 0; transition-duration: .2s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); width: 100%; z-index: 10 }
.video-play-overlay:after { z-index: 1 }
.video-play-overlay:after, .video-play-overlay:before {
 --tw-content: ""; content: var(--tw-content); height: 100%; left: 0; position: absolute; top: 0; transition-duration: .2s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); width: 100% }
.video-play-overlay:before { background-image: url(https://www.saati.com/assets/img/play-icon.svg); background-position: 50%; background-repeat: no-repeat; background-size: 10%; z-index: 10 }
.video-play-overlay:hover:after { background-color: rgba(0,0,0,.6) }
.video-play-overlay:hover:before {
 --tw-scale-x: 1.1;
 --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.cards__container { align-items: stretch; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: flex-start; row-gap: 1.5rem }
 @media (min-width: 1024px) {
.cards--products .cards__container { gap: 1.5rem }
}
.cards__item { display: flex; flex-direction: column; flex-grow: 1; margin-left: auto; margin-right: auto; max-width: 28rem }
 @media (min-width: 768px) {
.cards__item { margin-left: 0; margin-right: 0; max-width: none; max-width: calc(50% - .5rem);
 width: calc(50% - .5rem)
}
}
 @media (min-width: 1024px) {
.cards__item { max-width:calc(33.33% - .7rem);
 width: calc(33.33% - .7rem)
}
}
.cards__item-img-wrapper { position: relative }
 @media (min-width: 1024px) {
.cards--products .cards__item { max-width: calc(33.33% - 1rem); width: calc(33.33% - 1rem) }
}
.cards__item-links { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; width: 100% }
.cards__item-body { align-items: flex-start; display: flex; flex-direction: column; flex-grow: 1; padding: 1rem }
.cards--products .cards__item-body { padding: 1rem 0 0 }
 @media (min-width: 768px) {
.cards--products .cards__item-body { padding-top: 1.5rem }
}
.cards__item-tag {
 --tw-bg-opacity: 1;
 --tw-text-opacity: 1; background-color: rgb(204 211 223/var(--tw-bg-opacity)); border-radius: 1rem; color: rgb(0 0 0/var(--tw-text-opacity)); display: inline-block; font-size: .875rem;
line-height: 1.25rem; line-height: 1; margin-bottom: .5rem;
 margin-top: .5rem;
 padding: .5rem 1rem
}
.cards--products .cards__item-tag { margin-bottom: 0; margin-top: 0; position: absolute; right: 1rem; top: 1rem }
.cards__item-desc { flex-grow: 1 }
.cards__item-cta { color: rgba(0,0,0,.6); font-weight: 700 }
.cards__item--accordion { max-width: none; width: 100% }
.cards__pagination { padding-top: 1.5rem; text-align: center }
 @media (min-width: 768px) {
.cards__pagination { padding-top: 2.5rem }
}
.cards__progress-bar {
 --tw-bg-opacity: 1; background-color: rgb(204 211 223/var(--tw-bg-opacity)); border-radius: .75rem;
display: block; height: .25rem;
margin-bottom: 1rem; margin-left: auto; margin-right: auto; overflow: hidden; width: 16rem }
 @media (min-width: 768px) {
.cards__progress-bar { margin-bottom: 1.5rem }
}
.cards__progress-bar-count {
 --tw-bg-opacity: 1; background-color: rgb(40 39 39/var(--tw-bg-opacity)); border-radius: .75rem;
display: block; height: 100%; transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
.event-cards { padding-bottom: 3rem; padding-top: 3rem }
 @media (min-width: 1024px) {
.event-cards { padding-bottom: 4rem; padding-top: 4rem }
}
 @media (min-width: 1280px) {
.event-cards { padding-bottom: 5rem; padding-top: 5rem }
}
.event-cards__title {
 --tw-border-opacity: 1; border-bottom-width: 2px; border-color: rgb(40 39 39/var(--tw-border-opacity)); margin-bottom: 1.5rem; padding-bottom: 1.5rem }
 @media (min-width: 768px) {
.event-cards__title { margin-bottom: 2rem }
}
.event-cards__container { align-items: stretch; display: flex; flex-wrap: wrap; gap: 2rem; justify-content: flex-start }
.event-cards__item {
 --tw-bg-opacity: 1;
 --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
 --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); background-color: rgb(255 255 255/var(--tw-bg-opacity)); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); display: flex; flex-direction: column; justify-content: space-between; margin-left: auto; margin-right: auto; max-width: 28rem }
 @media (min-width: 768px) {
.event-cards__item { margin-left: 0; margin-right: 0; max-width: none; width: calc(50% - 16px) }
}
 @media (min-width: 1024px) {
.event-cards__item { width: calc(33.33333% - 21.33333px) }
}
.product-cards .event-cards__item { margin-left: auto; margin-right: auto; max-width: 28rem }
 @media (min-width: 768px) {
.product-cards .event-cards__item { margin-left: 0; margin-right: 0; max-width: none; max-width: calc(50% - .5rem);
 width: calc(50% - .5rem)
}
}
 @media (min-width: 1024px) {
.product-cards .event-cards__item { max-width:calc(33.33% - .7rem);
 width: calc(33.33% - .7rem)
}
}
.event-cards__item-body { padding: 1rem }
.event-cards__item-date { font-family: superior-title, serif; font-weight: 700; text-align: right; text-decoration-line: underline }
.event-cards__item-title { font-family: stevie-sans, sans-serif; margin-bottom: .5rem
}
 @media (min-width: 768px) {
.event-cards__item-title { font-size: 22px }
}
.event-cards__item-desc { margin-bottom: .5rem
}
.event-cards__item-address {
 margin-bottom: .5rem; opacity: .4 }
.event-cards__pagination { padding-top: 1.5rem; text-align: center }
 @media (min-width: 768px) {
.event-cards__pagination { padding-top: 2.5rem }
}
.event-cards__progress-bar {
 --tw-bg-opacity: 1; background-color: rgb(204 211 223/var(--tw-bg-opacity)); border-radius: .75rem;
display: block; height: .25rem;
margin-bottom: 1rem; margin-left: auto; margin-right: auto; overflow: hidden; width: 16rem }
 @media (min-width: 768px) {
.event-cards__progress-bar { margin-bottom: 1.5rem }
}
.event-cards__progress-bar-count {
 --tw-bg-opacity: 1; background-color: rgb(40 39 39/var(--tw-bg-opacity)); border-radius: .75rem;
display: block; height: 100%; transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
.videos {
 --tw-bg-opacity: 1; background-color: rgb(204 211 223/var(--tw-bg-opacity)); padding-bottom: 3rem; padding-top: 3rem }
 @media (min-width: 768px) {
.videos {
 --tw-bg-opacity:1; background-color: rgb(112 133 171/var(--tw-bg-opacity)) }
}
 @media (min-width: 1024px) {
.videos { padding-bottom: 4rem; padding-top: 4rem }
}
 @media (min-width: 1280px) {
.videos { padding-bottom: 5rem; padding-top: 5rem }
}
.videos__title {
 --tw-border-opacity: 1; border-bottom-width: 2px; border-color: rgb(40 39 39/var(--tw-border-opacity)); margin-bottom: 1.5rem; padding-bottom: 1.5rem }
 @media (min-width: 768px) {
.videos__title {
 --tw-border-opacity:1;
 --tw-text-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); color: rgb(255 255 255/var(--tw-text-opacity)); margin-bottom: 2rem }
}
.videos__container { align-items: stretch; display: flex; flex-direction: column; flex-wrap: wrap; gap: 1rem; justify-content: flex-start }
 @media (min-width: 768px) {
.videos__container { flex-direction: row }
}
.videos__item {
 --tw-bg-opacity: 1; align-items: flex-start; background-color: rgb(255 255 255/var(--tw-bg-opacity)); display: flex; flex-direction: column; justify-content: space-between; margin-left: auto; margin-right: auto; max-width: 28rem }
 @media (min-width: 768px) {
.videos__item { margin-left: 0; margin-right: 0; max-width: none; width: calc(50% - 8px) }
}
 @media (min-width: 1024px) {
.videos__item { width: calc(33.33333% - 10.66667px) }
}
 @media (min-width: 1280px) {
.videos__item { width: calc(25% - 12px) }
}
.videos__item-content { display: flex; flex-direction: column; justify-content: space-between; padding: 1rem }
.videos__item-tag {
 --tw-bg-opacity: 1;
 --tw-text-opacity: 1; background-color: rgb(204 211 223/var(--tw-bg-opacity)); border-radius: 1rem; color: rgb(0 0 0/var(--tw-text-opacity)); font-size: .875rem;
line-height: 1.25rem; line-height: 1; padding: .5rem 1rem
}
.videos__item-title { font-size: 1.25rem; font-weight: 700; line-height: 1.75rem; line-height: 1.2; margin-bottom: 1rem; margin-top: 1rem }
.videos__pagination { padding-top: 1.5rem; text-align: center }
 @media (min-width: 768px) {
.videos__pagination {
 --tw-text-opacity:1; color: rgb(255 255 255/var(--tw-text-opacity)); padding-top: 2.5rem }
}
.videos__progress-bar {
 --tw-bg-opacity: 1; background-color: rgb(204 211 223/var(--tw-bg-opacity)); border-radius: .75rem;
display: block; height: .25rem;
margin-bottom: 1rem; margin-left: auto; margin-right: auto; overflow: hidden; width: 16rem }
 @media (min-width: 768px) {
.videos__progress-bar { margin-bottom: 1.5rem }
}
.videos__progress-bar-count {
 --tw-bg-opacity: 1; background-color: rgb(40 39 39/var(--tw-bg-opacity)); border-radius: .75rem;
display: block; height: 100%; transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
.article--container {
 --tw-border-opacity: 1; border-bottom-width: 2px; border-color: rgb(40 39 39/var(--tw-border-opacity)); margin-bottom: 1rem }
 @media (min-width: 768px) {
.article--container { margin-bottom: 2rem }
}
.article--container p { margin-bottom: 1rem }
 @media (min-width: 768px) {
.article--container p { margin-bottom: 2rem }
}
.left-nav-item { border-color: transparent; border-right-width: 8px; cursor: pointer; font-size: 1.125rem; line-height: 1.75rem; margin-right: -5px; opacity: .5; padding-bottom: 2rem; padding-right: 2rem; padding-top: 2rem; width: 9rem }
.left-nav-item.active {
 --tw-border-opacity: 1; border-color: rgb(0 0 0/var(--tw-border-opacity)); opacity: 1 }
.left-nav-item--product { line-height: 1.25; width: 11rem }
.employee-stories {
 --tw-bg-opacity: 1; background-color: rgb(241 243 247/var(--tw-bg-opacity)); overflow: hidden; padding-bottom: 3rem; padding-top: 3rem }
 @media (min-width: 1024px) {
.employee-stories { padding-bottom: 4rem; padding-top: 4rem }
}
 @media (min-width: 1280px) {
.employee-stories { padding-bottom: 5rem; padding-top: 5rem }
}
.employee-stories__container { align-items: center; gap: 1.5rem; justify-content: space-between }
 @media (min-width: 1024px) {
.employee-stories__container { display: flex }
}
.employee-stories__copy { margin-bottom: 1.5rem; padding-left: 1rem }
 @media (min-width: 1024px) {
.employee-stories__copy { margin-bottom: 0; margin-left: auto; padding-right: 1.5rem; width: 45% }
}
 @media (min-width: 1280px) {
.employee-stories__copy { max-width: 33rem; padding-left: 0; padding-right: 3rem }
}
 @media (min-width: 1536px) {
.employee-stories__copy { padding-right: 5rem }
}
.employee-stories__stories { width: 100% }
 @media (min-width: 1024px) {
.employee-stories__stories { width: 55% }
}
.employee-stories__title { margin-bottom: 1rem }
.employee-stories__story { display: flex; flex-direction: column-reverse; margin-left: .75rem;
 margin-right: .75rem;
position: relative }
 @media (min-width: 1024px) {
.employee-stories__story { margin-left: 0; margin-right: 2rem }
}
.employee-stories__story-copy { padding-bottom: 1rem; padding-top: 1rem }
.employee-stories__story-image { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% }
.employee-stories__story-title { font-size: 20px; line-height: 24px }
.employee-stories__navigation { align-items: center; display: flex; gap: 1rem; justify-content: space-between; margin-top: 1.25rem; padding-left: 1rem; padding-right: 1rem }
 @media (min-width: 768px) {
.employee-stories__navigation { gap: 1.5rem }
}
 @media (min-width: 1024px) {
.employee-stories__navigation { gap: 2.5rem; justify-content: flex-start; padding-left: 0; padding-right: 0 }
}
 @media (min-width: 768px) {
.employee-stories .slick-list { padding-left: 3rem; padding-right: 3rem }
}
 @media (min-width: 1024px) {
.employee-stories .slick-list { padding-left: 0; padding-right: 6rem }
}
.key-areas-cards-container, .links-grid-cards-container { display: flex; flex-direction: column; flex-wrap: wrap; gap: 1rem; justify-content: center }
 @media (min-width: 768px) {
.key-areas-cards-container, .links-grid-cards-container { flex-direction: row }
}
.key-areas-cards-container .key-areas-card, .key-areas-cards-container .links-grid-card, .links-grid-cards-container .key-areas-card, .links-grid-cards-container .links-grid-card {
 --tw-bg-opacity: 1;
 --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
 --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); align-items: center; background-color: rgb(245 240 237/var(--tw-bg-opacity)); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); cursor: pointer; display: flex; gap: 2rem; justify-content: space-between; padding: 1.5rem 1rem }
 @media (min-width: 768px) {
.key-areas-cards-container .key-areas-card, .key-areas-cards-container .links-grid-card, .links-grid-cards-container .key-areas-card, .links-grid-cards-container .links-grid-card { flex-direction: column; width: calc(33.33333% - 10.66667px) }
}
 @media (min-width: 1024px) {
.key-areas-cards-container .key-areas-card, .key-areas-cards-container .links-grid-card, .links-grid-cards-container .key-areas-card, .links-grid-cards-container .links-grid-card { width: calc(25% - 12px) }
}
 @media (min-width: 1280px) {
.key-areas-cards-container .key-areas-card, .key-areas-cards-container .links-grid-card, .links-grid-cards-container .key-areas-card, .links-grid-cards-container .links-grid-card { width: calc(20% - 12.8px) }
}
.key-areas-cards-container .key-areas-card.active, .key-areas-cards-container .links-grid-card.active, .links-grid-cards-container .key-areas-card.active, .links-grid-cards-container .links-grid-card.active {
 --tw-bg-opacity: 1; background-color: rgb(241 243 247/var(--tw-bg-opacity)) }
.key-areas-cards-container .key-areas-card__title, .key-areas-cards-container .links-grid-card__title, .links-grid-cards-container .key-areas-card__title, .links-grid-cards-container .links-grid-card__title { font-size: 1.25rem; line-height: 1.75rem }
 @media (min-width: 768px) {
.key-areas-cards-container .key-areas-card__title, .key-areas-cards-container .links-grid-card__title, .links-grid-cards-container .key-areas-card__title, .links-grid-cards-container .links-grid-card__title { text-align: center }
}
.key-areas-cards-container .key-areas-card__description, .key-areas-cards-container .links-grid-card__description, .links-grid-cards-container .key-areas-card__description, .links-grid-cards-container .links-grid-card__description { margin-bottom: 0 }
 @media (min-width: 768px) {
.key-areas-cards-container .key-areas-card__description, .key-areas-cards-container .links-grid-card__description, .links-grid-cards-container .key-areas-card__description, .links-grid-cards-container .links-grid-card__description { text-align: center }
}
.key-areas-cards-container .key-areas-card--white, .key-areas-cards-container .links-grid-card--white, .links-grid-cards-container .key-areas-card--white, .links-grid-cards-container .links-grid-card--white {
 --tw-bg-opacity: 1;
 --tw-shadow: 0 0 #0000;
 --tw-shadow-colored: 0 0 #0000; background-color: rgb(255 255 255/var(--tw-bg-opacity)); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) }
.key-areas-cards-container .key-areas-card--white:hover, .key-areas-cards-container .links-grid-card--white:hover, .links-grid-cards-container .key-areas-card--white:hover, .links-grid-cards-container .links-grid-card--white:hover { text-decoration-line: underline }
 @media (min-width: 1024px) {
.sticky-image { position: sticky; top: 4rem }
}
.search-result__item {
 --tw-border-opacity: 1; border-color: rgb(58 63 91/var(--tw-border-opacity)); border-top-width: 2px; display: block; padding-bottom: 1.5rem; padding-top: 1.5rem }
 @media (min-width: 1280px) {
.search-result__item { padding-bottom: 2rem; padding-top: 2rem }
}
.search-result__item:first-of-type { border-width: 0; padding-top: 0 }
.search-result__item:last-of-type { padding-bottom: 0 }
.search-result__item-title { line-height: 1 }
.search-result__item-title:hover { text-decoration-line: underline }
.search-result__item-desc { margin-bottom: 0; padding-top: .5rem
}
.slick-disabled { opacity: .5; pointer-events: none }
.anchor-links { scroll-margin-top: 6rem }
.anchor-links__links { align-items: flex-start; display: flex; flex-wrap: wrap; gap: .5rem;
justify-content: flex-start; margin-bottom: 2rem; text-align: left }
.anchor-links a.btn { margin-top: 0!important }
.anchor-links * { scroll-margin-top: 6rem }
.footer {
 --tw-bg-opacity: 1; background-color: rgb(58 63 91/var(--tw-bg-opacity)); padding-bottom: 1.25rem; padding-top: 1.25rem }
 @media (min-width: 768px) {
.footer { padding-bottom: 2rem; padding-top: 2rem }
}
.footer__links-wrapper {
 --tw-border-opacity: 1; align-items: center; border-bottom-width: 1px; border-color: rgb(255 255 255/var(--tw-border-opacity)); display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 1.25rem; padding-bottom: 1.25rem }
 @media (min-width: 1024px) {
.footer__links-wrapper { flex-direction: row }
}
.footer__links { align-items: center; display: flex; flex-direction: column; gap: 1rem; margin-top: 1rem }
 @media (min-width: 768px) {
.footer__links { flex-direction: row; gap: 2rem }
}
 @media (min-width: 1024px) {
.footer__links { margin-top: 0 }
}
.footer__social { align-items: center; display: flex; gap: .75rem
}
.footer__social-link { transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
.footer__social-link:hover {
 --tw-scale-x: 1.25;
 --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.footer__privacy-links { align-items: center; display: flex; gap: 1.25rem }
.footer__privacy-link {
 --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); font-size: .875rem;
line-height: 1.25rem; text-decoration-line: underline }
.footer__privacy-link:hover { text-decoration-line: none }
.footer__copy-wrapper { align-items: center; display: flex; flex-direction: column; gap: 1rem; justify-content: space-between }
 @media (min-width: 1024px) {
.footer__copy-wrapper { flex-direction: row }
}
.footer__copy {
 --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); font-size: .875rem;
line-height: 1.25rem; text-align: center }
 @media (min-width: 1024px) {
.footer__copy { text-align: left }
}
.footer__copy a:hover { text-decoration-line: underline }
.visible { visibility: visible }
.static { position: static }
.fixed { position: fixed }
.absolute { position: absolute }
.relative { position: relative }
.sticky { position: sticky }
.-bottom-3 { bottom: -.75rem
}
.-top-3 { top: -.75rem
}
.bottom-4 { bottom: 1rem }
.left-0 { left: 0 }
.right-0 { right: 0 }
.right-2 { right: .5rem
}
.right-4 { right: 1rem }
.top-0 { top: 0 }
.top-\[50\%\] { top: 50% }
.top-\[90\%\] { top: 90% }
.z-10 { z-index: 10 }
.z-20 { z-index: 20 }
.z-30 { z-index: 30 }
.mx-auto { margin-left: auto; margin-right: auto }
.my-12 { margin-bottom: 3rem; margin-top: 3rem }
.mb-0 { margin-bottom: 0 }
.mb-2 { margin-bottom: .5rem
}
.mb-3 { margin-bottom: .75rem
}
.mb-4 { margin-bottom: 1rem }
.mb-6 { margin-bottom: 1.5rem }
.mb-8 { margin-bottom: 2rem }
.ml-5 { margin-left: 1.25rem }
.ml-\[-30\%\] { margin-left: -30% }
.ml-auto { margin-left: auto }
.mr-2 { margin-right: .5rem
}
.mr-4 { margin-right: 1rem }
.mt-4 { margin-top: 1rem }
.mt-6 { margin-top: 1.5rem }
.mt-8 { margin-top: 2rem }
.mt-\[-10rem\] { margin-top: -10rem }
.block { display: block }
.inline-block { display: inline-block }
.flex { display: flex }
.inline-flex { display: inline-flex }
.grid { display: grid }
.\!hidden { display: none!important }
.hidden { display: none }
.h-16 { height: 4rem }
.h-\[2px\] { height: 2px }
.h-full { height: 100% }
.w-11\/12 { width: 91.666667% }
.w-3 { width: .75rem
}
.w-4 { width: 1rem }
.w-6 { width: 1.5rem }
.w-8 { width: 2rem }
.w-auto { width: auto }
.w-full { width: 100% }
.w-max { width: -moz-max-content; width: max-content }
.max-w-2xl { max-width: 42rem }
.max-w-3xl { max-width: 48rem }
.max-w-4xl { max-width: 56rem }
.max-w-5xl { max-width: 64rem }
.max-w-\[15rem\] { max-width: 15rem }
.max-w-sm { max-width: 24rem }
.max-w-xl { max-width: 36rem }
.flex-shrink-0, .shrink-0, .shrink-\[0\] { flex-shrink: 0 }
.flex-grow { flex-grow: 1 }
.translate-y-\[-50\%\] { --tw-translate-y: -50%
}
.rotate-180, .translate-y-\[-50\%\] { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.rotate-180 { --tw-rotate: 180deg
}
.transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.resize { resize: both }
.scroll-mt-12 { scroll-margin-top: 3rem }
.list-disc { list-style-type: disc }
.flex-row { flex-direction: row }
.flex-col { flex-direction: column }
.flex-wrap { flex-wrap: wrap }
.items-start { align-items: flex-start }
.items-center { align-items: center }
.items-stretch { align-items: stretch }
.justify-start { justify-content: flex-start }
.justify-center { justify-content: center }
.justify-between { justify-content: space-between }
.gap-1 { gap: .25rem
}
.gap-10 { gap: 2.5rem }
.gap-16 { gap: 4rem }
.gap-2 { gap: .5rem
}
.gap-4 { gap: 1rem }
.gap-6 { gap: 1.5rem }
.gap-8 { gap: 2rem }
.gap-y-4 { row-gap: 1rem }
.overflow-hidden { overflow: hidden }
.rounded-2xl { border-radius: 1rem }
.rounded-full { border-radius: 9999px }
.border { border-width: 1px }
.border-0 { border-width: 0 }
.border-2 { border-width: 2px }
.border-y-2 { border-bottom-width: 2px; border-top-width: 2px }
.border-b { border-bottom-width: 1px }
.border-b-2 { border-bottom-width: 2px }
.border-b-4 { border-bottom-width: 4px }
.border-t-2 { border-top-width: 2px }
.border-t-8 { border-top-width: 8px }
.border-black {
 --tw-border-opacity: 1; border-color: rgb(0 0 0/var(--tw-border-opacity)) }
.border-black-traffic {
 --tw-border-opacity: 1; border-color: rgb(40 39 39/var(--tw-border-opacity)) }
.border-blue-graphite {
 --tw-border-opacity: 1; border-color: rgb(58 63 91/var(--tw-border-opacity)) }
.border-blue-shadow {
 --tw-border-opacity: 1; border-color: rgb(112 133 171/var(--tw-border-opacity)) }
.border-grey-dark {
 --tw-border-opacity: 1; border-color: rgb(40 39 39/var(--tw-border-opacity)) }
.bg-\[\#E3D7D6\] {
 --tw-bg-opacity: 1; background-color: rgb(227 215 214/var(--tw-bg-opacity)) }
.bg-blue-graphite {
 --tw-bg-opacity: 1; background-color: rgb(58 63 91/var(--tw-bg-opacity)) }
.bg-blue-lighter {
 --tw-bg-opacity: 1; background-color: rgb(204 211 223/var(--tw-bg-opacity)) }
.bg-blue-shadow {
 --tw-bg-opacity: 1; background-color: rgb(112 133 171/var(--tw-bg-opacity)) }
.bg-brown-beige {
 --tw-bg-opacity: 1; background-color: rgb(175 128 113/var(--tw-bg-opacity)) }
.bg-cream {
 --tw-bg-opacity: 1; background-color: rgb(245 240 238/var(--tw-bg-opacity)) }
.bg-grey-shadow {
 --tw-bg-opacity: 1; background-color: rgb(242 242 242/var(--tw-bg-opacity)) }
.bg-white {
 --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)) }
.bg-white-flash {
 --tw-bg-opacity: 1; background-color: rgb(241 243 247/var(--tw-bg-opacity)) }
.bg-white-traffic {
 --tw-bg-opacity: 1; background-color: rgb(245 240 237/var(--tw-bg-opacity)) }
.object-cover { -o-object-fit: cover; object-fit: cover }
.p-3 { padding: .75rem
}
.p-4 { padding: 1rem }
.p-6 { padding: 1.5rem }
.px-12 { padding-left: 3rem; padding-right: 3rem }
.px-3 { padding-left: .75rem;
 padding-right: .75rem
}
.px-4 { padding-left: 1rem; padding-right: 1rem }
.py-0 { padding-bottom: 0; padding-top: 0 }
.py-1 { padding-bottom: .25rem;
 padding-top: .25rem
}
.py-10 { padding-bottom: 2.5rem; padding-top: 2.5rem }
.py-12 { padding-bottom: 3rem; padding-top: 3rem }
.py-16 { padding-bottom: 4rem; padding-top: 4rem }
.py-2 { padding-bottom: .5rem;
 padding-top: .5rem
}
.py-20 { padding-bottom: 5rem; padding-top: 5rem }
.py-4 { padding-bottom: 1rem; padding-top: 1rem }
.py-6 { padding-bottom: 1.5rem; padding-top: 1.5rem }
.py-8 { padding-bottom: 2rem; padding-top: 2rem }
.pb-10 { padding-bottom: 2.5rem }
.pb-2 { padding-bottom: .5rem
}
.pb-3 { padding-bottom: .75rem
}
.pb-6 { padding-bottom: 1.5rem }
.pl-2 { padding-left: .5rem
}
.pt-0 { padding-top: 0 }
.pt-2 { padding-top: .5rem
}
.pt-4 { padding-top: 1rem }
.pt-6 { padding-top: 1.5rem }
.text-left { text-align: left }
.text-center { text-align: center }
.font-superiorTitle { font-family: superior-title, serif }
.text-2xl { font-size: 1.5rem; line-height: 2rem }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem }
.text-lg { font-size: 1.125rem; line-height: 1.75rem }
.text-sm {
 font-size: .875rem; line-height: 1.25rem }
.text-xl { font-size: 1.25rem; line-height: 1.75rem }
.text-xs {
 font-size: .75rem; line-height: 1rem }
.font-bold { font-weight: 700 }
.font-semibold { font-weight: 600 }
.italic { font-style: italic }
.leading-\[1\.2\] { line-height: 1.2 }
.leading-\[1\] { line-height: 1 }
.tracking-\[4px\] { letter-spacing: 4px }
.text-black {
 --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)) }
.text-black\/60 { color: rgba(0,0,0,.6) }
.text-grey-base {
 --tw-text-opacity: 1; color: rgb(146 143 142/var(--tw-text-opacity)) }
.text-white {
 --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)) }
.underline { text-decoration-line: underline }
.shadow-lg {
 --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
 --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) }
.blur { --tw-blur: blur(8px)
}
.blur, .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) }
.transition-all { transition-duration: .15s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
.duration-300 { transition-duration: .3s }
.ease-in-out { transition-timing-function: cubic-bezier(.4, 0, .2, 1) }
.hover\:scale-110:hover {
 --tw-scale-x: 1.1;
 --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.hover\:underline:hover { text-decoration-line: underline }
 @media (min-width: 640px) {
.sm\:w-\[45\%\] { width: 45% }
.sm\:gap-4 { gap: 1rem }
}
 @media (min-width: 768px) {
.md\:absolute { position: absolute }
.md\:-bottom-6 { bottom: -1.5rem }
.md\:-top-6 { top: -1.5rem }
.md\:right-0 { right: 0 }
.md\:top-\[50\%\] { top: 50% }
.md\:m-0 { margin: 0 }
.md\:mx-auto { margin-left: auto; margin-right: auto }
.md\:-mt-20 { margin-top: -5rem }
.md\:mb-0 { margin-bottom: 0 }
.md\:mb-10 { margin-bottom: 2.5rem }
.md\:mb-2 { margin-bottom: .5rem
}
.md\:mb-6 { margin-bottom: 1.5rem }
.md\:mb-8 { margin-bottom: 2rem }
.md\:ml-0 { margin-left: 0 }
.md\:ml-auto { margin-left: auto }
.md\:mr-10 { margin-right: 2.5rem }
.md\:mr-8 { margin-right: 2rem }
.md\:mt-0 { margin-top: 0 }
.md\:block { display: block }
.md\:inline-block { display: inline-block }
.md\:flex { display: flex }
.md\:inline-flex { display: inline-flex }
.md\:hidden { display: none }
.md\:w-1\/2 { width: 50% }
.md\:w-1\/4 { width: 25% }
.md\:w-1\/5 { width: 20% }
.md\:w-10 { width: 2.5rem }
.md\:w-12 { width: 3rem }
.md\:w-2\/5 { width: 40% }
.md\:w-3\/5 { width: 60% }
.md\:w-4\/5 { width: 80% }
.md\:max-w-lg { max-width: 32rem }
.md\:flex-shrink-0 { flex-shrink: 0 }
.md\:translate-y-\[-50\%\] {
 --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
.md\:flex-row { flex-direction: row }
.md\:flex-row-reverse { flex-direction: row-reverse }
.md\:items-center { align-items: center }
.md\:justify-between { justify-content: space-between }
.md\:gap-10 { gap: 2.5rem }
.md\:gap-16 { gap: 4rem }
.md\:gap-6 { gap: 1.5rem }
.md\:gap-8 { gap: 2rem }
.md\:gap-y-6 { row-gap: 1.5rem }
.md\:rounded-3xl { border-radius: 1.5rem }
.md\:border-0 { border-width: 0 }
.md\:border-r-\[3px\] { border-right-width: 3px }
.md\:border-t-0 { border-top-width: 0 }
.md\:border-cream {
 --tw-border-opacity: 1; border-color: rgb(245 240 238/var(--tw-border-opacity)) }
.md\:bg-white {
 --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)) }
.md\:p-0 { padding: 0 }
.md\:p-10 { padding: 2.5rem }
.md\:p-6 { padding: 1.5rem }
.md\:p-8 { padding: 2rem }
.md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem }
.md\:px-8 { padding-left: 2rem; padding-right: 2rem }
.md\:py-10 { padding-bottom: 2.5rem; padding-top: 2.5rem }
.md\:py-16 { padding-bottom: 4rem; padding-top: 4rem }
.md\:py-8 { padding-bottom: 2rem; padding-top: 2rem }
.md\:pb-0 { padding-bottom: 0 }
.md\:pb-10 { padding-bottom: 2.5rem }
.md\:pb-16 { padding-bottom: 4rem }
.md\:pb-2 { padding-bottom: .5rem
}
.md\:pl-4 { padding-left: 1rem }
.md\:pt-0 { padding-top: 0 }
.md\:pt-10 { padding-top: 2.5rem }
.md\:pt-36 { padding-top: 9rem }
.md\:pt-8 { padding-top: 2rem }
.md\:text-left { text-align: left }
.md\:text-center { text-align: center }
.md\:text-2xl { font-size: 1.5rem; line-height: 2rem }
.md\:text-5xl { font-size: 3rem; line-height: 1 }
.md\:text-\[33px\] { font-size: 33px }
.md\:text-\[41px\] { font-size: 41px }
.md\:text-lg { font-size: 1.125rem; line-height: 1.75rem }
.md\:text-sm {
 font-size: .875rem; line-height: 1.25rem }
.md\:text-xl { font-size: 1.25rem; line-height: 1.75rem }
.md\:leading-\[37px\] { line-height: 37px }
.md\:leading-\[45px\] { line-height: 45px }
.md\:tracking-\[8px\] { letter-spacing: 8px }
.md\:tracking-wider { letter-spacing: .05em }
}
 @media (min-width: 1024px) {
.lg\:absolute { position: absolute }
.lg\:left-0 { left: 0 }
.lg\:top-0 { top: 0 }
.lg\:my-16 { margin-bottom: 4rem; margin-top: 4rem }
.lg\:mb-10 { margin-bottom: 2.5rem }
.lg\:block { display: block }
.lg\:flex { display: flex }
.lg\:hidden { display: none }
.lg\:w-1\/2 { width: 50% }
.lg\:w-1\/5 { width: 20% }
.lg\:w-2\/5 { width: 40% }
.lg\:w-3\/4 { width: 75% }
.lg\:w-3\/5 { width: 60% }
.lg\:w-4\/5 { width: 80% }
.lg\:w-\[30\%\] { width: 30% }
.lg\:flex-row { flex-direction: row }
.lg\:gap-10 { gap: 2.5rem }
.lg\:gap-16 { gap: 4rem }
.lg\:gap-4 { gap: 1rem }
.lg\:object-cover { -o-object-fit: cover; object-fit: cover }
.lg\:object-top { -o-object-position: top; object-position: top }
.lg\:py-16 { padding-top: 4rem }
.lg\:pb-16, .lg\:py-16 { padding-bottom: 4rem }
.lg\:pl-6 { padding-left: 1.5rem }
.lg\:pt-48 { padding-top: 12rem }
.lg\:text-left { text-align: left }
}
 @media (min-width: 1280px) {
.xl\:my-20 { margin-bottom: 5rem; margin-top: 5rem }
.xl\:hidden { display: none }
.xl\:py-20 { padding-bottom: 5rem; padding-top: 5rem }
.xl\:py-24 { padding-bottom: 6rem; padding-top: 6rem }
}