.spk-hero{position:relative;display:block;width:100%;height:100svh;min-height:560px;overflow:hidden;background-color:var(--spk-ink)}.spk-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;transition:opacity 1.2s var(--spk-ease)}.spk-hero__slide[data-active]{z-index:10;opacity:1}.spk-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}.spk-hero__video[data-playing]{opacity:1}.spk-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;--spk-shade-direction: to top}.spk-hero__overlay--from-top{--spk-shade-direction: to bottom}.spk-hero__overlay--light{background-image:linear-gradient(var(--spk-shade-direction),rgb(0 0 0 / .35),rgb(0 0 0 / .05),transparent)}.spk-hero__overlay--medium{background-image:linear-gradient(var(--spk-shade-direction),rgb(0 0 0 / .55),rgb(0 0 0 / .15),transparent)}.spk-hero__overlay--strong{background-image:linear-gradient(var(--spk-shade-direction),rgb(0 0 0 / .7),rgb(0 0 0 / .3),rgb(0 0 0 / .1))}.spk-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;max-width:var(--spk-max-width);margin-inline:auto;padding-inline:24px}.spk-hero__content--light{color:#fff}.spk-hero__content--dark{color:var(--spk-ink)}.spk-hero__content--left{align-items:flex-start;text-align:left}.spk-hero__content--center{align-items:center;text-align:center}.spk-hero__content--right{align-items:flex-end;text-align:right}.spk-hero__anchor{flex-shrink:0;flex-basis:var(--spk-anchor-mobile, 50%)}.spk-hero__text{max-width:36rem;opacity:0;transform:translateY(12px);transition:opacity 1s var(--spk-ease),transform 1s var(--spk-ease)}.spk-hero__slide[data-active] .spk-hero__text{opacity:1;transform:none;transition-delay:.3s}.spk-hero__text--shadow{text-shadow:0 1px 3px rgb(0 0 0 / .45),0 0 18px rgb(0 0 0 / .35)}.spk-hero__text--backdrop{position:relative;isolation:isolate}.spk-hero__backdrop{position:absolute;top:-80px;right:24px;bottom:-80px;left:-64px;z-index:-1;background-image:radial-gradient(closest-side,rgb(0 0 0 / .8),rgb(0 0 0 / .7) 35%,rgb(0 0 0 / .48) 62%,rgb(0 0 0 / .18) 82%,transparent);filter:blur(40px);pointer-events:none}.spk-scope .spk-hero__eyebrow{margin-bottom:16px;font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase}.spk-hero__content--light .spk-hero__eyebrow{color:#ffffffe6}.spk-hero__content--dark .spk-hero__eyebrow{color:#1b1916bf}.spk-hero__headline{font-family:var(--spk-font-display);font-size:2.5rem;font-weight:400;line-height:1.04;letter-spacing:-.01em;text-wrap:balance}.spk-hero__headline--strong{-webkit-text-stroke:.022em currentColor;paint-order:stroke fill}.spk-scope .spk-hero__description{margin-top:12px;font-size:15px;line-height:1.625}.spk-hero__content--light .spk-hero__description{color:#ffffffd9}.spk-hero__content--dark .spk-hero__description{color:#1b1916bf}.spk-scope .spk-hero__cta{display:inline-flex;align-items:center;height:44px;padding-inline:24px;border:1px solid;font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;transition:color .5s var(--spk-ease),background-color .5s var(--spk-ease),border-color .5s var(--spk-ease)}.spk-hero__cta--spaced{margin-top:28px}.spk-hero__content--light .spk-hero__cta{border-color:#ffffffb3}.spk-hero__content--light .spk-hero__cta:hover{border-color:#fff;background-color:#fff;color:var(--spk-ink)}.spk-hero__content--dark .spk-hero__cta{border-color:#1b191699}.spk-hero__content--dark .spk-hero__cta:hover{border-color:var(--spk-ink);background-color:var(--spk-ink);color:var(--spk-canvas)}@media(max-width:767px){.spk-hero__content{justify-content:flex-start;align-items:center;text-align:center}.spk-hero__anchor{flex-basis:min(var(--spk-anchor-mobile, 50%),100% - 190px)}.spk-hero__center{transform:translateY(-50%)}.spk-hero__eyebrow,.spk-hero__headline,.spk-hero__description{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.spk-hero__cta--spaced{margin-top:0}.spk-hero__backdrop{top:-48px;right:-40px;bottom:-48px;left:-40px}}@media(max-width:767px){.spk-hero__content--mobile-text .spk-hero__anchor{flex-basis:min(var(--spk-anchor-mobile, 50%),100% - 144px)}.spk-hero__content--mobile-text .spk-hero__center{transform:translateY(-100%)}.spk-hero__content--mobile-text .spk-hero__text{max-width:var(--spk-text-width-mobile, 22rem)}.spk-hero__content--mobile-text .spk-hero__eyebrow,.spk-hero__content--mobile-text .spk-hero__headline,.spk-hero__content--mobile-text .spk-hero__description{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}.spk-scope .spk-hero__content--mobile-text .spk-hero__eyebrow{margin-bottom:10px;font-size:10px;letter-spacing:.26em}.spk-hero__content--mobile-text .spk-hero__headline{font-size:2rem;line-height:1.02}.spk-scope .spk-hero__content--mobile-text .spk-hero__description{margin-top:8px;font-size:14px;line-height:1.5}.spk-hero__content--mobile-text .spk-hero__cta--spaced{margin-top:18px}.spk-hero__content--mobile-text .spk-hero__backdrop{top:-56px;right:-48px;bottom:-56px;left:-48px}}@media(min-width:768px){.spk-hero__content{padding-inline:48px}.spk-hero__content--bottom{justify-content:flex-end;padding-bottom:168px}.spk-hero__content--top{justify-content:flex-start;padding-top:128px}.spk-hero__content--middle{justify-content:flex-start}.spk-hero__anchor{flex-basis:var(--spk-anchor-desktop, 50%)}.spk-hero__content:not(.spk-hero__content--middle) .spk-hero__anchor{display:none}.spk-hero__content--middle .spk-hero__center{transform:translateY(-50%)}.spk-hero__headline{font-size:3.5rem}.spk-scope .spk-hero__description{font-size:16px}.spk-hero__backdrop{top:-160px;right:0;bottom:-160px;left:-112px}}@media(min-width:768px)and (max-width:1023px){.spk-hero__text--narrow-tablet{max-width:var(--spk-text-width-tablet)}}@media(min-width:1024px){.spk-hero__headline{font-size:4rem}}.spk-hero__top-shade{position:absolute;inset:0 0 auto;z-index:10;height:144px;background-image:linear-gradient(to bottom,rgb(0 0 0 / .3),transparent);pointer-events:none}.spk-hero__controls{position:absolute;inset:auto 0 0;z-index:20;color:#fff;transition:color .7s ease;--spk-chapter-muted: rgb(255 255 255 / .74);--spk-chapter-hover: rgb(255 255 255 / .85);--spk-control-track: rgb(255 255 255 / .28);--spk-control-fill: #ffffff;--spk-control-button: rgb(255 255 255 / .75);--spk-control-button-hover: #ffffff;--spk-control-shadow: 0 1px 10px rgb(0 0 0 / .35)}.spk-hero__controls[data-tone=dark]{color:var(--spk-ink);--spk-chapter-muted: rgb(27 25 22 / .55);--spk-chapter-hover: rgb(27 25 22 / .85);--spk-control-track: rgb(27 25 22 / .25);--spk-control-fill: var(--spk-ink);--spk-control-button: rgb(27 25 22 / .7);--spk-control-button-hover: var(--spk-ink);--spk-control-shadow: none}.spk-hero__controls:before{position:absolute;inset:auto 0 0;z-index:-1;height:180%;background-image:linear-gradient(to top,rgb(0 0 0 / .58),rgb(0 0 0 / .22) 55%,transparent);content:"";pointer-events:none;transition:opacity .7s ease}.spk-hero__controls[data-tone=dark]:before{opacity:0}.spk-hero__controls-inner{display:grid;grid-template-columns:minmax(0,1fr);row-gap:6px;max-width:var(--spk-max-width);margin-inline:auto;padding:0 24px 18px}.spk-hero__chapters{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;column-gap:14px;grid-row:2}.spk-scope .spk-hero__chapter{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-width:0;padding-top:6px;color:var(--spk-chapter-muted);font-family:var(--spk-font-heading);text-align:left;text-shadow:var(--spk-control-shadow);transition:color .5s var(--spk-ease)}.spk-scope .spk-hero__chapter:hover{color:var(--spk-chapter-hover)}.spk-scope .spk-hero__chapter[aria-current=true]{color:var(--spk-control-fill)}.spk-hero__chapter:focus-visible{outline:1px solid currentColor;outline-offset:6px}.spk-hero__chapter-label{display:flex;flex-direction:column;gap:4px;font-size:9.5px;font-weight:500;line-height:1.35;letter-spacing:.18em;text-transform:uppercase}.spk-hero__chapter-number{font-variant-numeric:tabular-nums;letter-spacing:.14em}@media(max-width:389px){.spk-hero__chapter-label{letter-spacing:.12em}.spk-hero__chapters{column-gap:10px}}@media(max-width:349px){.spk-hero__chapter-label{font-size:8.5px;letter-spacing:.1em}}.spk-hero__chapter-divider{display:none}.spk-hero__chapter-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.spk-hero__track{position:relative;display:block;height:2px;overflow:hidden;background-color:var(--spk-control-track);transform:scaleY(.5);transform-origin:bottom;transition:transform .4s var(--spk-ease)}.spk-hero__chapter[aria-current=true] .spk-hero__track{transform:none}.spk-hero__fill{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--spk-control-fill);transform:scaleX(0);transform-origin:left;will-change:transform}.spk-hero__buttons{display:flex;align-items:center;justify-content:flex-end;gap:2px;grid-row:1;margin-right:-8px}.spk-hero__control{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--spk-control-button);filter:drop-shadow(var(--spk-control-shadow));transition:color .3s ease}.spk-hero__controls[data-tone=dark] .spk-hero__control{filter:none}.spk-hero__control:hover{color:var(--spk-control-button-hover)}.spk-hero__control:focus-visible{outline:1px solid currentColor;outline-offset:-2px}.spk-scope .spk-hero__play-icon,.spk-scope.spk-hero[data-paused] .spk-hero__pause-icon{display:none}.spk-scope.spk-hero[data-paused] .spk-hero__play-icon{display:block}@media(min-width:768px){.spk-hero__controls:before{height:220%;background-image:linear-gradient(to top,rgb(0 0 0 / .62),rgb(0 0 0 / .2) 55%,transparent)}.spk-hero__controls-inner{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:40px;padding:0 48px 40px}.spk-hero__chapters{grid-auto-columns:minmax(0,168px);column-gap:28px;grid-row:auto}.spk-hero__chapter-label{font-size:10px}.spk-hero__buttons{grid-row:auto;margin-bottom:-10px}.spk-hero__control{width:40px;height:40px}}@media(min-width:1200px){.spk-hero__chapters{grid-auto-columns:minmax(0,15rem);column-gap:36px}.spk-hero__chapter-label{flex-direction:row;gap:.9em;font-size:10.5px}.spk-hero__chapter-divider{display:inline;opacity:.6}.spk-hero__chapter-title{display:block;white-space:nowrap;text-overflow:ellipsis}}.spk-hero--sans-headlines .spk-hero__headline{font-family:var(--spk-font-heading);font-size:2.25rem;font-weight:500;line-height:1.08;letter-spacing:-.025em}@media(min-width:768px){.spk-hero--sans-headlines .spk-hero__headline{font-size:2.75rem}}@media(min-width:1024px){.spk-hero--sans-headlines .spk-hero__text{max-width:50rem}.spk-hero--sans-headlines .spk-hero__headline{font-size:3.25rem}}@media(prefers-reduced-motion:reduce){.spk-hero__slide{transition-duration:0ms}.spk-hero__text,.spk-scope .spk-hero__chapter,.spk-hero__track,.spk-hero__controls,.spk-hero__controls:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/sofapack-hero.css.map */