.g-hero{padding-top:calc(var(--g-hero-pt, 16px) * .75);padding-bottom:calc(var(--g-hero-pb, 32px) * .75)}.g-hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--g-hero-gap, 16px)}.g-hero__main,.g-hero__spotlight{position:relative;border-radius:var(--g-hero-radius, 12px);overflow:hidden;min-width:0;display:flex;flex-direction:column;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.g-hero__media{position:relative;overflow:hidden;background:rgba(var(--color-foreground),.06)}.g-hero-media{display:block;width:100%;height:100%}.g-hero-media img,.g-hero-media__poster,.g-hero-media__video,.g-hero-media .g-placeholder__svg{display:block;width:100%;height:100%;object-fit:cover}.g-hero-media--video{position:relative}.g-hero-media__video{position:absolute;top:0;right:0;bottom:0;left:0}.g-hero-media.g-placeholder{min-height:100%}.g-hero-media__toggle{position:absolute;right:1.2rem;bottom:1.2rem;z-index:3}.g-hero-media__toggle .g-icon--play,.g-hero-media__toggle.is-paused .g-icon--pause{display:none}.g-hero-media__toggle.is-paused .g-icon--play{display:block}.g-hero__media-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.g-hero__media-link:focus-visible{outline:.3rem solid rgb(var(--color-foreground));outline-offset:-.5rem}.g-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;padding:2.4rem 2rem 2.8rem}.g-hero__main--align-center .g-hero__content{align-items:center;text-align:center}.g-hero__heading{margin:0;font-size:clamp(3rem,7.5vw,5.6rem);line-height:1.05;color:inherit}.g-hero__text{margin:0;font-size:1.6rem;max-width:52ch}.g-hero__text p{margin:0}.g-hero__button{margin-top:.4rem}.g-hero--m-h-square .g-hero__main .g-hero__media{aspect-ratio:1 / 1}.g-hero--m-h-portrait .g-hero__main .g-hero__media{aspect-ratio:4 / 5}.g-hero--m-h-landscape .g-hero__main .g-hero__media{aspect-ratio:4 / 3}.g-hero--m-h-adapt .g-hero__main .g-hero__media .g-hero-media__video{position:static}@media screen and (max-width:749px){.g-hero__main--m-overlay .g-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--g-hero-overlay, .3));pointer-events:none;z-index:1}.g-hero__main--m-overlay .g-hero__content{position:absolute;inset:auto 0 0 0;color:#fff;pointer-events:none}.g-hero__main--m-overlay .g-hero__content .button,.g-hero__main--m-overlay .g-hero__content a{pointer-events:auto}.g-hero__main--m-overlay .g-hero__content .g-eyebrow{color:#ffffffe6}.g-hero--m-spotlight_first .g-hero__spotlight{order:-1}.g-hero--m-single.g-hero--m-single-main .g-hero__spotlight,.g-hero--m-single.g-hero--m-single-spotlight .g-hero__main,.g-hero--m-no-spot .g-hero__spotlight,.g-hero--m-no-media .g-hero__main .g-hero__media,.g-hero--m-no-heading .g-hero__heading,.g-hero--m-no-text .g-hero__text,.g-hero--m-no-button .g-hero__button{display:none}.g-hero--m-no-media .g-hero__main--m-overlay .g-hero__content{position:relative;color:inherit}}.g-hero__spot-media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:rgba(var(--color-foreground),.05)}.g-hero__spot-media img,.g-hero__spot-media .g-placeholder__svg{width:100%;height:100%;object-fit:cover;display:block}.g-hero__spot-media-link{position:absolute;top:0;right:0;bottom:0;left:0}.g-hero__spot-body{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding:1.8rem 2rem 2.2rem}.g-hero__spot-body .g-eyebrow{margin:0}.g-hero__spot-title{margin:0;font-family:var(--font-heading-family)}.g-hero__spot-title a{color:inherit;text-decoration:none}.g-hero__spot-title a:hover{text-decoration:underline;text-underline-offset:.3rem}.g-hero__spot-hint{margin:0;font-size:1.4rem;color:rgba(var(--color-foreground),.7)}@media screen and (min-width:750px){.g-hero{padding-top:var(--g-hero-pt, 16px);padding-bottom:var(--g-hero-pb, 32px);--g-hero-min: 48rem}.g-hero--d-h-small{--g-hero-min: 36rem}.g-hero--d-h-medium{--g-hero-min: clamp(44rem, 58vh, 64rem)}.g-hero--d-h-large{--g-hero-min: clamp(52rem, 76vh, 84rem)}.g-hero--d-h-adapt{--g-hero-min: 0px}.g-hero--d-split:not(.g-hero--no-spot):not(.g-hero--d-no-spot) .g-hero__grid{grid-template-columns:var(--g-hero-split, 70fr) var(--g-hero-spot, 30fr)}.g-hero--d-spotlight_first .g-hero__spotlight{order:-1}.g-hero--d-full .g-hero__spotlight,.g-hero--d-no-spot .g-hero__spotlight,.g-hero--d-no-media .g-hero__main .g-hero__media,.g-hero--d-no-heading .g-hero__heading,.g-hero--d-no-text .g-hero__text,.g-hero--d-no-button .g-hero__button{display:none}.g-hero__main{min-height:var(--g-hero-min)}.g-hero__main--beside{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.g-hero__main--beside .g-hero__content{grid-column:1;grid-row:1;justify-content:center;padding:4rem}.g-hero__main--beside .g-hero__media{grid-column:2;grid-row:1;aspect-ratio:auto;min-height:var(--g-hero-min)}.g-hero__main--beside.g-hero__main--no-content,.g-hero--d-no-media .g-hero__main--beside{grid-template-columns:minmax(0,1fr)}.g-hero__main--beside.g-hero__main--no-content .g-hero__media{grid-column:1}.g-hero__main--overlay .g-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.g-hero__main--overlay .g-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,var(--g-hero-overlay, .3)),rgba(0,0,0,calc(var(--g-hero-overlay, .3) * .4)));pointer-events:none;z-index:1}.g-hero__main--overlay{justify-content:flex-end}.g-hero__main--overlay .g-hero__content{color:#fff;padding:4.8rem;pointer-events:none;max-width:72rem}.g-hero__main--overlay .g-hero__content .button,.g-hero__main--overlay .g-hero__content a{pointer-events:auto}.g-hero__main--overlay .g-hero__content .g-eyebrow{color:#ffffffe6}.g-hero--d-no-media .g-hero__main--overlay .g-hero__content{color:inherit}.g-hero--d-h-adapt .g-hero__main--overlay .g-hero__media{position:relative}.g-hero--d-h-adapt .g-hero__main--overlay .g-hero__content{position:absolute;inset:auto 0 0 0}.g-hero__main--overlay.g-hero__main--align-center{justify-content:center;align-items:center}.g-hero--m-h-square .g-hero__main .g-hero__media,.g-hero--m-h-portrait .g-hero__main .g-hero__media,.g-hero--m-h-landscape .g-hero__main .g-hero__media,.g-hero--d-h-adapt .g-hero__main .g-hero__media{aspect-ratio:auto}.g-hero__spotlight{min-height:var(--g-hero-min)}.g-hero__spot-media{flex:1;aspect-ratio:auto;min-height:22rem}.g-hero__spot-body{padding:2.4rem}}@media screen and (min-width:750px)and (max-width:989px){.g-hero__main--beside{grid-template-columns:minmax(0,1fr)}.g-hero__main--beside .g-hero__media{grid-column:1;grid-row:1;min-height:32rem}.g-hero__main--beside .g-hero__content{grid-row:2;padding:2.8rem}}.g-hero--no-main.g-hero--d-split:not(.g-hero--no-spot):not(.g-hero--d-no-spot) .g-hero__grid{grid-template-columns:minmax(0,1fr)}.g-hero--w-full .g-hero__grid.g-container{max-width:none;padding-left:0;padding-right:0}@media screen and (max-width:749px){.g-hero--m-h-compact .g-hero__main .g-hero__media,.g-hero--m-h-compact.g-hero--spot-overlay .g-hero__spotlight{min-height:28rem}.g-hero--m-h-compact .g-hero__main--m-overlay .g-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0}.g-hero--m-h-compact .g-hero__main--m-overlay{min-height:28rem}.g-hero--ov-dark .g-hero__main--m-overlay .g-hero__content,.g-hero--ov-dark .g-hero__main--m-overlay .g-hero__content .g-eyebrow{color:inherit}.g-hero--ov-dark .g-hero__main--m-overlay .g-hero__media:after{background:rgba(255,255,255,var(--g-hero-overlay, .3))}.g-hero--ov-pos-top .g-hero__main--m-overlay .g-hero__content{inset:0 0 auto 0}.g-hero--ov-pos-center .g-hero__main--m-overlay .g-hero__content{top:0;right:0;bottom:0;left:0;justify-content:center}}@media screen and (min-width:750px){.g-hero--d-h-compact{--g-hero-min: 33rem}.g-hero--ov-dark .g-hero__main--overlay .g-hero__content,.g-hero--ov-dark .g-hero__main--overlay .g-hero__content .g-eyebrow{color:inherit}.g-hero--ov-dark .g-hero__main--overlay .g-hero__media:after{background:rgba(255,255,255,var(--g-hero-overlay, .3))}.g-hero--ov-pos-top .g-hero__main--overlay{justify-content:flex-start}.g-hero--ov-pos-center .g-hero__main--overlay{justify-content:center}.g-hero__main--overlay .g-hero__content{padding:4.8rem 5.6rem;max-width:59.2rem}}.g-hero--d-h-compact .g-hero__content,.g-hero--m-h-compact .g-hero__content{gap:1.4rem;padding:4.8rem 5.6rem}.g-hero--d-h-compact .g-hero__heading,.g-hero--m-h-compact .g-hero__heading{font-size:clamp(2.8rem,3.2vw,3.8rem);line-height:1.15}.g-hero--d-h-compact .g-hero__text,.g-hero--m-h-compact .g-hero__text{max-width:40rem;font-size:1.4rem;line-height:1.5}.g-hero--ov-dark .g-hero__text{color:var(--g-text-2)}.g-hero--d-h-compact .g-hero__button,.g-hero--m-h-compact .g-hero__button{margin-top:1.4rem}.g-hero--btn-square .g-hero__button,.g-hero--btn-square .g-hero__spot-button{--buttons-radius-outset: 3px;border-radius:3px;min-width:0;font-size:1.3rem;font-weight:600;letter-spacing:.02em}.g-hero--btn-square .g-hero__button{min-height:4.2rem;padding:0 2.6rem}.g-hero--btn-square .g-hero__spot-button{min-height:3.6rem;padding:0 2rem;font-size:1.2rem}.g-hero--btn-square .g-hero__button:after,.g-hero--btn-square .g-hero__button:before,.g-hero--btn-square .g-hero__spot-button:after,.g-hero--btn-square .g-hero__spot-button:before{border-radius:3px}.g-hero--spot-overlay .g-hero__spotlight{justify-content:flex-end}.g-hero--spot-overlay .g-hero__spot-media{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto;min-height:0;flex:none;background:transparent}.g-hero--spot-overlay .g-hero__spot-body{position:static;padding:3.2rem;gap:.8rem}.g-hero--spot-overlay .g-hero__spot-body>*{position:relative;z-index:1}.g-hero--spot-overlay .g-hero__spot-body>.g-eyebrow{position:absolute;top:2rem;left:2rem;z-index:2;margin:0;padding:.6rem 1.2rem;border-radius:3px;background:var(--g-accent);color:#fff;font-size:1rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.g-hero--spot-overlay .g-hero__spot-title{font-size:1.9rem;font-weight:var(--g-heading-weight)}.g-hero--spot-overlay .g-hero__spot-price,.g-hero--spot-overlay .g-hero__spot-price .price{font-size:1.3rem;color:var(--g-muted-2)}.g-hero--spot-overlay .g-hero__spot-button{margin-top:1.2rem}@media screen and (min-width:750px){.g-hero--spot-overlay .g-hero__spot-media{min-height:0}}.g-hero__media,.g-hero__spot-media,.g-hero .g-placeholder{background:transparent}@media screen and (max-width:989px){.g-hero--btn-square .g-hero__button,.g-hero--btn-square .g-hero__spot-button{min-height:var(--g-tap)}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/glimot-hero.css.map */
