.sadil-opener{position:relative;z-index:1}.sadil-opener{position:relative;background:var(--sadil-night)}.sadil-opener__stage{position:sticky;inset-block-start:0;block-size:100vh;block-size:100lvh;overflow:hidden}.sadil-opener__photo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.sadil-opener__photo-img{inline-size:100%;block-size:100%;object-fit:cover;object-position:40% center;display:block}.sadil-opener__photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#0a0a0c,#0a0a0cb8 20%,#0a0a0c94,#0a0a0cc7 80%,#0a0a0c);opacity:calc(var(--photo-veil, 60) / 100)}.sadil-opener__night{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--sadil-night);display:grid;place-items:center}.sadil-opener__art{position:relative;z-index:2;display:grid;place-items:center;max-inline-size:100%}html[dir=rtl] .sadil-opener__art{transform:scaleX(-1)}.sadil-needle{display:block;block-size:calc(var(--needle-h, 58) * 1.736svh);aspect-ratio:44 / 100;inline-size:auto;max-inline-size:92%;margin-inline:auto;overflow:visible}.sadil-needle__body,.sadil-needle__eye,.sadil-needle__thread,.sadil-needle__thread-exit{fill:none;stroke:var(--sadil-gold);stroke-linecap:round;stroke-linejoin:round}.sadil-needle__body{stroke-width:2.2}.sadil-needle__eye{stroke-width:1.8}.sadil-needle__thread,.sadil-needle__thread-exit{stroke-width:1.4;opacity:.85}.sadil-opener__vapor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;opacity:.6;pointer-events:none}.sadil-opener__vapor-layer{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;will-change:transform}.sadil-opener__vapor-layer--warm{background:radial-gradient(38% 30% at 28% 34%,rgba(198,177,135,.1),transparent 70%),radial-gradient(30% 26% at 72% 58%,rgba(198,177,135,.1),transparent 70%),radial-gradient(34% 28% at 52% 82%,rgba(198,177,135,.09),transparent 72%);filter:blur(60px);animation:sadil-vapor-warm 26s ease-in-out infinite alternate}.sadil-opener__vapor-layer--cool{background:radial-gradient(42% 34% at 66% 26%,rgba(246,244,238,.06),transparent 72%),radial-gradient(36% 30% at 32% 70%,rgba(246,244,238,.06),transparent 72%);filter:blur(90px);animation:sadil-vapor-cool 34s ease-in-out infinite alternate}@keyframes sadil-vapor-warm{0%{transform:translate3d(-3%,2%,0) scale(1)}to{transform:translate3d(4%,-3%,0) scale(1.12)}}@keyframes sadil-vapor-cool{0%{transform:translate3d(4%,-2%,0) scale(1.1)}to{transform:translate3d(-4%,3%,0) scale(1)}}.sadil-opener__vapor-layer--deep{background:radial-gradient(64% 52% at 44% 48%,rgba(198,177,135,.07),transparent 74%),radial-gradient(58% 46% at 70% 78%,rgba(246,244,238,.045),transparent 76%);filter:blur(90px);animation:sadil-vapor-deep 48s ease-in-out infinite alternate}@keyframes sadil-vapor-deep{0%{transform:translate3d(-5%,-2%,0) scale(1.04)}to{transform:translate3d(5%,4%,0) scale(1.22)}}.sadil-opener__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(72% 62% at 50% 46%,transparent 38%,rgba(10,10,12,.55) 78%,rgba(10,10,12,.92) 100%)}.sadil-needle__lead{opacity:0}.sadil-opener__stage.is-drawing .sadil-needle__lead{opacity:1}.sadil-needle__lead-tip{fill:var(--sadil-gold)}.sadil-needle__lead-glow{fill:var(--sadil-gold);opacity:.15}.sadil-opener__cream{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:var(--sadil-cream);clip-path:url(#sadil-tear-clip)}.sadil-opener__thread{position:absolute;inset-inline-start:calc(var(--thread-x) - 1px);inline-size:2px;pointer-events:none;overflow:visible}.sadil-opener__thread--top{inset-block-start:0;block-size:calc(50% - var(--opener-scene-half, 130px))}.sadil-opener__thread--bottom{inset-block-start:calc(50% + var(--opener-scene-half, 130px));block-size:calc(50% - var(--opener-scene-half, 130px))}.sadil-opener__thread line{stroke:var(--sadil-gold);stroke-width:1}.sadil-opener__scene{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.sadil-opener__scene-box{display:flex;flex-direction:column;align-items:center;inline-size:min(84vw,720px)}.sadil-opener__wordmark{display:block}.sadil-opener__wordmark .sadil-wordmark--ar{inline-size:clamp(180px,32vw,310px);block-size:auto}.sadil-opener__wordmark .sadil-wordmark--en{inline-size:clamp(250px,46vw,470px);block-size:auto}.sadil-opener:not(.sadil-opener--static) .sadil-opener__wordmark .sadil-wordmark__letter{stroke-dasharray:1;stroke-dashoffset:1}.sadil-opener .sadil-opener__wordmark .sadil-wordmark.is-filled .sadil-wordmark__letter{stroke-dashoffset:0;fill:var(--sadil-navy);stroke:none}.sadil-opener__stitch{inline-size:100%;block-size:auto;margin-block-start:1.4rem;overflow:visible}.sadil-opener__stitch .sadil-stitch-line{stroke:var(--sadil-gold);stroke-width:1.4;fill:none}.sadil-opener__stitch .sadil-stitch-line--dashed{stroke-dasharray:14 16}.sadil-opener__stitch .sadil-stitch-line--solid,.sadil-opener__stage.is-taut .sadil-stitch-line--dashed{opacity:0}.sadil-opener__stage.is-taut .sadil-stitch-line--solid{opacity:1}.sadil-stitch-needle__body,.sadil-stitch-needle__eye{fill:none;stroke:var(--sadil-gold);vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.sadil-stitch-needle__body{stroke-width:1}.sadil-stitch-needle__eye{stroke-width:.8}.sadil-stitch-needle__tip{fill:var(--sadil-gold)}.sadil-opener__stage.is-taut .sadil-stitch-needle{opacity:0;transition:opacity .3s ease}html[dir=rtl] .sadil-opener__stitch .sadil-stitch-flip{transform:translate(1000px) scaleX(-1)}.sadil-opener__flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:var(--sadil-flash);mix-blend-mode:screen;opacity:0;pointer-events:none}.sadil-opener__flash.is-flashing{animation:sadil-barq 80ms linear 1}@keyframes sadil-barq{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.sadil-opener__skip{position:absolute;z-index:4;inset-block-start:1.4rem;inset-inline-end:1.4rem;padding:.55em 1.5em;background:transparent;border:1px solid var(--sadil-gold);color:var(--sadil-cream);cursor:pointer;transition:color .4s ease}.sadil-opener__stage.on-cream .sadil-opener__skip{color:var(--sadil-navy)}.sadil-opener--seen{block-size:0!important;min-block-size:0!important;overflow:hidden}.sadil-opener--seen .sadil-opener__stage{display:none}.sadil-opener--static{block-size:100vh!important;block-size:100lvh!important}.sadil-opener--static .sadil-opener__cream{clip-path:none}.sadil-opener--static .sadil-opener__night{z-index:3;background:transparent;place-items:start center;padding-block-start:5svh}.sadil-opener--static .sadil-opener__vapor{display:none}.sadil-opener--static .sadil-needle{block-size:min(52svh,460px)}.sadil-opener--static .sadil-needle__lead{display:none}.sadil-opener--static .sadil-opener__scene{place-items:end center;padding-block-end:6svh}.sadil-opener--static .sadil-opener__thread{display:none}.sadil-opener--static .sadil-wordmark__letter{fill:var(--sadil-navy);stroke:none}.sadil-opener--static .sadil-stitch-line--dashed{opacity:0}.sadil-opener--static .sadil-stitch-line--solid{opacity:1;clip-path:none}.sadil-opener--static .sadil-stitch-needle,.sadil-opener--static .sadil-opener__skip{display:none}@media(prefers-reduced-motion:reduce){.sadil-opener{block-size:100vh!important;block-size:100lvh!important}.sadil-opener .sadil-opener__cream{clip-path:none}.sadil-opener .sadil-opener__thread{display:none}.sadil-opener .sadil-opener__night{z-index:3;background:transparent;place-items:start center;padding-block-start:5svh}.sadil-opener .sadil-opener__vapor{display:none}.sadil-opener .sadil-opener__vapor-layer{animation:none}.sadil-opener .sadil-needle{block-size:min(52svh,460px)}.sadil-opener .sadil-needle__body,.sadil-opener .sadil-needle__eye,.sadil-opener .sadil-needle__thread,.sadil-opener .sadil-needle__thread-exit{stroke-dashoffset:0!important;opacity:1}.sadil-opener .sadil-needle__lead{display:none}.sadil-opener .sadil-opener__scene{place-items:end center;padding-block-end:6svh}.sadil-opener .sadil-wordmark__letter{fill:var(--sadil-navy)!important;stroke:none;stroke-dashoffset:0}.sadil-opener .sadil-stitch-line--dashed{opacity:0}.sadil-opener .sadil-stitch-line--solid{opacity:1;clip-path:none!important}.sadil-opener .sadil-stitch-needle{display:none}}.sadil-opener__video{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;display:block;z-index:1;pointer-events:none}.sadil-opener__cream-video{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;display:block;z-index:0;opacity:var(--cream-video, .18);pointer-events:none}.sadil-opener__scene{z-index:1}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sadil-opener.css.map */