.section-hero{position:relative;display:flex;align-items:flex-end;min-height:38.75rem;overflow:hidden;background:var(--colour-mine-shaft)}.section-hero .media{position:absolute;top:0;right:0;bottom:0;left:0}.section-hero .media img,.section-hero .media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}.section-hero .loop{opacity:0;transition:opacity .9s ease 0s}.section-hero.is-playing .loop{opacity:1}.section-hero .shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,var(--colour-mine-shaft) 0%,rgba(35,35,35,.75) 38%,rgba(35,35,35,0) 70%)}.section-hero .stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;container-type:size;pointer-events:none}.section-hero .title{--hero-title-width: 55cqw;--hero-title-min-width: 13rem;--hero-title-max-width: 36rem;--hero-title-max-height: 40cqh;display:flex;justify-content:center;align-self:stretch;margin:0}.section-hero .title img{width:clamp(var(--hero-title-min-width),var(--hero-title-width),var(--hero-title-max-width));height:auto;max-height:var(--hero-title-max-height);object-fit:contain}.section-hero .content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;align-self:stretch;gap:1.5rem;padding-block:10rem 2rem}.section-hero .copy{--hero-copy-break: .75rem;display:flex;flex-direction:column;gap:.875rem;max-width:36rem}.section-hero .copy .title{margin-bottom:var(--hero-copy-break)}.section-hero .kicker{font-family:var(--spitfire-typography-cinematic-label-m-family);font-size:var(--spitfire-typography-cinematic-label-m-size);font-weight:var(--spitfire-typography-cinematic-label-m-weight);line-height:var(--spitfire-typography-cinematic-label-m-line-height);letter-spacing:var(--spitfire-typography-cinematic-label-m-letter-spacing);text-transform:var(--spitfire-typography-cinematic-label-m-text-transform);color:var(--colour-tan);margin:0}.section-hero .heading{font-family:var(--spitfire-typography-expressive-display-xl-family);font-size:var(--spitfire-typography-expressive-display-xl-size);font-weight:var(--spitfire-typography-expressive-display-xl-weight);line-height:var(--spitfire-typography-expressive-display-xl-line-height);letter-spacing:var(--spitfire-typography-expressive-display-xl-letter-spacing);color:var(--colour-white);max-width:15ch;margin:0;text-wrap:balance}.section-hero .text{font-family:var(--hero-text-family, var(--spitfire-typography-neutral-body-l-family));font-size:var(--hero-text-size, var(--spitfire-typography-neutral-body-l-size));font-weight:var(--hero-text-weight, var(--spitfire-typography-neutral-body-l-weight));line-height:var(--hero-text-line-height, var(--spitfire-typography-neutral-body-l-line-height));letter-spacing:var(--hero-text-letter-spacing, var(--spitfire-typography-neutral-body-l-letter-spacing));text-transform:var(--hero-text-transform, none);margin-block-end:var(--hero-text-paragraph-spacing, var(--spitfire-typography-neutral-body-l-paragraph-spacing));color:var(--colour-grey);margin:0}.section-hero .actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:var(--hero-copy-break)}.section-hero .actions:empty{display:none}.section-hero .actions .c-btn.main:hover,.section-hero .actions .c-btn.main:focus{filter:none}.section-hero .actions .c-btn.main.white:hover,.section-hero .actions .c-btn.main.white:focus{--btn-background: color-mix(in srgb, var(--colour-white) 88%, var(--colour-mine-shaft));--btn-foreground: var(--colour-mine-shaft);--btn-border-colour: var(--btn-background)}.section-hero .actions .c-btn.main.beige:hover,.section-hero .actions .c-btn.main.beige:focus{--btn-background: color-mix(in srgb, var(--colour-tan) 88%, var(--colour-mine-shaft));--btn-border-colour: var(--btn-background)}.section-hero .actions .c-btn.main.grey:hover,.section-hero .actions .c-btn.main.grey:focus{--btn-background: color-mix(in srgb, var(--colour-athens-grey) 88%, var(--colour-mine-shaft));--btn-foreground: var(--colour-mine-shaft);--btn-border-colour: var(--btn-background)}.section-hero .actions .c-btn.main.black:hover,.section-hero .actions .c-btn.main.black:focus{--btn-background: color-mix(in srgb, var(--colour-black) 85%, var(--colour-white));--btn-foreground: var(--colour-white);--btn-border-colour: var(--btn-background)}.section-hero .actions .c-btn.main.blue:hover,.section-hero .actions .c-btn.main.blue:focus{--btn-background: color-mix(in srgb, var(--colour-fun-blue) 85%, var(--colour-white));--btn-border-colour: var(--btn-background)}.section-hero .actions .c-btn.main.glass:hover,.section-hero .actions .c-btn.main.glass:focus{--btn-background: color-mix(in srgb, var(--colour-white) 12%, transparent);--btn-foreground: var(--colour-white);--btn-border-colour: var(--colour-white)}.section-hero .aside{display:flex;align-items:center;gap:1.5rem}.section-hero .caption{font-family:var(--spitfire-typography-neutral-body-m-family);font-size:var(--spitfire-typography-neutral-body-m-size);font-weight:var(--spitfire-typography-neutral-body-m-weight);line-height:var(--spitfire-typography-neutral-body-m-line-height);letter-spacing:var(--spitfire-typography-neutral-body-m-letter-spacing);margin-block-end:var(--spitfire-typography-neutral-body-m-paragraph-spacing);display:flex;align-items:center;gap:.75rem;color:var(--colour-silver-chalice);margin:0}.section-hero .caption:before{content:"";width:1.5rem;height:1px;background:currentColor}.section-hero .controls{position:absolute;top:1rem;right:1rem}.section-hero.centre .shade{background:radial-gradient(ellipse 45% 40% at 50% 50%,#23232373,#23232300),linear-gradient(0deg,#23232380,#23232300 25%)}.section-hero.centre .stage{z-index:2}.section-hero.centre .copy{align-items:center;max-width:none;padding-inline:var(--gutter);text-align:center;pointer-events:auto}.section-hero.centre .heading{margin-inline:auto}.section-hero.centre .text{max-width:24ch;text-wrap:balance}.section-hero.centre .actions{justify-content:center}.section-hero.centre .content{justify-content:flex-end}@media(min-width:768px){.section-hero{min-height:clamp(37.5rem,calc(100svh - var(--nav-height)),60rem)}.section-hero .shade{background:linear-gradient(0deg,#232323e6,#23232359,#23232300 80%),linear-gradient(90deg,#23232399,#23232300 60%)}.section-hero .title{--hero-title-width: 40cqw}.section-hero .content{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:4rem;padding-bottom:3.5rem}.section-hero .aside{flex-shrink:0}.section-hero .controls{position:static}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-hero.css.map */