.watch-story{min-height:calc(100svh - var(--header-height, 57px));background:#0f0a08;color:#fcede1;display:flex;flex-direction:column}.watch-story__top{padding:28px clamp(20px,4vw,56px) 8px}.watch-story__back{display:inline-flex;align-items:center;gap:10px;color:#fcede1;text-decoration:none;font-family:Futura PT,sans-serif;font-size:16px;letter-spacing:.04em;text-transform:uppercase;transition:opacity .2s ease}.watch-story__back:hover{opacity:.8;color:#fcede1}.watch-story__back-icon{display:block;flex-shrink:0}.watch-story__stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:20px clamp(16px,4vw,56px) 56px;width:100%;min-height:0}.watch-story__heading{margin:0;font-family:HandDeco,Brushberry Sans2,sans-serif;font-size:clamp(36px,5vw,64px);line-height:1;text-align:center;color:#ffc211;text-transform:uppercase}.watch-story__player{width:min(1200px,100%,calc((100svh - var(--header-height, 57px) - 235px) * 1.7778));aspect-ratio:16 / 9;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 18px 50px #00000073;position:relative}.watch-story__video{width:100%;height:100%;display:block;object-fit:contain;background:#000}.watch-story__play{position:absolute;top:50%;left:50%;width:clamp(68px,7vw,96px);height:clamp(68px,7vw,96px);padding:0;border:3px solid #fcede1;border-radius:50%;background:#ffc211;color:#2c50a1;display:grid;place-items:center;transform:translate(-50%,-50%);box-shadow:0 8px 28px #00000073;cursor:pointer;z-index:2;transition:transform .2s ease,background-color .2s ease}.watch-story__play:hover{background:#fcede1;transform:translate(-50%,-50%) scale(1.06)}.watch-story__play:focus-visible{outline:4px solid #00a9c4;outline-offset:4px}.watch-story__play[hidden]{display:none}.watch-story__play svg{width:55%;height:55%;margin-left:5%}@media screen and (max-height:750px)and (min-width:750px){.watch-story__top{padding-top:12px;padding-bottom:4px}.watch-story__stage{gap:12px;padding-top:8px;padding-bottom:20px}.watch-story__heading{font-size:clamp(34px,5vw,48px)}.watch-story__player{width:min(1200px,100%,calc((100svh - var(--header-height, 57px) - 132px) * 1.7778))}}@media screen and (max-width:749px){.watch-story__top{padding-top:20px}.watch-story__stage{padding-bottom:36px;gap:18px}.watch-story__player{width:min(100%,calc((100svh - var(--header-height, 64px) - 180px) * 1.7778));border-radius:4px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/watch-our-story.css.map */