html body.editorial-mode #app .intro{padding:58px 7% 46px;background:#fff}
html body.editorial-mode #app .intro-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 64px;align-items:start}
html body.editorial-mode #app .intro-top>.eyebrow{grid-column:1/-1;padding:0;font-size:10px;letter-spacing:.16em}
html body.editorial-mode #app .intro-copy{display:contents}
html body.editorial-mode #app .intro-copy h2{font-size:clamp(30px,2.65vw,42px);line-height:1.2;letter-spacing:-.035em;max-width:560px;margin:0}
html body.editorial-mode #app .intro-copy p{font-size:14px;line-height:1.85;max-width:60ch;margin:0;padding-top:2px}
html body.editorial-mode #app .facts{margin-top:36px;padding-top:25px;gap:26px}
html body.editorial-mode #app .fact{padding-inline-start:26px}
html body.editorial-mode #app .fact:first-child{padding-inline-start:0}
html body.editorial-mode #app .fact dd{font-size:clamp(32px,2.7vw,43px);line-height:1.1;letter-spacing:-.035em}
html body.editorial-mode #app .fact dd span{font-size:.6em;letter-spacing:-.02em}
html body.editorial-mode #app .fact dt{font-size:12px;font-weight:400;line-height:1.55;margin-top:9px}
html[dir=rtl] body.editorial-mode #app .intro-copy h2{font-size:clamp(28px,2.65vw,38px);line-height:1.55}
@media(max-width:760px){
html body.editorial-mode #app .intro{padding:38px 7% 35px}
html body.editorial-mode #app .intro-top{grid-template-columns:1fr;gap:18px}
html body.editorial-mode #app .intro-copy h2{font-size:31px;line-height:1.2;max-width:440px}
html body.editorial-mode #app .intro-copy p{font-size:13px;line-height:1.8;padding-top:0}
html body.editorial-mode #app .facts{margin-top:27px;padding-top:23px;gap:23px 18px;grid-template-columns:1fr 1fr}
html body.editorial-mode #app .fact{padding-inline-start:18px}
html body.editorial-mode #app .fact:nth-child(odd){padding-inline-start:0;border:0}
html body.editorial-mode #app .fact dd{font-size:35px}
html body.editorial-mode #app .fact dt{font-size:12px}
}
html body.editorial-mode #app .fact dd span{font-size:inherit}
html body.editorial-mode #app .fact dd>span>span:not(.fact-count){font-size:inherit}
html body.editorial-mode #app #intro-title{scroll-margin-top:145px}
/* Revision: one connected story beside a real appliance photograph. */
html body.editorial-mode #app .intro-top{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:auto auto 1fr;column-gap:64px;row-gap:17px}
html body.editorial-mode #app .intro-top>.eyebrow{grid-column:1;grid-row:1}
html body.editorial-mode #app .intro-copy h2{grid-column:1;grid-row:2;font-size:clamp(30px,2.55vw,39px)}
html body.editorial-mode #app .intro-copy p{grid-column:1;grid-row:3;max-width:57ch;font-size:14px;line-height:1.85}
html body.editorial-mode #app .intro-top::after{content:'';display:block;grid-column:2;grid-row:1/4;min-height:330px;align-self:stretch;border-radius:3px;background:url('/assets/lifestyle/lagermania-home-story.jpg') center center/cover no-repeat}
@media(max-width:760px){
html body.editorial-mode #app .intro-top{grid-template-columns:1fr;grid-template-rows:auto;gap:17px}
html body.editorial-mode #app .intro-copy h2{font-size:31px}
html body.editorial-mode #app .intro-copy p{font-size:13px;line-height:1.8}
html body.editorial-mode #app .intro-top::after{grid-column:1;grid-row:4;min-height:0;height:210px;margin-top:7px;background-position:center 65%}
}

html body.editorial-mode #app .intro-top::after{width:min(100%,540px);min-height:0;aspect-ratio:875/649;align-self:center;justify-self:end;background-position:center;background-size:contain;border-radius:3px}
@media(max-width:760px){html body.editorial-mode #app .intro-top::after{width:100%;height:auto;aspect-ratio:875/649;justify-self:stretch;background-position:center}}

/* Approved smooth photo corners, without border or shadow. */
html body.editorial-mode #app .intro-top::after{border:0;box-shadow:none;border-radius:18px;background-clip:border-box}
/* Center an incomplete brand row instead of leaving a vacant end cell. */
html body.editorial-mode #app .brand-photo-grid{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:35px 26px!important}
html body.editorial-mode #app .brand-photo-grid>.brand{box-sizing:border-box;flex:0 0 calc((100% - 52px)/3);min-width:0;max-width:none}
@media(max-width:850px){html body.editorial-mode #app .brand-photo-grid>.brand{flex-basis:calc((100% - 26px)/2)}}
/* The homepage brand strip remains swipeable without the extra arrow. */
@media(max-width:760px){html body.editorial-home .site-masthead .header-brand-more{display:none!important}}