.ns-record-hero{display:block;position:relative;isolation:isolate;overflow:clip;min-height:650px;height:calc(100svh - 125px);max-height:1100px;background:#182125;color:#f5f3ec}.ns-record-hero__films,.ns-record-hero__films:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.ns-record-hero__films{background:#182125 url(ny-soda-hero-video-poster.webp) center/cover no-repeat}.ns-record-hero__films:after{content:"";z-index:1;background:linear-gradient(180deg,#111b235c,#111b231f 50%,#111b2399)}.ns-record-hero__film{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s}.ns-record-hero__film.is-active{opacity:1;z-index:1}.ns-record-hero__film.is-leaving{opacity:1;z-index:0}.ns-record-hero__stage{position:absolute;width:min(720px,86vw,64svh);aspect-ratio:2;overflow:clip;left:50%;bottom:0;transform:translate(-50%)}.ns-record-hero__control{position:absolute;top:0;right:0;bottom:0;left:0;border:0;border-radius:100% 100% 0 0;padding:0;background:transparent;color:inherit;cursor:pointer;box-shadow:0 30px 65px #0006}.ns-record-hero__control:focus-visible{outline:3px solid #f5f3ec;outline-offset:-5px}.ns-record-hero__disc{position:absolute;inset:0 0 auto;height:200%;border-radius:50%;background:repeating-radial-gradient(circle,#141618 0 2px,#242729 3px,#101315 4px,#171a1c 6px);border:6px solid #141618;animation:ns-record-spin 20s linear infinite;animation-play-state:paused}.ns-record-hero__disc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 20deg,transparent,#c4cbd31c 30deg,transparent 65deg,transparent 175deg,#c4cbd329 205deg,transparent 245deg)}.ns-record-hero__label{position:absolute;top:36%;right:36%;bottom:36%;left:36%;display:grid;place-content:center;border-radius:50%;background:#b2b9b7;color:#253036;border:1px solid #dce0d9;letter-spacing:.18em;font:10px/1.8 Arial,sans-serif;text-align:center}.ns-record-hero__label:after{content:"";width:8px;height:8px;background:#151a1d;border-radius:50%;margin:12px auto 0}@keyframes ns-record-spin{to{transform:rotate(360deg)}}body:has(ny-soda-record-hero) .ny-soda-letter{background:#eef1f3;color:#202832}body:has(ny-soda-record-hero) .shopify-section-group-header-group:not(.section-header){position:relative}body:has(ny-soda-record-hero) .section-header:not(.shopify-section-header-sticky) .header-wrapper{background:transparent}body:has(ny-soda-record-hero) .utility-bar{background:transparent;--color-foreground:244,241,234;color:#f4f1ea}.ns-record-hero{height:100svh;margin-top:calc(-1 * var(--ns-header-offset,125px))}.ns-record-hero__heading{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);margin:0;writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;font-family:var(--font-heading-family);font-weight:400;font-size:min(clamp(3rem,4.2vw,5rem),8svh);letter-spacing:.34em;line-height:1.5;color:#f4f1ea;text-shadow:0 1px 22px #1010128c;z-index:2;pointer-events:none}.ns-record-hero.is-playing .ns-record-hero__disc{animation-play-state:running}@media(max-width:749px){.ns-record-hero{min-height:540px;max-height:none}.ns-record-hero__heading{font-size:min(clamp(2.8rem,9vw,3.6rem),7svh)}}@media(prefers-reduced-motion:reduce){.ns-record-hero__disc{animation:none}.ns-record-hero__film{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-ny-soda-record-hero.css.map */