/* Current offer: product-led PR-MAD and a separate ELBA presentation. */
html body[data-mad-detail] #content{background:#090c10}
html body #content .md-hero,html body #content .md-dip{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.18fr;align-items:center;gap:5vw;width:100%;min-height:100svh;box-sizing:border-box;padding:120px max(6vw,24px) 135px;background:#090c10;color:#f5f5f1;overflow:hidden}
html body #content .md-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 75% 42%,#3d4e5d55,transparent 48%)}
html body #content .md-copy{position:relative;z-index:2;max-width:560px}
html body #content .md-eyebrow{font:500 12px/1.5 var(--prescot-font-body,Outfit,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:#ff946f;margin:0 0 22px}
html body #content .md-hero h1{font:400 clamp(42px,4.6vw,76px)/1.07 var(--prescot-font-heading,Outfit,sans-serif);letter-spacing:-.045em;margin:0 0 25px;color:#fff}
html body #content .md-hero h1 span{display:block;color:#aeb9c3;font-size:.54em;line-height:1.4;letter-spacing:-.025em;margin-top:14px}
html body #content .md-copy>p:not(.md-eyebrow):not(.md-facts){font:400 18px/1.75 var(--prescot-font-body,Outfit,sans-serif);color:#b7c1c9;margin:0;max-width:510px}
html body #content .md-facts{display:flex;gap:24px;margin:30px 0 0;padding:22px 0 0;border-top:1px solid #ffffff24;font:400 14px/1.5 var(--prescot-font-body,Outfit,sans-serif);color:#cbd2d8}
html body #content .md-facts b{color:#fff;font-weight:500}
html body #content .md-visual{position:relative;min-width:0;margin:0;align-self:center}
html body #content .md-visual>img{display:block;width:100%;height:auto;filter:drop-shadow(0 35px 25px #0008)}
html body #content .md-visual figcaption{display:flex;align-items:center;gap:12px;color:#c5cdd4;font:400 13px/1.5 var(--prescot-font-body,Outfit,sans-serif);margin:16px 0 0 10%}
html body #content .md-visual figcaption::before{content:'';width:36px;height:1px;background:#f78058}
html body #content .md-mode-summary{display:flex;gap:10px;margin:28px 0 0;flex-wrap:wrap}
html body #content .md-mode-summary span{display:flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #ffffff26;border-radius:9px;background:#ffffff07;color:#dfe6eb;font:400 14px/1.4 var(--prescot-font-body,Outfit,sans-serif)}
html body #content .md-mode-summary b{font-weight:500;color:#fff}
html body #content .md-dip{grid-template-columns:1.05fr 1fr;min-height:760px;padding-block:100px;border-block:1px solid #ffffff16;background:radial-gradient(ellipse at 14% 55%,#222a3280,transparent 50%),#090c10}
html body #content .md-dip h2{font:400 clamp(35px,3.5vw,55px)/1.1 var(--prescot-font-heading,Outfit,sans-serif);letter-spacing:-.035em;color:#fff;margin:0 0 24px}
html body #content .md-dip-illustration{position:relative;width:100%;margin:0}
html body #content .md-dip-illustration img{display:block;width:100%;height:auto}
html body #content .md-dip-illustration figcaption{color:#8e9aa4;font:400 12px/1.6 var(--prescot-font-body,Outfit,sans-serif);margin-top:12px}
html body #content .md-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0 24px}
html body #content .md-selector button{padding:13px 8px;min-height:48px;border:1px solid #ffffff2c;border-radius:9px;background:#ffffff07;color:#c9d3dc;font:500 16px/1.4 var(--prescot-font-body,Outfit,sans-serif);cursor:pointer;box-shadow:none}
html body #content .md-selector button[aria-pressed=true]{background:#f57d54;color:#121417;border-color:#f57d54}
html body #content .md-selector button:focus-visible{outline:2px solid white;outline-offset:3px}
html body #content .md-switch-panel{display:flex;align-items:center;gap:28px;padding:20px 24px;border:1px solid #ffffff24;border-radius:14px;background:linear-gradient(145deg,#ffffff0b,#ffffff02);margin-bottom:24px}
html body #content .md-switches{display:flex;gap:14px}
html body #content .md-switch{display:grid;justify-items:center;gap:8px;font:400 10px/1.3 var(--prescot-font-body,Outfit,sans-serif);letter-spacing:.05em;color:#c2cbd2}
html body #content .md-switch i{position:relative;display:block;width:32px;height:58px;border:1px solid #bd553a;border-radius:5px;background:#5e251e;box-shadow:inset 0 2px 6px #0009}
html body #content .md-switch i::after{content:'';position:absolute;top:31px;left:5px;width:20px;height:20px;background:linear-gradient(#fff,#bfc6cc);border-radius:3px;box-shadow:0 3px 4px #0006;transition:top .24s ease}
html body #content .md-switch[data-up=true] i::after{top:5px}
html body #content .md-switch b{font-size:9px;font-weight:400}
html body #content .md-mode-description{min-width:0}
html body #content .md-mode-description h3{font:500 20px/1.3 var(--prescot-font-body,Outfit,sans-serif);color:#fff;margin:0 0 8px}
html body #content .md-mode-description p{font:400 14px/1.65 var(--prescot-font-body,Outfit,sans-serif);color:#b7c1c9;margin:0;min-height:70px}
html body #content .md-install-note{font:400 13px/1.7 var(--prescot-font-body,Outfit,sans-serif);color:#9aa6af;margin:0}
html body #content .md-install-note a{color:#ebf1f5;text-decoration:underline;text-underline-offset:4px}
html body #content .md-inline-dip{font:400 14px/1.7 var(--prescot-font-body,Outfit,sans-serif);color:#c0cad2;margin-top:18px}
html body #content .md-inline-dip a{color:#f69a78;text-decoration:none;border-bottom:1px solid #f69a7860}
html body[data-mad-detail] #content .pws-showcase{background:#090c10}

html body[data-elba-offer]{background:#090c10!important;color:#f4f6f8}
html body[data-elba-offer] #content,html body[data-elba-offer] #content>.ast-container{display:block;max-width:none;width:100%;margin:0;padding:0;background:#090c10}
html body #content .eo-hero{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:center;padding:140px 7vw;background:#090c10;color:#fff;box-sizing:border-box;overflow:hidden}
html body #content .eo-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-2}
html body #content .eo-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090c10f2,#090c10ba 32%,#090c1010 70%),linear-gradient(0deg,#090c10,transparent 35%);z-index:-1}
html body #content .eo-hero-copy{max-width:620px}
html body #content .eo-brand{display:inline-flex;align-items:center;padding:15px 23px;border:1px solid #ffffff60;border-radius:13px;background:#ffffffe6;backdrop-filter:blur(16px);margin-bottom:28px}
html body #content .eo-brand img{width:115px;height:46px;object-fit:contain}
html body #content .eo-hero h1{font:400 clamp(48px,5.5vw,85px)/1.05 var(--prescot-font-heading,Outfit,sans-serif);letter-spacing:-.05em;color:#fff;margin:0 0 25px}
html body #content .eo-hero p{max-width:430px;font:400 18px/1.7 var(--prescot-font-body,Outfit,sans-serif);color:#d0d8df;margin:0}
html body #content .eo-families{padding:65px 7vw 55px;border-bottom:1px solid #ffffff1c;background:#090c10}
html body #content .eo-families>p{font:400 18px/1.6 var(--prescot-font-body,Outfit,sans-serif);color:#b3bfc7;margin:0 0 24px}
html body #content .eo-family-links{display:flex;flex-wrap:wrap;gap:10px}
html body #content .eo-family-links a{padding:12px 18px;border:1px solid #ffffff2b;border-radius:30px;color:#f3f6f8;font:400 15px/1.5 var(--prescot-font-body,Outfit,sans-serif);text-decoration:none;background:#ffffff05}
html body #content .eo-family-links a:hover{border-color:#f28a64;color:#fba57f}
html body #content .eo-model{position:relative;display:grid;grid-template-columns:1.2fr 1fr;min-height:850px;min-height:min(950px,100svh);isolation:isolate;background:#090c10;border-bottom:1px solid #ffffff16;box-sizing:border-box;scroll-margin-top:0}
html body #content .eo-scene{position:relative;min-height:600px;overflow:hidden;margin:0}
html body #content .eo-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
html body #content .eo-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#090c10),linear-gradient(0deg,#090c10,transparent 30%);pointer-events:none}
html body #content .eo-scene figcaption{position:absolute;bottom:26px;left:6vw;color:#ced3d6;z-index:1;font:400 10px/1.5 var(--prescot-font-body,Outfit,sans-serif);letter-spacing:.04em}
html body #content .eo-model-copy{padding:70px 6vw 70px 3vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}
html body #content .eo-model-copy .md-eyebrow{margin-bottom:16px}
html body #content .eo-model h2{font:400 clamp(31px,3.3vw,49px)/1.12 var(--prescot-font-heading,Outfit,sans-serif);letter-spacing:-.035em;color:#fff;margin:0 0 16px}
html body #content .eo-model h3{font:400 19px/1.5 var(--prescot-font-body,Outfit,sans-serif);color:#d9e3e9;margin:0 0 18px}
html body #content .eo-model-copy>p:not(.md-eyebrow){font:400 16px/1.75 var(--prescot-font-body,Outfit,sans-serif);color:#aebbc5;margin:0}
html body #content .eo-product{display:block;width:100%;height:170px;object-fit:contain;margin:26px 0 8px;filter:drop-shadow(0 10px 20px #0007)}
html body #content .eo-model-copy>a{font:400 13px/1.6 var(--prescot-font-body,Outfit,sans-serif);color:#d1dae1;text-underline-offset:5px;margin-top:20px}
html body #content .eo-quote{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:center;padding:100px 8vw;min-height:65svh;box-sizing:border-box;background:#090c10;color:#f0f4f7;border-bottom:1px solid #ffffff1b}
html body #content .eo-quote h2{font:400 clamp(36px,4vw,58px)/1.1 var(--prescot-font-heading,Outfit,sans-serif);letter-spacing:-.04em;color:#fff;margin:0}
html body #content .eo-quote p{font:400 17px/1.75 var(--prescot-font-body,Outfit,sans-serif);color:#b4c0c8;margin:0 0 25px}
html body #content .eo-quote a{display:inline-flex;gap:25px;align-items:center;justify-content:space-between;background:#f5835b;color:#101318;border:1px solid #fa9c7b;border-radius:11px;padding:16px 23px;min-height:55px;text-decoration:none;font:500 16px/1.5 var(--prescot-font-body,Outfit,sans-serif)}
@media(max-width:1024px){
 html body #content .md-hero{gap:25px;grid-template-columns:1fr 1fr;padding-inline:5vw}
 html body #content .md-hero h1{font-size:48px}
 html body #content .md-dip{gap:30px;padding-inline:5vw}
 html body #content .eo-model{min-height:800px;grid-template-columns:1fr 1fr}
 html body #content .eo-model-copy{padding-inline:30px}
 html body #content .eo-model h2{font-size:34px}
}
@media(max-width:700px){
 html body #content .md-hero{grid-template-columns:1fr;gap:15px;align-content:center;padding:95px 24px 125px;min-height:100svh}
 html body #content .md-hero h1{font-size:40px;margin-bottom:15px}
 html body #content .md-hero h1 span{font-size:24px;margin-top:8px}
 html body #content .md-eyebrow{font-size:10px;margin-bottom:14px}
 html body #content .md-copy>p:not(.md-eyebrow):not(.md-facts){font-size:15px;line-height:1.65}
 html body #content .md-visual{order:-1;max-width:440px;width:100%;margin:auto}
 html body #content .md-visual>img{height:clamp(165px,24svh,260px);object-fit:contain}
 html body #content .md-visual figcaption{font-size:11px;justify-content:center;margin:0}
 html body #content .md-facts{gap:14px;margin-top:18px;padding-top:15px;font-size:12px}
 html body #content .md-mode-summary{margin-top:18px;gap:7px}
 html body #content .md-mode-summary span{padding:8px 10px;font-size:12px}
 html body #content .md-dip{grid-template-columns:1fr;padding:55px 24px;gap:34px;min-height:0}
 html body #content .md-dip h2{font-size:36px;margin-bottom:20px}
 html body #content .md-dip-illustration{max-width:430px;margin:auto}
 html body #content .md-dip-illustration img{max-height:300px;object-fit:contain}
 html body #content .md-switch-panel{padding:18px 15px;gap:20px}
 html body #content .md-mode-description h3{font-size:17px}
 html body #content .md-mode-description p{font-size:13px;min-height:110px}
 html body #content .eo-hero{align-items:flex-end;padding:110px 25px 140px;min-height:100svh}
 html body #content .eo-hero>img{object-position:56% top;height:70%;object-fit:cover}
 html body #content .eo-hero::after{background:linear-gradient(0deg,#090c10 4%,#090c10ef 27%,#090c1090 50%,transparent 75%)}
 html body #content .eo-brand{padding:9px 15px;margin-bottom:20px}
 html body #content .eo-brand img{width:95px;height:35px}
 html body #content .eo-hero h1{font-size:47px;margin-bottom:18px}
 html body #content .eo-hero p{font-size:16px}
 html body #content .eo-families{padding:45px 24px}
 html body #content .eo-family-links{gap:8px}
 html body #content .eo-family-links a{padding:10px 13px;font-size:13px}
 html body #content .eo-model{display:block;min-height:0}
 html body #content .eo-scene{min-height:0;height:58svh;max-height:550px}
 html body #content .eo-scene::after{background:linear-gradient(0deg,#090c10,transparent 30%)}
 html body #content .eo-scene figcaption{left:24px;bottom:20px;font-size:9px}
 html body #content .eo-model-copy{padding:26px 24px 55px}
 html body #content .eo-model h2{font-size:35px}
 html body #content .eo-model h3{font-size:19px}
 html body #content .eo-model-copy>p:not(.md-eyebrow){font-size:15px}
 html body #content .eo-product{height:145px;margin-top:25px}
 html body #content .eo-quote{grid-template-columns:1fr;gap:28px;padding:65px 24px}
 html body #content .eo-quote h2{font-size:40px}
}
@media(max-width:350px){html body #content .md-hero{padding-inline:20px;gap:14px}html body #content .md-hero h1{font-size:35px}html body #content .md-copy>p:not(.md-eyebrow):not(.md-facts){font-size:14px}html body #content .md-dip{padding-inline:20px}html body #content .md-switch-panel{gap:15px;padding:15px 12px}html body #content .md-switches{gap:10px}html body #content .eo-hero h1{font-size:41px}}
@media(prefers-reduced-motion:reduce){html body #content .md-switch i::after{transition:none}}


html body[data-offer-detail] #content .as-side-slider img[src*="mad-tile.svg"]{object-fit:contain!important;object-position:center!important;background:#090c10!important;padding:0!important}
html body #content .eo-model{min-height:100svh}
@media(min-width:1025px){html body #content .md-hero h1{font-size:64px!important;font-weight:400!important}html body #content .eo-hero h1{font-size:76px!important;font-weight:400!important}html body #content .md-dip{min-height:100svh}}
@media(max-width:1024px){
 html body[data-offer-detail] #content .pm-feature[data-scene-category="1"]{background:#090c10!important}
 html body[data-offer-detail] #content .pm-catalog-hero article.pm-feature[data-scene-category="1"] img.pm-feature-photo[data-full-scene]{top:70px!important;left:0!important;right:0!important;width:100%!important;height:36svh!important;object-fit:contain!important;object-position:center!important;background:none!important;padding:0!important;mask:none!important;-webkit-mask:none!important}
 html body[data-offer-detail] #content .pm-feature[data-scene-category="1"]::after{background:linear-gradient(0deg,#090c10 13%,transparent 58%)!important;z-index:0!important}
}
@media(max-width:767px){
 html body footer.pc-footer[data-footer-finale]>.oc-presentation-end .oc-showcase-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding-bottom:20px!important}
 html body footer.pc-footer[data-footer-finale]>.oc-presentation-end .oc-showcase-actions a{min-width:0!important;max-width:none!important;width:auto!important;font-size:11px!important;padding:10px 5px!important;min-height:42px!important;box-sizing:border-box}
}
@media(max-width:700px){html body #content .eo-model{min-height:0}html body #content .eo-hero h1{font-size:46px!important;font-weight:400!important}html body #content .md-mode-summary{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:6px}html body #content .md-mode-summary span{font-size:11px;padding:8px;gap:4px}html body #content .md-hero h1 span{font-size:23px!important}html body #content .md-facts{font-size:12px!important}}
@media(max-width:350px){html body #content .md-hero{padding-top:75px;padding-bottom:130px;gap:10px}html body #content .md-visual>img{height:145px}html body #content .md-visual figcaption{font-size:10px}html body #content .md-hero h1{font-size:34px!important;line-height:1.1!important}html body #content .md-copy>p:not(.md-eyebrow):not(.md-facts){font-size:14px!important;line-height:1.55!important}html body #content .md-hero h1 span{font-size:21px!important}html body #content .md-facts{font-size:11px!important;gap:13px}html body #content .eo-hero h1{font-size:40px!important}}

/* Subject framing after the phone review. */
@media(max-width:1024px){
 html body[data-offer-detail] #content .pm-catalog-hero article.pm-feature[data-scene-category="1"] img.pm-feature-photo[data-full-scene]{top:56px!important;height:39svh!important;width:100%!important;object-fit:contain!important}
 html body[data-brand-restore][data-offer-review] #content .pm-catalog-hero article.pm-feature[data-scene-category="9"] img.pm-feature-photo[data-full-scene]{inset:auto!important;top:85px!important;left:5%!important;width:90%!important;height:34svh!important;object-fit:contain!important;object-position:center!important;mask:none!important;-webkit-mask:none!important}
 html body[data-brand-restore][data-offer-review] #content .pm-catalog-hero article.pm-feature[data-scene-category="9"]{background:radial-gradient(ellipse at 50% 25%,#35424f77,transparent 48%),#090c10!important}
 html body[data-brand-restore][data-offer-review] #content .pm-catalog-hero article.pm-feature[data-scene-category="9"]::after{background:linear-gradient(0deg,#090c10 5%,transparent 62%)!important}
}
@media(max-width:767px){
 html body[data-scene-rescue][data-offer-review] #content .pm-catalog-hero article.pm-feature[data-scene-category="7"] img.pm-feature-photo[data-full-scene]{inset:auto!important;top:-16svh!important;left:0!important;width:100%!important;height:100%!important;object-position:center!important}
 html body[data-scene-rescue] #content [data-product-hero="proffesa"]{background-position:center -16svh!important;background-repeat:no-repeat!important;background-color:#090c10!important}
 html body #content .eo-hero>img{height:55svh!important;object-fit:cover!important;object-position:60% top!important}
 html body #content .eo-hero::after{background:linear-gradient(0deg,#090c10 25%,#090c10b3 43%,transparent 69%)!important}
 html body #content .eo-hero-copy{position:relative;z-index:1}
 html body #content .eo-scene{height:auto!important;max-height:none!important;aspect-ratio:3/2;min-height:0!important}
 html body #content .eo-scene>img{object-fit:contain!important;object-position:center!important}
 html body #content .eo-scene::after{background:linear-gradient(0deg,#090c10,transparent 18%)!important}
 html body #content .eo-scene figcaption{bottom:10px!important;font-size:9px!important}
}

/* Full installation scene on the supply introduction; the product is the original photograph. */
html body[data-mad-detail] #content .md-hero{background:linear-gradient(90deg,#090c10e8 0%,#090c10a0 46%,#090c105c 100%),url('assets/offer-editorial-20260927/power-architecture-full.webp') center/cover no-repeat}
html body[data-mad-detail] #content .md-hero::before{background:radial-gradient(ellipse at 77% 40%,#ffffff12,transparent 48%)}
html body[data-mad-detail] #content .md-hero .md-visual>img{filter:brightness(1.08) drop-shadow(0 30px 20px #0009)}
html body[data-mad-detail] #content .md-hero h1{font-size:clamp(40px,4.2vw,70px);max-width:620px}
html body[data-mad-detail] #content .md-hero h1 span{color:#f1e9df;font-size:.55em}
html body[data-mad-detail] #content .md-copy>p:not(.md-facts){color:#dce0e3}
@media(max-width:700px){html body[data-mad-detail] #content .md-hero{background:linear-gradient(180deg,#090c101c 0%,#090c10a6 35%,#090c10ed 75%),url('assets/offer-editorial-20260927/power-architecture-full.webp') 62% center/cover no-repeat}html body[data-mad-detail] #content .md-hero h1{font-size:36px}html body[data-mad-detail] #content .md-hero h1 span{font-size:24px}html body[data-mad-detail] #content .md-mode-summary{margin-top:18px}html body[data-mad-detail] #content .md-facts{margin-top:20px;padding-top:16px}}