.poster{--gutter:clamp(20px, 4.4vw, 72px);--safe-top:132px;--safe-bottom:32px;background:rgb(var(--m-scene-rgb));color:var(--m-pitch-ink);position:relative}.poster-scene{height:100svh;min-height:640px;position:relative;overflow:hidden;container-type:size}.poster-photo{position:absolute;inset:0;overflow:hidden;container-type:size}.poster-canvas,.poster-frame,.poster-text{--wc:max(100cqw, calc(100cqh * var(--ar)));--ch:calc(var(--wc) / var(--ar));--cx:calc((100cqw - var(--wc)) / 2);--cy0:calc((100cqh - var(--ch)) / 2);--cy:min(max(var(--cy0), calc(var(--safe-top) - var(--ch) * var(--by))), calc(100cqh - var(--safe-bottom) - var(--ch) * (var(--by) + var(--bh))))}.poster[data-label=below]{--safe-top:104px}.poster[data-label=below] .poster-label{top:calc(100% + 12px);bottom:auto}.poster-canvas{left:var(--cx);top:var(--cy);width:var(--wc);aspect-ratio:var(--ar);position:absolute}.poster-img{object-fit:cover;filter:saturate(.6)contrast(1.05)brightness(.94)}.poster-canvas:after{content:"";background:rgba(var(--m-scene-rgb), .34);pointer-events:none;position:absolute;inset:0}.poster-canvas:before{content:"";z-index:1;background:rgb(var(--m-scene-rgb));opacity:0;pointer-events:none;position:absolute;inset:0}.poster-select{z-index:2;left:calc(var(--bx) * 100%);top:calc(var(--by) * 100%);width:calc(var(--bw) * 100%);height:calc(var(--bh) * 100%);position:absolute}.poster-select i{filter:drop-shadow(0 0 2px #0000008c);border:0 solid #e9cb86;width:30px;height:30px;position:absolute}.poster-select i:first-child{border-top-width:2px;border-left-width:2px;top:0;left:0}.poster-select i:nth-child(2){border-top-width:2px;border-right-width:2px;top:0;right:0}.poster-select i:nth-child(3){border-bottom-width:2px;border-left-width:2px;bottom:0;left:0}.poster-select i:nth-child(4){border-bottom-width:2px;border-right-width:2px;bottom:0;right:0}.poster-label{white-space:nowrap;background:rgba(var(--m-scene-rgb), .72);-webkit-backdrop-filter:blur(12px);font-family:var(--font-sans);color:var(--m-pitch-ink);direction:ltr;border:1px solid #e9cb868c;align-items:baseline;gap:10px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex;position:absolute;bottom:calc(100% + 12px);left:0}[dir=rtl] .poster-label{direction:rtl}.poster-label b{color:#e9cb86;font-variant-numeric:tabular-nums;font-weight:600}.poster-frame{z-index:1;pointer-events:none;top:max(96px, var(--cy));left:calc(var(--gutter) * .55);right:calc(var(--gutter) * .55);bottom:calc(var(--gutter) * .55);position:absolute}.poster-frame i{background:#f4efe638;position:absolute}.poster-frame i:first-child{transform-origin:0;height:1px;top:0;left:0;right:0}.poster-frame i:nth-child(2){transform-origin:top;width:1px;top:0;bottom:0;right:0}.poster-frame i:nth-child(3){transform-origin:100%;height:1px;bottom:0;left:0;right:0}.poster-frame i:nth-child(4){transform-origin:top;width:1px;top:0;bottom:0;left:0}.poster-text{--zone:calc((100cqw - max(100cqw, calc(100cqh * var(--ar)))) / 2 + max(100cqw, calc(100cqh * var(--ar))) * var(--bx) - var(--gutter) - 56px);z-index:3;left:var(--gutter);top:max(124px, calc(var(--cy) + 40px));bottom:calc(var(--gutter) * .55 + 40px);width:min(640px, var(--zone));text-shadow:0 1px 20px rgba(var(--m-scene-rgb), .55);flex-direction:column;display:flex;position:absolute}.poster-eyebrow{font-family:var(--font-sans);color:var(--m-champagne);margin:24px 0 0;font-size:14px;font-weight:500}.poster-eyebrow:before{content:"";vertical-align:middle;background:var(--m-gold);width:24px;height:1px;margin-inline-end:12px;display:inline-block}.poster-title{font-family:var(--font-display);letter-spacing:-.04em;font-weight:360;line-height:.98;font-size:min(calc(var(--zone) / 6.4), 7cqw, 11.5cqh);color:var(--m-pitch-ink);text-wrap:balance;margin:18px 0 0}.poster-title em{color:#f1f0ec9e;font-style:normal}.poster-copy{max-width:440px;font-family:var(--font-sans);margin-top:auto;padding-top:32px}.poster-copy p{color:#f4efe6e6;margin:0;font-size:17px;line-height:1.6}.poster-copy .poster-actions{text-shadow:none;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:26px;display:flex}.poster .m-btn-light{--sweep:#fff;--sweep-fg:#15171b;background:var(--m-pitch-ink);color:var(--m-pitch);border:1px solid var(--m-pitch-ink)}.poster .m-focus:focus-visible,.poster .m-btn:focus-visible,.poster a:focus-visible{outline:2px solid var(--m-pitch-ink);outline-offset:4px}.poster-mail{color:var(--m-pitch-ink);text-underline-offset:4px;font-size:15px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}[lang=ar] .poster-title{letter-spacing:0;font-weight:400;line-height:1.3;font-size:min(calc(var(--zone) / 7.4), 6cqw, 10cqh)}[dir=rtl] .poster-text{text-align:right}.motion-ok:not(.reveal-fallback) .poster:not(.is-in) :is(.poster-title .hw>span){translate:0 108%}.motion-ok:not(.reveal-fallback) .poster:not(.is-in) :is(.poster-select i,.poster-label,.poster-eyebrow,.poster-copy,.poster-text .bc){opacity:0}.motion-ok:not(.reveal-fallback) .poster:not(.is-in) .poster-frame i{transform:scale(0)}.motion-ok .poster.is-in .poster-img{animation:posterSettle 2.6s var(--e-out) both}.motion-ok .poster.is-in .poster-canvas:before{animation:posterDim 2.2s var(--e-out) both}.motion-ok .poster.is-in .poster-title .hw>span{animation:posterRise 1.2s var(--e-out) calc(.35s + var(--i) * 65ms) both}.motion-ok .poster.is-in .poster-text .bc,.motion-ok .poster.is-in .poster-eyebrow{animation:posterUp .9s var(--e-out) .25s both}.motion-ok .poster.is-in .poster-copy{animation:posterUp 1s var(--e-out) 1.1s both}.motion-ok .poster.is-in .poster-frame i:nth-child(odd){animation:posterDrawX 1s var(--e-io) .7s both}.motion-ok .poster.is-in .poster-frame i:nth-child(2n){animation:posterDrawY .9s var(--e-io) 1s both}.motion-ok .poster.is-in .poster-select i{animation:posterLock .75s var(--e-out) both}.motion-ok .poster.is-in .poster-select i:first-child{--from:-20px -20px;animation-delay:1.3s}.motion-ok .poster.is-in .poster-select i:nth-child(2){--from:20px -20px;animation-delay:1.35s}.motion-ok .poster.is-in .poster-select i:nth-child(3){--from:-20px 20px;animation-delay:1.4s}.motion-ok .poster.is-in .poster-select i:nth-child(4){--from:20px 20px;animation-delay:1.45s}.motion-ok .poster.is-in .poster-label{animation:.6s 1.5s both posterFade}@keyframes posterSettle{0%{transform:scale(1.1)}to{transform:none}}@keyframes posterDim{0%{opacity:.75}to{opacity:0}}@keyframes posterRise{0%{translate:0 108%}to{translate:0}}@keyframes posterUp{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0}}@keyframes posterDrawX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes posterDrawY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes posterLock{0%{opacity:0;translate:var(--from)}to{opacity:1;translate:0}}@keyframes posterFade{0%{opacity:0}to{opacity:1}}@media (max-width:1023px){.poster{--gutter:20px;--safe-top:132px;--safe-bottom:20px}.poster[data-label=below]{--safe-top:92px;--safe-bottom:64px}.poster-scene{flex-direction:column;height:auto;min-height:0;display:flex;overflow:visible;container-type:normal}.poster-text{--zone:330px;order:1;width:auto;padding:32px 20px 40px;position:relative;inset:auto}.poster-title{font-size:11vw}[lang=ar] .poster-title{font-size:9.6vw}.poster-copy{max-width:560px;margin-top:0;padding-top:24px}.poster-photo{aspect-ratio:4/5;order:0;position:relative}.poster-canvas{--cx:clamp(calc(100cqw - var(--wc)), calc(50cqw - var(--wc) * (var(--bx) + var(--bw) / 2)), 0px)}.poster-label{padding:7px 12px;font-size:13px}.poster-frame{display:none}}@media (min-width:760px) and (max-width:1023px){.poster-text{padding:40px 40px 56px}.poster-title{font-size:8.4vw}[lang=ar] .poster-title{font-size:7.4vw}.poster-copy p{font-size:18px}.poster-photo{aspect-ratio:4/3}}
