/* A complete product-reveal stage, with the camera carried by the campaign film. */
.aw-cinematic{display:block;height:calc(100svh - 118px);min-height:670px;max-height:1100px;isolation:isolate;background:#14171c;--aw-film-progress:0;--aw-depth-x:0px;--aw-depth-y:0px;--aw-hero-scroll:0}
.aw-cinematic .aw-campaign-media,.aw-cinematic .aw-campaign-shade{position:absolute;inset:0;display:block}
.aw-cinematic .aw-campaign-media{transform:translate3d(var(--aw-depth-x),var(--aw-depth-y),0) scale(calc(1.03 + var(--aw-hero-scroll)*.045));transition:transform 1.2s cubic-bezier(.2,.7,.2,1);will-change:transform}
.aw-cinematic .aw-campaign-media img,.aw-cinematic .aw-campaign-media video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent,#000 20%);display:block}
.aw-cinematic .aw-campaign-media video{opacity:0;transition:opacity .7s}
.aw-cinematic .aw-campaign-media video.aw-film-ready{opacity:1}
.aw-cinematic .aw-campaign-shade{background:linear-gradient(90deg,#14171cc4 0%,#14171c80 29%,transparent 61%),linear-gradient(0deg,#14171ce8 0%,transparent 31%,#14171c26 100%);z-index:1}
.aw-cinematic .aw-campaign-copy{position:absolute;bottom:115px;left:5.2%;padding:0;max-width:55%;z-index:3}
.aw-cinematic .aw-campaign-copy .aw-eyebrow{font-size:10px!important;letter-spacing:.2em;margin-bottom:24px}
.aw-cinematic .aw-campaign-copy h1{font-size:clamp(64px,7.5vw,132px);line-height:1.01;letter-spacing:-.055em;margin-bottom:23px;text-shadow:0 2px 24px #0001}
.aw-cinematic .aw-campaign-copy h1 .aw-cinema-line{display:block;overflow:hidden;padding:0 .06em .07em 0}
.aw-cinematic .aw-campaign-copy h1 .aw-cinema-line>span{display:block;transform:translateY(0)}
.aw-cinematic .aw-campaign-copy h1 .aw-cinema-line:nth-child(2){font-style:italic}
.aw-cinematic .aw-campaign-copy>p:not(.aw-eyebrow){font-size:13px;max-width:280px;line-height:1.8;margin-bottom:24px}
.aw-cinematic .aw-hero-actions{gap:21px;flex-direction:row;align-items:center;flex-wrap:wrap}
.aw-cinematic .aw-ai-primary{min-height:57px;padding:16px 25px;box-shadow:0 0 32px #d9dee40a}
.aw-cinematic .aw-hero-shop{font-size:11px;white-space:nowrap}
.aw-cinema-lines{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.42;overflow:hidden}
.aw-cinema-lines i{position:absolute;display:block;background:#eef1f530}
.aw-cinema-lines i:nth-child(1){top:0;bottom:0;width:1px;left:5.2%}.aw-cinema-lines i:nth-child(2){top:0;bottom:0;width:1px;right:5.2%}.aw-cinema-lines i:nth-child(3){height:1px;left:0;right:0;top:72px}.aw-cinema-lines i:nth-child(4){height:1px;left:0;right:0;bottom:83px}
.aw-cinema-lines:before,.aw-cinema-lines:after{content:'+';position:absolute;color:#eef1f588;font:18px/1 Arial;top:63px;left:calc(5.2% - 5px)}.aw-cinema-lines:after{left:auto;right:calc(5.2% - 5px)}
.aw-cinematic .aw-film-controls{position:absolute;right:5.2%;top:19px;margin:0;z-index:5}
.aw-cinematic .aw-film-controls button{font-size:10px;padding:9px 15px;background:#14171c40;color:#eef1f5;border:1px solid #eef1f566;border-radius:40px;min-height:34px}
.aw-cinema-piece-note{position:absolute;right:5.2%;top:99px;text-align:right;z-index:3;color:#eef1f5;text-shadow:0 1px 10px #14171c77}
.aw-cinema-piece-note>span{font:8px/1.5 var(--aw-sans);letter-spacing:.2em;text-transform:uppercase}.aw-cinema-piece-note p{font:28px/1.15 var(--aw-serif);margin:10px 0 8px}.aw-cinema-piece-note i{font-size:20px}.aw-cinema-piece-note small{font:9px/1.5 var(--aw-sans);color:#d9dee4}
.aw-cinema-seal{position:absolute;right:5%;bottom:108px;width:145px;height:145px;z-index:3;color:#eef1f5;display:grid;place-items:center;text-decoration:none}
.aw-cinema-seal svg{position:absolute;inset:0;width:100%;height:100%;animation:aw-cinema-orbit 26s linear infinite;fill:currentColor;font:11px/1 var(--aw-sans);letter-spacing:2.9px}
.aw-cinema-seal>span{font:25px/1 var(--aw-serif);letter-spacing:-.08em}.aw-cinema-seal:after{content:'';position:absolute;inset:34px;border:1px solid #eef1f55c;border-radius:50%;transition:transform .5s}.aw-cinema-seal:hover:after{transform:scale(1.16)}
.aw-cinema-bottom{position:absolute;bottom:0;left:5.2%;right:5.2%;height:83px;display:flex;align-items:center;justify-content:space-between;gap:28px;z-index:4;color:#d9dee4}
.aw-film-chapters{display:flex;width:410px;gap:23px}.aw-film-chapters button{position:relative;flex:1;padding:11px 0 14px;background:none;border:0;color:#d9dee4;text-align:left;font:10px/1.4 var(--aw-sans);opacity:.66;transition:opacity .3s}
.aw-film-chapters button>span{font-size:8px;margin-right:8px}.aw-film-chapters button:after,.aw-film-chapters button i{position:absolute;left:0;right:0;bottom:1px;height:1px;content:'';background:#eef1f54d}.aw-film-chapters button i{z-index:1;transform-origin:left;transform:scaleX(0);background:#eef1f5;height:2px}.aw-film-chapters button[aria-pressed=true]{opacity:1}.aw-film-chapters button[aria-pressed=true] i{transform:scaleX(var(--aw-cue-progress,0))}.aw-film-chapters button:hover{opacity:1}.aw-film-credit{font:8px/1.6 var(--aw-sans);letter-spacing:.12em;text-transform:uppercase;max-width:170px;text-align:right;color:#b8c1cc}
.aw-cinematic [data-aw-film-cue]:focus-visible,.aw-cinema-seal:focus-visible{outline:2px solid #eef1f5;outline-offset:6px}
.aw-cinema-enter .aw-campaign-copy h1 .aw-cinema-line>span{animation:aw-cinema-title 1.25s cubic-bezier(.18,.75,.25,1) both}.aw-cinema-enter .aw-campaign-copy h1 .aw-cinema-line:nth-child(2)>span{animation-delay:.16s}.aw-cinema-enter .aw-campaign-copy .aw-eyebrow,.aw-cinema-enter .aw-campaign-copy>p:not(.aw-eyebrow),.aw-cinema-enter .aw-hero-actions{animation:aw-cinema-copy 1.2s cubic-bezier(.2,.7,.2,1) both;animation-delay:.25s}.aw-cinema-enter .aw-hero-actions{animation-delay:.45s}
@keyframes aw-cinema-title{from{transform:translateY(108%)}to{transform:translateY(0)}}@keyframes aw-cinema-copy{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes aw-cinema-orbit{to{transform:rotate(360deg)}}
.aw-cinematic.aw-cinema-away .aw-cinema-seal svg{animation-play-state:paused}
.aw-motion-off .aw-cinematic .aw-campaign-media{transform:none;transition:none}.aw-motion-off .aw-cinematic .aw-campaign-media video{opacity:0}.aw-motion-off .aw-cinematic *{animation:none!important;transition:none!important}.aw-motion-off .aw-cinema-seal svg{animation:none}.aw-motion-off .aw-cinematic .aw-campaign-copy h1 .aw-cinema-line>span{transform:none}
@media(min-width:1600px){.aw-cinematic .aw-campaign-copy{bottom:145px}.aw-cinematic .aw-campaign-copy>p:not(.aw-eyebrow){max-width:340px;font-size:15px}.aw-cinema-piece-note p{font-size:34px}.aw-cinema-seal{width:175px;height:175px}}
@media(max-width:1000px){.aw-cinematic{min-height:710px}.aw-cinematic .aw-campaign-copy{max-width:65%;bottom:105px}.aw-cinematic .aw-campaign-copy h1{font-size:clamp(67px,9vw,98px)}.aw-cinema-piece-note{top:94px}.aw-cinema-seal{width:116px;height:116px;right:4%;bottom:110px}.aw-cinema-seal>span{font-size:21px}}
@media(max-width:749px){.aw-cinematic{height:calc(100svh - 103px);min-height:710px;max-height:960px}.aw-cinematic .aw-campaign-media{transform:scale(1.02)}.aw-cinematic .aw-campaign-media img,.aw-cinematic .aw-campaign-media video{object-position:77% 14%;object-fit:cover}.aw-cinematic .aw-campaign-shade{background:linear-gradient(0deg,#14171c 0%,#14171cdc 20%,#14171c35 52%,#14171c08 75%)}.aw-cinematic .aw-campaign-copy{left:6%;bottom:111px;max-width:90%;padding:0}.aw-cinematic .aw-campaign-copy h1{font-size:clamp(60px,15.6vw,86px);margin-bottom:12px;line-height:.99}.aw-cinematic .aw-campaign-copy .aw-eyebrow{font-size:8px!important;margin-bottom:16px}.aw-cinematic .aw-campaign-copy>p:not(.aw-eyebrow){max-width:235px;font-size:11px;line-height:1.65;margin-bottom:19px}.aw-cinematic .aw-hero-actions{gap:17px}.aw-cinematic .aw-ai-primary{min-height:48px;padding:12px 20px;font-size:11px}.aw-cinematic .aw-hero-shop{font-size:9px}.aw-cinema-piece-note{top:90px;right:6%;max-width:135px}.aw-cinema-piece-note p{font-size:22px}.aw-cinema-piece-note small{display:none}.aw-cinema-piece-note>span{font-size:7px}.aw-cinema-seal{width:100px;height:100px;bottom:auto;top:210px;right:4%;color:#eef1f5}.aw-cinema-seal>span{font-size:19px}.aw-cinema-seal:after{inset:28px}.aw-cinema-bottom{height:88px;left:6%;right:6%;display:block;padding-top:6px}.aw-film-chapters{width:100%;gap:20px}.aw-film-chapters button{font-size:9px;padding:8px 0 10px}.aw-film-credit{display:block;text-align:left;max-width:none;font-size:7px;margin-top:12px}.aw-cinema-lines i:nth-child(4){bottom:89px}.aw-cinematic .aw-film-controls{right:6%;top:20px}.aw-cinematic .aw-film-controls button{font-size:9px;padding:7px 12px}}
@media(prefers-reduced-motion:reduce){.aw-cinematic *{animation:none!important;transition:none!important}.aw-cinematic .aw-campaign-media{transform:none!important}.aw-cinematic .aw-campaign-media video{display:none}}

.aw-atelier:has(.aw-cinematic.aw-cinema-cta-visible:not(.aw-cinema-away)) .aw-floating-studio{opacity:0;visibility:hidden}

@media(max-width:749px){
.aw-cinematic{min-height:740px;height:calc(100svh - 103px)}
.aw-cinematic .aw-campaign-media{height:52%;bottom:auto;transform:none}
.aw-cinematic .aw-campaign-media img,.aw-cinematic .aw-campaign-media video{object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent,#000 15%)}
.aw-cinematic .aw-campaign-shade{background:linear-gradient(0deg,#14171c 0%,#14171c 44%,#14171c00 62%)}
.aw-cinematic .aw-campaign-copy{bottom:108px;left:6%;max-width:89%}
.aw-cinematic .aw-campaign-copy h1{font-size:56px;line-height:1;margin-bottom:12px}
.aw-cinematic .aw-campaign-copy .aw-eyebrow{font-size:7px!important;margin-bottom:12px}
.aw-cinematic .aw-campaign-copy>p:not(.aw-eyebrow){font-size:10px;max-width:270px;line-height:1.65;margin-bottom:18px}
.aw-cinema-piece-note{right:auto;left:6%;top:91px;text-align:left;max-width:125px}
.aw-cinema-piece-note p{font-size:20px}.aw-cinema-piece-note>span{font-size:6px}
.aw-cinema-seal{top:210px;right:auto;left:5%;width:94px;height:94px}
.aw-cinematic .aw-hero-actions{gap:15px}.aw-cinematic .aw-ai-primary{padding:12px 18px;min-height:46px}
}
@media(max-width:360px){.aw-cinematic .aw-campaign-copy h1{font-size:50px}.aw-cinematic .aw-hero-shop{font-size:8px}}

@media(max-width:480px){.aw-cinematic .aw-campaign-media img,.aw-cinematic .aw-campaign-media video{object-fit:cover;object-position:80% center;mask-image:none}}