/* Digital screen advertising: scoped, responsive and independent of the existing demos. */
.screen-advertising{background:#18241f;border-block:1px solid #ffffff20;overflow:hidden}.advertising-heading{max-width:790px}.advertising-heading h2{font-size:clamp(38px,5.2vw,76px);letter-spacing:-.055em;line-height:1.06}.advertising-heading h2 span{color:var(--peach)}.advertising-heading>p{max-width:650px}.advertising-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:55px;align-items:start;margin-top:44px}.advertising-offer{background:#f4f2ec;color:#17201b;border-radius:8px;padding:32px}.advertising-offer>p{color:#59665c}.advertising-offer .advertising-price{font-family:Manrope,sans-serif;font-size:clamp(58px,6vw,86px);line-height:1.05;letter-spacing:-5px;color:#17201b;font-weight:600;margin:24px 0 12px}.advertising-price span{display:block;letter-spacing:0;font:500 15px 'DM Sans',sans-serif;margin-top:12px}.advertising-offer .advertising-annual{border-bottom:1px solid #ced6cb;padding-bottom:23px;color:#17201b;font-size:17px;font-weight:700}.advertising-ticks{list-style:none;padding:0;font-size:13px;line-height:1.65;margin:22px 0}.advertising-ticks li{position:relative;padding:7px 0 7px 24px}.advertising-ticks li:before{content:'✓';position:absolute;left:0;color:#326b49}.advertising-offer .button{width:100%;gap:15px}.screen-advertising .advertising-small{font-size:11px;line-height:1.7;letter-spacing:0;max-width:none;margin-top:19px}.advertising-demo{min-width:0}.advertising-demo-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.advertising-indicator{font-size:11px;color:#b9cbbf}.advertising-indicator:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#a9dbb6;margin-right:8px}.advertising-room{position:relative;padding:55px 30px 78px;background:repeating-linear-gradient(90deg,#313d34 0,#313d34 48px,#27372e 49px,#27372e 51px);border-radius:8px;isolation:isolate}.advertising-wall-label{font-size:8px;letter-spacing:2px;color:#a6b2a8;text-align:center;position:absolute;top:22px;left:0;right:0}.advertising-fitted-screen{aspect-ratio:16/9;border:10px solid #080b09;border-radius:8px;background:#17201b;position:relative;box-shadow:0 20px 30px #0008,0 0 0 1px #788077;overflow:hidden;container-type:inline-size;z-index:1}.advertising-fitted-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#ffffff10,transparent 45%);pointer-events:none}.advertising-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:6%;overflow:hidden}.advertising-slide[hidden]{display:none}.advertising-slide-kicker{font-size:clamp(6px,1.7cqi,11px);letter-spacing:.15em;z-index:1}.advertising-slide strong{font-family:Manrope,sans-serif;font-size:clamp(20px,9cqi,63px);line-height:1.04;letter-spacing:-.045em;z-index:1;font-weight:700;max-width:90%}.advertising-slide-footer{font-size:clamp(7px,2cqi,12px);display:flex;justify-content:space-between;z-index:1}.advertising-slide-footer b{font-size:1.4em}.advertising-slide-brand{background:#ffb38e;color:#17201b}.advertising-art{position:absolute;width:42%;aspect-ratio:1;right:-9%;bottom:-18%;transform:rotate(-20deg)}.advertising-art span{position:absolute;inset:0;border:20px solid #f27750;border-radius:50%}.advertising-art span:nth-child(2){inset:16%;border-color:#da543e}.advertising-art span:nth-child(3){inset:32%;border-color:#a83c34}.advertising-slide-offer{background:#c7ddac;color:#16251b}.advertising-slide-offer strong{font-size:clamp(20px,7.7cqi,56px)}.advertising-slide-offer strong>span{color:#335743}.advertising-offer-burst{position:absolute;right:4%;top:30%;width:26%;aspect-ratio:1;border-radius:50%;background:#172b20;color:#c7ddac;display:grid;place-content:center;text-align:center;transform:rotate(12deg);font-size:clamp(8px,2.5cqi,16px);font-weight:700;line-height:1.4}.advertising-slide-video{padding:0;background:#12201c}.advertising-slide-video video{width:100%;height:100%;object-fit:cover}.advertising-video-fallback{position:absolute;inset:auto 5% 8%;padding:10px;background:#17201be6;color:white;font-size:11px;line-height:1.4}.advertising-video-fallback[hidden]{display:none}.advertising-screen-shadow{position:absolute;bottom:46px;left:15%;right:15%;height:10px;box-shadow:0 10px 25px #0008}.advertising-console{position:absolute;bottom:0;left:0;right:0;height:29px;background:#ad9b7b;border-top:4px solid #c5b191;display:flex;gap:14px;padding:7px 10%}.advertising-console span{height:10px;flex:1;background:#695e4c;border-radius:1px}.advertising-controls{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.advertising-controls button{padding:12px 14px;border:1px solid #697c6d;border-radius:5px;background:transparent;color:#c0cec4;font-size:11px;min-height:44px}.advertising-controls button[aria-pressed=true]:not(.advertising-pause){color:#17201b;background:#ffb38e;border-color:#ffb38e}.advertising-controls button span{margin-left:5px;font-weight:600}.advertising-controls .advertising-pause{margin-left:auto;color:#f4f2ec}.advertising-demo-status{font-size:11px;margin:12px 0 0;color:#b4c4b8}.advertising-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:55px}.advertising-features article{border-top:1px solid #ffffff30;padding-top:25px}.advertising-features h3,.advertising-setup h3{font-size:23px;line-height:1.3;letter-spacing:-.6px;margin:18px 0 14px}.advertising-features p{font-size:13px;color:#b4c4b8}.advertising-setup{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid #ffffff30;padding-top:32px;margin-top:25px}.advertising-setup p{font-size:13px;color:#b4c4b8}.screen-advertising .advertising-source{font-size:11px;color:#a8b7ad;max-width:none;border-top:1px solid #ffffff20;padding-top:20px;margin-top:25px}.advertising-source a{text-decoration:underline;text-underline-offset:3px}.advertising-home-link{color:var(--peach);border-bottom:1px solid var(--peach);padding-bottom:4px}.service-page .screen-advertising{margin:45px -25px;padding:45px 25px;border-radius:8px}.service-page .advertising-layout{gap:25px;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)}.service-page .advertising-offer{padding:25px}.service-page .advertising-heading h2{margin-top:20px;font-size:clamp(38px,5.2vw,65px);letter-spacing:-.055em}.service-page .advertising-price{font-size:64px}.service-page .advertising-features{gap:20px}.screen-advertising button:focus-visible{outline:2px solid var(--peach);outline-offset:4px}
@media(max-width:1050px){.advertising-layout,.service-page .advertising-layout{grid-template-columns:minmax(0,1fr);gap:35px}.advertising-offer{max-width:none}.advertising-demo{max-width:750px;width:100%}.advertising-features{gap:20px}}
@media(max-width:700px){.advertising-heading h2{font-size:43px}.advertising-layout{margin-top:28px}.advertising-offer{padding:25px}.advertising-room{padding:45px 16px 65px}.advertising-fitted-screen{border-width:7px}.advertising-controls{gap:6px}.advertising-controls button{padding:10px;font-size:10px}.advertising-controls button span{margin-left:2px}.advertising-features,.advertising-setup{grid-template-columns:1fr;gap:20px}.advertising-features{margin-top:35px}.advertising-setup{gap:16px}.service-page .screen-advertising{margin:35px -12px;padding:30px 12px}.advertising-features h3,.advertising-setup h3{font-size:22px}}

.advertising-video-copy{position:absolute;inset:0;padding:6%;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,#0c201be6,#0c201b50 65%,#0c201b10);color:white;pointer-events:none}.advertising-video-copy strong{font-size:clamp(20px,8.2cqi,60px);text-shadow:0 2px 15px #0004}.advertising-demo[data-paused="true"] .advertising-art{animation-play-state:paused}
