@font-face {
    font-family: 'HarmonyOS';
    src: url('../font/HARMONYOS.TTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HarmonyOS';
    src: url('../font/HARMONYOS-Black.ttf');
    font-weight: bold;
    font-style: normal;
}

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

body {
    font-family: 'HarmonyOS', 'Lexend', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    background: #fff;
    overflow-x: hidden;
    min-height: 100vh;
}

html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

body::-webkit-scrollbar {
    display: none;
}
/* wow.js 动画元素初始样式 - 修复滚动到底部出现空白的问题 */
.wow {
    visibility: hidden;
    overflow: hidden;
}

a {
    text-decoration: none;
    color: inherit;
}

ul {
    list-style: none;
}

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

/* hsgm-fonts */
@font-face {
    font-family: 'HSGM-DM-Sans';
    src: url('../font/DM-Sans-Variable.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: 'HSGM-Noto-Sans-SC';
    src: url('../font/NotoSansSC-Variable.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --hsgm-navy: #142c43;
    --hsgm-orange: #ef8035;
    --hsgm-sand: #ede8df;
    --hsgm-white: #fff;
    --hsgm-ink: #17232e;
    --hsgm-line: rgba(20, 44, 67, 0.18);
    --hsgm-ease: cubic-bezier(0.22, 0.8, 0.2, 1);
    --hsgm-ui: 'HSGM-DM-Sans', 'HSGM-Noto-Sans-SC', sans-serif;
    --hsgm-cn: 'HSGM-Noto-Sans-SC', 'HSGM-DM-Sans', sans-serif;
}

html {
    font-size: 16px;
    background: var(--hsgm-navy);
}

body.hsgm-page {
    background: var(--hsgm-navy);
    color: var(--hsgm-ink);
    font-family: var(--hsgm-ui);
    font-size: 1rem;
    letter-spacing: 0;
}

body.hsgm-page a,
body.hsgm-page button {
    font-family: inherit;
}

body.hsgm-page.fp-enabled {
    overflow: hidden;
}

/* hsgm-index-header */
.hsgm-index-header {
    position: fixed;
    z-index: 80;
    top: 0;
    right: 0;
    left: 0;
    display: grid;
    grid-template-columns: 20.454545% 62.5% 17.045455%;
    align-items: center;
    width: calc(100% - 10rem);
    height: 5rem;
    margin: 1rem auto 0;
    padding: 0;
    color: var(--hsgm-white);
    opacity: var(--hsgm-intro-ui, 0);
    pointer-events: none;
    transform: translateY(calc((1 - var(--hsgm-intro-ui, 0)) * -1rem));
    transition: color 0.4s ease;
}

.hsgm-index-header::after {
    position: absolute;
    right: 0;
    bottom: -1rem;
    left: 0;
    height: 0.0625rem;
    background: rgba(255, 255, 255, 0.3);
    content: '';
    opacity: var(--hsgm-intro-ui, 0);
}

body:not(.hsgm-index-intro-active) .hsgm-index-header {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

body:not(.hsgm-index-intro-active) .hsgm-index-header::after {
    opacity: 1;
}

.hsgm-index-header__brand {
    display: inline-flex;
    align-items: center;
    width: 9.6875rem;
    height: 3.4945rem;
}

.hsgm-index-header__brand img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.hsgm-index-header__nav {
    display: grid;
    grid-template-columns: 90fr 140fr 180fr 90fr 126fr 144fr;
    align-items: center;
    gap: min(3.4375vw, 4.125rem);
    min-width: 0;
}

.hsgm-index-header__nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
}

.hsgm-index-header__nav a,
.hsgm-index-header__language {
    position: relative;
    color: inherit;
    font-size: 1.25rem;
    font-weight: 500;
    font-variation-settings: 'opsz' 14;
    line-height: 1.2;
    white-space: nowrap;
}

.hsgm-index-header__nav a::after {
    position: absolute;
    right: 0;
    bottom: -0.5rem;
    left: 0;
    height: 0.0625rem;
    background: currentColor;
    content: '';
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.35s ease;
}

.hsgm-index-header__nav-chevron {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 0 0.15rem 0.25rem;
    border-right: 0.0625rem solid currentColor;
    border-bottom: 0.0625rem solid currentColor;
    transform: rotate(45deg);
}

.hsgm-index-header__nav a:hover::after,
.hsgm-index-header__nav a:focus-visible::after {
    transform: scaleX(1);
    transform-origin: left center;
}

.hsgm-index-header__tools {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2rem;
}

.hsgm-index-header__language {
    width: 5rem;
    height: 3rem;
}

.hsgm-index-header__search,
.hsgm-index-header__language,
.hsgm-index-header__menu {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.hsgm-index-header__search {
    position: relative;
    width: 1.625rem;
    height: 1.625rem;
}

.hsgm-index-header__search::before {
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    width: 0.875rem;
    height: 0.875rem;
    border: 0.1rem solid currentColor;
    border-radius: 50%;
    content: '';
}

.hsgm-index-header__search::after {
    position: absolute;
    right: 0.125rem;
    bottom: 0.125rem;
    width: 0.625rem;
    height: 0.1rem;
    background: currentColor;
    content: '';
    transform: rotate(45deg);
    transform-origin: right center;
}

.hsgm-index-header__language span {
    margin-left: 0.25rem;
    font-size: 0.875rem;
}

.hsgm-index-header__menu {
    display: none;
    width: 2rem;
    height: 2rem;
}

.hsgm-index-header__menu span {
    display: block;
    width: 1.5rem;
    height: 0.0625rem;
    margin: 0.4rem auto;
    background: currentColor;
}

/* hsgm-index-fullpage */
.fp-enabled {
    overflow: hidden;
}

.fullpage-wrapper {
    position: relative;
    width: 100%;
    transform: translate3d(0, 0, 0);
}

.fp-section {
    position: relative;
    box-sizing: border-box;
}

.fp-slide {
    float: left;
}

.fp-slide,
.fp-slidesContainer {
    display: block;
    height: 100%;
}

.fp-slidesContainer {
    position: relative;
    white-space: nowrap;
    transform: translate3d(0, 0, 0);
}

.fp-slides {
    position: relative;
    z-index: 1;
    height: 100%;
    overflow: hidden;
}

.fp-table {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.fp-tableCell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

#fp-nav {
    position: fixed;
    z-index: 100;
    top: 50%;
    margin-top: -2rem;
    opacity: 1;
    transition: opacity 0.3s ease;
}

#fp-nav.right,
#fp-nav.fp-right {
    right: 1rem;
}

#fp-nav.left,
#fp-nav.fp-left {
    left: 1rem;
}

#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
    position: relative;
    display: block;
    width: 0.875rem;
    height: 0.875rem;
    margin: 0.5rem 0;
}

.fp-slidesNav ul li {
    display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0.35rem;
    height: 0.35rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.45);
    transform: translate(-50%, -50%);
    transition: width 0.25s ease, height 0.25s ease, background 0.25s ease;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    width: 0.625rem;
    height: 0.625rem;
    background: var(--hsgm-orange);
}

/* fullPage v3 keeps section names available to screen readers. */
#fp-nav ul li a .fp-sr-only {
    width: 0.0625rem;
    height: 0.0625rem;
    margin: -0.0625rem;
    padding: 0;
    overflow: hidden;
    border: 0;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -0.25rem;
    display: block;
    width: 0;
    overflow: hidden;
    color: var(--hsgm-white);
    font-size: 0.7rem;
    line-height: 1.25rem;
    opacity: 0;
    transition: opacity 0.25s ease, width 0.25s ease;
}

#fp-nav ul li:hover .fp-tooltip {
    width: 5rem;
    opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
    right: 1.25rem;
}

#fp-nav ul li .fp-tooltip.left {
    left: 1.25rem;
}

#hsgm-fullpage,
#hsgm-fullpage .section,
#hsgm-fullpage .fp-tableCell {
    width: 100%;
    height: 100%;
}

#hsgm-fullpage .section {
    position: relative;
    overflow: hidden;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    background: var(--hsgm-white);
}

#fp-nav ul li .fp-tooltip {
    color: var(--hsgm-white);
    font-family: var(--hsgm-ui);
}

#fp-nav ul li {
    margin: 0.75rem;
}

body.hsgm-index-intro-active #fp-nav,
body.fp-viewing-home #fp-nav {
    opacity: 0;
    pointer-events: none;
}

/* hsgm-index-hero */
.hsgm-index-hero {
    position: relative;
    isolation: isolate;
    background: var(--hsgm-navy);
    color: var(--hsgm-white);
}

/* hsgm-index-hero - continuous, shared SVG portal geometry */
.hsgm-index-video-layer {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.hsgm-index-video-layer__poster,
.hsgm-index-video-layer__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hsgm-index-video-layer__poster { z-index: 0; }

.hsgm-index-video-layer__video {
    z-index: 1;
    opacity: 0;
    transition: opacity 0.35s ease;
}

/* The poster stays underneath until an actual video frame is playing. */
.hsgm-index-video-layer.is-playing .hsgm-index-video-layer__video { opacity: 1; }

.hsgm-index-hero__background { z-index: 0; }

.hsgm-index-hero__background::after {
    position: absolute;
    z-index: 2;
    inset: 0;
    background: rgba(12, 21, 25, 0.08);
    content: '';
}

.hsgm-index-hero__banner {
    z-index: 1;
    opacity: 0;
    -webkit-clip-path: url(#hsgm-index-banner-window);
    clip-path: url(#hsgm-index-banner-window);
}

.hsgm-index-hero__banner-veil {
    position: absolute;
    z-index: 2;
    inset: 0;
    background: rgba(20, 44, 67, 0.08);
}

/* Keep the central mark hidden on the untouched first frame; it appears after the first scroll input. */
body.hsgm-index-intro-active:not(.hsgm-index-intro-scrolled) .hsgm-index-hero__portal {
    opacity: 0 !important;
}

.hsgm-index-hero__portal {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

.hsgm-index-hero__message {
    position: absolute;
    z-index: 9;
    right: auto;
    bottom: 7.3125rem;
    left: 7.5rem;
    width: min(67.5rem, calc(100% - 15rem));
    opacity: var(--hsgm-intro-ui, 0);
    pointer-events: none;
    transform: translateY(calc((1 - var(--hsgm-intro-ui, 0)) * 2rem));
}

body.hsgm-index-intro-complete .hsgm-index-hero__message {
    opacity: 1;
    transform: translateY(0);
}

.hsgm-index-hero__message-accent {
    width: 2.5rem;
    height: 0.25rem;
    margin-bottom: 1.5rem;
    background: var(--hsgm-orange);
}

.hsgm-index-hero__message-brand {
    margin-bottom: 1.25rem;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.22em;
}

.hsgm-index-title,
.hsgm-index-heading,
.hsgm-index-subheading {
    margin: 0;
    font-family: var(--hsgm-ui);
    font-weight: 500;
    letter-spacing: 0;
}

    max-width: 34rem;
    font-size: clamp(3.5rem, 5.3vw, 6.25rem);
    font-weight: 600;
    line-height: 0.96;
}

.hsgm-index-hero__title {
    max-width: none;
    font-size: clamp(3.5rem, 4.583333vw, 5.5rem);
    font-weight: 700;
    font-variation-settings: 'opsz' 14;
    line-height: 1.079545;
}

.hsgm-index-hero__title span {
    color: var(--hsgm-orange);
}

.hsgm-index-hero__message-copy {
    margin-top: 1.5rem;
    color: var(--hsgm-white);
    font-size: clamp(1rem, 1.354167vw, 1.625rem);
    font-variation-settings: 'opsz' 14;
    line-height: 1.5;
}

.hsgm-index-hero__story {
    position: absolute;
    z-index: 10;
    right: 7rem;
    bottom: 3.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    color: var(--hsgm-white);
    opacity: var(--hsgm-intro-ui, 0);
    pointer-events: none;
    transform: translateY(calc((1 - var(--hsgm-intro-ui, 0)) * 1rem));
}

body.hsgm-index-intro-complete .hsgm-index-hero__story {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.hsgm-index-hero__story-button {
    display: block;
    width: 6.25rem;
    height: 6.25rem;
    transition: transform 0.35s ease;
}

.hsgm-index-hero__story:hover .hsgm-index-hero__story-button,
.hsgm-index-hero__story:focus-visible .hsgm-index-hero__story-button {
    transform: scale(1.06);
}

.hsgm-index-hero__story-button::before {
    display: block;
    width: 100%;
    height: 100%;
    background: url('../images/index/figma/play-media.svg') center / contain no-repeat;
    content: '';
}

.hsgm-index-hero__story-label {
    width: 13.75rem;
    font-size: 1.25rem;
    line-height: 1.5;
    text-align: center;
}

.hsgm-index-hero__scroll-cue {
    position: absolute;
    z-index: 10;
    bottom: clamp(1.75rem, 5.74vh, 3.875rem);
    left: 50%;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    width: 1.25rem;
    opacity: var(--hsgm-intro-cue, 1);
    transform: translateX(-50%);
}

.hsgm-index-hero__scroll-cue span {
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    border-right: 0.1rem solid rgba(255, 255, 255, 0.82);
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.82);
    transform: rotate(45deg);
    animation: hsgm-index-scroll-pulse 1.8s infinite ease-in-out;
}

.hsgm-index-hero__scroll-cue span:not(:first-child) { display: none; }
body.hsgm-index-intro-complete .hsgm-index-hero__scroll-cue span { display: block; }

.hsgm-index-hero__scroll-cue span:nth-child(2) { animation-delay: 0.16s; }
.hsgm-index-hero__scroll-cue span:nth-child(3) { animation-delay: 0.32s; }

@keyframes hsgm-index-scroll-pulse {
    0%, 100% { opacity: 0.25; transform: translateY(-0.15rem) rotate(45deg); }
    50% { opacity: 1; transform: translateY(0.1rem) rotate(45deg); }
}

/* hsgm-index-mobile-menu */
.hsgm-index-mobile-menu { position: fixed; z-index: 100; inset: 0; visibility: hidden; pointer-events: none; }
.hsgm-index-mobile-menu.is-open { visibility: visible; pointer-events: auto; }
.hsgm-index-mobile-menu__backdrop { position: absolute; inset: 0; background: rgba(20,44,67,0.42); opacity: 0; transition: opacity 0.35s ease; }
.hsgm-index-mobile-menu__panel { position: absolute; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; gap: 1.5rem; width: min(22rem, 86vw); padding: 6rem 2rem 2rem; background: var(--hsgm-sand); color: var(--hsgm-navy); transform: translateX(100%); transition: transform 0.5s var(--hsgm-ease); }
.hsgm-index-mobile-menu.is-open .hsgm-index-mobile-menu__backdrop { opacity: 1; }
.hsgm-index-mobile-menu.is-open .hsgm-index-mobile-menu__panel { transform: translateX(0); }
.hsgm-index-mobile-menu__panel a { font-size: 1.5rem; }
.hsgm-index-mobile-menu__close { position: absolute; top: 1.5rem; right: 1.5rem; width: 2rem; height: 2rem; padding: 0; border: 0; background: transparent; color: inherit; font-size: 2rem; line-height: 1; cursor: pointer; }

/* hsgm-index-responsive */
@media (max-width: 75rem) {
    .hsgm-index-header { grid-template-columns: 11rem minmax(0, 1fr) 7rem; width: calc(100% - 4rem); }
    .hsgm-index-header__nav { display: flex; justify-content: space-between; gap: 0.75rem; }
    .hsgm-index-header__nav a { font-size: 0.875rem; }
    .hsgm-index-header__tools { gap: 1rem; }
    .hsgm-index-header__language { width: 3rem; font-size: 0.875rem; }
    .hsgm-index-hero__message { left: 4rem; width: calc(100% - 8rem); }
}

@media (max-width: 56rem) {
    .hsgm-index-header { display: flex; justify-content: space-between; width: calc(100% - 2rem); height: 4.5rem; margin-top: 0.5rem; padding: 0 0.5rem; }
    .hsgm-index-header__brand { width: 8rem; height: 3rem; }
    .hsgm-index-header__nav,
    .hsgm-index-header__language { display: none; }
    .hsgm-index-header__menu { display: block; }
    .hsgm-index-hero__message { right: 1.5rem; bottom: 9.75rem; left: 1.5rem; width: auto; }
    .hsgm-index-hero__title { max-width: none; font-size: clamp(2rem, 10.5vw, 4.5rem); }
    .hsgm-index-hero__message-copy { max-width: 22rem; font-size: 0.875rem; }
    .hsgm-index-hero__story { right: 1.5rem; bottom: 1.25rem; }
    .hsgm-index-hero__story-button { width: 5rem; height: 5rem; }
    .hsgm-index-hero__story-label { width: auto; font-size: 0.75rem; }
    .hsgm-index-hero__scroll-cue { bottom: 1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* hsgm-index-scroll */
html, body.hsgm-page{overflow-x:clip}
#hsgm-fullpage{height:auto}
#hsgm-fullpage .hsgm-index-hero{position:sticky;top:0;z-index:0;height:100vh;height:100svh}
.hsgm-index-content{--hsgm-u:min(.0520833333vw,.0625rem);position:relative;z-index:2;max-width:120rem;margin-inline:auto;background:#fff;color:#142c43;font-optical-sizing:auto;font-variation-settings:normal}
/* hsgm-index-header - keep fixed navigation readable above the following sections. */
.hsgm-index-header::before{content:'';position:absolute;z-index:-1;top:-1rem;bottom:-1rem;left:50%;width:100vw;background:rgba(20,44,67,.96);opacity:0;pointer-events:none;transform:translateX(-50%);transition:opacity .3s ease}
.hsgm-index-header.is-covered::before{opacity:1}
.hsgm-mobile-menu-open{overflow:hidden}
.hsgm-index-content button,.hsgm-index-viewer button{cursor:pointer;font-family:inherit;font-weight:500}
.hsgm-index-content button{border-radius:0}
.hsgm-index-content :focus-visible,.hsgm-index-viewer :focus-visible{outline:.1875rem solid #ef8035;outline-offset:.25rem}
.hsgm-index-content [hidden]{display:none}
/* hsgm-index-company */
.hsgm-index-company{position:relative;height:calc(var(--hsgm-u)*1020);overflow:hidden;background:#fff}
.hsgm-index-company__copy{position:absolute;z-index:1;top:calc(var(--hsgm-u)*310);left:6.25%;width:calc(var(--hsgm-u)*680)}
.hsgm-index-company__title{margin:0 0 calc(var(--hsgm-u)*32);font-size:calc(var(--hsgm-u)*68);line-height:calc(var(--hsgm-u)*73);font-weight:700}
.hsgm-index-company__title span{color:#ef8035}
.hsgm-index-company__description{width:calc(var(--hsgm-u)*640);font-size:calc(var(--hsgm-u)*26);line-height:calc(var(--hsgm-u)*39)}
.hsgm-index-company__button{font-weight:500;display:flex;align-items:center;justify-content:center;gap:calc(var(--hsgm-u)*16);width:calc(var(--hsgm-u)*340);height:calc(var(--hsgm-u)*72);margin-top:calc(var(--hsgm-u)*32);background:#142c43;color:#fff;font-size:calc(var(--hsgm-u)*22);line-height:calc(var(--hsgm-u)*24);transition:background .25s}
.hsgm-index-company__button::after{content:'';width:calc(var(--hsgm-u)*20);height:calc(var(--hsgm-u)*20);background:url('../images/index/figma/arrow-white.svg') center/contain no-repeat;transition:transform .25s}
.hsgm-index-company__button:hover{background:#23445f}
.hsgm-index-company__button:hover::after{transform:translateX(.25rem)}
.hsgm-index-company__photo{position:absolute;top:0;right:0;width:58.333333%;height:100%;overflow:hidden}
.hsgm-index-company__photo img{position:absolute;top:0;left:-15.17%;width:121.39%;max-width:none;height:100%;object-fit:fill}
/* hsgm-index-factory */
.hsgm-index-factory{position:relative;height:calc(var(--hsgm-u)*1020);overflow:hidden;background:#fff}
.hsgm-index-factory__title{position:absolute;left:6.25%;top:calc(var(--hsgm-u)*72);width:calc(var(--hsgm-u)*900);font-weight:700;font-size:calc(var(--hsgm-u)*64);line-height:calc(var(--hsgm-u)*69)}
.hsgm-index-factory__title span{color:#ef8035}
.hsgm-index-factory__description{position:absolute;top:calc(var(--hsgm-u)*150);left:61.458333%;width:calc(var(--hsgm-u)*620);font-size:calc(var(--hsgm-u)*26);line-height:calc(var(--hsgm-u)*39)}
.hsgm-index-factory__tabs{display:flex;position:absolute;top:calc(var(--hsgm-u)*286);left:6.25%;gap:calc(var(--hsgm-u)*64)}
.hsgm-index-factory__tab{position:relative;height:calc(var(--hsgm-u)*48);min-width:calc(var(--hsgm-u)*170);border:0;background:transparent;text-align:left;color:#142c43;font-size:calc(var(--hsgm-u)*22)!important;line-height:calc(var(--hsgm-u)*24)!important}
.hsgm-index-factory__tab:last-child{width:calc(var(--hsgm-u)*240)}
.hsgm-index-factory__tab::after{content:'';position:absolute;top:calc(var(--hsgm-u)*56);left:0;width:calc(var(--hsgm-u)*146);height:calc(var(--hsgm-u)*3);background:#ef8035;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.hsgm-index-factory__tab.is-active::after{transform:scaleX(1)}
.hsgm-index-factory__gallery{position:absolute;top:calc(var(--hsgm-u)*380);left:6.25%;width:87.5%;height:calc(var(--hsgm-u)*540)}
.hsgm-index-factory__slide{position:relative;overflow:hidden}
.hsgm-index-factory__slide>img{width:100%;max-width:none;height:calc(var(--hsgm-u)*560);margin-top:calc(var(--hsgm-u)*-10);object-fit:cover}
.hsgm-index-factory__slide::after{content:'';position:absolute;inset:0;z-index:1;background:rgba(20,44,67,.16);pointer-events:none}
.hsgm-index-factory__caption{position:absolute;bottom:calc(var(--hsgm-u)*57);left:calc(var(--hsgm-u)*48);z-index:2;color:#fff;font-size:calc(var(--hsgm-u)*30);line-height:calc(var(--hsgm-u)*45)}
.hsgm-index-factory__play{position:absolute;bottom:calc(var(--hsgm-u)*36);right:calc(var(--hsgm-u)*40);z-index:2;width:calc(var(--hsgm-u)*80);height:calc(var(--hsgm-u)*80);border:0;background:transparent;transition:transform .25s}
.hsgm-index-factory__play::after{content:'';position:absolute;inset:0;background:url('../images/index/figma/factory-play.svg') center/contain no-repeat}
.hsgm-index-factory__play:hover{transform:scale(1.08)}
.hsgm-index-factory__controls{display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--hsgm-u)*16);position:absolute;top:calc(var(--hsgm-u)*944);right:6.25%;height:calc(var(--hsgm-u)*48);color:#65788b;font-size:calc(var(--hsgm-u)*16);line-height:calc(var(--hsgm-u)*20)}
.hsgm-index-factory__controls>span{width:calc(var(--hsgm-u)*96)}
.hsgm-index-factory__previous,.hsgm-index-factory__next{width:calc(var(--hsgm-u)*48);height:calc(var(--hsgm-u)*48);border:0;background:transparent}
.hsgm-index-factory__previous::after,.hsgm-index-factory__next::after{content:'';display:block;width:100%;height:100%;background:center/contain no-repeat}
.hsgm-index-factory__previous::after{background-image:url('../images/index/figma/factory-prev.svg')}
.hsgm-index-factory__next::after{background-image:url('../images/index/figma/factory-next.svg')}
/* hsgm-index-materials */
.hsgm-index-events[data-event-view="runway"] .hsgm-index-events__title,.hsgm-index-materials__tab{font-optical-sizing:none;font-variation-settings:"opsz" 14}
.hsgm-index-materials{position:relative;height:calc(var(--hsgm-u)*1020);overflow:hidden;background:#e8e8df}
.hsgm-index-materials__anchor{position:absolute;top:0}
.hsgm-index-materials__background{position:absolute;inset:0;overflow:hidden}
.hsgm-index-materials__background img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transition:opacity .6s ease}
.hsgm-index-materials__background img.is-active{opacity:1}
.hsgm-index-materials[data-active-material="hemp"] .hsgm-index-materials__title,.hsgm-index-materials[data-active-material="hemp"] .hsgm-index-materials__copy{color:#fff}
.hsgm-index-materials__title{position:absolute;top:calc(var(--hsgm-u)*50);left:6.25%;width:calc(var(--hsgm-u)*1120);font-size:calc(var(--hsgm-u)*64);font-weight:700;line-height:calc(var(--hsgm-u)*66)}
.hsgm-index-materials__title span{color:#ef8035}
.hsgm-index-materials__copy{position:absolute;top:calc(var(--hsgm-u)*330);left:6.25%;width:calc(var(--hsgm-u)*780)}
.hsgm-index-materials__name{font-size:calc(var(--hsgm-u)*120);font-weight:500;line-height:calc(var(--hsgm-u)*132)}
.hsgm-index-materials__description{margin-top:calc(var(--hsgm-u)*16);font-size:calc(var(--hsgm-u)*30);line-height:calc(var(--hsgm-u)*42)}
.hsgm-index-materials__links{margin-top:calc(var(--hsgm-u)*16)}
.hsgm-index-materials__links a{font-weight:500;display:flex;align-items:center;gap:calc(var(--hsgm-u)*16);width:fit-content;height:calc(var(--hsgm-u)*64);font-size:calc(var(--hsgm-u)*22);line-height:calc(var(--hsgm-u)*30);color:#ef8035}
.hsgm-index-materials__links a::after{content:'';display:block;width:calc(var(--hsgm-u)*24);height:calc(var(--hsgm-u)*24);background:url('../images/index/figma/arrow-orange.svg') center/contain no-repeat;transition:transform .25s}
.hsgm-index-materials__links a:hover::after{transform:translateX(.25rem)}
.hsgm-index-materials__detail{position:absolute;top:calc(var(--hsgm-u)*500);right:6.25%;width:calc(var(--hsgm-u)*300);height:calc(var(--hsgm-u)*360);padding:calc(var(--hsgm-u)*16);background:#f7f5f0}
.hsgm-index-materials__detail>div{position:relative;height:calc(var(--hsgm-u)*300);overflow:hidden}
.hsgm-index-materials__detail img{display:block;width:100%;height:100%;object-fit:cover}
.hsgm-index-materials__detail figcaption{text-align:center;margin-top:calc(var(--hsgm-u)*8);font-size:calc(var(--hsgm-u)*18);line-height:calc(var(--hsgm-u)*28)}
.hsgm-index-materials__selector{display:flex;position:absolute;bottom:0;width:100%;height:calc(var(--hsgm-u)*120);padding:calc(var(--hsgm-u)*36) 6.25%;background:rgba(255,255,255,.88)}
.hsgm-index-materials__tab{display:flex;align-items:flex-start;position:relative;flex:0 0 calc(var(--hsgm-u)*180);height:calc(var(--hsgm-u)*48);border:0;background:transparent;text-align:left;color:#142c43;font-size:calc(var(--hsgm-u)*24)!important;line-height:calc(var(--hsgm-u)*32)!important;color:#65788b;transition:flex-grow .5s}
.hsgm-index-materials__tab.is-active{flex-grow:1;color:#142c43}
.hsgm-index-materials__tab::before{content:attr(data-number);margin-right:calc(var(--hsgm-u)*18)}
.hsgm-index-materials__tab::after{content:'';position:absolute;top:calc(var(--hsgm-u)*40);left:0;width:100%;height:calc(var(--hsgm-u)*1);background:rgba(101,120,139,.25)}
.hsgm-index-materials__tab.is-active::after{height:calc(var(--hsgm-u)*3);background:#ef8035}

/* hsgm-index-events */
.hsgm-index-events{position:relative;height:calc(var(--hsgm-u)*1020);overflow:hidden;background:#142c43;color:#fff}
.hsgm-index-events__gallery{position:absolute;inset:0;width:100%;height:100%}
.hsgm-index-events__slide{position:relative;overflow:hidden}
.hsgm-index-events__slide img{position:absolute;top:-12.56%;left:0;width:100%;height:125.55%;max-width:none;object-fit:fill}
.hsgm-index-events__slide[data-category='1'] img{top:0;height:100%;object-fit:cover;object-position:center}
.hsgm-index-events__slide::after{content:'';position:absolute;inset:0;background:rgba(20,44,67,.24)}
.hsgm-index-events__slide[data-category="1"]::after{background:rgba(20,44,67,.35)}
.hsgm-index-events__title{position:absolute;top:calc(var(--hsgm-u)*80);left:6.25%;z-index:2;width:calc(var(--hsgm-u)*1400);font-size:calc(var(--hsgm-u)*56);font-weight:500;line-height:calc(var(--hsgm-u)*64);pointer-events:none}
.hsgm-index-events__title span{color:#ef8035}
.hsgm-index-events__previous,.hsgm-index-events__next{position:absolute;top:calc(var(--hsgm-u)*474);z-index:3;width:calc(var(--hsgm-u)*72);height:calc(var(--hsgm-u)*72);border:.0625rem solid #fff;border-radius:50%!important;background:transparent;transition:background .25s}
.hsgm-index-events__previous{left:4.375%}
.hsgm-index-events__next{right:4.375%}
.hsgm-index-events__previous::after,.hsgm-index-events__next::after{content:'';display:block;width:calc(var(--hsgm-u)*28);height:calc(var(--hsgm-u)*28);margin:auto;background:url('../images/index/figma/arrow-white.svg') center/contain no-repeat}
.hsgm-index-events__previous::after{transform:rotate(180deg)}
.hsgm-index-events__previous:hover,.hsgm-index-events__next:hover{background:rgba(255,255,255,.15)}
.hsgm-index-events__caption{position:absolute;z-index:2;top:calc(var(--hsgm-u)*873);left:6.25%;pointer-events:none}
.hsgm-index-events[data-event-view="runway"] .hsgm-index-events__caption{top:calc(var(--hsgm-u)*782);width:calc(var(--hsgm-u)*520);height:calc(var(--hsgm-u)*104);display:flex;flex-direction:column;justify-content:center}
.hsgm-index-events__caption>span{display:block;margin-bottom:calc(var(--hsgm-u)*12);font-size:calc(var(--hsgm-u)*16);font-weight:500;line-height:calc(var(--hsgm-u)*24);letter-spacing:calc(var(--hsgm-u)*1.2)}
.hsgm-index-events__caption p{font-size:calc(var(--hsgm-u)*28);line-height:calc(var(--hsgm-u)*38)}
.hsgm-index-events__categories{position:absolute;z-index:3;top:calc(var(--hsgm-u)*900);left:34.375%;display:flex;align-items:center;width:31.25%;height:calc(var(--hsgm-u)*72);border-radius:calc(var(--hsgm-u)*36);background:rgba(244,246,248,.7)}
.hsgm-index-events__categories::after{content:'';position:absolute;top:calc(var(--hsgm-u)*22);left:50%;width:.0625rem;height:calc(var(--hsgm-u)*28);background:rgba(20,44,67,.3)}
.hsgm-index-events__categories button{display:flex;align-items:center;justify-content:center;gap:calc(var(--hsgm-u)*12);width:50%;height:100%;border:0;color:#142c43;background:transparent;font-size:calc(var(--hsgm-u)*20);line-height:calc(var(--hsgm-u)*28)}
.hsgm-index-events__categories button::before{content:'';width:calc(var(--hsgm-u)*12);height:calc(var(--hsgm-u)*12);border-radius:50%;background:#65788b}
.hsgm-index-events__categories button.is-active::before{background:#ef8035}
.hsgm-index-events__counter{position:absolute;z-index:2;top:calc(var(--hsgm-u)*918);right:5.46875%;font-size:calc(var(--hsgm-u)*18);line-height:calc(var(--hsgm-u)*28)}
/* hsgm-index-customers */
.hsgm-index-customers{position:relative;height:calc(var(--hsgm-u)*720);background:#fff}
.hsgm-index-customers__heading{position:absolute;top:calc(var(--hsgm-u)*64);left:6.25%}
.hsgm-index-customers__title{font-size:calc(var(--hsgm-u)*56);font-weight:700;line-height:calc(var(--hsgm-u)*62)}
.hsgm-index-customers__title span{color:#ef8035}
.hsgm-index-customers__heading p{color:#65788b;margin-top:calc(var(--hsgm-u)*12);font-size:calc(var(--hsgm-u)*22);line-height:calc(var(--hsgm-u)*32)}
.hsgm-index-customers__carousel{position:absolute;top:calc(var(--hsgm-u)*220);left:6.25%;width:87.5%;height:calc(var(--hsgm-u)*460)}
.hsgm-index-customers__gallery{width:100%;height:calc(var(--hsgm-u)*372)}
.hsgm-index-customers__slide{display:flex;flex-direction:column;gap:calc(var(--hsgm-u)*76);padding:calc(var(--hsgm-u)*40);background:url('../images/index/figma/customer-label.svg') center/100% 100% no-repeat}
.hsgm-index-customers__row{display:flex;justify-content:center;align-items:center;gap:calc(var(--hsgm-u)*8);height:calc(var(--hsgm-u)*88);flex-shrink:0}
.hsgm-index-customers__logo{position:relative;display:flex;justify-content:center;align-items:center;flex:0 0 calc(var(--hsgm-u)*260);height:100%}
.hsgm-index-customers__logo+.hsgm-index-customers__logo::before{content:'';position:absolute;left:calc(var(--hsgm-u)*-4);top:0;width:.0625rem;height:100%;background:#e2e7ed}
.hsgm-index-customers__logo img{width:calc(var(--hsgm-u)*var(--logo-width));height:calc(var(--hsgm-u)*var(--logo-height));max-width:75%;max-height:75%;object-fit:contain;mix-blend-mode:multiply}
.hsgm-index-customers__controls{position:absolute;z-index:2;top:calc(var(--hsgm-u)*336);right:0;display:flex;gap:calc(var(--hsgm-u)*16)}
.hsgm-index-customers__previous,.hsgm-index-customers__next{display:grid;place-items:center;width:calc(var(--hsgm-u)*56);height:calc(var(--hsgm-u)*56);border-radius:50%!important;border:.0625rem solid #dce4ec;background:#fff;transition:transform .25s}
.hsgm-index-customers__next{background:#ef8035;border-color:#ef8035}
.hsgm-index-customers__previous::after,.hsgm-index-customers__next::after{content:'';width:calc(var(--hsgm-u)*20);height:calc(var(--hsgm-u)*20);background:center/contain no-repeat}
.hsgm-index-customers__previous::after{background-image:url('../images/index/figma/customer-prev.svg');transform:rotate(180deg)}
.hsgm-index-customers__next::after{background-image:url('../images/index/figma/customer-next.svg')}
.hsgm-index-customers__previous:hover,.hsgm-index-customers__next:hover{transform:translateY(-.1875rem)}
.hsgm-index-customers__pagination{position:absolute;top:calc(var(--hsgm-u)*420);left:0;display:flex;align-items:center;gap:calc(var(--hsgm-u)*24);height:calc(var(--hsgm-u)*24);color:#65788b;font-size:calc(var(--hsgm-u)*18);line-height:calc(var(--hsgm-u)*24)}
.hsgm-index-customers__pagination>span{width:calc(var(--hsgm-u)*78)}
.hsgm-index-customers__pagination strong{color:#ef8035;font-weight:500}
.hsgm-index-customers__track{width:calc(var(--hsgm-u)*288);height:calc(var(--hsgm-u)*2);background:#dce4ec}
.hsgm-index-customers__track>span{display:block;width:33.333333%;height:100%;background:#ef8035;transition:transform .5s}
/* hsgm-index-inquiry */
.hsgm-index-inquiry{position:relative;height:calc(var(--hsgm-u)*900);overflow:hidden;color:#fff;background:#223d53}
.hsgm-index-inquiry__background{position:absolute;top:0;left:0;width:100%;height:calc(var(--hsgm-u)*1020);max-width:none;object-fit:cover}
.hsgm-index-inquiry__copy{position:absolute;top:calc(var(--hsgm-u)*310);left:6.25%;width:calc(var(--hsgm-u)*760)}
.hsgm-index-inquiry__title{font-size:calc(var(--hsgm-u)*76);line-height:calc(var(--hsgm-u)*88);font-weight:500}
.hsgm-index-inquiry__title span{color:#ef8035}
.hsgm-index-inquiry__description{margin-top:calc(var(--hsgm-u)*32);font-size:calc(var(--hsgm-u)*28);line-height:calc(var(--hsgm-u)*42)}
.hsgm-index-inquiry__description::before{content:'';display:block;width:calc(var(--hsgm-u)*56);height:calc(var(--hsgm-u)*4);margin-bottom:calc(var(--hsgm-u)*25);background:#ef8035}
.hsgm-index-inquiry__form{display:flex;flex-direction:column;gap:calc(var(--hsgm-u)*24);position:absolute;top:calc(var(--hsgm-u)*90);right:6.25%;width:calc(var(--hsgm-u)*760);height:calc(var(--hsgm-u)*720);padding:calc(var(--hsgm-u)*48);background:#fff;color:#142c43;border:.0625rem solid #dce4ec}
.hsgm-index-inquiry__row{min-height:calc(var(--hsgm-u)*104);display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--hsgm-u)*24)}
.hsgm-index-inquiry__form label{display:flex;flex-direction:column;gap:calc(var(--hsgm-u)*8);min-width:0;font-weight:500;font-size:calc(var(--hsgm-u)*20);line-height:calc(var(--hsgm-u)*30)}
.hsgm-index-inquiry__form input,.hsgm-index-inquiry__form textarea{resize:none;width:100%;height:calc(var(--hsgm-u)*64);padding:calc(var(--hsgm-u)*16) calc(var(--hsgm-u)*24);border:.0625rem solid #dce4ec;border-radius:0;background:#fff;color:#142c43;font-family:inherit;font-size:calc(var(--hsgm-u)*18);line-height:calc(var(--hsgm-u)*28)}
.hsgm-index-inquiry__form>label{min-height:calc(var(--hsgm-u)*104)}
.hsgm-index-inquiry__form>label:has(textarea){min-height:calc(var(--hsgm-u)*208)}
.hsgm-index-inquiry__form textarea{height:calc(var(--hsgm-u)*168);resize:none}
.hsgm-index-inquiry__form textarea:placeholder-shown{padding-top:calc(var(--hsgm-u)*69)}
.hsgm-index-inquiry__form ::placeholder{color:#65788b;opacity:1}
.hsgm-index-inquiry__submit{display:flex;justify-content:center;align-items:center;flex-shrink:0;gap:calc(var(--hsgm-u)*16);width:100%;height:calc(var(--hsgm-u)*80);border:0;background:#142c43;color:#fff;font-size:calc(var(--hsgm-u)*22)!important;line-height:calc(var(--hsgm-u)*24)!important;transition:background .25s}
.hsgm-index-inquiry__submit::after{content:'';width:calc(var(--hsgm-u)*20);height:calc(var(--hsgm-u)*20);background:url('../images/index/figma/arrow-white.svg') center/contain no-repeat}
.hsgm-index-inquiry__submit:hover{background:#23445f}
.hsgm-index-inquiry__status{position:absolute;top:calc(100% + .5rem);left:0;width:100%;padding:.625rem 1rem;background:#fff;color:#142c43;font-size:.875rem;line-height:1.4}

/* hsgm-index-resources */
.hsgm-index-resources{position:relative;height:calc(var(--hsgm-u)*1020);overflow:hidden;background:#fff}
.hsgm-index-resources__copy{position:absolute;top:calc(var(--hsgm-u)*310.122);left:6.25%;width:calc(var(--hsgm-u)*540)}
.hsgm-index-resources__copy::before{content:'';display:block;width:calc(var(--hsgm-u)*80);height:calc(var(--hsgm-u)*4);margin-bottom:calc(var(--hsgm-u)*32);background:#ef8035}
.hsgm-index-resources__title{font-size:calc(var(--hsgm-u)*64);font-weight:700;line-height:calc(var(--hsgm-u)*72)}
.hsgm-index-resources__title span{color:#ef8035}
.hsgm-index-resources__description{margin-top:calc(var(--hsgm-u)*32);font-size:calc(var(--hsgm-u)*26);line-height:calc(var(--hsgm-u)*39)}
.hsgm-index-resources__button{display:flex;align-items:center;justify-content:center;gap:calc(var(--hsgm-u)*16);width:calc(var(--hsgm-u)*400);height:calc(var(--hsgm-u)*80);margin-top:calc(var(--hsgm-u)*32);border:0;background:#142c43;color:#fff;cursor:default;font-size:calc(var(--hsgm-u)*22)!important;line-height:calc(var(--hsgm-u)*24)!important}
.hsgm-index-resources__button::after{content:'';width:calc(var(--hsgm-u)*20);height:calc(var(--hsgm-u)*20);background:url('../images/index/figma/arrow-white.svg') center/contain no-repeat;transition:transform .25s}
@media (hover:hover) and (pointer:fine){.hsgm-index-resources__button:hover::after{transform:translateX(.25rem)}}
.hsgm-index-resources__book{position:absolute;padding:0;overflow:hidden;background:#f7f4ee;color:#142c43;border:.0625rem solid #dce4ec;box-shadow:0 calc(var(--hsgm-u)*16) calc(var(--hsgm-u)*32) rgba(20,44,67,.15);cursor:default;user-select:none;will-change:translate,box-shadow;text-align:left;transform-origin:0 0;transition:translate .35s var(--hsgm-ease),box-shadow .35s}
@media (hover:hover) and (pointer:fine){.hsgm-index-resources__book:hover{z-index:4;translate:0 calc(var(--hsgm-u)*-14);box-shadow:0 calc(var(--hsgm-u)*24) calc(var(--hsgm-u)*40) rgba(20,44,67,.2)}}
.hsgm-index-resources__book--profile{top:calc(var(--hsgm-u)*230.122);left:72.1354167%;width:calc(var(--hsgm-u)*410);height:calc(var(--hsgm-u)*620);transform:rotate(1deg);z-index:1}
.hsgm-index-resources__profile-title{position:absolute;top:calc(var(--hsgm-u)*40);left:calc(var(--hsgm-u)*32);width:calc(var(--hsgm-u)*346);font-size:calc(var(--hsgm-u)*16);line-height:calc(var(--hsgm-u)*24)}
.hsgm-index-resources__book--profile img{position:absolute;top:calc(var(--hsgm-u)*176);left:calc(var(--hsgm-u)*32);width:calc(var(--hsgm-u)*346);height:calc(var(--hsgm-u)*370);object-fit:cover}
.hsgm-index-resources__page{position:absolute;bottom:calc(var(--hsgm-u)*24);right:calc(var(--hsgm-u)*34);font-size:calc(var(--hsgm-u)*14);line-height:calc(var(--hsgm-u)*21)}
.hsgm-index-resources__book--garments{top:calc(var(--hsgm-u)*192.122);left:57.03125%;width:calc(var(--hsgm-u)*470);height:calc(var(--hsgm-u)*660);transform:rotate(-.5deg);z-index:2}
.hsgm-index-resources__garment-title{position:absolute;top:calc(var(--hsgm-u)*32);left:calc(var(--hsgm-u)*32);width:calc(var(--hsgm-u)*406);font-size:calc(var(--hsgm-u)*16);line-height:calc(var(--hsgm-u)*24)}
.hsgm-index-resources__book--garments img{position:absolute;top:calc(var(--hsgm-u)*116);left:calc(var(--hsgm-u)*32);width:calc(var(--hsgm-u)*406);height:calc(var(--hsgm-u)*480);object-fit:cover}
.hsgm-index-resources__book--fabrics{top:calc(var(--hsgm-u)*140);left:38.0208333%;width:calc(var(--hsgm-u)*580);height:calc(var(--hsgm-u)*730);transform:rotate(-1deg);z-index:3}
.hsgm-index-resources__brand{position:absolute;top:calc(var(--hsgm-u)*31);left:calc(var(--hsgm-u)*31);display:flex;justify-content:space-between;width:calc(var(--hsgm-u)*516);height:calc(var(--hsgm-u)*48)}
.hsgm-index-resources__brand strong{font-size:calc(var(--hsgm-u)*28);font-weight:500;line-height:calc(var(--hsgm-u)*42)}
.hsgm-index-resources__brand small{font-size:calc(var(--hsgm-u)*10);font-weight:400;line-height:calc(var(--hsgm-u)*15)}
.hsgm-index-resources__fabric-title{position:absolute;top:calc(var(--hsgm-u)*137);left:calc(var(--hsgm-u)*31);font-size:calc(var(--hsgm-u)*48);font-weight:400;line-height:calc(var(--hsgm-u)*54)}
.hsgm-index-resources__book--fabrics img{position:absolute;top:calc(var(--hsgm-u)*359);left:calc(var(--hsgm-u)*-59.2353);width:calc(var(--hsgm-u)*696.4706);height:calc(var(--hsgm-u)*370);max-width:none;object-fit:cover}
.hsgm-index-resources__edition{position:absolute;top:calc(var(--hsgm-u)*671);left:calc(var(--hsgm-u)*31);color:#fff;font-size:calc(var(--hsgm-u)*12);line-height:calc(var(--hsgm-u)*18);letter-spacing:calc(var(--hsgm-u)*1.2)}
/* hsgm-index-footer */
.hsgm-index-footer{color:#fff;background:#142c43}
.hsgm-index-footer__main{position:relative;height:calc(var(--hsgm-u)*1020)}
.hsgm-index-footer__intro{position:absolute;top:calc(var(--hsgm-u)*96);left:6.25%}
.hsgm-index-footer__title{font-size:calc(var(--hsgm-u)*56);font-weight:700;line-height:calc(var(--hsgm-u)*63)}
.hsgm-index-footer__title span{color:#d96e24}
.hsgm-index-footer__intro p{margin-top:calc(var(--hsgm-u)*16);font-size:calc(var(--hsgm-u)*26);line-height:calc(var(--hsgm-u)*39)}
.hsgm-index-footer__subscribe{display:flex;gap:calc(var(--hsgm-u)*24);position:absolute;top:calc(var(--hsgm-u)*300);left:6.25%;width:87.5%;height:calc(var(--hsgm-u)*80)}
.hsgm-index-footer__preferences{display:flex;flex:0 0 calc(var(--hsgm-u)*384);min-width:0;padding:0;border:0}
.hsgm-index-footer__preferences label{position:relative;width:50%;height:100%;cursor:pointer}
.hsgm-index-footer__preferences input{position:absolute;opacity:0;width:100%;height:100%}
.hsgm-index-footer__preferences span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:.0625rem solid #fff;font-size:calc(var(--hsgm-u)*22);line-height:calc(var(--hsgm-u)*24);transition:color .25s,background .25s}
.hsgm-index-footer__preferences input:checked+span{color:#142c43;background:#fff}
.hsgm-index-footer__preferences input:focus-visible+span{outline:.1875rem solid #ef8035;outline-offset:.25rem}
.hsgm-index-footer__email{flex:1;min-width:0}
.hsgm-index-footer__email input{width:100%;height:100%;border:0;border-radius:0;padding:calc(var(--hsgm-u)*24);background:#f7f4ee;color:#142c43;font:inherit;font-size:calc(var(--hsgm-u)*22);line-height:calc(var(--hsgm-u)*28)}
.hsgm-index-footer__email input::placeholder{color:#65788b;opacity:1}
.hsgm-index-footer__subscribe>button{flex:0 0 calc(var(--hsgm-u)*264);border:0;background:#ef8035;color:#fff;font-size:calc(var(--hsgm-u)*22);line-height:calc(var(--hsgm-u)*24);transition:background .25s}
.hsgm-index-footer__subscribe>button:hover{background:#d96e24}
.hsgm-index-footer__status{position:absolute;top:calc(100% + .5rem);left:0;font-size:.875rem}
.hsgm-index-footer__brand{display:flex;align-items:center;justify-content:center;position:absolute;top:calc(var(--hsgm-u)*510);left:6.25%;width:87.5%;height:calc(var(--hsgm-u)*88)}
.hsgm-index-footer__brand img{width:calc(var(--hsgm-u)*155);height:calc(var(--hsgm-u)*56);object-fit:contain}
.hsgm-index-footer__brand::before,.hsgm-index-footer__brand::after{content:'';position:absolute;top:calc(var(--hsgm-u)*40);width:25%;height:.0625rem;background:rgba(255,255,255,.45)}
.hsgm-index-footer__brand::before{left:0}
.hsgm-index-footer__brand::after{right:0}
.hsgm-index-footer__nav{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(var(--hsgm-u)*40);position:absolute;top:calc(var(--hsgm-u)*670);left:6.25%;width:87.5%}
.hsgm-index-footer__nav-title{margin-bottom:calc(var(--hsgm-u)*20);font-size:calc(var(--hsgm-u)*24);font-weight:700;line-height:calc(var(--hsgm-u)*36)}
.hsgm-index-footer__nav a{display:flex;align-items:center;height:calc(var(--hsgm-u)*48);margin-bottom:calc(var(--hsgm-u)*4);font-size:calc(var(--hsgm-u)*22);font-weight:500;line-height:calc(var(--hsgm-u)*24);transition:color .2s}
.hsgm-index-footer__nav a:hover{color:#ef8035}
.hsgm-index-footer__social{position:absolute;top:calc(var(--hsgm-u)*932);left:41.302083%;width:calc(var(--hsgm-u)*334);height:calc(var(--hsgm-u)*48)}
.hsgm-index-footer__social::before{content:'';position:absolute;inset:0;background:url('../images/index/figma/footer-social.png') center/contain no-repeat}
.hsgm-index-footer__sr-only{position:absolute;width:.0625rem;height:.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hsgm-index-footer__finale{display:flex;align-items:center;justify-content:center;position:relative;height:calc(var(--hsgm-u)*460);overflow:hidden}
.hsgm-index-footer__finale>img{position:absolute;inset:0;width:100%;height:calc(var(--hsgm-u)*600);max-width:none;object-fit:cover}
.hsgm-index-footer__finale::after{content:'';position:absolute;inset:0;background:rgba(20,44,67,.28)}
.hsgm-index-footer__statement{position:relative;z-index:1;width:87.5%;font-size:calc(var(--hsgm-u)*64);line-height:calc(var(--hsgm-u)*72);font-weight:500;text-align:center}
.hsgm-index-footer__statement span{color:#ef8035}
.hsgm-index-footer__legal{display:flex;justify-content:space-between;align-items:center;height:calc(var(--hsgm-u)*96);padding:calc(var(--hsgm-u)*24) 6.25%;background:#f7f4ee;color:#142c43;font-size:calc(var(--hsgm-u)*18);line-height:calc(var(--hsgm-u)*27)}
.hsgm-index-footer__legal>div{display:flex;justify-content:flex-end;gap:calc(var(--hsgm-u)*64);width:calc(var(--hsgm-u)*420)}
.hsgm-index-footer__legal button{width:calc(var(--hsgm-u)*120);background:transparent;color:inherit;border:0;text-align:left}
/* hsgm-index-viewer */
.hsgm-index-viewer{font-optical-sizing:auto;font-variation-settings:normal;max-width:min(70rem,92vw);max-height:92svh;padding:0;border:0;margin:auto;background:#f7f4ee;color:#142c43;font-family:var(--hsgm-ui);overflow:auto}
.hsgm-index-viewer::backdrop{background:rgba(9,23,36,.8);backdrop-filter:blur(.25rem)}
.hsgm-index-viewer__panel{position:relative;padding:2rem;min-width:min(26rem,90vw)}
.hsgm-index-viewer__close{position:absolute;top:.5rem;right:.75rem;z-index:5;width:2.5rem;height:2.5rem;background:#142c43;color:#fff;border:0;border-radius:50%;font-size:1.5rem!important}
.hsgm-index-viewer__title{margin:0 3rem 1.5rem 0;font-size:1.75rem;line-height:1.25;font-weight:500}
.hsgm-index-viewer__content video,.hsgm-index-viewer__content>img{display:block;width:100%;max-height:70svh;object-fit:contain}
.hsgm-index-viewer__content>.hsgm-index-resources__book{--hsgm-u:clamp(.02rem,calc((92vw - 4rem)/580),.0625rem);position:relative;inset:auto;margin:auto;translate:none;transform:none;cursor:default;max-width:100%}
.hsgm-index-viewer__content p{max-width:40rem;margin-top:1rem;font-size:1rem;line-height:1.6}

/* hsgm-index-responsive */
/* hsgm-index-desktop - scale the 1920px composition without scaling the document. */
@media (width > 48rem){
    .hsgm-index-header{--hsgm-u:min(.0520833333vw,.0625rem);max-width:110rem}
    .hsgm-index-company__photo img{object-fit:cover}
    .hsgm-index-events__slide img{object-fit:cover}
}

@media (48rem < width < 120rem){
    /* hsgm-index-header */
    .hsgm-index-header{width:calc(100% - var(--hsgm-u)*160);height:max(3.5rem,calc(var(--hsgm-u)*80));margin-top:max(.5rem,calc(var(--hsgm-u)*16))}
    .hsgm-index-header::after{bottom:calc(var(--hsgm-u)*-16)}
    .hsgm-index-header::before{top:calc(var(--hsgm-u)*-16);bottom:calc(var(--hsgm-u)*-16)}
    .hsgm-index-header__brand{width:max(7rem,calc(var(--hsgm-u)*155));height:auto;aspect-ratio:155/55.912}
    .hsgm-index-header__nav{gap:calc(var(--hsgm-u)*66)}
    .hsgm-index-header__nav a,.hsgm-index-header__language{font-size:max(.8125rem,calc(var(--hsgm-u)*20))}
    .hsgm-index-header__tools{gap:max(.75rem,calc(var(--hsgm-u)*32))}
    .hsgm-index-header__language{width:max(2.5rem,calc(var(--hsgm-u)*80))}
    /* hsgm-index-hero */
    .hsgm-index-hero{--hsgm-u:min(.0520833333vw,.0625rem)}
    .hsgm-index-hero__message{left:6.25%;right:auto;bottom:12%;width:70%}
    .hsgm-index-hero__title{font-size:clamp(2.5rem,4.583333vw,5.5rem)}
    .hsgm-index-hero__message-copy{max-width:none;font-size:max(1rem,calc(var(--hsgm-u)*26))}
    .hsgm-index-hero__story{right:5.833333%;bottom:max(2rem,calc(var(--hsgm-u)*52));gap:max(.75rem,calc(var(--hsgm-u)*20))}
    .hsgm-index-hero__story-button{width:max(3.5rem,calc(var(--hsgm-u)*100));height:auto;aspect-ratio:1}
    .hsgm-index-hero__story-label{width:auto;font-size:max(.875rem,calc(var(--hsgm-u)*20))}
}

/* hsgm-index-compact-desktop - preserve the content and visual order with readable controls. */
@media (48rem < width <= 75rem){
    /* hsgm-index-header */
    .hsgm-index-header{display:grid;grid-template-columns:8rem minmax(0,1fr) 6rem;gap:.75rem;padding:0}
    .hsgm-index-header__nav{display:flex;justify-content:space-between;gap:.5rem}
    .hsgm-index-header__language{display:block}
    .hsgm-index-header__menu{display:none}
    /* hsgm-index-company */
    .hsgm-index-company{min-height:27rem}
    .hsgm-index-company__copy{top:50%;width:35.416667%;transform:translateY(-50%)}
    .hsgm-index-company__title{font-size:max(2rem,calc(var(--hsgm-u)*68));line-height:1.08}
    .hsgm-index-company__description{width:100%;font-size:max(1rem,calc(var(--hsgm-u)*26));line-height:1.5}
    .hsgm-index-company__button{width:min(100%,21.25rem);height:max(2.75rem,calc(var(--hsgm-u)*72));font-size:1rem;line-height:1.4}
    .hsgm-index-company__button::after{width:1rem;height:1rem}
    /* hsgm-index-factory */
    .hsgm-index-factory{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:1.5rem 2rem;height:auto;padding:max(2rem,calc(var(--hsgm-u)*72)) 6.25% 1.5rem}
    .hsgm-index-factory__title{position:static;width:auto;font-size:max(2rem,calc(var(--hsgm-u)*64));line-height:1.08}
    .hsgm-index-factory__description{position:static;width:auto;font-size:1rem;line-height:1.5}
    .hsgm-index-factory__tabs{position:static;grid-column:1/-1;gap:2rem}
    .hsgm-index-factory__tab,.hsgm-index-factory__tab:last-child{width:auto;min-width:0;height:2.75rem;font-size:1rem!important;line-height:1.5!important}
    .hsgm-index-factory__tab::after{top:auto;bottom:0;width:100%;height:.125rem}
    .hsgm-index-factory__gallery{position:relative;inset:auto;grid-column:1/-1;width:100%;height:auto;min-width:0;min-height:14rem;aspect-ratio:1680/540}
    .hsgm-index-factory__slide>img{height:100%;margin:0}
    .hsgm-index-factory__caption{font-size:max(1rem,calc(var(--hsgm-u)*30));line-height:1.5}
    .hsgm-index-factory__play{width:max(2.75rem,calc(var(--hsgm-u)*80));height:max(2.75rem,calc(var(--hsgm-u)*80))}
    .hsgm-index-factory__controls{position:static;grid-column:1/-1;height:2.75rem;font-size:.875rem;line-height:1.4}
    .hsgm-index-factory__controls>span{width:4.5rem}
    .hsgm-index-factory__previous,.hsgm-index-factory__next{width:2.75rem;height:2.75rem}
    /* hsgm-index-materials */
    .hsgm-index-materials{min-height:32rem}
    .hsgm-index-materials__title{font-size:max(2rem,calc(var(--hsgm-u)*64));line-height:1.08}
    .hsgm-index-materials__copy{top:32%;width:45%}
    .hsgm-index-materials__name{font-size:max(3rem,calc(var(--hsgm-u)*120));line-height:1.1}
    .hsgm-index-materials__description{font-size:max(1rem,calc(var(--hsgm-u)*30));line-height:1.5}
    .hsgm-index-materials__links a{min-height:2.75rem;font-size:1rem;line-height:1.5}
    .hsgm-index-materials__detail{top:auto;bottom:6.5rem;height:auto;padding:.5rem}
    .hsgm-index-materials__detail figcaption{font-size:.75rem;line-height:1.5}
    .hsgm-index-materials__selector{height:5rem;padding:.875rem 6.25%;gap:1rem}
    .hsgm-index-materials__tab,.hsgm-index-materials__tab:last-child{height:2.75rem;flex-basis:6rem;font-size:1rem!important;line-height:1.5!important}
    .hsgm-index-materials__tab::after{top:auto;bottom:0;min-height:.0625rem}
    /* hsgm-index-events */
    .hsgm-index-events{min-height:30rem}
    .hsgm-index-events__title{font-size:max(1.75rem,calc(var(--hsgm-u)*56));line-height:1.15}
    .hsgm-index-events__previous,.hsgm-index-events__next{top:calc(50% - 1.375rem);width:max(2.75rem,calc(var(--hsgm-u)*72));height:max(2.75rem,calc(var(--hsgm-u)*72))}
    .hsgm-index-events__previous::after,.hsgm-index-events__next::after{width:1rem;height:1rem}
    .hsgm-index-events__caption,.hsgm-index-events[data-event-view="runway"] .hsgm-index-events__caption{top:auto;bottom:2rem;width:29%;height:auto}
    .hsgm-index-events__caption>span{font-size:.75rem;line-height:1.5}
    .hsgm-index-events__caption p{font-size:max(1rem,calc(var(--hsgm-u)*28));line-height:1.35}
    .hsgm-index-events__categories{top:auto;bottom:2rem;left:38%;width:42%;height:3rem}
    .hsgm-index-events__categories button{font-size:.875rem;line-height:1.5}
    .hsgm-index-events__categories::after{top:.75rem;height:1.5rem}
    .hsgm-index-events__counter{top:auto;bottom:2.75rem;font-size:.875rem;line-height:1.5}
    /* hsgm-index-customers */
    .hsgm-index-customers{min-height:24rem}
    .hsgm-index-customers__title{font-size:max(1.75rem,calc(var(--hsgm-u)*56));line-height:1.12}
    .hsgm-index-customers__heading p{font-size:1rem;line-height:1.5}
    .hsgm-index-customers__carousel{top:max(7rem,calc(var(--hsgm-u)*220));height:calc(100% - max(7rem,calc(var(--hsgm-u)*220)) - 1rem)}
    .hsgm-index-customers__controls{top:auto;bottom:2rem;gap:.75rem}
    .hsgm-index-customers__previous,.hsgm-index-customers__next{width:2.75rem;height:2.75rem}
    .hsgm-index-customers__previous::after,.hsgm-index-customers__next::after{width:1rem;height:1rem}
    .hsgm-index-customers__pagination{top:auto;bottom:0;height:1.5rem;font-size:.875rem;line-height:1.5}
    .hsgm-index-customers__pagination>span{width:3.5rem}
    /* hsgm-index-inquiry */
    .hsgm-index-inquiry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:2rem;height:auto;min-height:calc(var(--hsgm-u)*900);padding:3rem 6.25%}
    .hsgm-index-inquiry__background{height:100%}
    .hsgm-index-inquiry__copy{position:relative;inset:auto;width:auto}
    .hsgm-index-inquiry__title{font-size:max(2rem,calc(var(--hsgm-u)*76));line-height:1.15}
    .hsgm-index-inquiry__description{font-size:max(1rem,calc(var(--hsgm-u)*28));line-height:1.5}
    .hsgm-index-inquiry__form{position:relative;inset:auto;min-width:0;width:100%;height:auto;padding:1.25rem;gap:1rem}
    .hsgm-index-inquiry__row{min-height:0;gap:.75rem}
    .hsgm-index-inquiry__form label{gap:.375rem;font-size:.875rem;line-height:1.5}
    .hsgm-index-inquiry__form>label,.hsgm-index-inquiry__form>label:has(textarea){min-height:0}
    .hsgm-index-inquiry__form input,.hsgm-index-inquiry__form textarea{height:2.75rem;padding:.625rem .75rem;font-size:1rem;line-height:1.5}
    .hsgm-index-inquiry__form textarea{height:7rem}
    .hsgm-index-inquiry__form textarea:placeholder-shown{padding-top:.625rem}
    .hsgm-index-inquiry__submit{height:3rem;font-size:1rem!important;line-height:1.5!important}
    .hsgm-index-inquiry__status{position:static;padding:0}
    /* hsgm-index-resources */
    .hsgm-index-resources{min-height:27rem}
    .hsgm-index-resources__copy{top:50%;width:28.125%;transform:translateY(-50%)}
    .hsgm-index-resources__title{font-size:max(1.75rem,calc(var(--hsgm-u)*64));line-height:1.12}
    .hsgm-index-resources__description{font-size:1rem;line-height:1.5}
    .hsgm-index-resources__button{width:100%;height:max(2.75rem,calc(var(--hsgm-u)*80));font-size:1rem!important;line-height:1.5!important}
    /* hsgm-index-footer */
    .hsgm-index-footer__main{height:auto;padding:3rem 6.25% 2rem}
    .hsgm-index-footer__intro{position:static}
    .hsgm-index-footer__title{font-size:max(2rem,calc(var(--hsgm-u)*56));line-height:1.12}
    .hsgm-index-footer__intro p{font-size:1rem;line-height:1.5}
    .hsgm-index-footer__subscribe{position:relative;inset:auto;width:100%;height:3.5rem;margin-top:2rem;gap:1rem}
    .hsgm-index-footer__preferences{flex-basis:14rem}
    .hsgm-index-footer__preferences span{font-size:1rem;line-height:1.5}
    .hsgm-index-footer__email input{padding:.75rem;font-size:1rem;line-height:1.5}
    .hsgm-index-footer__subscribe>button{flex-basis:8rem;font-size:1rem;line-height:1.5}
    .hsgm-index-footer__brand{position:relative;inset:auto;width:100%;height:3.5rem;margin-top:3rem}
    .hsgm-index-footer__brand img{width:7rem;height:auto}
    .hsgm-index-footer__brand::before,.hsgm-index-footer__brand::after{top:50%}
    .hsgm-index-footer__nav{position:static;width:100%;gap:1rem;margin-top:2.5rem}
    .hsgm-index-footer__nav>div{min-width:0}
    .hsgm-index-footer__nav-title{font-size:1.125rem;line-height:1.5}
    .hsgm-index-footer__nav a{height:auto;min-height:2.75rem;font-size:1rem;line-height:1.5}
    .hsgm-index-footer__social{position:relative;inset:auto;width:14rem;height:2rem;margin:2rem auto 0}
    .hsgm-index-footer__legal{height:auto;min-height:3.5rem;font-size:.875rem;line-height:1.5}
    .hsgm-index-footer__legal>div{width:auto;gap:2rem}
    .hsgm-index-footer__legal button{width:auto;font-size:inherit}
}

@media(max-width:48rem){
.hsgm-index-content{--hsgm-u:.0625rem!important}
.hsgm-index-company{height:auto;display:flex;flex-direction:column}
.hsgm-index-company__copy{position:relative;inset:auto;width:auto;padding:4rem 1.5rem 3rem}
.hsgm-index-company__title{font-size:2.75rem;line-height:1.07;margin-bottom:1.5rem}
.hsgm-index-company__description{width:auto;font-size:1.125rem;line-height:1.6}
.hsgm-index-company__button{width:100%;max-width:21.25rem;height:3.75rem;margin-top:1.5rem;font-size:1.125rem}
.hsgm-index-company__photo{position:relative;inset:auto;width:100%;height:27rem}
.hsgm-index-company__photo img{left:0;width:100%;object-fit:cover}
.hsgm-index-factory{height:auto;padding:3.5rem 1.5rem 2rem}
.hsgm-index-factory__title{position:static;width:auto;font-size:2.5rem;line-height:1.08}
.hsgm-index-factory__description{position:static;width:auto;margin-top:1.5rem;font-size:1.125rem;line-height:1.6}
.hsgm-index-factory__tabs{position:static;gap:1.5rem;margin:2rem 0 2rem;overflow:auto}
.hsgm-index-factory__tab,.hsgm-index-factory__tab:last-child{min-width:max-content;width:auto;height:3rem;font-size:.9375rem!important;line-height:1.5rem!important}
.hsgm-index-factory__tab::after{top:auto;bottom:0;width:100%;height:.1875rem}
.hsgm-index-factory__gallery{position:relative;inset:auto;width:100%;height:21rem}
.hsgm-index-factory__slide>img{height:100%;margin:0;object-fit:cover}
.hsgm-index-factory__caption{left:1rem;bottom:1.5rem;max-width:70%;font-size:1.25rem;line-height:1.5}
.hsgm-index-factory__play{width:3rem;height:3rem;right:1rem;bottom:1.5rem}
.hsgm-index-factory__controls{position:static;margin-top:1rem}
.hsgm-index-materials{height:48rem}
.hsgm-index-materials__background img{object-position:45% top}
.hsgm-index-materials__title{top:2rem;left:1.5rem;width:calc(100% - 3rem);font-size:2.5rem;line-height:1.1}
.hsgm-index-materials__copy{top:12rem;left:1.5rem;width:calc(100% - 3rem)}
.hsgm-index-materials__name{font-size:4rem;line-height:1.1}
.hsgm-index-materials__description{max-width:16rem;font-size:1.125rem;line-height:1.5}
.hsgm-index-materials__links a{height:3rem;font-size:1rem}
.hsgm-index-materials__detail{width:8rem;height:10rem;top:auto;bottom:7rem;right:1.5rem;padding:.5rem}
.hsgm-index-materials__detail>div{height:7.5rem}
.hsgm-index-materials__detail figcaption{margin-top:.375rem;font-size:.75rem;line-height:1.25rem}
.hsgm-index-materials__selector{height:5.5rem;padding:1rem 1.5rem;gap:1rem}
.hsgm-index-materials__tab,.hsgm-index-materials__tab:last-child{flex:1;min-width:0;font-size:1rem!important}
.hsgm-index-materials__tab.is-active{flex-grow:2}
.hsgm-index-events{height:40rem}
.hsgm-index-events__title{top:2rem;left:1.5rem;width:calc(100% - 3rem);font-size:2.5rem;line-height:1.15}
.hsgm-index-events__slide img{inset:0;height:100%;object-fit:cover;object-position:48% center}
.hsgm-index-events__previous,.hsgm-index-events__next{top:17rem;width:3rem;height:3rem}
.hsgm-index-events__previous{left:1rem}
.hsgm-index-events__next{right:1rem}
.hsgm-index-events__caption,.hsgm-index-events[data-event-view="runway"] .hsgm-index-events__caption{top:auto;bottom:8rem;left:1.5rem;width:calc(100% - 3rem);height:auto}
.hsgm-index-events__caption>span{font-size:.75rem;line-height:1.5;margin-bottom:.5rem}
.hsgm-index-events__caption p{max-width:18rem;font-size:1.25rem;line-height:1.4}
.hsgm-index-events__categories{top:auto;bottom:2rem;left:1.5rem;width:calc(100% - 3rem);height:3.5rem;border-radius:2rem}
.hsgm-index-events__categories button{gap:.5rem;font-size:.875rem;line-height:1.5}
.hsgm-index-events__categories button::before{width:.5rem;height:.5rem}
.hsgm-index-events__categories::after{top:1rem;height:1.5rem}
.hsgm-index-events__counter{top:auto;bottom:6.75rem;right:1.5rem;font-size:.875rem}
.hsgm-index-customers{height:31rem;padding:3rem 1.5rem 2rem}
.hsgm-index-customers__heading{position:static}
.hsgm-index-customers__title{font-size:2rem;line-height:1.15}
.hsgm-index-customers__heading p{font-size:1rem;line-height:1.5;margin-top:.75rem}
.hsgm-index-customers__carousel{position:relative;inset:auto;width:100%;height:19rem;margin-top:2rem}
.hsgm-index-customers__gallery{height:14rem}
.hsgm-index-customers__slide{padding:1rem .75rem 1.5rem;gap:.75rem}
.hsgm-index-customers__row{display:grid;grid-template-columns:repeat(3,1fr);flex:1;height:auto;gap:.5rem}
.hsgm-index-customers__slide:last-child .hsgm-index-customers__row{grid-template-columns:repeat(2,1fr)}
.hsgm-index-customers__logo{min-width:0;height:2.125rem}
.hsgm-index-customers__logo img{width:auto;height:auto;max-width:88%;max-height:1.625rem}
.hsgm-index-customers__logo+.hsgm-index-customers__logo::before{display:none}
.hsgm-index-customers__controls{top:auto;bottom:1rem;gap:.75rem}
.hsgm-index-customers__previous,.hsgm-index-customers__next{width:2.75rem;height:2.75rem}
.hsgm-index-customers__pagination{top:auto;bottom:1.75rem;gap:1rem;font-size:.875rem}
.hsgm-index-customers__pagination>span{width:3.5rem}
.hsgm-index-customers__track{width:5rem}
.hsgm-index-inquiry{height:auto;padding:3.5rem 1.5rem}
.hsgm-index-inquiry__background{height:100%;object-fit:cover}
.hsgm-index-inquiry__copy{position:relative;inset:auto;width:auto}
.hsgm-index-inquiry__title{font-size:2.75rem;line-height:1.1}
.hsgm-index-inquiry__description{margin-top:1.5rem;font-size:1.125rem;line-height:1.5}
.hsgm-index-inquiry__description::before{margin-bottom:1.5rem}
.hsgm-index-inquiry__form{position:relative;inset:auto;width:100%;height:auto;padding:1.5rem;margin-top:2.5rem;gap:1.25rem}
.hsgm-index-inquiry__row{grid-template-columns:1fr;gap:1.25rem}
.hsgm-index-inquiry__form label{gap:.5rem;font-size:1rem;line-height:1.5}
.hsgm-index-inquiry__form input,.hsgm-index-inquiry__form textarea{height:3.5rem;padding:.875rem 1rem;font-size:1rem;line-height:1.5}
.hsgm-index-inquiry__form textarea{height:8rem;max-height:12rem}
.hsgm-index-inquiry__form textarea:placeholder-shown{padding-top:2.75rem}
.hsgm-index-inquiry__form>label,.hsgm-index-inquiry__form>label:has(textarea),.hsgm-index-inquiry__row{min-height:0}
.hsgm-index-inquiry__submit{height:3.5rem;font-size:1.125rem!important}
.hsgm-index-inquiry__status{position:static;padding:0}
.hsgm-index-resources{height:58rem;padding:3.5rem 1.5rem}
.hsgm-index-resources__copy{position:relative;inset:auto;width:auto}
.hsgm-index-resources__title{font-size:2.5rem;line-height:1.12}
.hsgm-index-resources__description{margin-top:1.5rem;font-size:1.125rem;line-height:1.5}
.hsgm-index-resources__button{width:100%;height:3.75rem;margin-top:1.5rem;font-size:1.125rem!important}
.hsgm-index-resources__book{--hsgm-u:clamp(.023rem,.123077vw,.03rem)}
.hsgm-index-resources__book--fabrics{top:30rem;left:5%}
.hsgm-index-resources__book--garments{top:31.5rem;left:35%}
.hsgm-index-resources__book--profile{top:33rem;left:44%}
.hsgm-index-footer__main{height:auto;padding:3.5rem 1.5rem 2.5rem}
.hsgm-index-footer__intro{position:static}
.hsgm-index-footer__title{font-size:2.5rem;line-height:1.12}
.hsgm-index-footer__intro p{font-size:1.125rem;line-height:1.5;margin-top:1rem}
.hsgm-index-footer__subscribe{position:relative;inset:auto;display:grid;grid-template-columns:1fr 7rem;gap:.875rem;width:100%;height:auto;margin-top:2rem}
.hsgm-index-footer__preferences{grid-column:1/-1;height:3.5rem}
.hsgm-index-footer__preferences span{font-size:1rem;line-height:1.5}
.hsgm-index-footer__email,.hsgm-index-footer__subscribe>button{height:3.5rem}
.hsgm-index-footer__email input{padding:1rem;font-size:1rem;line-height:1.5}
.hsgm-index-footer__subscribe>button{font-size:1rem;line-height:1.5}
.hsgm-index-footer__status{position:static;grid-column:1/-1}
.hsgm-index-footer__brand{position:relative;inset:auto;width:100%;height:4rem;margin-top:3.5rem}
.hsgm-index-footer__brand img{width:8rem;height:auto}
.hsgm-index-footer__brand::before,.hsgm-index-footer__brand::after{top:2rem;width:22%}
.hsgm-index-footer__nav{position:static;width:100%;grid-template-columns:repeat(2,1fr);gap:2rem 1rem;margin-top:3rem}
.hsgm-index-footer__nav-title{font-size:1.25rem;line-height:1.5;margin-bottom:.75rem}
.hsgm-index-footer__nav a{height:2.5rem;font-size:1rem;line-height:1.5;margin-bottom:0}
.hsgm-index-footer__social{position:relative;inset:auto;width:16rem;height:2.5rem;margin:2.5rem auto 0}
.hsgm-index-footer__finale{height:20rem}
.hsgm-index-footer__finale>img{height:100%;object-fit:cover}
.hsgm-index-footer__statement{font-size:2.25rem;line-height:1.2}
.hsgm-index-footer__legal{height:auto;min-height:6rem;gap:1rem;padding:1.5rem;font-size:.75rem;line-height:1.5}
.hsgm-index-footer__legal>div{width:auto;gap:1rem}
.hsgm-index-footer__legal button{width:auto}
.hsgm-index-viewer__panel{padding:1.5rem}
.hsgm-index-viewer__title{font-size:1.25rem}
}

@media (prefers-reduced-motion: reduce){
.hsgm-index-materials__background img,.hsgm-index-materials__tab{transition:none}
}

/* hsgm-index-hero-static - the second video is the default hero; scrolling remains native. */
body.hsgm-index-hero-static #hsgm-fullpage .hsgm-index-hero {
    position: relative;
    z-index: 1;
    height: 100vh;
    height: 100svh;
}

body.hsgm-index-hero-static .hsgm-index-hero__background {
    display: none;
}

body.hsgm-index-hero-static .hsgm-index-hero__banner {
    opacity: 1;
    clip-path: none;
    -webkit-clip-path: none;
}

body.hsgm-index-hero-static .hsgm-index-hero__banner .hsgm-index-video-layer__poster {
    opacity: 1;
}

body.hsgm-index-hero-static .hsgm-index-hero__banner .hsgm-index-video-layer__video {
    opacity: 0;
}

body.hsgm-index-hero-static .hsgm-index-hero__banner.is-playing .hsgm-index-video-layer__video {
    opacity: 1;
}

.hsgm-index-hero__video-play {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    width: 4.5rem;
    height: 4.5rem;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    background: rgba(20, 44, 67, 0.32);
    cursor: pointer;
    transform: translate(-50%, -50%);
    -webkit-tap-highlight-color: transparent;
}

.hsgm-index-hero__video-play[hidden] {
    display: none;
}

.hsgm-index-hero__video-play::before {
    position: absolute;
    top: 50%;
    left: 54%;
    width: 0;
    height: 0;
    border-top: 0.7rem solid transparent;
    border-bottom: 0.7rem solid transparent;
    border-left: 1rem solid #fff;
    content: '';
    transform: translate(-50%, -50%);
}

body.hsgm-index-hero-static .hsgm-index-hero__portal {
    display: none;
}

body.hsgm-index-hero-static .hsgm-index-hero__message,
body.hsgm-index-hero-static .hsgm-index-hero__story {
    opacity: 1;
    transform: none;
}

body.hsgm-index-hero-static .hsgm-index-hero__story {
    pointer-events: auto;
}

body.hsgm-index-hero-static .hsgm-index-hero__scroll-cue {
    display: flex;
    opacity: 1;
}

body.hsgm-index-hero-static .hsgm-index-hero__scroll-cue span {
    animation: none;
}

body.hsgm-index-hero-static .hsgm-index-header {
    color: var(--hsgm-white);
    transition: color 0.35s ease, transform 0.35s ease;
}

body.hsgm-index-hero-static .hsgm-index-header::before {
    opacity: 0;
    background: rgba(20, 44, 67, 0.94);
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    transition: opacity 0.35s ease;
}

body.hsgm-index-hero-static .hsgm-index-header::after {
    background: rgba(255, 255, 255, 0.3);
    transition: background 0.35s ease;
}

body.hsgm-index-hero-static .hsgm-index-header.is-scrolled::before {
    opacity: 1;
}

body.hsgm-index-hero-static .hsgm-index-header.is-scrolled::after {
    background: rgba(255, 255, 255, 0.16);
}