[data-experience=cinema] :is(.product-detail,.pd-missing){--pd-enter:cubic-bezier(.22, 1, .36, 1);--pd-glass:color-mix(in srgb, var(--surface) 42%, transparent);--pd-hair:color-mix(in srgb, var(--ink) 14%, transparent);--pd-pool:color-mix(in srgb, var(--accent) 34%, transparent);--pd-rim:color-mix(in srgb, var(--accent) 38%, transparent);--pd-orbit:color-mix(in srgb, var(--accent) 85%, #f4eff8);--pd-beam:color-mix(in srgb, var(--accent) 12%, transparent);--pd-contact:#3b1d5c42;--pd-shadow:drop-shadow(0 30px 28px #3b1d5c29);--pd-gleam:color-mix(in srgb, var(--accent) 22%, transparent);--pd-halo-mask:radial-gradient(ellipse closest-side at 50% 46%, #000 26%, #0000009e 56%, #0003 80%, transparent)}html[data-theme=dark] [data-experience=cinema] :is(.product-detail,.pd-missing){--pd-glass:color-mix(in srgb, var(--surface) 46%, transparent);--pd-pool:color-mix(in srgb, var(--accent) 46%, transparent);--pd-rim:#f4eff83d;--pd-orbit:#f4eff8;--pd-beam:#f4eff812;--pd-contact:#00000075;--pd-shadow:drop-shadow(0 34px 30px #0000006b);--pd-gleam:#d68fb857}[data-experience=cinema] .product-detail .back-link{position:relative}[data-experience=cinema] .product-detail .back-link:after{content:"";inset-inline:0;height:1px;transform-origin:var(--pd-start,0%) 50%;background:currentColor;position:absolute;bottom:3px;transform:scaleX(0)}[data-experience=cinema] .pd-bleed{overflow-x:clip}[data-experience=cinema] .product-detail .product-layout{align-items:start}[data-experience=cinema] .product-detail .detail-visual{min-height:min(720px,100svh - 48px)}@media (min-width:801px) and (min-height:680px){[data-experience=cinema] .product-detail .detail-visual{position:sticky;top:24px}}[data-experience=cinema] .product-detail .pd-halo{z-index:0;inset:-6% -9% 0}[data-experience=cinema] :is(.product-detail .pd-halo,.pd-missing .cine-halo){-webkit-mask-image:var(--pd-halo-mask);-webkit-mask-image:var(--pd-halo-mask);mask-image:var(--pd-halo-mask)}[data-experience=cinema] :is(.product-detail,.pd-missing) .pd-beam{z-index:0;pointer-events:none;background:conic-gradient(from 90deg at 50% -6%, transparent 73deg, var(--pd-beam) 90deg, transparent 107deg);position:absolute;inset:-2% 6% 12%;-webkit-mask-image:linear-gradient(#0000,#000 16% 64%,#0000 96%);mask-image:linear-gradient(#0000,#000 16% 64%,#0000 96%)}[data-experience=cinema] .product-detail .detail-watermark{z-index:1;top:60%;text-align:center;letter-spacing:-.07em;white-space:nowrap;color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--accent) 42%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 22%, transparent), transparent 72%);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;margin-top:-.5em;font-size:clamp(120px,19vw,290px);line-height:1;inset-inline:0}[data-experience=cinema] .product-detail .pd-stage{z-index:2;width:100%;position:relative}[data-experience=cinema] .product-detail .pd-frame{z-index:1;position:relative}[data-experience=cinema] .product-detail .pd-lift{position:relative}[data-experience=cinema] .product-detail .detail-garment{height:clamp(360px,100svh - 300px,560px);filter:var(--pd-shadow);display:block}[data-experience=cinema] .product-detail .pd-ghost,[data-experience=cinema] .product-detail .pd-sweep{pointer-events:none;position:absolute;inset:0}[data-experience=cinema] .product-detail .pd-ghost img{object-fit:contain;width:100%;height:100%;filter:var(--pd-shadow)}[data-experience=cinema] .product-detail .pd-sweep{opacity:0;-webkit-mask:var(--pd-mask,linear-gradient(transparent, transparent)) center / contain no-repeat;-webkit-mask:var(--pd-mask,linear-gradient(transparent, transparent)) center / contain no-repeat;mask:var(--pd-mask,linear-gradient(transparent, transparent)) center / contain no-repeat;overflow:hidden}[data-experience=cinema] .product-detail .pd-sweep:before{content:"";background:linear-gradient(var(--pd-sweep-angle,104deg), transparent 41%, var(--pd-gleam) 46%, #f4eff89e 50%, var(--pd-gleam) 54%, transparent 59%);transform:translateX(calc(var(--pd-dir,1) * -34%));position:absolute;inset:-10% -30%}[data-experience=cinema] :is(.product-detail,.pd-missing) .pd-plinth{z-index:0;aspect-ratio:1;pointer-events:none;width:min(74%,460px);position:absolute;bottom:5%;left:50%;transform:translate(-50%,50%)scaleY(.2)}[data-experience=cinema] :is(.product-detail,.pd-missing) .pd-plinth:before{content:"";background:radial-gradient(closest-side, var(--pd-contact) 0 26%, transparent 54%), radial-gradient(closest-side, var(--pd-pool), transparent);opacity:.85;border-radius:50%;position:absolute;inset:-22%}[data-experience=cinema] :is(.product-detail,.pd-missing) .pd-plinth:after{content:"";border:4px solid var(--pd-rim);background:radial-gradient(closest-side, color-mix(in srgb, var(--ink) 13%, transparent), color-mix(in srgb, var(--ink) 6%, transparent) 64%, color-mix(in srgb, var(--accent) 10%, transparent));box-shadow:0 36px 0 -2px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:50%;position:absolute;inset:6%}[data-experience=cinema] :is(.product-detail,.pd-missing) .pd-plinth>i{background:conic-gradient(from 0deg, transparent 0turn .6turn, var(--pd-orbit) .78turn, transparent .9turn);opacity:.8;border-radius:50%;position:absolute;inset:6%;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(closest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px))}[data-experience=cinema] .product-detail .image-controls{z-index:3;border:1px solid var(--pd-hair);background:color-mix(in srgb, var(--bg) 82%, transparent);letter-spacing:.14em;font-variant-numeric:tabular-nums;border-radius:999px;gap:16px;margin-top:26px;padding:3px;font-size:10px;position:relative}[data-experience=cinema] .product-detail .image-controls .icon-button{isolation:isolate;background:0 0;border-radius:50%;width:38px;height:38px;transition:none;position:relative}[data-experience=cinema] .product-detail .image-controls .icon-button:before{content:"";z-index:-1;border-radius:inherit;background:var(--accent-soft);opacity:0;position:absolute;inset:0}[data-experience=cinema] .product-detail .selection-image-note{z-index:3;position:relative}[data-experience=cinema] .product-detail .detail-copy{z-index:1;max-width:500px;position:relative}[data-experience=cinema] .product-detail .detail-copy>.eyebrow{align-items:center;gap:14px;display:flex}[data-experience=cinema] .product-detail .detail-copy>.eyebrow:before{content:"";background:linear-gradient(var(--pd-line-angle,90deg), var(--accent), transparent);flex:none;width:34px;height:1px}[data-experience=cinema] .product-detail .detail-copy h1{overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(42px,3.9vw,60px);line-height:1}[data-experience=cinema] .product-detail .detail-price{font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.01em}[data-experience=cinema] .product-detail .detail-rule{z-index:1;background:linear-gradient(var(--pd-line-angle,90deg), color-mix(in srgb, var(--accent) 70%, transparent), var(--pd-hair) 38%, transparent);height:1px;transform-origin:var(--pd-start,0%) 50%;margin-bottom:-1px;position:relative}[data-experience=cinema] .product-detail .pd-purchase{padding:26px 26px 28px;position:relative}[data-experience=cinema] .product-detail .pd-purchase>:first-child{margin-top:0}[data-experience=cinema] .product-detail .pd-purchase .source-studio-cta{border-top:0;padding-top:0}[data-experience=cinema] .product-detail .pd-purchase .product-options+.source-studio-cta,[data-experience=cinema] .product-detail .pd-purchase .product-options+.product-personalization{border-top:1px solid var(--pd-hair);padding-top:22px}[data-experience=cinema] .product-detail .pd-purchase .variant-status{margin-top:0}[data-experience=cinema] .product-detail .pd-purchase .variant-default-note{border-block:0;padding-block:0}[data-experience=cinema] .product-detail .pd-purchase .product-option+.product-option{border-top-color:var(--pd-hair)}[data-experience=cinema] .product-detail .pd-purchase .error-message{margin:0 0 18px}[data-experience=cinema] .product-detail .sizes{isolation:isolate;position:relative}[data-experience=cinema] .product-detail .sizes button{z-index:1;border-color:color-mix(in srgb, var(--ink) 16%, transparent);background:color-mix(in srgb, var(--surface) 30%, transparent);transition:none;position:relative}[data-experience=cinema] .product-detail .sizes button:after{content:"";border:1px solid color-mix(in srgb, var(--accent) 60%, transparent);opacity:0;pointer-events:none;position:absolute;inset:-1px}[data-experience=cinema] .product-detail .sizes button.selected{color:var(--ink);border-color:color-mix(in srgb, var(--accent) 85%, transparent);background:0 0;font-weight:600}[data-experience=cinema] .product-detail .pd-marker{z-index:0;transform-origin:0 0;width:100px;height:100px;transform:translate(var(--pd-x,0px), var(--pd-y,0px)) scale(var(--pd-w,.5), var(--pd-h,.4));background:linear-gradient(180deg, #f4eff829, transparent 46%), linear-gradient(135deg, color-mix(in srgb, var(--accent) 46%, transparent), color-mix(in srgb, var(--accent) 24%, transparent));opacity:0;pointer-events:none;position:absolute;top:0;left:0}[data-experience=cinema] .product-detail .pd-marker[data-on]{opacity:1}[data-experience=cinema] .product-detail .quantity-control{border-color:color-mix(in srgb, var(--ink) 16%, transparent);background:color-mix(in srgb, var(--surface) 30%, transparent)}[data-experience=cinema] .product-detail .product-personalization input{border-color:color-mix(in srgb, var(--ink) 16%, transparent);background:color-mix(in srgb, var(--surface) 40%, transparent);transition:none}[data-experience=cinema] .product-detail .pd-add .add-bag{min-height:58px}[data-experience=cinema] .product-detail .pd-add .add-bag:disabled{opacity:1;color:var(--muted);background:color-mix(in srgb, var(--ink) 5%, transparent);border-color:var(--pd-hair);box-shadow:none}[data-experience=cinema] .product-detail .product-notes{border-color:var(--pd-hair)}[data-experience=cinema] .product-detail .product-notes+.product-notes{border-top:0;margin-top:0}[data-experience=cinema] .product-detail .product-notes[open] summary svg{transform:rotate(135deg)}[data-experience=cinema] .product-detail .source-size-chart-list img{border-color:var(--pd-hair)}@media (hover:hover) and (pointer:fine){[data-experience=cinema] .product-detail .back-link:hover:after{transform:scaleX(1)}[data-experience=cinema] .product-detail .detail-visual:hover .pd-plinth:before,[data-experience=cinema] .product-detail .image-controls .icon-button:not(:disabled):hover:before,[data-experience=cinema] .product-detail .sizes button:not(:disabled,.selected):hover:after{opacity:1}[data-experience=cinema] .product-detail .product-notes summary:hover{color:var(--accent)}[data-experience=cinema] .product-detail .product-personalization input:hover{border-color:color-mix(in srgb, var(--accent) 50%, transparent)}}[data-experience=cinema] .pd-missing{isolation:isolate;min-height:70vh;position:relative;overflow:clip}[data-experience=cinema] .pd-missing>:not(.cine-halo,.pd-empty){z-index:1;position:relative}[data-experience=cinema] .pd-missing .cine-halo{inset:0 -14% 0 34%}html[dir=rtl] [data-experience=cinema] .pd-missing .cine-halo{inset:0 34% 0 -14%}[data-experience=cinema] .pd-missing .pd-empty{z-index:0;top:8%;bottom:12%;pointer-events:none;width:min(38vw,520px);position:absolute;inset-inline-end:7%}[data-experience=cinema] .pd-missing .pd-empty .pd-plinth{width:82%;bottom:14%}[data-experience=cinema] .pd-missing .pd-empty .pd-beam{inset:0 4% 14%}html[dir=rtl] [data-experience=cinema] :is(.product-detail,.pd-missing){--pd-start:100%;--pd-dir:-1;--pd-line-angle:270deg;--pd-sweep-angle:256deg}html[dir=rtl] [data-experience=cinema] :is(.product-detail,.pd-missing) h1{letter-spacing:0}@media (prefers-reduced-motion:no-preference){[data-experience=cinema] .product-detail .back-link:after{transition:transform .5s var(--pd-enter)}[data-experience=cinema] .product-detail .pd-lift{transition:translate .9s var(--pd-enter)}[data-experience=cinema] .product-detail .pd-sweep{transition:opacity .5s var(--pd-enter)}[data-experience=cinema] .product-detail .pd-sweep:before{transition:transform 0s linear .5s}[data-experience=cinema] .product-detail .pd-plinth:before{transition:opacity .8s var(--pd-enter)}[data-experience=cinema] .product-detail .image-controls .icon-button:before,[data-experience=cinema] .product-detail .sizes button:after{transition:opacity .3s var(--pd-enter)}[data-experience=cinema] .product-detail .image-controls .icon-button,[data-experience=cinema] .product-detail .sizes button{transition:transform .35s var(--pd-enter)}[data-experience=cinema] .product-detail .quantity-control button{transition:transform .3s var(--pd-enter)}[data-experience=cinema] .product-detail .pd-marker{transition:transform .36s var(--pd-enter), opacity .2s}[data-experience=cinema] .product-detail .pd-marker[data-snap]{transition:opacity .2s}[data-experience=cinema] .product-detail .product-notes summary svg{transition:transform .55s var(--pd-enter)}[data-experience=cinema] .product-detail .sizes button:active:not(:disabled){transform:scale(.95)}[data-experience=cinema] .product-detail .quantity-control button:active:not(:disabled){transform:scale(.86)}[data-experience=cinema] :is(.product-detail,.pd-missing) .pd-beam{animation:pd-fade 1.6s var(--pd-enter) .15s both}[data-experience=cinema] :is(.product-detail,.pd-missing) .pd-plinth{animation:pd-plinth-in 1.4s var(--pd-enter) .25s both}[data-experience=cinema] :is(.product-detail,.pd-missing) .pd-plinth>i{animation:18s linear infinite pd-orbit}[data-experience=cinema] .product-detail .detail-watermark{animation:pd-fade 1.8s var(--pd-enter) .1s both}[data-experience=cinema] .product-detail .detail-rule{animation:pd-draw 1.3s var(--pd-enter) .45s both}[data-experience=cinema] .product-detail .product-notes[open]>:not(summary){animation:pd-open .6s var(--pd-enter) both}@supports (interpolate-size:allow-keywords){[data-experience=cinema] .product-detail .product-notes{interpolate-size:allow-keywords}[data-experience=cinema] .product-detail .product-notes::details-content{block-size:0;transition:block-size .55s var(--pd-enter), content-visibility .55s allow-discrete;overflow:clip}[data-experience=cinema] .product-detail .product-notes[open]::details-content{block-size:auto}}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){[data-experience=cinema] .product-detail .detail-visual:hover .pd-lift{translate:0 -8px}[data-experience=cinema] .product-detail .detail-visual:hover .pd-sweep{opacity:1}[data-experience=cinema] .product-detail .detail-visual:hover .pd-sweep:before{transform:translateX(calc(var(--pd-dir,1) * 34%));transition:transform 1.4s cubic-bezier(.25,.1,.45,1) .1s}[data-experience=cinema] .product-detail .sizes button:not(:disabled,.selected):hover,[data-experience=cinema] .product-detail .pd-add .add-bag:not(:disabled):hover{transform:translateY(-2px)}[data-experience=cinema] .product-detail .product-notes:not([open]) summary:hover svg{transform:rotate(90deg)}}@keyframes pd-fade{0%{opacity:0}}@keyframes pd-plinth-in{0%{opacity:0;scale:.55 1}}@keyframes pd-orbit{to{transform:rotate(1turn)}}@keyframes pd-draw{0%{transform:scaleX(0)}}@keyframes pd-open{0%{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){[data-experience=cinema] .product-detail .pd-sweep,[data-experience=cinema] .product-detail .pd-ghost{display:none}}@media (max-width:800px){[data-experience=cinema] .product-detail .detail-visual{min-height:420px}[data-experience=cinema] .product-detail .pd-halo{inset:-4% -22px 0}[data-experience=cinema] .product-detail .detail-garment{height:350px}[data-experience=cinema] .product-detail .detail-watermark{font-size:min(50vw,230px);top:60%}[data-experience=cinema] .product-detail .pd-plinth{width:80%;bottom:6%}[data-experience=cinema] .product-detail .detail-copy h1{font-size:40px}[data-experience=cinema] .product-detail .pd-purchase{padding:20px 18px 22px}[data-experience=cinema] .pd-missing .pd-empty{inset-inline:10%;opacity:.8;width:auto;height:46%;top:auto;bottom:4%}[data-experience=cinema] .pd-missing .cine-halo,html[dir=rtl] [data-experience=cinema] .pd-missing .cine-halo{inset:30% -22px 0}}
[data-experience=cinema] .bag-page{--bag-enter:cubic-bezier(.22, 1, .36, 1);--bag-pink:#d68fb8;--bag-lamp:#fff;--bag-beam:#ffffffe0;--bag-well:linear-gradient(180deg, color-mix(in srgb, var(--accent) 20%, var(--accent-soft)), color-mix(in srgb, var(--accent-soft) 64%, transparent));position:relative}:root[data-theme=dark] [data-experience=cinema] .bag-page{--bag-lamp:#ffffff3d;--bag-beam:#ffffff57;--bag-well:linear-gradient(180deg, color-mix(in srgb, var(--accent-soft) 70%, transparent), color-mix(in srgb, var(--bg) 72%, transparent))}[data-experience=cinema] .bag-hero{isolation:isolate;position:relative}[data-experience=cinema] .bag-hero>:not(.cine-halo){z-index:1;position:relative}[data-experience=cinema] .cine-halo.bag-hero-halo{inset:-84px auto -120px;width:min(1100px,96vw);inset-inline-start:-6vw}[data-experience=cinema] .bag-hero .eyebrow{align-items:center;gap:16px;display:flex}[data-experience=cinema] .bag-hero .eyebrow:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);width:56px;height:1px}html[dir=rtl] [data-experience=cinema] .bag-hero .eyebrow:after{background:linear-gradient(270deg, var(--accent), transparent)}[data-experience=cinema] .bag-title-line{max-width:100%;display:inline-block}[data-experience=cinema] .bag-hero h1 sup{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}html[lang=ar] [data-experience=cinema] .bag-hero h1,html[lang=ar] [data-experience=cinema] .bag-invitation h2{letter-spacing:0}[data-experience=cinema] .bag-items{gap:14px;display:grid;position:relative}[data-experience=cinema] .bag-item,[data-experience=cinema] .bag-item:last-child{padding:20px;border:1px solid color-mix(in srgb, var(--ink) 10%, transparent);background:linear-gradient(105deg, color-mix(in srgb, var(--accent) 9%, transparent), transparent 44%), color-mix(in srgb, var(--surface) var(--bag-fill,82%), transparent);box-shadow:inset 0 1px 0 #ffffff14, 0 28px 48px -40px color-mix(in srgb, var(--accent) 60%, #000);padding-inline-end:26px;position:relative}html[dir=rtl] [data-experience=cinema] .bag-item{background:linear-gradient(255deg, color-mix(in srgb, var(--accent) 9%, transparent), transparent 44%), color-mix(in srgb, var(--surface) var(--bag-fill,82%), transparent)}[data-experience=cinema] .bag-item.is-invalid{border-color:color-mix(in srgb, var(--danger,#a64040) 55%, transparent)}[data-experience=cinema] .bag-item:after{content:"";pointer-events:none;border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 30px 60px -42px color-mix(in srgb, var(--accent) 80%, transparent);opacity:0;transition:opacity .5s var(--bag-enter);position:absolute;inset:-1px}[data-experience=cinema] .bag-item:focus-within:after{opacity:.75}[data-experience=cinema] .bag-item-end strong{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}[data-experience=cinema] .bag-item h2{text-wrap:balance}[data-experience=cinema] .bag-item-body :is(.muted,.bag-stock-note){text-wrap:pretty}[data-experience=cinema] .bag-image{aspect-ratio:35/43;border:1px solid color-mix(in srgb, var(--ink) 10%, transparent);background:radial-gradient(ellipse 64% 46% at 50% 0%, var(--bag-lamp), transparent 72%), radial-gradient(ellipse 72% 24% at 50% 90%, color-mix(in srgb, var(--accent) 34%, transparent), transparent 76%), var(--bag-well);width:140px;box-shadow:inset 0 1px 0 #ffffff29, 0 22px 34px -26px color-mix(in srgb, var(--accent) 70%, #000);align-self:start;position:relative;overflow:hidden}[data-experience=cinema] .bag-image:before{content:"";pointer-events:none;background:linear-gradient(180deg, var(--bag-beam), transparent 88%);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);opacity:.5;transition:opacity .6s var(--bag-enter);position:absolute;inset:0 12% 18%}[data-experience=cinema] .bag-image:after{content:"";inset-inline:18%;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 50%, transparent), transparent);border-radius:50%;height:12px;position:absolute;bottom:10px}[data-experience=cinema] .bag-image img{z-index:1;object-fit:contain;filter:drop-shadow(0 12px 12px #00000047);width:100%;height:100%;transition:transform .7s var(--bag-enter);padding:16px 14px 20px;position:relative}[data-experience=cinema] .bag-item .quantity-control{border-color:color-mix(in srgb, var(--ink) 16%, transparent);background:color-mix(in srgb, var(--bg) 38%, transparent)}[data-experience=cinema] .bag-item .quantity-control button{isolation:isolate;transition:transform .35s var(--bag-enter);position:relative}[data-experience=cinema] .bag-item .quantity-control button:before{content:"";z-index:-1;background:var(--accent-soft);opacity:0;transition:opacity .35s var(--bag-enter), transform .45s var(--bag-enter);position:absolute;inset:4px;transform:scale(.6)}[data-experience=cinema] .bag-item .quantity-control button:not(:disabled):active{transform:scale(.88)}[data-experience=cinema] .order-summary.bag-receipt{isolation:isolate;background:radial-gradient(ellipse 90% 58% at 100% 0%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 72%), radial-gradient(ellipse 70% 46% at 0% 100%, color-mix(in srgb, var(--bag-pink) 11%, transparent), transparent 72%), color-mix(in srgb, var(--surface) 78%, transparent);padding:34px 32px 30px;position:relative}html[dir=rtl] [data-experience=cinema] .order-summary.bag-receipt{background:radial-gradient(ellipse 90% 58% at 0% 0%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 72%), radial-gradient(ellipse 70% 46% at 100% 100%, color-mix(in srgb, var(--bag-pink) 11%, transparent), transparent 72%), color-mix(in srgb, var(--surface) 78%, transparent)}@media (min-width:801px){[data-experience=cinema] .order-summary.bag-receipt{position:sticky;top:32px}}[data-experience=cinema] .bag-receipt>.eyebrow{align-items:center;gap:14px;display:flex}[data-experience=cinema] .bag-receipt>.eyebrow:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--ink) 18%, transparent), transparent);flex:1;height:1px}html[dir=rtl] [data-experience=cinema] .bag-receipt>.eyebrow:after{background:linear-gradient(270deg, color-mix(in srgb, var(--ink) 18%, transparent), transparent)}[data-experience=cinema] .bag-receipt .summary-total{background:linear-gradient(90deg, color-mix(in srgb, var(--ink) 26%, transparent) 50%, transparent 0) 0 100% / 7px 1px repeat-x;padding-bottom:24px}[data-experience=cinema] .bag-receipt .summary-total strong{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-shadow:0 0 28px color-mix(in srgb, var(--accent) 45%, transparent);font-size:30px}html[lang=ar] [data-experience=cinema] .bag-receipt .summary-total strong{letter-spacing:0}[data-experience=cinema] .bag-receipt>.button{min-height:58px}[data-experience=cinema] .bag-thread{pointer-events:none;z-index:2;fill:none;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;top:-1px;left:-1px;overflow:visible}[data-experience=cinema] .bag-thread path{stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:0}[data-experience=cinema] .bag-thread-line{stroke-width:1.3px}[data-experience=cinema] .bag-thread-glow{stroke-width:5px;opacity:.28;filter:blur(2.5px)}[data-experience=cinema] .bag-thread-bead circle{transform-box:fill-box;transform-origin:50%;transition:opacity .6s var(--bag-enter), transform .7s var(--bag-enter)}[data-experience=cinema] .bag-thread-core{fill:var(--accent)}[data-experience=cinema] .bag-thread-halo{fill:color-mix(in srgb, var(--accent) 14%, transparent);stroke:var(--accent);stroke-width:1px;opacity:.7}[data-experience=cinema] .bag-thread[data-thread=pending] .bag-thread-bead circle{opacity:0;transform:scale(.2)}[data-experience=cinema] .bag-receipt:has(>.button.is-disabled) .bag-thread-bead{opacity:.45}[data-experience=cinema] .bag-invitation{isolation:isolate;padding:64px 0 96px;position:relative}[data-experience=cinema] .bag-invitation>:not(.cine-halo){z-index:1;position:relative}[data-experience=cinema] .cine-halo.bag-invitation-halo{inset:-40px 4% -30px;-webkit-mask-image:radial-gradient(66% 60%,#0000006b 0%,#000 40%,#0000 78%);mask-image:radial-gradient(66% 60%,#0000006b 0%,#000 40%,#0000 78%)}[data-experience=cinema] .bag-invitation h2{text-wrap:balance;max-width:14em;margin-inline:auto;font-size:clamp(34px,4.2vw,56px)}[data-experience=cinema] .bag-invitation p{margin:20px 0 30px;font-size:15px}[data-experience=cinema] .bag-invitation-action{justify-content:center;display:flex}[data-experience=cinema] .bag-invitation .button{gap:32px;min-height:56px;margin-top:0;padding-inline:24px}[data-experience=cinema] .bag-invitation-mark{fill:none;stroke-linecap:round;stroke-linejoin:round;width:118px;height:118px;margin:0 auto 34px;display:block;overflow:visible}[data-experience=cinema] .bag-invitation-mark path{stroke:var(--accent);stroke-width:1.4px;stroke-dasharray:1 1;stroke-dashoffset:0}[data-experience=cinema] .bag-mark-orbit{transform-origin:60px 60px}[data-experience=cinema] .bag-mark-orbit circle:first-child{stroke:color-mix(in srgb, var(--accent) 45%, transparent);stroke-width:.8px;stroke-dasharray:.74 .26}[data-experience=cinema] .bag-mark-bead{fill:var(--accent);stroke:none}:root[data-theme=dark] [data-experience=cinema] .bag-mark-bead{fill:#f4eff8}@media (hover:hover) and (pointer:fine){[data-experience=cinema] .bag-item:hover:after{opacity:1}[data-experience=cinema] .bag-image:hover:before{opacity:.95}[data-experience=cinema] .bag-image:hover img{transform:translateY(-3px)scale(1.045)}[data-experience=cinema] .bag-item .quantity-control button:not(:disabled):hover:before{opacity:1;transform:scale(1)}[data-experience=cinema] .bag-receipt:has(>a.button:hover) .bag-thread-halo{opacity:1;animation:none;transform:scale(1.45)}}@media (prefers-reduced-motion:no-preference){[data-experience=cinema] .bag-thread[data-thread=drawn] .bag-thread-halo{animation:bag-bead-breathe 3.6s var(--bag-enter) .4s infinite}[data-experience=cinema] .bag-invitation-mark[data-arrived] path{animation:1.7s cubic-bezier(.65,0,.35,1) .35s both bag-mark-draw}[data-experience=cinema] .bag-invitation-mark[data-arrived] .bag-mark-handle{animation-delay:1.05s}[data-experience=cinema] .bag-invitation-mark[data-arrived] .bag-mark-orbit{animation:bag-orbit-in 1.2s var(--bag-enter) .2s both, bag-orbit-turn 26s linear 1.4s infinite}[data-experience=cinema] .bag-invitation-mark:not([data-arrived]) .bag-mark-orbit{animation:26s linear infinite bag-orbit-turn}}@keyframes bag-bead-breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.32;transform:scale(1.3)}}@keyframes bag-mark-draw{0%{stroke-dashoffset:1px}}@keyframes bag-orbit-in{0%{opacity:0;transform:rotate(-70deg)scale(.9)}}@keyframes bag-orbit-turn{to{transform:rotate(360deg)}}@media (max-width:1100px){[data-experience=cinema] .bag-image{width:100px}[data-experience=cinema] .bag-image img{padding:12px 10px 16px}[data-experience=cinema] .order-summary.bag-receipt{padding:28px 24px 26px}}@media (max-width:800px){[data-experience=cinema] .bag-items{gap:10px}[data-experience=cinema] .bag-item,[data-experience=cinema] .bag-item:last-child{padding:14px;padding-inline-end:16px}[data-experience=cinema] .bag-image{width:75px}[data-experience=cinema] .bag-image img{padding:9px 7px 12px}[data-experience=cinema] .bag-image:after{height:8px;bottom:6px}[data-experience=cinema] .bag-item-end strong{font-size:11px}[data-experience=cinema] .order-summary.bag-receipt{padding:26px 22px 24px}[data-experience=cinema] .bag-receipt .summary-total strong{font-size:26px}[data-experience=cinema] .bag-invitation{padding:36px 0 64px}[data-experience=cinema] .bag-invitation-mark{width:96px;height:96px;margin-bottom:26px}[data-experience=cinema] .bag-invitation p{font-size:13px}}
[data-experience=cinema] .cx-stage{--cx-ease:cubic-bezier(.22, 1, .36, 1);--cx-pink:#d68fb8;--cx-glass:color-mix(in srgb, var(--surface) 58%, transparent);--cx-edge:color-mix(in srgb, var(--ink) 12%, transparent);--cx-halo-x:30%;isolation:isolate;position:relative}html[dir=rtl] [data-experience=cinema] .cx-stage{--cx-halo-x:70%}[data-experience=cinema] .cx-stage>:not(.cine-halo,.cx-burst,.cx-thread,.cx-steps),[data-experience=cinema] .cx-hero>:not(.cine-halo,.cx-burst){z-index:1;position:relative}html[lang=ar] [data-experience=cinema] .cx-stage .eyebrow{letter-spacing:0}[data-experience=cinema] .cx-hero{position:relative}[data-experience=cinema] .cx-stage .cx-halo,[data-experience=cinema] .cx-burst{inset-inline:calc(50% - 50vw + 10px)}[data-experience=cinema] .cx-hero>.cx-halo{inset-block:-170px -150px}[data-experience=cinema] .cx-stage>.cx-halo{--cx-halo-y:34%;height:min(760px,100% + 60px);top:-60px;bottom:auto}[data-experience=cinema] .cx-stage .cx-halo{-webkit-mask-image:radial-gradient(ellipse 46% 62% at var(--cx-halo-x) var(--cx-halo-y,46%), #000 20%, transparent 74%);-webkit-mask-image:radial-gradient(ellipse 46% 62% at var(--cx-halo-x) var(--cx-halo-y,46%), #000 20%, transparent 74%);mask-image:radial-gradient(ellipse 46% 62% at var(--cx-halo-x) var(--cx-halo-y,46%), #000 20%, transparent 74%)}[data-experience=cinema] .cx-burst{z-index:0;pointer-events:none;visibility:hidden;will-change:opacity, transform;-webkit-mask-image:radial-gradient(ellipse 52% 72% at var(--cx-halo-x) 50%, #000 26%, transparent 76%);-webkit-mask-image:radial-gradient(ellipse 52% 72% at var(--cx-halo-x) 50%, #000 26%, transparent 76%);mask-image:radial-gradient(ellipse 52% 72% at var(--cx-halo-x) 50%, #000 26%, transparent 76%);position:absolute}[data-experience=cinema] .cx-hero>.cx-burst{inset-block:-210px -190px}[data-experience=cinema] .cx-stage>.cx-burst{height:720px;top:-190px}[data-experience=cinema] .cx-threaded{position:relative}[data-experience=cinema] .checkout-main.cx-threaded{padding-inline-start:58px}[data-experience=cinema] .cx-thread{top:0;z-index:1;pointer-events:none;width:25px;position:absolute;inset-inline-start:0;overflow:visible}html[dir=rtl] [data-experience=cinema] .cx-thread{transform:scaleX(-1)}[data-experience=cinema] .checkout-main>.cx-thread{top:-51px}[data-experience=cinema] .cx-gate>.cx-thread{top:85px;inset-inline-start:calc(7% - 46px)}[data-experience=cinema] .cx-stage>h1+.cx-actions{margin-top:clamp(28px,3vw,40px)}[data-experience=cinema] .cx-payment{--cx-halo-x:40%;padding-inline-start:60px}html[dir=rtl] [data-experience=cinema] .cx-payment{--cx-halo-x:60%}[data-experience=cinema] .cx-payment>.cx-thread{top:85px}[data-experience=cinema] .cx-thread-track{fill:none;stroke:var(--cx-edge);stroke-width:1px}[data-experience=cinema] .cx-thread-lit{fill:none;stroke-width:1.6px;stroke-linecap:round;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--accent) 70%, transparent))}[data-experience=cinema] .cx-thread-stop-a{stop-color:var(--accent)}[data-experience=cinema] .cx-thread-stop-b{stop-color:var(--cx-pink)}[data-experience=cinema] .cx-thread-bead>circle:first-child{fill:var(--bg);stroke:color-mix(in srgb, var(--accent) 55%, var(--line));stroke-width:1px}[data-experience=cinema] .cx-thread-core{fill:var(--accent)}[data-experience=cinema] .cx-thread-tip{opacity:0}[data-experience=cinema] .cx-thread-tip>circle:first-child{fill:color-mix(in srgb, var(--accent) 26%, transparent)}[data-experience=cinema] .cx-thread-tip>circle:last-child{fill:var(--accent)}html[data-theme=dark] [data-experience=cinema] .cx-thread-tip>circle:last-child{fill:#f4eff8}[data-experience=cinema] .cx-steps{--cx-step:.3333;z-index:1;border-color:var(--cx-edge);position:relative}[data-experience=cinema] .cx-steps:has(>li:nth-child(2).active){--cx-step:.6667}[data-experience=cinema] .cx-steps:has(>li:nth-child(3).active){--cx-step:1}[data-experience=cinema] .cx-steps:after{content:"";inset-inline:0;background:linear-gradient(90deg, var(--accent), var(--cx-pink) 70%, color-mix(in srgb, var(--cx-pink) 30%, transparent));height:1px;box-shadow:0 0 14px color-mix(in srgb, var(--accent) 55%, transparent);transform:scaleX(var(--cx-step));transform-origin:0;transition:transform .9s var(--cx-ease);position:absolute;bottom:-1px}html[dir=rtl] [data-experience=cinema] .cx-steps:after{transform-origin:100%;background:linear-gradient(270deg, var(--accent), var(--cx-pink) 70%, color-mix(in srgb, var(--cx-pink) 30%, transparent))}[data-experience=cinema] .cx-steps li>span{border-color:var(--cx-edge);background:var(--cx-glass);position:relative}[data-experience=cinema] .cx-steps li.complete>span{background:color-mix(in srgb, var(--accent) 18%, transparent);border-color:color-mix(in srgb, var(--accent) 55%, transparent);color:var(--ink)}[data-experience=cinema] .cx-steps li.active>span{background:var(--accent);border-color:var(--accent);color:var(--bg);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent), 0 0 22px color-mix(in srgb, var(--accent) 55%, transparent)}[data-experience=cinema] .cx-steps li.active>span:after{content:"";border:1px solid color-mix(in srgb, var(--accent) 60%, transparent);opacity:0;border-radius:50%;position:absolute;inset:-5px}[data-experience=cinema] .checkout-main .form-grid label{position:relative}[data-experience=cinema] .checkout-main .form-grid input{background:var(--cx-glass);border-color:var(--cx-edge)}[data-experience=cinema] .checkout-main .form-grid label:after{content:"";inset-inline:0;background:linear-gradient(90deg, var(--accent), var(--cx-pink));transform-origin:0;height:1px;transition:transform .6s var(--cx-ease);position:absolute;bottom:0;transform:scaleX(0)}html[dir=rtl] [data-experience=cinema] .checkout-main .form-grid label:after{transform-origin:100%}[data-experience=cinema] .checkout-main .form-grid label:focus-within:after{transform:scaleX(1)}[data-experience=cinema] .checkout-main .form-grid label:focus-within input{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:0 16px 34px -26px color-mix(in srgb, var(--accent) 80%, transparent)}[data-experience=cinema] .checkout-main .payment-methods>button{background:var(--cx-glass);border-color:var(--cx-edge);transition:transform .45s var(--cx-ease), border-color .3s, background-color .3s;position:relative;overflow:hidden}[data-experience=cinema] .checkout-main .payment-methods>button:before{content:"";background:linear-gradient(180deg, var(--accent), var(--cx-pink));width:2px;box-shadow:0 0 14px color-mix(in srgb, var(--accent) 70%, transparent);transition:transform .55s var(--cx-ease);position:absolute;inset-block:0;inset-inline-start:0;transform:scaleY(0)}[data-experience=cinema] .checkout-main .payment-methods>button.selected{border-color:color-mix(in srgb, var(--accent) 60%, transparent);background:color-mix(in srgb, var(--accent-soft) 72%, transparent);box-shadow:0 24px 50px -38px color-mix(in srgb, var(--accent) 85%, transparent)}[data-experience=cinema] .checkout-main .payment-methods>button.selected:before{transform:scaleY(1)}[data-experience=cinema] .checkout-main .payment-methods>button:active{transform:scale(.992)}[data-experience=cinema] .checkout-main .radio-indicator{border:1px solid var(--muted);position:relative}[data-experience=cinema] .checkout-main .radio-indicator:after{content:"";background:var(--accent);transition:transform .45s var(--cx-ease);border-radius:50%;position:absolute;inset:3px;transform:scale(0)}[data-experience=cinema] .checkout-main .selected .radio-indicator{border:1px solid var(--accent)}[data-experience=cinema] .checkout-main .selected .radio-indicator:after{transform:scale(1)}[data-experience=cinema] .checkout-main .review-contact{--cx-review-light:90deg;background:linear-gradient(var(--cx-review-light), color-mix(in srgb, var(--accent) 13%, transparent), transparent 58%), var(--cx-glass);border-inline-start:2px solid var(--accent);box-shadow:inset 0 1px #ffffff0f}html[dir=rtl] [data-experience=cinema] .checkout-main .review-contact{--cx-review-light:270deg}[data-experience=cinema] .cx-lumen{isolation:isolate;background:radial-gradient(110% 58% at var(--cx-lumen-x,22%) 0%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 64%), radial-gradient(90% 60% at 100% 100%, color-mix(in srgb, var(--cx-pink) 10%, transparent), transparent 70%), linear-gradient(172deg, color-mix(in srgb, var(--surface) 84%, transparent), color-mix(in srgb, var(--surface) 58%, transparent));border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);box-shadow:inset 0 1px 0 #ffffff1f, inset 0 24px 40px -30px color-mix(in srgb, var(--accent) 50%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent) 6%, transparent), 0 40px 90px -54px color-mix(in srgb, var(--accent) 70%, transparent);border-top-color:#0000;position:relative;overflow:hidden}html[dir=rtl] [data-experience=cinema] .cx-lumen{--cx-lumen-x:78%}[data-experience=cinema] .cx-lumen:before,[data-experience=cinema] .cx-lumen:after{content:"";z-index:1;pointer-events:none;height:1px;position:absolute;top:0}[data-experience=cinema] .cx-lumen:before{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 20%, transparent), var(--accent) 24%, var(--cx-pink) 62%, color-mix(in srgb, var(--cx-pink) 10%, transparent));box-shadow:0 0 20px 1px color-mix(in srgb, var(--accent) 60%, transparent);inset-inline:0}html[dir=rtl] [data-experience=cinema] .cx-lumen:before{background:linear-gradient(270deg, color-mix(in srgb, var(--accent) 20%, transparent), var(--accent) 24%, var(--cx-pink) 62%, color-mix(in srgb, var(--cx-pink) 10%, transparent))}[data-experience=cinema] .cx-lumen:after{background:linear-gradient(90deg, transparent, color-mix(in srgb, #fff 80%, var(--accent)), transparent);opacity:0;width:36%;transform:translateX(calc(-110% * var(--cx-dir,1)));inset-inline-start:0}html[dir=rtl] [data-experience=cinema] .cx-lumen:after{--cx-dir:-1}[data-experience=cinema] .cx-lumen .summary-item{border-bottom-color:var(--cx-edge)}[data-experience=cinema] .cx-lumen .summary-item img,[data-experience=cinema] .cx-order-main .order-items .summary-item img{background:radial-gradient(ellipse 60% 55% at 50% 58%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 72%)}@media (min-width:1101px){[data-experience=cinema] .cx-lumen{position:sticky;top:32px}}[data-experience=cinema] .cx-order-main .order-heading{border-top-color:var(--cx-edge)}[data-experience=cinema] .cx-order-main .order-items .summary-item{border-bottom-color:var(--cx-edge)}[data-experience=cinema] .cx-order .customer-production-card{background:var(--cx-glass);border-color:var(--cx-edge)}[data-experience=cinema] .cx-orders.cx-threaded{padding-inline-start:46px}[data-experience=cinema] .cx-orders>a{isolation:isolate;border-color:var(--cx-edge);transition:color .3s;position:relative}[data-experience=cinema] .cx-orders>a:before{content:"";z-index:-1;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 11%, transparent), transparent 72%);opacity:0;transition:opacity .5s var(--cx-ease);position:absolute;inset:0 -14px}html[dir=rtl] [data-experience=cinema] .cx-orders>a:before{background:linear-gradient(270deg, color-mix(in srgb, var(--accent) 11%, transparent), transparent 72%)}[data-experience=cinema] .cx-orders>a:after{content:"";inset-inline:0;background:linear-gradient(90deg, var(--accent), var(--cx-pink), transparent);transform-origin:0;height:1px;transition:transform .7s var(--cx-ease);position:absolute;bottom:-1px;transform:scaleX(0)}html[dir=rtl] [data-experience=cinema] .cx-orders>a:after{transform-origin:100%;background:linear-gradient(270deg, var(--accent), var(--cx-pink), transparent)}[data-experience=cinema] .cx-orders>a>svg{transition:transform .45s var(--cx-ease)}@media (hover:hover) and (pointer:fine){[data-experience=cinema] .checkout-main .payment-methods>button:hover{transform:translateY(-2px)}[data-experience=cinema] .cx-lumen .summary-item img{transition:transform .6s var(--cx-ease)}[data-experience=cinema] .cx-lumen .summary-item:hover img{transform:scale(1.06)}[data-experience=cinema] .cx-orders>a:hover:before{opacity:1}[data-experience=cinema] .cx-orders>a:hover:after{transform:scaleX(1)}[data-experience=cinema] .cx-orders>a:hover>svg{transform:translate(3px,-3px)}html[dir=rtl] [data-experience=cinema] .cx-orders>a:hover>svg{transform:translate(-3px,-3px)}}@media (prefers-reduced-motion:no-preference){[data-experience=cinema] .cx-steps li.active>span:after{animation:cx-breathe 2.8s var(--cx-ease) infinite}[data-experience=cinema] .cx-lumen:after{animation:cx-glint 8s var(--cx-ease) 1.4s infinite}}@keyframes cx-breathe{0%{opacity:.8;transform:scale(.85)}70%,to{opacity:0;transform:scale(1.5)}}@keyframes cx-glint{0%{opacity:0;transform:translateX(calc(-110% * var(--cx-dir,1)))}6%{opacity:1}34%,to{opacity:0;transform:translateX(calc(290% * var(--cx-dir,1)))}}@media (prefers-reduced-motion:reduce){[data-experience=cinema] .cx-steps:after,[data-experience=cinema] .checkout-main .form-grid label:after,[data-experience=cinema] .checkout-main .payment-methods>button,[data-experience=cinema] .checkout-main .payment-methods>button:before,[data-experience=cinema] .checkout-main .radio-indicator:after{transition:none}}@media (max-width:1100px){[data-experience=cinema] .cx-stage{--cx-halo-x:40%}html[dir=rtl] [data-experience=cinema] .cx-stage{--cx-halo-x:60%}}@media (max-width:800px){[data-experience=cinema] .cx-stage,html[dir=rtl] [data-experience=cinema] .cx-stage{--cx-halo-x:50%}[data-experience=cinema] .cx-hero>.cx-halo{inset-block:-110px -120px}[data-experience=cinema] .cx-hero>.cx-burst{inset-block:-150px -140px}[data-experience=cinema] .checkout-main.cx-threaded{padding-inline-start:36px}[data-experience=cinema] .checkout-main>.cx-thread{top:-31px;inset-inline-start:-2px}[data-experience=cinema] .cx-gate{padding-inline-start:50px}[data-experience=cinema] .cx-gate>.cx-thread{top:65px;inset-inline-start:8px}[data-experience=cinema] .cx-payment{padding-inline-start:38px}[data-experience=cinema] .cx-payment>.cx-thread{top:65px;inset-inline-start:-2px}[data-experience=cinema] .cx-orders.cx-threaded{padding-inline-start:30px}[data-experience=cinema] .cx-orders>.cx-thread{inset-inline-start:-6px}}
[data-experience=cinema] .account-page{--account-ease:cubic-bezier(.22, 1, .36, 1);--account-pink:#d68fb8;--account-strand:#6e3ba2;--account-shadow:#3b1d5c57;--account-word-a:56%;--account-word-b:44%;--account-word-c:30%;isolation:isolate;position:relative}html[data-theme=dark] [data-experience=cinema] .account-page{--account-strand:#b48cdb;--account-shadow:#0000009e;--account-word-a:46%;--account-word-b:30%;--account-word-c:14%}[data-experience=cinema] .account-story>.eyebrow{align-items:center;gap:16px;display:flex}[data-experience=cinema] .account-story>.eyebrow:after{content:"";background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--account-pink) 30%, transparent));transform-origin:0;width:56px;height:1px}html[dir=rtl] [data-experience=cinema] .account-story>.eyebrow:after{transform-origin:100%;background:linear-gradient(270deg, var(--accent), color-mix(in srgb, var(--account-pink) 30%, transparent))}[data-experience=cinema] .account-story h1 span:not([class]){color:var(--muted)}[data-experience=cinema] .account-art{margin-top:34px;container-type:inline-size}[data-experience=cinema] .account-art-drift{position:relative}[data-experience=cinema] .account-art-tilt{width:56%;margin-inline-start:auto;position:relative}[data-experience=cinema] .account-art img{filter:drop-shadow(0 38px 34px var(--account-shadow))}[data-experience=cinema] .account-art>span{color:#0000;background:linear-gradient(100deg, color-mix(in srgb, var(--accent) var(--account-word-a), transparent), color-mix(in srgb, var(--account-pink) var(--account-word-b), transparent) 64%, color-mix(in srgb, var(--account-pink) var(--account-word-c), transparent));-webkit-background-clip:text;background-clip:text;padding-inline-end:.08em;font-size:clamp(64px,21cqi,150px);top:calc(50% - .56em)}html[dir=rtl] [data-experience=cinema] .account-art>span{background-image:linear-gradient(260deg, color-mix(in srgb, var(--accent) var(--account-word-a), transparent), color-mix(in srgb, var(--account-pink) var(--account-word-b), transparent) 64%, color-mix(in srgb, var(--account-pink) var(--account-word-c), transparent));padding-inline:.08em 0;left:auto;right:0}[data-experience=cinema] .account-strands{top:4%;z-index:-1;fill:none;width:128%;height:94%;stroke:var(--account-strand);stroke-width:1.1px;opacity:.38;pointer-events:none;position:absolute;inset-inline-start:-3%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 74%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 74%,#0000)}html[dir=rtl] [data-experience=cinema] .account-strands{scale:-1 1}[data-experience=cinema] .account-stage{isolation:isolate;align-self:start;width:100%;max-width:480px;position:relative}[data-experience=cinema] .account-halo{opacity:1;inset-block:-20% -14%;inset-inline:-42% -7%}[data-experience=cinema] .account-panel{z-index:1;background:radial-gradient(90% 55% at 0% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%), radial-gradient(70% 40% at 100% 100%, color-mix(in srgb, var(--account-pink) 9%, transparent), transparent 70%), color-mix(in srgb, var(--surface) 80%, transparent);max-width:none;box-shadow:inset 0 1px 0 #ffffff1a, 0 60px 100px -64px color-mix(in srgb, var(--accent) 80%, #000), 0 28px 48px -40px var(--account-shadow);padding:clamp(28px,3vw,44px);position:relative}html[dir=rtl] [data-experience=cinema] .account-panel{background:radial-gradient(90% 55% at 100% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%), radial-gradient(70% 40% at 0% 100%, color-mix(in srgb, var(--account-pink) 9%, transparent), transparent 70%), color-mix(in srgb, var(--surface) 80%, transparent)}[data-experience=cinema] .account-panel:before{content:"";pointer-events:none;background:linear-gradient(155deg, color-mix(in srgb, var(--accent) 75%, transparent), color-mix(in srgb, var(--ink) 12%, transparent) 34%, color-mix(in srgb, var(--ink) 8%, transparent) 68%, color-mix(in srgb, var(--account-pink) 60%, transparent));-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}html[dir=rtl] [data-experience=cinema] .account-panel:before{background:linear-gradient(205deg, color-mix(in srgb, var(--accent) 75%, transparent), color-mix(in srgb, var(--ink) 12%, transparent) 34%, color-mix(in srgb, var(--ink) 8%, transparent) 68%, color-mix(in srgb, var(--account-pink) 60%, transparent))}[data-experience=cinema] .account-panel:after{content:"";top:-22px;pointer-events:none;background:linear-gradient(90deg, transparent, var(--account-pink) 26%, color-mix(in srgb, var(--accent) 45%, #fff) 50%, var(--account-pink) 74%, transparent) 50% 50% / 100% 1px no-repeat, radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--accent) 42%, transparent), transparent 72%);height:44px;position:absolute;inset-inline:6%}[data-experience=cinema] .account-panel>.eyebrow{color:var(--accent);align-items:center;gap:11px;margin-bottom:12px;display:flex}[data-experience=cinema] .account-panel>.eyebrow:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent), 0 0 14px color-mix(in srgb, var(--accent) 70%, transparent);border-radius:50%;flex:none}[data-experience=cinema] .account-panel h2{font-size:clamp(30px,2.6vw,36px)}[data-experience=cinema] .account-panel>p.muted{margin-bottom:26px}[data-experience=cinema] .account-panel label{letter-spacing:.02em;position:relative}html[dir=rtl] [data-experience=cinema] .account-panel label{letter-spacing:0}[data-experience=cinema] .account-panel label input{background:color-mix(in srgb, var(--surface) 58%, transparent);border-color:color-mix(in srgb, var(--ink) 15%, transparent);transition:border-color .3s var(--account-ease), background-color .3s var(--account-ease)}[data-experience=cinema] .account-panel label input:hover{border-color:color-mix(in srgb, var(--ink) 34%, transparent)}[data-experience=cinema] .account-panel label input:focus{background:color-mix(in srgb, var(--surface) 86%, transparent);border-color:color-mix(in srgb, var(--accent) 34%, transparent)}[data-experience=cinema] .account-panel label input:focus-visible{outline-offset:3px}[data-experience=cinema] .account-panel label:after{content:"";inset-inline:0;pointer-events:none;background:linear-gradient(90deg, var(--accent), var(--account-pink));transform-origin:0;height:2px;transition:transform .55s var(--account-ease);position:absolute;bottom:0;transform:scaleX(0)}html[dir=rtl] [data-experience=cinema] .account-panel label:after{transform-origin:100%;background:linear-gradient(270deg, var(--accent), var(--account-pink))}[data-experience=cinema] .account-panel label:focus-within:after{transform:scaleX(1)}[data-experience=cinema] .account-panel form>.button{margin-top:10px}[data-experience=cinema] .account-panel .switch-auth,[data-experience=cinema] .account-panel>.text-link{margin-top:26px}[data-experience=cinema] .account-timeline{--row:72px;border-bottom:1px solid color-mix(in srgb, var(--ink) 9%, transparent);position:relative}[data-experience=cinema] .account-timeline:before{content:"";inset-inline-start:6px;z-index:1;width:1px;height:calc(var(--row) / 2);pointer-events:none;background:linear-gradient(180deg, transparent, var(--accent));transform-origin:50% 0;position:absolute;top:0}[data-experience=cinema] .account-action{min-height:var(--row);border-top-color:color-mix(in srgb, var(--ink) 9%, transparent);font:500 18px/1.3 var(--display);letter-spacing:-.02em;transition:color .35s var(--account-ease);padding-block:20px;padding-inline-start:42px;position:relative}html[dir=rtl] [data-experience=cinema] .account-action{letter-spacing:0}[data-experience=cinema] .account-action svg{width:20px;color:var(--muted);transition:translate .5s var(--account-ease), color .35s var(--account-ease);flex:none}html[dir=rtl] [data-experience=cinema] .account-action svg{rotate:180deg}[data-experience=cinema] .account-action:before{content:"";inset-inline-start:6px;pointer-events:none;background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--account-pink) 80%, transparent));transform-origin:50% 0;width:1px;height:calc(100% + 1px);position:absolute;top:50%}[data-experience=cinema] .account-action:last-child:before{background:linear-gradient(180deg, color-mix(in srgb, var(--account-pink) 80%, transparent), transparent);height:50%}[data-experience=cinema] .account-action:after{content:"";inset-inline-start:0;z-index:1;pointer-events:none;border:1px solid color-mix(in srgb, var(--accent) 85%, transparent);background:radial-gradient(circle, var(--accent) 0 2.5px, color-mix(in srgb, var(--surface) 94%, var(--accent)) 3px);width:13px;height:13px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 11%, transparent), 0 0 16px color-mix(in srgb, var(--accent) 45%, transparent);transition:transform .5s var(--account-ease);border-radius:50%;margin-top:-6.5px;position:absolute;top:50%}[data-experience=cinema] .account-action:focus-visible:after{transform:scale(1.4)}[data-experience=cinema] .demo-accounts{border-top:0;margin-top:40px;padding-top:28px;position:relative}[data-experience=cinema] .demo-accounts:before{content:"";top:0;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--ink) 16%, transparent) 18%, color-mix(in srgb, var(--accent) 55%, transparent) 50%, color-mix(in srgb, var(--ink) 16%, transparent) 82%, transparent);height:1px;position:absolute;inset-inline:0}[data-experience=cinema] .demo-accounts>div{gap:10px}[data-experience=cinema] .demo-accounts button{--chip-face:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, #fff 8%), color-mix(in srgb, var(--surface) 60%, transparent));isolation:isolate;border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:var(--chip-face);min-height:44px;box-shadow:inset 0 1px 0 #ffffff29, inset 0 -1px 0 #00000012, 0 10px 20px -16px color-mix(in srgb, var(--accent) 70%, #000);transition:translate .45s var(--account-ease), scale .2s var(--account-ease), border-color .45s var(--account-ease);border-radius:999px;justify-content:flex-start;gap:10px;padding-block:10px;padding-inline:13px 15px;font-size:12px;font-weight:500;line-height:1.3;position:relative}[data-experience=cinema] .demo-accounts button:hover{background:var(--chip-face)}[data-experience=cinema] .demo-accounts button:focus-visible{outline-offset:3px}[data-experience=cinema] .demo-accounts button:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);border-radius:50%;flex:none}[data-experience=cinema] .demo-accounts button:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 150% at 50% 130%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 70%);box-shadow:0 16px 28px -16px color-mix(in srgb, var(--accent) 85%, transparent);opacity:0;transition:opacity .45s var(--account-ease);position:absolute;inset:0}[data-experience=cinema] .demo-accounts button svg{transition:translate .45s var(--account-ease);flex:none;margin-inline-start:auto}html[dir=rtl] [data-experience=cinema] .demo-accounts button svg{scale:-1 1}[data-experience=cinema] .demo-accounts button:active:not(:disabled){transition-duration:.12s;scale:.965}@media (hover:hover) and (pointer:fine){[data-experience=cinema] .demo-accounts button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 45%, transparent);translate:0 -2px}[data-experience=cinema] .demo-accounts button:hover:not(:disabled):after{opacity:1}[data-experience=cinema] .demo-accounts button:hover:not(:disabled) svg{translate:2px -2px}html[dir=rtl] [data-experience=cinema] .demo-accounts button:hover:not(:disabled) svg{translate:-2px -2px}[data-experience=cinema] .demo-accounts button:active:not(:disabled){translate:0}[data-experience=cinema] .account-action:hover{color:var(--accent)}[data-experience=cinema] .account-action:hover:after{transform:scale(1.4)}[data-experience=cinema] .account-action:hover svg{color:var(--accent);translate:5px}html[dir=rtl] [data-experience=cinema] .account-action:hover svg{translate:-5px}[data-experience=cinema] .account-panel form>.button:hover:not(:disabled){transform:translateY(-2px)}[data-experience=cinema] .account-panel form>.button:active:not(:disabled){transform:translateY(0)scale(.98)}}@media (prefers-reduced-motion:no-preference){[data-experience=cinema] .account-story>.eyebrow[data-cine-live]:after{animation:account-draw-x 1.1s var(--account-ease) .35s backwards}[data-experience=cinema] .account-art[data-cine-live] .account-strands path{stroke-dasharray:1 1;animation:1.9s cubic-bezier(.65,0,.35,1) both account-draw-path}[data-experience=cinema] .account-strands path:nth-child(2){animation-delay:.14s}[data-experience=cinema] .account-strands path:nth-child(3){animation-delay:.28s}[data-experience=cinema] .account-panel[data-cine-live]:after{animation:account-edge 1.4s var(--account-ease) .3s backwards}[data-experience=cinema] .account-panel>.eyebrow:before{animation:3.4s ease-in-out infinite account-breathe}[data-experience=cinema] .account-action:nth-child(2){--step:1}[data-experience=cinema] .account-action:nth-child(3){--step:2}[data-experience=cinema] .account-panel[data-cine-live] .account-timeline:before{animation:.34s cubic-bezier(.65,0,.35,1) .28s backwards account-thread}[data-experience=cinema] .account-panel[data-cine-live] .account-action:after{animation:account-node .7s var(--account-ease) backwards;animation-delay:calc(.52s + var(--step,0) * .36s)}[data-experience=cinema] .account-panel[data-cine-live] .account-action:before{animation:.52s cubic-bezier(.65,0,.35,1) backwards account-thread;animation-delay:calc(.64s + var(--step,0) * .36s)}[data-experience=cinema] .demo-accounts>div[data-cine-live]>button{animation:account-chip .7s var(--account-ease) backwards;animation-delay:calc(.3s + var(--chip,0) * 50ms)}[data-experience=cinema] .demo-accounts button:nth-child(2){--chip:1}[data-experience=cinema] .demo-accounts button:nth-child(3){--chip:2}[data-experience=cinema] .demo-accounts button:nth-child(4){--chip:3}[data-experience=cinema] .demo-accounts button:nth-child(5){--chip:4}[data-experience=cinema] .demo-accounts button:nth-child(6){--chip:5}[data-experience=cinema] .demo-accounts button:nth-child(7){--chip:6}[data-experience=cinema] .demo-accounts button:nth-child(8){--chip:7}}@keyframes account-draw-x{0%{transform:scaleX(0)}}@keyframes account-draw-path{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes account-edge{0%{opacity:0;transform:scaleX(0)}}@keyframes account-breathe{50%{opacity:.45}}@keyframes account-node{0%{opacity:0;transform:scale(.2)}}@keyframes account-thread{0%{transform:scaleY(0)}}@keyframes account-chip{0%{opacity:0;translate:0 12px}}@media (max-width:800px){[data-experience=cinema] .account-stage{max-width:none}[data-experience=cinema] .account-halo{inset:-10% -3% -6%}[data-experience=cinema] .account-panel{padding:26px 20px 28px}[data-experience=cinema] .account-timeline{--row:64px}[data-experience=cinema] .account-action{font-size:16px}[data-experience=cinema] .demo-accounts>div{gap:8px}[data-experience=cinema] .demo-accounts button{gap:8px;padding-inline:11px 12px;font-size:11px}}@media (max-width:480px){[data-experience=cinema] .demo-accounts button{white-space:nowrap;padding-inline:14px 12px}[data-experience=cinema] .demo-accounts button:before{display:none}}@media (prefers-reduced-motion:reduce){[data-experience=cinema] .account-panel label:after,[data-experience=cinema] .account-action,[data-experience=cinema] .account-action:after,[data-experience=cinema] .account-action svg,[data-experience=cinema] .demo-accounts button,[data-experience=cinema] .demo-accounts button:after,[data-experience=cinema] .demo-accounts button svg{transition-duration:.01ms}}