.reference-hero{display:block;position:relative;isolation:isolate;margin-block:var(--hero-margin-top) var(--hero-margin-bottom);background:var(--hero-bg);color:var(--hero-text);font-family:var(--hero-font);font-weight:var(--hero-weight)}.reference-hero [hidden]{display:none!important}.reference-hero__stage{position:relative;min-height:var(--hero-height);display:grid}.reference-hero[data-has-media=false] .reference-hero__media,.reference-hero[data-has-media=false] .reference-hero__veil{display:none}.reference-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-2}.reference-hero__frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity var(--hero-transition) ease,visibility var(--hero-transition) ease}.reference-hero__frame.is-active{opacity:1;visibility:visible}.reference-hero__frame picture{display:block;width:100%;height:100%}.reference-hero__frame img,.reference-hero__frame video{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hero-image-x) var(--hero-image-y)}.reference-hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--hero-overlay);opacity:var(--hero-overlay-opacity);pointer-events:none}.reference-hero__container{width:min(100%,var(--hero-max-width));margin-inline:auto;padding:var(--hero-padding-top) clamp(24px,9.3vw,150px) var(--hero-padding-bottom);display:flex;justify-content:var(--hero-align-x);align-items:var(--hero-align-y)}.reference-hero__content{width:min(100%,var(--hero-content-width));min-width:0;text-align:var(--hero-text-align)}.reference-hero__eyebrow{margin:0 0 18px;color:var(--hero-muted);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.reference-hero__heading{margin:0;color:var(--hero-text);font-size:clamp(36px,4.85vw,var(--hero-heading-size));font-weight:750;line-height:1.17;letter-spacing:-.04em;overflow-wrap:anywhere;text-wrap:balance}.reference-hero__line{display:block}.reference-hero__accent{text-decoration:underline;text-decoration-color:var(--hero-accent);text-decoration-thickness:.055em;text-underline-offset:.13em}.reference-hero__outline{color:var(--hero-outline)}@supports (-webkit-text-stroke: 1px white){.reference-hero[data-outline=true] .reference-hero__outline{color:transparent;-webkit-text-stroke:1px var(--hero-outline)}}.reference-hero__description{margin-top:18px;max-width:440px;font-size:var(--hero-body-size);line-height:1.65;color:var(--hero-muted);overflow-wrap:anywhere}.reference-hero__description p{margin:0}.reference-hero__description p+p{margin-top:12px}.reference-hero__description a{color:inherit;text-underline-offset:3px}.reference-hero__content[data-align=center] .reference-hero__description{margin-inline:auto}.reference-hero__content[data-align=right] .reference-hero__description{margin-left:auto}.reference-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;max-width:100%;margin-top:28px;padding:12px 24px;border:1px solid var(--hero-button-border);border-radius:var(--hero-radius);background:var(--hero-button-bg);color:var(--hero-button-text);font-size:13px;font-weight:650;line-height:1.4;text-decoration:none;text-align:center;overflow-wrap:anywhere;transition:transform .2s ease,box-shadow .2s ease}.reference-hero__button svg,.reference-hero__button img{width:16px;height:16px;flex:0 0 16px;object-fit:contain}.reference-hero__button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0002}.reference-hero a:focus-visible,.reference-hero button:focus-visible,.reference-hero video:focus-visible{outline:3px solid var(--hero-text);outline-offset:5px}.reference-hero__stats{display:grid;grid-template-columns:repeat(var(--hero-stat-count),minmax(0,1fr));margin:72px 0 0;gap:22px}.reference-hero__stat{min-width:0;text-align:center;display:flex;flex-direction:column}.reference-hero__stat dt{margin-top:10px;color:var(--hero-muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.reference-hero__stat dd{order:-1;margin:0;color:var(--hero-text);font-size:clamp(24px,3vw,46px);font-weight:600;line-height:1.1;overflow-wrap:anywhere}.reference-hero__controls{position:absolute;inset-inline-end:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:2}.reference-hero__control{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--hero-button-border);border-radius:50%;background:var(--hero-button-bg);color:var(--hero-button-text);cursor:pointer}.reference-hero__control svg{width:18px;height:18px}.reference-hero__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.reference-hero[data-motion=true] .reference-hero__content{animation:hero-content-enter .65s ease both}.reference-hero[data-motion=false] *,.reference-hero[data-motion=false] *:before{animation:none!important;transition:none!important}.reference-hero[data-media-kind=video] .reference-hero__media{position:relative;z-index:0;min-height:360px;grid-column:2}.reference-hero[data-media-kind=video] .reference-hero__stage{grid-template-columns:1fr 1fr}.reference-hero[data-media-kind=video] .reference-hero__container{grid-column:1;grid-row:1;padding-inline:clamp(24px,5vw,80px)}.reference-hero[data-media-kind=video] .reference-hero__veil{display:none}@keyframes hero-content-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.reference-hero__container{padding-inline:120px}}@media(min-width:750px)and (max-width:1023px){.reference-hero__container{padding-inline:6vw}.reference-hero__content{max-width:52%}.reference-hero__heading{font-size:clamp(36px,4.8vw,50px)}.reference-hero__stats{gap:12px;margin-top:48px}.reference-hero__controls{inset-inline-end:12px}.reference-hero[data-media-kind=video] .reference-hero__content{max-width:100%}}@media(max-width:749px){.reference-hero__stage{min-height:var(--hero-mobile-height)}.reference-hero__container{padding:var(--hero-mobile-padding-top) 24px var(--hero-mobile-padding-bottom);justify-content:var(--hero-mobile-align-x);align-items:var(--hero-mobile-align-y)}.reference-hero__content{width:100%;text-align:var(--hero-mobile-text-align)}.reference-hero__heading{font-size:clamp(30px,9.4vw,var(--hero-mobile-heading-size))}.reference-hero__description{font-size:var(--hero-mobile-body-size)}.reference-hero__content[data-mobile-align=left] .reference-hero__description{margin-inline:0 auto}.reference-hero__content[data-mobile-align=center] .reference-hero__description{margin-inline:auto}.reference-hero__content[data-mobile-align=right] .reference-hero__description{margin-inline:auto 0}.reference-hero__frame img,.reference-hero__frame video{object-position:var(--hero-mobile-image-x) var(--hero-mobile-image-y)}.reference-hero[data-mobile-layout=stacked] .reference-hero__stage{grid-template-rows:minmax(var(--hero-mobile-height),auto) var(--hero-mobile-image-height)}.reference-hero[data-mobile-layout=stacked] .reference-hero__media{position:relative;grid-row:2;z-index:0}.reference-hero[data-mobile-layout=stacked] .reference-hero__container{grid-row:1}.reference-hero[data-has-media=false] .reference-hero__stage{grid-template-rows:minmax(var(--hero-mobile-height),auto)}.reference-hero[data-mobile-layout=stacked] .reference-hero__veil{top:auto;height:var(--hero-mobile-image-height);z-index:1}.reference-hero__stats{margin-top:40px;gap:14px}.reference-hero__stat dd{font-size:30px}.reference-hero__stat dt{font-size:10px}.reference-hero__controls{top:auto;bottom:18px;inset-inline-end:18px;transform:none;flex-direction:row}.reference-hero[data-media-kind=video] .reference-hero__stage{grid-template-columns:1fr;grid-template-rows:minmax(var(--hero-mobile-height),auto) var(--hero-mobile-image-height)}.reference-hero[data-media-kind=video] .reference-hero__media{grid-column:1;grid-row:2;min-height:0}}@media(prefers-reduced-motion:reduce){.reference-hero *,.reference-hero *:before{animation:none!important;transition:none!important}.reference-hero__button:hover{transform:none}}@media(min-width:750px){.reference-hero[data-sillque-art=true] .reference-hero__stage{min-height:clamp(620px,50vw,960px)}.reference-hero[data-sillque-art=true] .reference-hero__container{padding-inline:clamp(24px,5vw,90px)}.reference-hero[data-sillque-art=true] .reference-hero__content{width:min(40%,500px)}.reference-hero[data-sillque-art=true] .reference-hero__heading{font-size:clamp(34px,4vw,var(--hero-heading-size))}}@media(min-width:750px)and (max-width:1100px){.reference-hero[data-sillque-art=true] .reference-hero__stage{min-height:66.6667vw}.reference-hero[data-sillque-art=true] .reference-hero__container{padding-block:40px}.reference-hero[data-sillque-art=true] .reference-hero__heading{font-size:clamp(30px,4vw,44px)}.reference-hero[data-sillque-art=true] .reference-hero__description{font-size:14px}}@media(max-width:749px){.reference-hero[data-sillque-art=true][data-mobile-layout=stacked] .reference-hero__stage{grid-template-rows:auto auto}.reference-hero[data-sillque-art=true][data-mobile-layout=stacked] .reference-hero__media{aspect-ratio:1122/1402;width:100%}.reference-hero[data-sillque-art=true][data-mobile-layout=stacked] .reference-hero__frame img{object-fit:contain}.reference-hero[data-sillque-art=true] .reference-hero__container{padding-block:36px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/reference-hero.css.map */