.t-sfnt-hero {aspect-ratio: var(--aspect-ratio);width: 100%;.t-sfnt-hero__track {}.t-sfnt-hero__list {@media screen and (max-width: 59em) {.t-sfnt-hero__slide:nth-child(n+2) {display: none;}}}.t-sfnt-hero__slide {}.t-sfnt-hero__slide-content {align-items: center;aspect-ratio: var(--aspect-ratio);background: var(--background-image) no-repeat center center;background-size: clamp(50rem, 30rem + 100vw, 120rem);display: flex;justify-content: center;mask: linear-gradient(to bottom, var(--white) 95%, transparent 100%);padding: 0 1rem;transition: background-size ease-in-out 9s;width: 100%;&::after {border-collapse: separate;content: '';display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: -1;}&:hover {background-size: 135rem;}@media screen and (max-width: 59em) {padding-top: 1rem;}}.t-sfnt-hero__slide-text {color: var(--bone);display: inline-block;font-family: var(--secondary-font-family), sans-serif;font-size: clamp(2.125rem, 1.057rem + 4.381vw, 5rem);line-height: 1;max-width: 30ch;text-shadow: 0 4px 5px oklch(from var(--black) l c h / 50%);-webkit-text-stroke: var(--default-border-width) var(--black);text-transform: uppercase;width: 100%;}.t-sfnt-hero-pagination {bottom: clamp(1rem, -1.857rem + 14.286vw, 11rem);}.t-sfnt-hero-page {background-color: var(--transparent);border: var(--default-border-width) solid var(--bone);border-radius: 0.75rem;height: 0.75rem;margin: 0 0.75rem;opacity: 1;width: 3.125rem;&.is-active {background-color: var(--yellow-700);border-color: var(--yellow-700);transform: scale(1);}}}@keyframes flip-to-front {0% {transform: translateZ(0em) rotateY(-180deg);}50% {transform: translateZ(10rem) rotateY(-270deg);}100% {transform: translateZ(0em) rotateY(-360deg);}}@keyframes flip-to-back {0% {transform: translateZ(0em) rotateY(0deg);}50% {transform: translateZ(10rem) rotateY(-90deg);}100% {transform: translateZ(0em) rotateY(-180deg);}}.t-sfnt-featured-categories {display: flex;flex-direction: column;margin: auto;max-width: 80rem;padding-top: 2rem;position: relative;z-index: 1;.t-sfnt-featured-categories__heading {background-clip: text;background-color: var(--black);color: var(--bone);font-family: var(--secondary-font-family), sans-serif;font-size: clamp(2.75rem, 2.379rem + 1.524vw, 3.75rem);grid-column: 1/-1;margin-block: 0;text-align: center;text-decoration: none;text-transform: uppercase;a {text-decoration: auto;&:is(:active, :focus, :hover) {text-decoration: underline;text-decoration-thickness: 0.05em;}}}.t-sfnt-featured-categories__track {.t-sfnt-featured-categories__list{}}.t-sfnt-featured-categories-arrows {--button-sizing: 3rem;.t-sfnt-featured-categories-arrow {background: var(--bone);border-radius: var(--default-border-width);height: var(--button-sizing);width: var(--button-sizing);&.t-sfnt-featured-categories-arrow-next {right: calc(-1 * var(--button-sizing));}&.t-sfnt-featured-categories-arrow-prev {left: calc(-1 * var(--button-sizing));}}}.t-sfnt-featured-categories__article {margin: 0;max-width: calc(20% - 0.5rem);min-height: 16rem;position: relative;.t-sfnt-featured-categories__flip-card {cursor: pointer;height: 100%;perspective: 1000px;position: relative;transform-style: preserve-3d;width: 100%;}.t-sfnt-featured-categories__flip-card[aria-pressed="true"] .t-sfnt-featured-categories__flip-card-back {opacity: 1;transition-delay: 0.25s;}.t-sfnt-featured-categories__flip-card-inner {animation-duration: 0.75s;animation-fill-mode: both;animation-timing-function: linear;height: 100%;transform: rotateY(180deg);transform-style: preserve-3d;width: 100%;}.t-sfnt-featured-categories__flip-card-front, .t-sfnt-featured-categories__flip-card-back {align-items: center;-webkit-backface-visibility: hidden;display: flex;height: 100%;justify-content: center;position: absolute;width: 100%;}.t-sfnt-featured-categories__flip-card-front {-webkit-backface-visibility: hidden;transform: rotateY(180deg);z-index: 1;}.t-sfnt-featured-categories__flip-card-back {opacity: 0;transition: opacity ease-in-out 0.5s;transition-delay: 0s;.t-sfnt-featured-categories__flip-card-caption {background-color: #e3dece;border-radius: var(--default-border-radius);color: var(--black);display: flex;flex-direction: column;height: 100%;justify-content: space-between;padding: var(--default-spacing-unit);.t-sfnt-featured-categories__name {color: var(--black);}.t-sfnt-featured-categories__flip-card-content {text-align: center;}.t-sfnt-featured-categories__flip-card-cta {text-align: center;}}}}.t-sfnt-featured-categories__wrapper {height: 100%;position: absolute;width: 100%;&:has(.t-sfnt-featured-categories__details[open]) {z-index: 1;}}.t-sfnt-featured-categories__details {&:is([open]) {.t-sfnt-featured-categories__caption {background-color: var(--white);box-shadow: 0 -4rem 0 0 var(--white);padding: 0 var(--title-two) var(--title-two);}.t-sfnt-featured-categories__name {color: var(--black);}}&:not([open]) {@media (hover: hover) and (pointer: fine) {.t-sfnt-featured-categories__summary:hover {background-color: oklch(from var(--white) l c h / 15%);border-color: var(--default-border-radius);box-shadow: 0 0 var(--default-border-radius) var(--default-border-radius) oklch(from var(--white) l c h / 25%);transition: all ease-in-out 0.2s;}}}}.t-sfnt-featured-categories__summary {margin: 0;text-align: center;&::marker {content: "";display: none;}}.t-sfnt-featured-categories__name--mobile {display: none;}.t-sfnt-featured-categories__picture {aspect-ratio: 256 / 218;cursor: pointer;display: flex;}.t-sfnt-featured-categories__image {}.t-sfnt-featured-categories__caption {align-items: center;display: flex;flex-direction: column;margin-inline: var(--title-two);}.t-sfnt-featured-categories__name {background-clip: text;background-color: var(--black);color: var(--bone);display: block;font-family: var(--secondary-font-family), sans-serif;font-size: var(--title-two);text-align: center;text-transform: uppercase;}.t-sfnt-featured-categories__arrow {display: none;}.t-sfnt-featured-categories__content {padding-top: var(--paragraph-tiny);}.t-sfnt-featured-categories__link {align-self: center;font-size: var(--paragraph-large);padding: 6px 12px;text-transform: uppercase;}@media screen and (max-width: 47em) {gap: 1rem;padding-top: 3rem;.t-sfnt-featured-categories__heading {line-height: 1;}.t-sfnt-featured-categories__article {max-width: unset;min-height: unset;}.t-sfnt-featured-categories__wrapper {position: static;}.t-sfnt-featured-categories__summary {display: flex;justify-content: space-between;padding-left: var(--default-spacing-unit);}.t-sfnt-featured-categories__picture {max-width: 11rem;}.t-sfnt-featured-categories__name {font-size: var(--title-two);order: -1;transform: rotate(180deg);writing-mode: vertical-rl;}.t-sfnt-featured-categories__arrow {align-items: center;background-color: var(--black);border-radius: calc(var(--default-border-radius) * 2) 0 0 calc(var(--default-border-radius) * 2);color: var(--bone);display: flex;font-size: var(--title-two);padding: var(--title-two);}.t-sfnt-featured-categories__details {&:is([open]) {.t-sfnt-featured-categories__caption {background-color: var(--black);border-radius: calc(var(--default-border-radius) * 2) 0 0 calc(var(--default-border-radius) * 2);box-shadow: unset;color: var(--bone);padding: var(--default-spacing-unit);}.t-sfnt-featured-categories__name {color: var(--bone);}}}.t-sfnt-featured-categories__caption {align-items: unset;flex-direction: row;gap: var(--default-spacing-unit);height: 150px;justify-content: space-between;margin-inline: 0;overflow: clip;position: absolute;right: 0;top: 0;width: calc(100% - 4rem);}.t-sfnt-featured-categories__content {padding-top: 0;}.t-sfnt-featured-categories__cta {display: flex;flex-direction: column;justify-content: space-between;.t-sfnt-featured-categories__close-button {border: unset;}.t-sfnt-featured-categories__link {font-size: 2rem;padding: 0;&:hover{.t-sfnt-featured-categories__link-icon {color: var(--orange);}}.t-sfnt-featured-categories__link-icon {color: var(--yellow-700);}}}}}:root:has(body.has-dialog) {overflow: clip;.has-dialog {height: unset;overflow: unset;}}.t-origin-story-video {max-width: 60rem;}.t-sfnt-media:before{content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 0;}.t-sfnt-media {aspect-ratio: 1440 / 895;background: url("/mm5/gd-build-assets/for-theme/bossmedia.webp") no-repeat center;color: var(--black);display: flex;flex-direction: column;margin: 0 auto 4rem;max-width: var(--default-wrapper-width);position: relative;.t-sfnt-media__header {align-items: center;align-self: end;display: flex;gap: 2rem;padding: 6.25rem 4.5rem;z-index: 2;.t-sfnt-media__header-text {color: var(--bone);font-family: var(--secondary-font-family), sans-serif;font-size: var(--display-two);line-height: 1;text-shadow: 0 0 1rem var(--black);text-transform: uppercase;}.t-sfnt-media__header-button {align-self: center;background-color: var(--transparent-black);color: var(--bone);text-transform: uppercase;&:not([class*="u-color-"]):hover:not(:disabled):not([aria-disabled=true]):not(.c-button--as-link) {background-color: var(--orange);border-color: var(--orange);color: var(--black);outline-color: var(--orange);}}.t-sfnt-media__header-link {font-size: var(--paragraph-large);padding-block: var(--paragraph-tiny);}.t-sfnt-media__header-icon{padding: 1rem;}}@media screen and (max-width: 59em) {background-position: 60%;.t-sfnt-media__header {padding: 3.75rem 2rem;.t-sfnt-media__header-text {font-size: 2.5rem;}}}@media screen and (max-width: 47em) {.t-sfnt-media__header-link {display: none;}}.t-sfnt-media__splide {display: flex;flex: 1;flex-direction: column;justify-content: space-between;.t-sfnt-media__splide-track {padding-top: 1rem;.t-sfnt-media__splide-list {.t-sfnt-media__article {aspect-ratio: 1;background-color: oklch(from var(--bone) l c h / 85%);border-radius: var(--default-border-radius);padding: 2.5rem;position: relative;.t-sfnt-media__article-link {aspect-ratio: 1;display: block;text-decoration: none;.t-sfnt-media__article-icon {background-color: var(--orange);border-radius: var(--default-border-radius);color: var(--bone);font-size: var(--subheading-large);padding: var(--paragraph-tiny);position: absolute;right: 2rem;top: -1rem;}.t-sfnt-media__article-vip {}.t-sfnt-media__article-date {font-size: var(--paragraph-tiny);font-style: italic;font-weight: var(--font-light);margin-bottom: 2.875rem;}.t-sfnt-media__article-title {font-family: var(--secondary-font-family), sans-serif;font-size: var(--title-one);line-height: 1.25;margin-bottom: 0.125rem;text-transform: uppercase;}.t-sfnt-media__article-author {font-size: var(--paragraph-large);font-style: italic;font-weight: var(--font-light);margin-bottom: 1.5rem;text-transform: uppercase;}.t-sfnt-media__article-content {font-size: var(--paragraph-large);font-weight: var(--font-light);}}@media screen and (max-width: 59em) {aspect-ratio: unset;.t-sfnt-media__article-link {aspect-ratio: unset;.t-sfnt-media__article-date, .t-sfnt-media__article-author {display: none;}.t-sfnt-media__article-title {-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;margin-bottom: 1rem;overflow: clip;}}}}}}.t-sfnt-media__splide-pagination {background-color: oklch(from var(--black) l c h / 80%);margin: 0 auto;padding: 2rem;position: unset;width: fit-content;.t-sfnt-media__splide-page {background-color: var(--transparent);border: var(--default-border-width) solid var(--bone);border-radius: 0.75rem;height: 0.75rem;margin: 0.75rem;opacity: 1;width: 3rem;&.is-active {background-color: var(--orange);border-color: var(--orange);transform: unset;}}.t-sfnt-media__splide-page-results {color: var(--bone);display: inline-flex;font-size: var(--title-two);font-weight: var(--font-light);gap: 0.25ch;padding-left: 1rem;}}@media screen and (max-width: 47em) {.t-sfnt-media__splide-arrows {padding-block: 2.5rem;position: relative;margin-inline: 2.5rem;text-align: center;.t-sfnt-media__arrows-link {background-color: var(--transparent-black);color: var(--bone);font-size: var(--paragraph-small);padding-block: var(--paragraph-tiny);text-transform: uppercase;&:not([class*="u-color-"]):hover:not(:disabled):not([aria-disabled=true]):not(.c-button--as-link) {background-color: var(--orange);border-color: var(--orange);outline-color: var(--orange);}}.t-sfnt-media__splide-arrow {background-color: var(--transparent-black);border: var(--default-border-width) solid var(--bone);border-radius: var(--default-border-radius);height: auto;opacity: 1;padding: var(--paragraph-tiny);width: auto;svg {fill: var(--bone);height: 1.5rem;width: 1.5rem;}&.t-sfnt-media__splide-arrow-next {right: 0;}&.t-sfnt-media__splide-arrow-prev {left: 0;}}}}}}