.office-edition .mono-stage.mono-showcase{padding:28px;background:radial-gradient(ellipse at 62% 43%,#b254252e 0,transparent 53%),linear-gradient(145deg,#28292c,#17181b);border:1px solid #38393d;border-radius:22px;box-shadow:0 24px 60px #17181b22;overflow:hidden;color:#f7f5f1;isolation:isolate}
.office-edition .mono-showcase:before{display:none}
.showcase-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.7px;font-weight:600}
.showcase-head>span:first-child{display:flex;align-items:center;gap:8px}.showcase-head i{width:7px;height:7px;background:#ff9657;border-radius:50%}
.office-edition .mono-showcase h2{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-1.5px;margin:15px 0 0;font-weight:600}.mono-showcase h2 em{font-style:normal;color:#bcbab7}
.showcase-slides{position:relative}.showcase-slide{display:block;color:inherit;animation:showcase-in .6s ease both}.showcase-slide[hidden]{display:none!important}
.showcase-art{height:365px;position:relative;display:grid;place-items:center;margin:10px 0 0;isolation:isolate}
.showcase-halo{position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid #fff6;box-shadow:0 0 0 28px #ffffff0a,0 0 0 56px #ffffff08;z-index:-1}
.office-edition .mono-showcase .showcase-art img{width:100%;height:100%;max-height:365px;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 18px 18px #0005);border-radius:0;box-shadow:none;transform:none}
.showcase-reviews{position:absolute;left:0;bottom:8px;background:#252528;color:#e5dfd8;border:1px solid #ffffff24;padding:7px 11px;font-size:11px;border-radius:20px;box-shadow:none}
.showcase-description{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #ffffff1c;padding-top:19px;margin-top:8px}
.showcase-brand{font-size:9px;letter-spacing:1.5px;color:#aaa9a6}.office-edition .mono-showcase h3{font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:6px 0 8px;font-weight:600}.showcase-description p{font-size:12px;line-height:1.65;margin:0;color:#c2c0bc}.showcase-price{text-align:right;flex-shrink:0;display:grid;gap:5px}.showcase-price small{font-size:10px;color:#aaa9a6}.showcase-price strong{font-size:23px;letter-spacing:-.7px}.showcase-price b{font-size:11px;font-weight:500;margin-top:5px}
.showcase-controls{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:20px}.showcase-dots{display:flex;gap:5px}.showcase-dots button{width:36px;height:32px;border:0;background:none;cursor:pointer;padding:12px 2px}.showcase-dots span{display:block;height:3px;border-radius:5px;background:#ffffff26;transition:background .25s}.showcase-dots button[aria-pressed=true] span{background:#ff9657}.showcase-arrows{display:flex;gap:6px}.showcase-arrows button{width:36px;height:36px;border:1px solid #ffffff30;border-radius:50%;background:transparent;color:#f7f5f1;cursor:pointer;font-size:17px}.showcase-arrows button:hover{background:#ffffff12}.showcase-arrows [data-pause]{font-size:12px}
@keyframes showcase-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.office-edition .mono-stage.mono-showcase{padding:22px 20px;border-radius:18px}.showcase-art{height:295px}.showcase-halo{width:235px;height:235px}.showcase-description{gap:8px}.office-edition .mono-showcase h3{font-size:21px}.showcase-price strong{font-size:20px}.showcase-description p{font-size:11px}.showcase-brand{font-size:8px}.showcase-head{font-size:9px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.showcase-slide{animation:none}.showcase-dots span{transition:none}}
.showcase-art{mix-blend-mode:normal}.showcase-slide{animation-name:showcase-in;isolation:auto}.showcase-reviews{mix-blend-mode:normal}
.showcase-slide{animation-fill-mode:none}

.office-edition .mono-showcase .showcase-halo{display:none}.showcase-head{color:#c7c4bf}.showcase-index{color:#94938f}.showcase-price b{color:#ffa46d}.office-edition .mono-showcase :focus-visible{outline-color:#ffad7a}

/* Open editorial product stage: the first screen is one composition. */
.office-edition .mono-hero{max-width:1600px;grid-template-columns:.85fr 1.3fr;gap:40px;padding:40px 5% 45px;background:radial-gradient(ellipse at 76% 38%,#fff0de,transparent 65%);overflow:hidden}
.office-edition .mono-copy h1{font-size:clamp(44px,4.4vw,74px);letter-spacing:-3px;line-height:1.03}.office-edition .mono-copy h1 em{color:#d74d12}.office-edition .mono-copy .eyebrow{color:#ad491c}.office-edition .mono-copy .orange{background:#e45419;border-color:#e45419;border-radius:100px;padding-inline:28px;box-shadow:0 10px 28px #c94c1820}
.office-edition .mono-stage.mono-showcase{background:none;border:0;border-radius:0;box-shadow:none;padding:0;overflow:visible;color:#252a2b;min-width:0}
.showcase-head{color:#6b6159}.showcase-head i{background:#e45419}.showcase-index{color:#6b6159;font-variant-numeric:tabular-nums}
.office-edition .mono-showcase h2{font-size:16px;font-weight:500;letter-spacing:-.2px;margin:12px 0 0}.mono-showcase h2 em{color:#b84b19}
.showcase-art{height:430px;margin:0}.office-edition .mono-showcase .showcase-halo{display:block;position:absolute;inset:20px 0 auto;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;color:#f06628;font-size:clamp(85px,8.3vw,145px);line-height:.82;font-weight:800;letter-spacing:-8px;z-index:-2;pointer-events:none;text-align:center;transform:rotate(-7deg)}
.showcase-art:after{content:'';position:absolute;width:75%;height:32px;bottom:15px;border-radius:50%;background:#653b2422;filter:blur(15px);z-index:-1}
.office-edition .mono-showcase .showcase-art img{height:440px;max-height:none;filter:drop-shadow(0 24px 16px #59392324);transform:rotate(-5deg) translate(20px,20px);transition:transform .6s}
.showcase-reviews{left:3%;bottom:30px;background:#fffdf7;color:#6b3f24;border:1px solid #e8d6c5;padding:10px 14px;border-radius:50px;box-shadow:0 8px 22px #824b2412;transform:rotate(-4deg)}
.showcase-description{border-top:1px solid #d8cabb;margin-top:10px}.showcase-brand{color:#8b7461}.office-edition .mono-showcase h3{font-size:28px;letter-spacing:-1px}.showcase-description p{color:#6c645f}.showcase-price small{color:#766f69}.showcase-price strong{font-size:26px}.showcase-price b{color:#b74714;font-weight:600}
.showcase-controls{margin-top:18px}.showcase-dots button{width:43px;height:38px;border-bottom:2px solid transparent;padding:0;color:#a09287;font-size:12px}.showcase-dots button span{height:auto;background:none!important}.showcase-dots button[aria-pressed=true]{color:#b74714;border-color:#e45419}.showcase-arrows button{border-color:#d9c7b7;color:#573e2c}.showcase-arrows button:hover{background:#ffe5cf}
@media(max-width:1050px){.office-edition .mono-hero{gap:24px;grid-template-columns:1fr 1.2fr}.office-edition .mono-copy h1{font-size:48px}.showcase-art{height:350px}.office-edition .mono-showcase .showcase-art img{height:355px}.office-edition .mono-showcase .showcase-halo{font-size:95px;letter-spacing:-5px}.office-edition .mono-showcase h3{font-size:23px}.showcase-price strong{font-size:22px}}
@media(max-width:700px){.office-edition .mono-hero{grid-template-columns:1fr;padding:32px 6% 28px;gap:28px}.office-edition .mono-copy h1{font-size:clamp(42px,11.5vw,64px);letter-spacing:-2px;margin-bottom:16px}.office-edition .mono-copy>p:not(.eyebrow){font-size:14px;line-height:1.6;margin-bottom:18px}.office-edition .mono-copy .eyebrow{margin-bottom:14px}.office-edition .mono-proof{display:none}.office-edition .mono-copy .button{min-height:44px;padding:12px 23px}.showcase-art{height:320px}.office-edition .mono-showcase .showcase-art img{height:330px;transform:rotate(-5deg) translate(7px,10px)}.office-edition .mono-showcase .showcase-halo{font-size:100px;letter-spacing:-6px;inset:30px -8px auto}.showcase-reviews{font-size:10px;bottom:12px;left:0;padding:8px 11px}.showcase-description{gap:8px;padding-top:15px}.office-edition .mono-showcase h3{font-size:23px}.showcase-price strong{font-size:22px}.showcase-description p{font-size:11px}.showcase-controls{margin-top:12px}}

/* Ambient light stays behind the product; only transforms and opacity animate. */
.office-edition .mono-showcase .showcase-halo{inset:8% 7% 5%;width:auto;height:auto;transform:none;background:radial-gradient(ellipse at 48% 50%,#ffac654a 0,#ff8a3829 36%,#ffbe8412 57%,transparent 72%);border-radius:50%;filter:blur(10px);animation:showcase-glow 9s ease-in-out infinite alternate}
.showcase-halo:before,.showcase-halo:after{content:'';position:absolute;border-radius:50%;pointer-events:none}
.showcase-halo:before{inset:15% -3% 20% 20%;background:radial-gradient(ellipse,#ffe7bccc,transparent 68%);animation:showcase-light 11s ease-in-out infinite alternate}
.showcase-halo:after{width:60%;height:50%;left:0;bottom:0;background:radial-gradient(ellipse,#ff8b3b33,transparent 70%);animation:showcase-light 8s ease-in-out infinite alternate-reverse}
.office-edition .mono-showcase .showcase-art img{animation:showcase-float 7s ease-in-out infinite}
.showcase-art:after{animation:showcase-shadow 7s ease-in-out infinite}
.mono-showcase[data-motion-paused] .showcase-art img,.mono-showcase[data-motion-paused] .showcase-halo,.mono-showcase[data-motion-paused] .showcase-halo:before,.mono-showcase[data-motion-paused] .showcase-halo:after,.mono-showcase[data-motion-paused] .showcase-art:after{animation-play-state:paused}
@keyframes showcase-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -10px;rotate:1deg}}
@keyframes showcase-glow{from{transform:scale(.93) translate(-8px,3px);opacity:.75}to{transform:scale(1.06) translate(12px,-8px);opacity:1}}
@keyframes showcase-light{from{transform:translate(-18px,8px) scale(.92)}to{transform:translate(22px,-12px) scale(1.12)}}
@keyframes showcase-shadow{0%,100%{transform:scaleX(1);opacity:1}50%{transform:scaleX(.9);opacity:.65}}
@media(max-width:700px){.office-edition .mono-showcase .showcase-halo{inset:7% -2% 3%}}
@media(prefers-reduced-motion:reduce){.office-edition .mono-showcase .showcase-art img,.office-edition .mono-showcase .showcase-halo,.showcase-halo:before,.showcase-halo:after,.showcase-art:after{animation:none!important}}

/* The hardware is still; the promotional loop plays only inside its screen. */
.showcase-device{position:relative;width:min(100%,440px);aspect-ratio:1;transform:rotate(-5deg) translate(20px,20px)}
.office-edition .mono-showcase .showcase-device img{width:100%;height:100%;animation:none;transform:none;translate:none;rotate:none;transition:none}
.screen-promo{position:absolute;inset:0;width:100%;height:100%;overflow:visible;font-family:Arial,sans-serif}
.promo-scene{fill:#fff;animation:promo-cycle 15s linear infinite;opacity:0}.promo-finance{animation-delay:0s}.promo-gift{animation-delay:-10s}.promo-software{animation-delay:-5s}
.promo-kicker{font-size:24px;letter-spacing:5px;fill:#ffb387;font-weight:600}.promo-numbers{font-size:112px;letter-spacing:-5px;font-weight:800}.promo-title{font-size:46px;font-weight:700;letter-spacing:1px}.promo-small{font-size:29px;fill:#dddfea}.promo-terms{font-size:18px;fill:#c0c6d6}.promo-tag{font-size:33px;fill:#25160d;letter-spacing:3px;font-weight:700}
.office-edition .mono-showcase .showcase-halo,.showcase-halo:before,.showcase-halo:after,.showcase-art:after{animation:none}
.mono-showcase[data-motion-paused] .promo-scene{animation-play-state:paused}
@keyframes promo-cycle{0%,2%{opacity:0;transform:translateY(9px)}5%,29%{opacity:1;transform:translateY(0)}33%,100%{opacity:0;transform:translateY(-6px)}}
@media(max-width:1050px){.showcase-device{width:min(100%,355px)}}
@media(max-width:700px){.showcase-device{width:min(100%,330px);transform:rotate(-5deg) translate(7px,10px)}}
@media(prefers-reduced-motion:reduce){.promo-scene{animation:none!important}.promo-finance{opacity:1}.promo-gift,.promo-software{opacity:0}}
.screen-promo{animation:screen-on 1s ease-out both}.promo-sweep{animation:screen-sweep 5s ease-in-out infinite}
.mono-showcase[data-motion-paused] .promo-sweep,.mono-showcase[data-motion-paused] .screen-promo{animation-play-state:paused}
@keyframes screen-on{from{opacity:0;filter:brightness(1.5)}to{opacity:1;filter:brightness(1)}}
@keyframes screen-sweep{0%,10%{transform:translateX(0);opacity:0}20%{opacity:.1}48%,100%{transform:translateX(1350px);opacity:0}}
@media(prefers-reduced-motion:reduce){.screen-promo,.promo-sweep{animation:none!important}.promo-sweep{display:none}}

/* Staggered typography and a slow luminous transition, clipped to the display. */
.promo-digit{transform-box:fill-box;transform-origin:center;animation:promo-digit-in 15s cubic-bezier(.2,.8,.2,1) infinite}
.digit-two{animation-delay:.18s}.digit-three{animation-delay:.36s}.promo-separator{fill:#ff9c60}
.promo-gift .promo-title,.promo-software .promo-title,.promo-gift-pill,.promo-tag{transform-box:fill-box;transform-origin:center;animation:promo-gift-in 15s ease-out infinite}
.promo-gift .promo-title,.promo-gift .promo-gift-pill,.promo-gift .promo-tag{animation-delay:-10s}
.promo-software .promo-title,.promo-software .promo-gift-pill,.promo-software .promo-tag{animation-delay:-5s}
.promo-wave{animation:promo-wave-pass 5s cubic-bezier(.3,.6,.3,1) infinite}
.promo-sparks{animation:promo-sparks-rise 5s ease-in-out infinite;pointer-events:none}
.mono-showcase[data-motion-paused] .screen-promo *{animation-play-state:paused!important}
@keyframes promo-digit-in{0%,3%{opacity:0;transform:translateY(35px) scale(.75)}7%{opacity:1;transform:translateY(-3px) scale(1.04)}10%,31%{opacity:1;transform:translateY(0) scale(1)}35%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes promo-gift-in{0%,3%{opacity:0;transform:scale(.84) translateY(12px)}8%{opacity:1;transform:scale(1.025) translateY(0)}12%,31%{opacity:1;transform:scale(1)}35%,100%{opacity:0;transform:scale(1)}}
@keyframes promo-wave-pass{0%{transform:translateX(0);opacity:0}8%{opacity:1}32%,100%{transform:translateX(1600px);opacity:0}}
@keyframes promo-sparks-rise{0%,100%{opacity:0;transform:translateY(16px)}20%{opacity:.65}65%{opacity:.25}90%{opacity:0;transform:translateY(-35px)}}
@media(prefers-reduced-motion:reduce){.screen-promo *{animation:none!important}.promo-wave,.promo-sparks{display:none}.promo-digit{opacity:1;transform:none}}

/* Three bold advertising scenes replace the previous text effects. */
.office-edition .mono-hero{grid-template-columns:.8fr 1.4fr;gap:28px;padding-top:30px;background:radial-gradient(ellipse at 74% 38%,#ffbf913d,transparent 52%)}
.office-edition .mono-copy h1{font-size:clamp(46px,4.9vw,80px);line-height:1.02;letter-spacing:-3.5px}
.showcase-art{height:470px}.showcase-device{width:min(100%,550px);transform:rotate(-3deg) translate(12px,-8px)}
.office-edition .mono-showcase .showcase-device img{height:100%;transform:none;animation:none}
.office-edition .mono-showcase .showcase-halo{background:radial-gradient(ellipse at 30% 35%,#ffb16270,transparent 58%),radial-gradient(ellipse at 72% 68%,#c2b2ff55,transparent 64%);filter:blur(16px);inset:0}
.campaign-film{animation:none;font-family:Arial,sans-serif}.film-scene{opacity:0;animation:film-scene 18s linear infinite}.film-two{animation-delay:-12s}.film-three{animation-delay:-6s}
.film-label{fill:white;font-size:28px;letter-spacing:3px;font-weight:700}.film-big{fill:#fffbea;font-size:170px;letter-spacing:-8px;font-weight:900}.film-pill{fill:#fff;font-size:31px;letter-spacing:2px;font-weight:700}.film-legal{fill:#3e241b;font-size:24px;font-weight:500}.film-gift{fill:#e6ff9b;font-size:69px;letter-spacing:-2px;font-weight:900}.film-three .film-gift{fill:#fff}.film-sub{fill:white;font-size:33px;font-weight:500}.film-app-label{font-size:23px;font-weight:700;fill:#21458b}.film-app-label[fill]{fill:white}
.film-pop{transform-box:fill-box;transform-origin:center;animation:film-pop 18s cubic-bezier(.16,.8,.2,1) infinite}
.film-accessories{transform-origin:500px 420px;animation:film-arrive 18s cubic-bezier(.2,.8,.2,1) -12s infinite}.film-apps{transform-origin:500px 420px;animation:film-arrive 18s cubic-bezier(.2,.8,.2,1) -6s infinite}
.film-rings{transform-origin:870px 245px;animation:film-orbit 6s ease-in-out infinite alternate}.film-disc{transform-origin:800px 600px;animation:film-orbit 6s ease-in-out infinite alternate}.film-ribbon{animation:film-ribbon 6s ease-in-out infinite alternate}.film-progress{transform-origin:155px 646px;animation:film-progress 6s linear infinite}
.mono-showcase[data-motion-paused] .campaign-film *{animation-play-state:paused!important}
@keyframes film-scene{0%{opacity:0;transform:translateX(60px)}2%,31%{opacity:1;transform:translateX(0)}33.333%,100%{opacity:0;transform:translateX(-30px)}}
@keyframes film-pop{0%,2%{opacity:0;transform:scale(.6) rotate(-8deg)}6%{opacity:1;transform:scale(1.05) rotate(1deg)}9%,32%{opacity:1;transform:scale(1) rotate(0)}34%,100%{opacity:0;transform:scale(1)}}
@keyframes film-arrive{0%,2%{opacity:0;transform:translateY(65px) rotate(-7deg) scale(.8)}7%{opacity:1;transform:translateY(-7px) rotate(1deg) scale(1.02)}10%,32%{opacity:1;transform:translateY(0) rotate(0) scale(1)}34%,100%{opacity:0;transform:translateY(0)}}
@keyframes film-orbit{from{transform:scale(.9) translateY(12px)}to{transform:scale(1.17) translateY(-10px)}}
@keyframes film-ribbon{from{transform:translate(-50px,30px)}to{transform:translate(50px,-30px)}}
@keyframes film-progress{from{transform:scaleX(0);opacity:.9}95%{transform:scaleX(1);opacity:.9}100%{transform:scaleX(1);opacity:0}}
@media(max-width:1050px){.office-edition .mono-hero{grid-template-columns:.85fr 1.2fr}.office-edition .mono-copy h1{font-size:52px;letter-spacing:-2px}.showcase-art{height:390px}.showcase-device{width:min(100%,440px)}}
@media(max-width:700px){.office-edition .mono-hero{grid-template-columns:1fr;gap:15px;padding-top:24px}.office-edition .mono-copy h1{font-size:clamp(42px,11.5vw,60px);margin-bottom:12px}.office-edition .mono-copy>p:not(.eyebrow){font-size:14px;margin-bottom:14px}.showcase-head{font-size:9px}.office-edition .mono-showcase h2{display:none}.showcase-art{height:330px;margin-top:5px}.showcase-device{width:calc(100% + 28px);max-width:410px;transform:rotate(-3deg) translate(0,-6px)}.showcase-reviews{bottom:0}.showcase-description{margin-top:12px}.office-edition .mono-showcase .showcase-halo{inset:4% -3%}}
@media(prefers-reduced-motion:reduce){.campaign-film *{animation:none!important}.film-one{opacity:1;transform:none}.film-two,.film-three{opacity:0}.film-pop{opacity:1;transform:none}.film-progress{display:none}}

/* A moving aurora behind the original still product, with no on-screen copy. */
.office-edition .mono-showcase .showcase-halo{display:block;inset:5% 0 2%;background:radial-gradient(ellipse at 24% 28%,#ffbc4ec9,transparent 58%),radial-gradient(ellipse at 80% 64%,#bf8bff85,transparent 60%);filter:none;border-radius:46% 54% 44% 56%;overflow:hidden;animation:aurora-breathe 12s ease-in-out infinite alternate;transform:none;z-index:-2}
.office-edition .mono-showcase .showcase-halo:before{inset:-20%;background:conic-gradient(from 40deg,transparent,#ff6c2899,#ffad5999,#ff75a466,#9370ec77,transparent);border-radius:45%;filter:blur(26px);animation:aurora-turn 24s linear infinite}
.office-edition .mono-showcase .showcase-halo:after{width:80%;height:75%;left:-10%;bottom:-20%;background:radial-gradient(ellipse,#ff7138aa,transparent 68%);filter:blur(20px);animation:aurora-drift 10s ease-in-out infinite alternate}
.aurora-core{position:absolute;inset:14% 8% 16% 18%;border-radius:50%;background:radial-gradient(ellipse,#fff5d5cc,transparent 70%);filter:blur(18px);animation:aurora-drift 13s ease-in-out infinite alternate-reverse}
.aurora-ribbon{position:absolute;width:105%;height:40%;left:-8%;top:30%;border-radius:50%;border-top:3px solid #fff8;filter:blur(2px);transform:rotate(-28deg);animation:aurora-ribbon 12s ease-in-out infinite alternate}
.office-edition .mono-showcase .showcase-device img{animation:none;transform:none;translate:none;rotate:none}
.showcase-device{z-index:1}.showcase-art:after{animation:none}
.mono-showcase[data-motion-paused] .showcase-halo,.mono-showcase[data-motion-paused] .showcase-halo:before,.mono-showcase[data-motion-paused] .showcase-halo:after,.mono-showcase[data-motion-paused] .showcase-halo i{animation-play-state:paused!important}
@keyframes aurora-turn{to{transform:rotate(360deg)}}
@keyframes aurora-breathe{from{transform:scale(.94) rotate(-4deg);border-radius:46% 54% 44% 56%}to{transform:scale(1.02) rotate(4deg);border-radius:56% 44% 54% 46%}}
@keyframes aurora-drift{from{transform:translate(-12px,10px) scale(.95)}to{transform:translate(28px,-24px) scale(1.12)}}
@keyframes aurora-ribbon{from{transform:rotate(-28deg) translateY(15px);opacity:.3}to{transform:rotate(-12deg) translateY(-15px);opacity:.8}}
@media(max-width:700px){.office-edition .mono-showcase .showcase-halo{inset:3% -2% 3%}.showcase-art{margin-top:0}}
@media(prefers-reduced-motion:reduce){.office-edition .mono-showcase .showcase-halo,.office-edition .mono-showcase .showcase-halo:before,.office-edition .mono-showcase .showcase-halo:after,.showcase-halo i{animation:none!important}}

/* Sculptural satin ribbons, with an open centre for the product. */
.office-edition .mono-showcase .showcase-halo{inset:-2% -6% 0;background:none;border-radius:0;overflow:visible;animation:none;filter:none;transform:none}
.office-edition .mono-showcase .showcase-halo:before,.office-edition .mono-showcase .showcase-halo:after{display:none}
.ribbon-scene{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 17px 12px #bb56151b)}
.ribbon-loop{transform-origin:450px 260px}.ribbon-loop-back{animation:ribbon-sway-back 13s ease-in-out infinite alternate}.ribbon-loop-front{animation:ribbon-sway-front 11s ease-in-out infinite alternate}.ribbon-glints{animation:ribbon-glints 8s ease-in-out infinite alternate}
.mono-showcase[data-motion-paused] .ribbon-scene *{animation-play-state:paused!important}
@keyframes ribbon-sway-back{from{transform:rotate(-7deg) scale(.96)}to{transform:rotate(9deg) scale(1.04)}}
@keyframes ribbon-sway-front{from{transform:translate(-8px,10px) rotate(5deg)}to{transform:translate(12px,-10px) rotate(-6deg)}}
@keyframes ribbon-glints{from{opacity:.25;transform:translateY(10px)}to{opacity:.8;transform:translateY(-12px)}}
@media(max-width:700px){.office-edition .mono-showcase .showcase-halo{inset:0 -14% 0}.ribbon-scene{filter:none}}
@media(prefers-reduced-motion:reduce){.ribbon-scene *{animation:none!important}}

/* Floating app and offer tiles stay behind the still product. */
.bonus-cloud{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,#ffb36b38,transparent 66%)}
.bonus-tile{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:78px;padding:14px 12px;border:1px solid #fff;border-radius:18px;background:#ffffffd9;box-shadow:0 14px 30px #72451816,inset 0 1px 0 white;color:#35414c;animation:bonus-hover 7s ease-in-out infinite;--tilt:-8deg}
.bonus-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:11px;font-family:Arial,sans-serif;font-size:34px;font-weight:700;line-height:1;box-shadow:0 7px 12px #0001}.bonus-icon svg{width:34px;height:34px}.bonus-tile strong{font-size:11px;font-weight:600;letter-spacing:0;white-space:nowrap}.bonus-tile small{font-size:9px;letter-spacing:0;white-space:nowrap;color:#807065}
.tile-windows{left:6%;top:2%;--tilt:-10deg;animation-delay:-2s}.tile-windows .bonus-icon{background:linear-gradient(135deg,#21bcff,#0776e4);color:white}
.tile-word{right:5%;top:5%;--tilt:11deg;animation-delay:-4s}.tile-word .bonus-icon{background:linear-gradient(145deg,#247edc,#1448a0);color:white}
.tile-excel{left:0;top:39%;--tilt:8deg;animation-delay:-1s}.tile-excel .bonus-icon{background:linear-gradient(145deg,#2ab679,#09663e);color:white}
.tile-office{left:23%;top:-3%;--tilt:7deg;animation-delay:-5s}.tile-office .bonus-icon{background:linear-gradient(145deg,#ff953d,#e44120);color:white}
.tile-photoshop{right:0;top:42%;--tilt:-9deg;animation-delay:-3s}.tile-photoshop .bonus-icon{background:#09233f;color:#3cc0ff;font-size:29px;border:1px solid #157ca9}
.tile-gift{left:10%;bottom:0;--tilt:-7deg;animation-delay:-6s;background:#fff0d9}.tile-gift .bonus-icon{background:#ff7b32;color:white}
.tile-discount{right:7%;bottom:0;--tilt:9deg;animation-delay:-2s;background:#f76b24;color:white;border-color:#ff9b5f;padding:17px 18px}.tile-discount>b{font-size:33px;line-height:1;font-weight:750;letter-spacing:-1px}
.mono-showcase[data-motion-paused] .bonus-tile{animation-play-state:paused!important}
@keyframes bonus-hover{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-12px) rotate(calc(var(--tilt) + 4deg))}}
@media(max-width:1050px){.bonus-tile{padding:10px 8px;min-width:64px}.bonus-icon{width:37px;height:37px;font-size:27px}.bonus-icon svg{width:26px;height:26px}.bonus-tile strong{font-size:10px}.tile-discount>b{font-size:27px}.tile-office{left:28%}}
@media(max-width:700px){.showcase-art{height:380px}.showcase-device{width:90%;max-width:330px;transform:rotate(-3deg) translate(0,0)}.bonus-tile{padding:9px 8px;min-width:58px;border-radius:13px;gap:4px}.bonus-icon{width:34px;height:34px;font-size:24px;border-radius:8px}.bonus-tile strong{font-size:9px}.bonus-tile small{font-size:8px}.tile-windows{left:0;top:3%}.tile-word{right:0;top:5%}.tile-office{left:41%;top:0}.tile-excel{left:-3%;top:36%}.tile-photoshop{right:-3%;top:40%}.tile-gift{left:0;bottom:0}.tile-discount{right:1%;bottom:2%}.tile-photoshop .bonus-icon{font-size:23px}.tile-discount>b{font-size:27px}}
@media(prefers-reduced-motion:reduce){.bonus-tile{animation:none!important;transform:rotate(var(--tilt))}}

.lifestyle-badges{display:flex;justify-content:center;gap:12px;position:relative;margin:26px 0 20px;z-index:2}
.lifestyle-badges>span{display:flex;align-items:center;gap:9px;padding:10px 16px;border:1px solid #ffffff;border-radius:15px;box-shadow:0 7px 18px #7151270b;animation:lifestyle-drift 8s ease-in-out infinite;background:#eaf3ff;color:#3065a4}
.lifestyle-badges>span:nth-child(2){background:#fff0de;color:#a9531b;animation-delay:-2.5s}.lifestyle-badges>span:nth-child(3){background:#f0eaff;color:#7350a6;animation-delay:-5s}
.lifestyle-badges svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.lifestyle-badges b{display:block;font-size:13px;line-height:1.4;font-weight:650}.lifestyle-badges small{font-size:10px;line-height:1.5;white-space:nowrap;opacity:.85}
.mono-showcase[data-motion-paused] .lifestyle-badges>span{animation-play-state:paused!important}
@keyframes lifestyle-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:700px){.lifestyle-badges{gap:5px;margin:15px 0}.lifestyle-badges>span{padding:8px 7px;gap:5px;border-radius:10px;flex:1;justify-content:center}.lifestyle-badges svg{width:19px;height:19px}.lifestyle-badges b{font-size:11px}.lifestyle-badges small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.lifestyle-badges>span{animation:none!important}}

/* Colourful dimensional accents behind both the product and app tiles. */
.bonus-cloud{isolation:isolate;background:radial-gradient(ellipse at 52% 53%,#ff9f6445,transparent 69%)}
.bonus-scenery{position:absolute;inset:0;z-index:-1;pointer-events:none}
.bonus-scenery i{position:absolute;display:block}
.color-disc{width:65%;aspect-ratio:1;right:9%;top:2%;border-radius:50%;background:radial-gradient(circle at 28% 22%,#ffd67d 0,#ff9d3b 38%,#ff603b 72%,#e94358 100%);box-shadow:inset 7px 9px 18px #fff5,0 20px 45px #ef713323;animation:scenery-disc 13s ease-in-out infinite alternate}
.color-disc:after{content:'';position:absolute;inset:12px;border:1px solid #ffe7b64d;border-radius:50%}
.color-orb{width:17%;aspect-ratio:1;left:11%;bottom:13%;border-radius:50%;background:radial-gradient(circle at 28% 22%,#d1ffff,#62dfe8 30%,#218dc8 70%,#2251a8);box-shadow:0 14px 22px #267aa12b;animation:scenery-bob 9s ease-in-out infinite alternate}
.color-capsule{width:31%;height:15%;left:10%;top:13%;border-radius:100px;background:linear-gradient(155deg,#ffc1e0,#fb7a9e 42%,#d63a76);box-shadow:inset 3px 4px 9px #ffedf966,0 12px 22px #bb376621;transform:rotate(-32deg);animation:scenery-capsule 11s ease-in-out infinite alternate}
.color-spark{width:19px;height:19px;border-radius:6px;background:linear-gradient(140deg,#ffd58a,#ff873b);box-shadow:0 5px 10px #e37b2533;animation:scenery-bob 8s ease-in-out infinite alternate}.spark-one{right:6%;top:33%;rotate:25deg}.spark-two{left:20%;bottom:2%;width:12px;height:12px;background:#e798f3;animation-delay:-4s}
.bonus-tile{z-index:1}.mono-showcase[data-motion-paused] .bonus-scenery i{animation-play-state:paused!important}
@keyframes scenery-disc{from{transform:translateY(6px) scale(.94)}to{transform:translateY(-8px) scale(1)}}
@keyframes scenery-bob{from{translate:0 7px}to{translate:0 -10px}}
@keyframes scenery-capsule{from{transform:rotate(-32deg) translateY(6px)}to{transform:rotate(-23deg) translateY(-8px)}}
@media(max-width:700px){.color-disc{width:88%;right:1%;top:14%}.color-orb{width:23%;left:2%;bottom:15%}.color-capsule{width:37%;left:0;top:25%;height:13%}.spark-one{right:0;top:31%}}
@media(prefers-reduced-motion:reduce){.bonus-scenery i{animation:none!important}}
.color-disc{max-height:94%}@media(max-width:700px){.color-disc{max-height:80%}}

/* Folded colour at the edges leaves a quiet, bright centre for the hardware. */
.bonus-cloud{background:radial-gradient(ellipse at 52% 44%,#ffffffed 0,#fff8f07a 40%,transparent 68%)}
.scenery-fold{clip-path:polygon(0 0,100% 13%,65% 46%,100% 83%,0 100%,31% 51%);filter:none;animation:fold-drift 12s ease-in-out infinite alternate;--fold-angle:-14deg}
.fold-orange{width:18%;height:76%;left:13%;top:10%;background:linear-gradient(158deg,#ffe0a0 0,#ffac42 22%,#f36422 42%,#ffbe75 44%,#ff8c40 64%,#de4d23 83%,#ffb575 100%);--fold-angle:-14deg}
.fold-coral{width:17%;height:71%;right:12%;top:6%;background:linear-gradient(162deg,#ffb8ad,#f97a6e 27%,#d94c70 46%,#ffb2ac 48%,#ff9575 72%,#f16b3e);--fold-angle:17deg;animation-delay:-5s}
.fold-blue{width:16%;height:32%;left:20%;bottom:4%;background:linear-gradient(150deg,#b9f8ff,#59c8d8 42%,#309bbb 44%,#8de9ed 72%,#4bbecb);--fold-angle:58deg;animation-delay:-3s;opacity:.8}
.scenery-fold:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,#fff5 48%,transparent 60%)}
.office-edition .mono-showcase .showcase-device img{filter:drop-shadow(0 18px 13px #47352930)}
@keyframes fold-drift{from{transform:rotate(var(--fold-angle)) translateY(4px)}to{transform:rotate(calc(var(--fold-angle) + 5deg)) translateY(-7px)}}
@media(max-width:700px){.fold-orange{left:6%;width:21%;top:19%;height:61%}.fold-coral{right:4%;width:20%;top:18%;height:61%}.fold-blue{left:17%;width:18%;height:25%;bottom:13%}}
@media(prefers-reduced-motion:reduce){.scenery-fold{animation:none!important;transform:rotate(var(--fold-angle))}}

/* Layered, staggered motion for the opening product scene. */
.mono-showcase .bonus-tile{animation-name:bonus-orbit;animation-duration:7.5s;--orbit-x:6px;--orbit-y:-17px}
.mono-showcase .tile-word{animation-duration:8.5s;--orbit-x:-8px;--orbit-y:-14px}
.mono-showcase .tile-excel{animation-duration:6.8s;--orbit-x:7px;--orbit-y:13px}
.mono-showcase .tile-office{animation-duration:9s;--orbit-x:-5px;--orbit-y:15px}
.mono-showcase .tile-photoshop{animation-duration:8s;--orbit-x:-9px;--orbit-y:-12px}
.mono-showcase .tile-gift{animation-duration:7s;--orbit-x:8px;--orbit-y:-14px}
.mono-showcase .tile-discount{animation-duration:8.8s;--orbit-x:-7px;--orbit-y:12px}
.mono-showcase .showcase-device{translate:var(--pointer-x,0px) var(--pointer-y,0px);transition:translate .5s ease-out}
.office-edition .mono-showcase .showcase-device img{animation:device-breathe 8s ease-in-out infinite;transform-origin:50% 80%}
.mono-showcase .scenery-fold{animation-name:fold-wave;animation-duration:10s}
.mono-showcase .fold-coral{animation-duration:13s}.mono-showcase .fold-blue{animation-duration:8s}
.mono-showcase .bonus-icon{position:relative;overflow:hidden}
.mono-showcase .bonus-icon:after{content:'';position:absolute;inset:-50% auto -50% -80%;width:40%;background:linear-gradient(90deg,transparent,#ffffff65,transparent);transform:rotate(20deg);animation:app-gloss 10s ease-in-out infinite;animation-delay:inherit}
.mono-showcase .tile-word .bonus-icon:after{animation-delay:2s}.mono-showcase .tile-excel .bonus-icon:after{animation-delay:4s}.mono-showcase .tile-gift .bonus-icon:after{animation-delay:6s}
@keyframes bonus-orbit{0%,100%{transform:translate(0,0) rotate(var(--tilt))}50%{transform:translate(var(--orbit-x),var(--orbit-y)) rotate(calc(var(--tilt) + 5deg))}}
@keyframes device-breathe{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-9px) rotate(.7deg)}}
@keyframes fold-wave{from{transform:rotate(var(--fold-angle)) translateY(6px) scale(.98)}to{transform:rotate(calc(var(--fold-angle) + 9deg)) translateY(-12px) scale(1.03)}}
@keyframes app-gloss{0%,72%{left:-80%}88%,100%{left:160%}}
.mono-showcase:is([data-motion-paused],[data-offscreen],[data-tab-hidden]) .showcase-art *,.mono-showcase:is([data-motion-paused],[data-offscreen],[data-tab-hidden]) .showcase-art *:after{animation-play-state:paused!important}
@media(max-width:700px){.mono-showcase .bonus-tile{--orbit-x:3px;--orbit-y:-8px}.office-edition .mono-showcase .showcase-device img{animation-duration:10s}}
@media(prefers-reduced-motion:reduce){.mono-showcase .showcase-art *,.mono-showcase .showcase-art *:after{animation:none!important;transition:none!important}.mono-showcase .showcase-device{translate:none}}

/* Colour and motion stay behind the product and readable offer. */
.mono-showcase .bonus-scenery .aurora-light{border-radius:40% 60% 65% 35%;filter:blur(25px);opacity:.65;animation:aurora-drift 11s ease-in-out infinite alternate;z-index:-2;pointer-events:none}.aurora-orange{width:49%;height:64%;left:10%;top:16%;background:radial-gradient(ellipse,#ffa043b0,#ff754344 55%,transparent 75%)}.aurora-blue{width:45%;height:53%;right:7%;bottom:4%;background:radial-gradient(ellipse,#42c7ee90,#9bd8ff50 50%,transparent 75%);animation-delay:-4s!important}.aurora-pink{width:40%;height:52%;right:8%;top:4%;background:radial-gradient(ellipse,#fb8fbd99,#ffb2cc44 55%,transparent 75%);animation-delay:-7s!important}.mono-showcase .bonus-scenery .light-streak{width:58%;height:2px;border-radius:100%;background:linear-gradient(90deg,transparent,#ff9c4baa,#ffffff,transparent);box-shadow:0 0 12px #ffae69;z-index:-1;animation:streak-glide 9s ease-in-out infinite alternate}.streak-a{left:2%;top:26%;rotate:-32deg}.streak-b{right:0;bottom:26%;rotate:-32deg;animation-delay:-4s!important;background:linear-gradient(90deg,transparent,#3bcbfbaa,#fff,transparent)!important;box-shadow:0 0 12px #65cdec!important}.mono-showcase .bonus-tile{border:1px solid #fff;box-shadow:0 14px 28px #84442d17,0 2px 5px #51352808}.mono-showcase .tile-windows{background:linear-gradient(145deg,#fff,#eaf8ff)}.mono-showcase .tile-word{background:linear-gradient(145deg,#fff,#e9f1ff)}.mono-showcase .tile-excel{background:linear-gradient(145deg,#fff,#e7faed)}.mono-showcase .tile-office{background:linear-gradient(145deg,#fff,#fff0e4)}.mono-showcase .tile-photoshop{background:linear-gradient(145deg,#fff,#e6f8ff)}.mono-showcase .tile-gift{background:linear-gradient(145deg,#fff8e5,#ffe8c2)}.mono-showcase .scenery-fold{filter:saturate(1.2) drop-shadow(0 8px 18px #e85d1f18)}.office-edition .mono-showcase .showcase-device img{filter:drop-shadow(0 20px 18px #643e343d)}
@keyframes aurora-drift{from{transform:translate(-9px,8px) scale(.95) rotate(-8deg)}to{transform:translate(16px,-13px) scale(1.12) rotate(12deg)}}@keyframes streak-glide{from{transform:translateX(-12px) scaleX(.8);opacity:.25}to{transform:translateX(20px) scaleX(1.15);opacity:.9}}
@media(max-width:700px){.mono-showcase .bonus-scenery .aurora-light{filter:blur(16px);opacity:.5}.mono-showcase .bonus-tile{box-shadow:0 8px 18px #84442d14}}
@media(prefers-reduced-motion:reduce){.mono-showcase .bonus-scenery .aurora-light,.mono-showcase .bonus-scenery .light-streak{animation:none!important}}

/* Dark studio: a different visual direction. */
.office-edition .mono-stage.mono-showcase.studio-showcase{padding:26px;border-radius:28px;background:#15191f;border:1px solid #32363c;box-shadow:0 24px 60px #17212e20;color:#fff;overflow:hidden}.studio-showcase .showcase-art{height:410px;margin:0;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse at 50% 65%,#465a7040,transparent 65%)}.studio-showcase .showcase-art:before,.studio-showcase .showcase-art:after{display:none!important}.studio-lights{position:absolute;inset:0;z-index:-1;pointer-events:none}.studio-lights i{position:absolute;display:block}.studio-beam{height:120%;width:35%;top:-20%;filter:blur(24px);opacity:.6;animation:studio-sweep 10s ease-in-out infinite alternate}.beam-left{left:5%;background:linear-gradient(180deg,transparent,#ff884d66,transparent);rotate:28deg}.beam-right{right:3%;background:linear-gradient(180deg,transparent,#3f9afc80,transparent);rotate:-28deg;animation-delay:-5s}.studio-plinth{bottom:15px;left:10%;width:80%;height:58px;border-radius:50%;background:linear-gradient(180deg,#677582,#282f38 60%,#15191f);border-top:1px solid #adc4d699;box-shadow:0 -12px 45px #60acdc24,0 16px 20px #0005}.studio-caption{position:absolute;top:8px;left:4px;font-size:9px;letter-spacing:3px;color:#bac3cb;z-index:3}.office-edition .studio-showcase .showcase-device{position:relative;width:95%;height:360px;max-width:620px;z-index:1;transform:none;translate:none}.office-edition .studio-showcase .showcase-device img{width:100%;height:100%;max-height:360px;object-fit:contain;animation:studio-hover 7s ease-in-out infinite;filter:drop-shadow(0 18px 15px #0006)}.studio-perks{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 18px}.studio-perks span{font-size:10px;line-height:1.4;padding:7px 9px;border:1px solid #ffffff20;border-radius:7px;background:#ffffff08;color:#d6dce1}.studio-perks span:last-child{color:#ffba86;border-color:#ff9c623b;background:#ff8c4510}.office-edition .studio-showcase .showcase-description{border-color:#ffffff22;margin-top:0;padding-top:18px}.office-edition .studio-showcase h3{color:#fff;font-size:25px}.office-edition .studio-showcase .showcase-brand{color:#a7b2bc}.office-edition .studio-showcase .showcase-description p{color:#aeb9c3}.office-edition .studio-showcase .showcase-price small{color:#aeb9c3}.office-edition .studio-showcase .showcase-price strong{color:#fff}.office-edition .studio-showcase .showcase-price b{color:#ffb17e}.office-edition .studio-showcase .showcase-dots button{color:#8b97a1}.office-edition .studio-showcase .showcase-dots button[aria-pressed=true]{color:#ffb17e;border-color:#ff9050}.office-edition .studio-showcase .showcase-arrows button{color:#e1e7ed;background:#ffffff08;border-color:#ffffff25}.studio-showcase .showcase-slide{animation:studio-reveal .7s ease both}@keyframes studio-sweep{from{transform:translateX(-15px) scale(.85);opacity:.4}to{transform:translateX(25px) scale(1.2);opacity:.8}}@keyframes studio-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes studio-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.office-edition .mono-stage.mono-showcase.studio-showcase{padding:18px;border-radius:22px}.studio-showcase .showcase-art{height:300px}.office-edition .studio-showcase .showcase-device{height:260px;width:100%}.office-edition .studio-showcase .showcase-device img{max-height:260px}.studio-caption{font-size:8px;letter-spacing:2px}.studio-perks{gap:6px}.studio-perks span{font-size:9px;padding:6px 7px}.office-edition .studio-showcase h3{font-size:20px}.studio-showcase .showcase-price strong{font-size:20px}}@media(prefers-reduced-motion:reduce){.studio-showcase .studio-beam,.office-edition .studio-showcase .showcase-device img,.studio-showcase .showcase-slide{animation:none!important}}

/* Bold blue product poster. */
.office-edition .mono-stage.mono-showcase.poster-showcase{background:#174bdd;border:0;border-radius:24px;padding:26px;color:#fff;box-shadow:0 20px 55px #1d50bf24}.poster-showcase .showcase-art{height:440px;background:none;overflow:visible}.poster-showcase .studio-plinth{display:none}.poster-showcase .studio-lights{overflow:hidden;inset:-26px -26px -5px;border-radius:24px 24px 0 0}.poster-showcase .studio-beam{width:80%;height:95%;border-radius:45% 55% 60% 40%;filter:blur(16px);opacity:1;rotate:0;animation:poster-colour 12s ease-in-out infinite alternate}.poster-showcase .beam-left{left:-40%;top:10%;background:linear-gradient(135deg,#6954ff,#855bff88);animation-delay:-4s}.poster-showcase .beam-right{right:-33%;top:-30%;background:linear-gradient(150deg,#57e4ee,#3d8dff);animation-delay:-8s}.poster-showcase .studio-caption{top:5px;left:0;color:#e7efff;font-size:9px;letter-spacing:2px}.office-edition .poster-showcase .showcase-device{width:100%;max-width:760px;height:420px;margin-top:38px;transform:rotate(-6deg);translate:none}.office-edition .poster-showcase .showcase-device img{max-height:420px;filter:drop-shadow(0 26px 18px #05276866);animation:poster-product 9s ease-in-out infinite}.poster-offer{position:absolute;top:36px;left:0;z-index:3;display:flex;flex-direction:column;gap:3px;rotate:-7deg;background:#ddff72;color:#142c2b;padding:13px 16px;border-radius:13px;box-shadow:0 7px 20px #09216a25}.poster-offer small{font-size:8px;letter-spacing:1.3px;font-weight:700}.poster-offer b{font-size:31px;line-height:1.05;letter-spacing:-1px}.poster-gift{position:absolute;right:0;bottom:20px;z-index:3;display:flex;flex-direction:column;gap:5px;rotate:5deg;background:#fff;color:#24429b;padding:14px 17px;border-radius:13px;box-shadow:0 7px 20px #09216a25}.poster-gift b{font-size:18px}.poster-gift small{font-size:10px}.poster-showcase .studio-perks{margin-top:15px;margin-bottom:16px}.poster-showcase .studio-perks span{border-color:#ffffff40;background:#ffffff12;color:#fff}.poster-showcase .studio-perks span:last-child{background:#ddff72;color:#213b39;border-color:#ddff72}.office-edition .poster-showcase .showcase-description{border-color:#ffffff40}.office-edition .poster-showcase .showcase-brand,.office-edition .poster-showcase .showcase-description p,.office-edition .poster-showcase .showcase-price small{color:#dce8ff}.office-edition .poster-showcase .showcase-price b{color:#ddff72}.office-edition .poster-showcase .showcase-dots button{color:#c4d7ff}.office-edition .poster-showcase .showcase-dots button[aria-pressed=true]{color:#ddff72;border-color:#ddff72}.office-edition .poster-showcase .showcase-arrows button{background:#ffffff14;border-color:#ffffff55;color:#fff}@keyframes poster-colour{from{transform:translate(-12px,10px) rotate(-12deg) scale(.95)}to{transform:translate(28px,-15px) rotate(18deg) scale(1.1)}}@keyframes poster-product{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(1deg)}}@media(max-width:700px){.office-edition .mono-stage.mono-showcase.poster-showcase{padding:18px}.poster-showcase .showcase-art{height:320px}.office-edition .poster-showcase .showcase-device{height:300px;margin-top:40px}.office-edition .poster-showcase .showcase-device img{max-height:300px}.poster-offer{top:32px;padding:10px 12px}.poster-offer b{font-size:24px}.poster-offer small{font-size:7px}.poster-gift{padding:10px 12px;bottom:6px}.poster-gift b{font-size:14px}.poster-gift small{font-size:8px}.poster-showcase .studio-caption{font-size:8px;letter-spacing:1px}.poster-showcase .studio-lights{inset:-18px -18px -5px}.poster-showcase .studio-perks span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){.poster-showcase .studio-beam,.office-edition .poster-showcase .showcase-device img{animation:none!important}}