.osyn-home-stage{content-visibility:visible;background:var(--osyn-stage-bg, #f8f8f8);--osyn-stage-top: 0px}.osyn-home-stage__track{display:block;position:relative;height:var(--osyn-stage-distance, 400vh)}.osyn-home-stage__view{position:sticky;top:var(--osyn-stage-top, 0px);height:calc(100vh - var(--osyn-stage-top, 0px));height:calc(100svh - var(--osyn-stage-top, 0px));display:grid;place-items:center;overflow:clip}.osyn-home-stage__media{position:relative;width:min(86vmin,820px);aspect-ratio:1 / 1}.osyn-home-stage__canvas,.osyn-home-stage__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.osyn-home-stage__poster{object-fit:contain;transition:opacity .4s ease;pointer-events:none}.osyn-home-stage__intro{--intro-p: 0;position:relative;height:calc(var(--intro-height, 140) * 1svh);background:var(--osyn-stage-bg, #f8f8f8)}.osyn-home-stage__intro-inner{position:sticky;top:var(--osyn-stage-top, 0px);height:calc(100svh - var(--osyn-stage-top, 0px));display:grid;place-content:center;justify-items:center;padding:var(--osp-7, 32px) var(--osp-5, 20px)}.osyn-home-stage__intro-content{display:grid;justify-items:center;gap:var(--osp-4, 16px);text-align:center;max-width:100%}.osyn-home-stage__intro-eyebrow{margin:0}.osyn-home-stage__intro-eyebrow:before{content:none}.osyn-home-stage__intro-title{margin:0;max-width:100%;font-family:var(--font);font-size:clamp(1.75rem,.55rem + 5.2vw,5rem);font-weight:var(--fw-medium);line-height:1.04;letter-spacing:-.02em;text-transform:uppercase;color:var(--ink)}.osyn-home-stage__intro-line{display:block}.osyn-home-stage__intro-cue{position:absolute;inset-block-end:clamp(16px,4svh,40px);inset-inline-start:50%;translate:-50% 0;color:var(--ink-5, #8a8a8a);line-height:0}@media(prefers-reduced-motion:no-preference){.osyn-home-stage__intro-content{opacity:calc(1 - var(--intro-p));transform:translateY(calc(var(--intro-p) * -36px)) scale(calc(1 - var(--intro-p) * .05));transform-origin:center 42%}.osyn-home-stage__intro-cue{opacity:clamp(0,calc(1 - var(--intro-p) * 4),1);animation:osyn-cue-bob 1.8s ease-in-out infinite}.osyn-home-stage__intro.is-ready .osyn-home-stage__intro-eyebrow,.osyn-home-stage__intro.is-ready .osyn-home-stage__intro-line{opacity:0}.osyn-home-stage__intro.is-in .osyn-home-stage__intro-eyebrow{animation:osyn-intro-in .8s var(--ease-ios, cubic-bezier(0, 0, .5, 1)) .05s forwards}.osyn-home-stage__intro.is-in .osyn-home-stage__intro-line{animation:osyn-intro-in .9s var(--ease-ios, cubic-bezier(0, 0, .5, 1)) calc(.14s + var(--ln, 0) * .09s) forwards}@keyframes osyn-intro-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes osyn-cue-bob{0%,to{translate:-50% 0}50%{translate:-50% 6px}}}@media(prefers-reduced-motion:reduce){.osyn-home-stage__intro{height:100svh}.osyn-home-stage__intro-cue{display:none}}.osyn-home-stage__callouts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.osyn-home-stage__callout{position:absolute;top:var(--c-vertical, 50%);max-width:var(--c-max, 280px);opacity:0;transform:translateY(-50%) translateY(14px);transition:opacity .45s var(--ease-ios, cubic-bezier(0, 0, .5, 1)),transform .6s var(--ease-ios, cubic-bezier(0, 0, .5, 1));pointer-events:auto}.osyn-home-stage__callout.is-visible{opacity:1;transform:translateY(-50%)}.osyn-home-stage__callout[data-side=left]{inset-inline-start:var(--c-inset, 3%)}.osyn-home-stage__callout[data-side=right]{inset-inline-end:var(--c-inset, 3%)}.osyn-home-stage__rail{position:absolute;inset-inline-start:clamp(40px,4%,96px);top:50%;transform:translateY(-50%);pointer-events:none}.osyn-home-stage__overlay{position:absolute;inset-block-end:6%;inset-inline-start:50%;transform:translate(-50%);max-width:44ch;text-align:center;display:grid;gap:var(--osp-3, 12px);justify-items:center}@media(max-width:1023px){.osyn-home-stage__track{height:var(--osyn-stage-distance-mobile, 150vh)}.osyn-home-stage__view{height:calc(100svh - var(--osyn-stage-top, 0px));display:grid;grid-template-rows:48svh 1fr;place-items:stretch}.osyn-home-stage__media{grid-row:1;place-self:center;width:min(94vw,46svh)}.osyn-home-stage__rail{display:none}.osyn-home-stage__callouts{grid-row:2;position:static;inset:auto;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--osp-3, 12px);padding:var(--osp-2, 8px) var(--osp-5, 20px) var(--osp-4, 16px);pointer-events:auto;overflow:clip}.osyn-home-stage__callouts .osyn-home-stage__callout{position:static;inset:auto;top:auto;max-width:none;opacity:0;transform:translateY(20px);transition:opacity .5s var(--ease-ios, cubic-bezier(0, 0, .5, 1)) var(--reveal-delay, 0ms),transform .6s var(--ease-ios, cubic-bezier(0, 0, .5, 1)) var(--reveal-delay, 0ms)}.osyn-home-stage__callouts .osyn-home-stage__callout.is-visible{opacity:1;transform:none}.osyn-home-stage__callouts .osyn-container{max-width:none;min-height:0}.osyn-home-stage__callouts .osyn-container__body{margin-block-start:var(--osp-3, 12px)}.osyn-home-stage__callouts .osyn-connector{display:none}}@media(max-width:1023px)and (max-height:760px){.osyn-home-stage__callouts .osyn-container__body{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}}@media(prefers-reduced-motion:reduce){.osyn-home-stage__callout,.osyn-home-stage__callouts .osyn-home-stage__callout{transition:none}.osyn-home-stage__track{height:auto}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/osyn-home-stage.css.map */