/* Shared page controls, photography, brands and comparison. */
.pw-page{--pw-line:rgba(165,199,212,.25)}
.pw-page main{padding-top:var(--header-h)}
.pw-page h1,.pw-page h2,.pw-page h3{overflow-wrap:break-word}
.pw-toolbar{min-height:54px;padding:10px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#10191f;color:#bdced3;border-bottom:1px solid #ffffff1c;font-size:11px;line-height:1.4}
.pw-toolbar>div{display:flex;gap:24px}.pw-toolbar a{display:flex;align-items:center;gap:9px;min-height:30px}.pw-toolbar b{font-weight:400;font-size:9px;display:grid;place-items:center;width:22px;height:22px;border:1px solid #53636a}.pw-toolbar [aria-current=page]{color:#effaff}.pw-toolbar [aria-current=page] b{background:#d0e8f1;color:#111c22;border-color:#d0e8f1}.pw-toolbar a:hover{color:#fff}
.pw-photo{display:block;width:100%;overflow:hidden;background:#e5e6e3;cursor:zoom-in;text-align:left}.pw-photo img{display:block;width:100%;height:100%;object-fit:cover}.pw-photo img[data-pw-parallax]{transform:translateY(var(--pw-y,0)) scale(1.035)}
.pw-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 25px}.pw-brand{min-width:0}.pw-logo{background:#fff;display:flex;align-items:center;justify-content:center;height:150px;padding:30px}.pw-logo img{width:100%;height:100%;object-fit:contain;max-width:230px}.pw-brand figcaption{padding-top:18px}.pw-brand h3{font:500 18px/1.4 var(--body);letter-spacing:-.015em}.pw-brand p{font-size:12px;line-height:1.6;margin-top:4px;opacity:.72}
.pw-end{display:flex;justify-content:space-between;gap:35px;padding-block:42px;border-top:1px solid var(--pw-line);margin-top:85px}.pw-end a{display:flex;gap:35px;align-items:center;font-size:16px}.pw-end a>span:last-child{font-size:27px}.pw-end a:hover{text-decoration:underline;text-underline-offset:7px}
.pw-lightbox{padding:0;width:96vw;max-width:1700px;max-height:94svh;border:1px solid #42515a;background:#0b1014;color:#edf3f4;position:fixed;inset:0;margin:auto}.pw-lightbox::backdrop{background:#05090de8;backdrop-filter:blur(8px)}.pw-lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px;border-bottom:1px solid #ffffff24}.pw-lightbox-top p{font-size:14px;line-height:1.5;max-width:85%}.pw-lightbox-top button{width:44px;height:44px;font:300 34px/1 var(--body);flex-shrink:0}.pw-lightbox-stage{display:flex;align-items:center;justify-content:center;height:calc(88svh - 90px);padding:20px}.pw-lightbox-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.pw-modal-open{overflow:hidden}
.pw-comparison{background:#0b1014;color:#e6f0f3}.pcp-shell{max-width:1700px;margin:auto;padding:44px 4% 0}.pcp-heading{max-width:1000px}.pcp-kicker,.pb-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.16em;line-height:1.5}.pcp-heading h1{font-size:clamp(44px,4.6vw,72px);letter-spacing:-.065em;white-space:pre-line;line-height:1.02;margin-top:22px}.pcp-heading>p:last-child{font-size:15px;color:#aabdc5;max-width:590px;margin-top:27px}.pcp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:36px}.pcp-card{min-width:0;border-top:1px solid #6b8089;padding-top:18px}.pcp-design-number{font-size:11px;letter-spacing:.1em;display:flex;justify-content:space-between;margin-bottom:20px}.pcp-art{position:relative;background:#17252c;padding:15px 15px 32px;overflow:hidden;aspect-ratio:1.55}.pcp-art>img{width:94%;height:auto;aspect-ratio:1.55;object-fit:cover;object-position:top;border:1px solid #ffffff1a}.pcp-art>img.pcp-phone{position:absolute;right:9px;bottom:10px;width:23%;height:77%;object-fit:cover;object-position:top;border:3px solid #23333b;border-radius:9px;box-shadow:0 7px 24px #0005}.pcp-stories .pcp-art{background:#d1d4c4}.pcp-applications .pcp-art{background:#b7c9e6}.pcp-card h2{font-size:clamp(28px,2.6vw,42px);margin-top:22px;letter-spacing:-.045em}.pcp-card-copy>p{font-size:13px;line-height:1.8;color:#aebdc4;margin:16px 0 22px;max-width:34em}.pcp-open{font-size:12px;display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #ffffff2a}.pcp-open>span:last-child{font-size:22px}.pcp-card a:hover .pcp-open{color:#bde5f5}.pcp-card a:focus-visible{outline-offset:8px}.pcp-scope{margin-top:65px;padding-block:28px;border-top:1px solid #ffffff24;display:flex;gap:30px;justify-content:space-between;font-size:12px;color:#adbdc4}
@media(max-width:900px){.pw-toolbar>div{gap:16px}.pw-toolbar a>span:not(:first-child){max-width:150px}.pw-brand-grid{gap:28px 20px}.pw-logo{height:125px;padding:23px}.pcp-grid{gap:18px}.pcp-card h2{font-size:30px}.pcp-art{padding:9px 9px 20px}.pcp-art>img.pcp-phone{right:5px;border-width:2px;border-radius:5px}}
@media(max-width:760px){.pw-toolbar{padding:10px 6%;gap:10px;align-items:flex-start}.pw-toolbar>div{gap:12px}.pw-toolbar>div a>span{display:none}.pw-toolbar>div a{min-width:25px;justify-content:center}.pw-toolbar b{width:25px;height:25px}.pw-photo img[data-pw-parallax]{transform:none}.pw-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.pw-logo{height:105px;padding:18px}.pw-brand h3{font-size:16px}.pw-brand p{font-size:11px}.pw-end{gap:25px;margin-top:50px;padding-block:28px;flex-wrap:wrap}.pw-end a{font-size:14px;gap:20px}.pw-lightbox-top{padding:10px 14px;gap:10px}.pw-lightbox-top p{font-size:12px}.pw-lightbox-stage{padding:10px}.pcp-shell{padding:42px 6% 0}.pcp-heading h1{font-size:clamp(40px,11.5vw,76px);margin-top:20px}.pcp-heading>p:last-child{font-size:14px}.pcp-grid{grid-template-columns:1fr;gap:46px;margin-top:40px}.pcp-art{aspect-ratio:1.45;padding:16px 16px 32px}.pcp-card h2{font-size:36px}.pcp-scope{display:block;margin-top:45px}.pcp-scope p+p{margin-top:14px}}
@media(prefers-reduced-motion:reduce){html:has(.pw-page){scroll-behavior:auto}.pw-photo img[data-pw-parallax]{transform:none!important}}

html[lang=de] .pw-page main :is(h1,h2,h3){hyphens:auto}

/* Allow enlarged labels to shrink and wrap beside numbers and arrow icons. */
.pw-page .pw-brand :is(h3,p),.pw-page .pb-hero-note{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.pw-page .ps-chapter-top>*{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.pw-page .pa-photos figcaption>span{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.pw-page :is(.pw-end a,.pb-work-link,.ps-link,.pa-actions a)>span:first-child{min-width:0;overflow-wrap:anywhere;hyphens:auto}
@media(max-width:760px){.pw-page .pa-application-heading{grid-template-columns:minmax(34px,max-content) minmax(0,1fr)}}
@media(max-width:360px){.pw-page .pa-application-heading{grid-template-columns:minmax(30px,max-content) minmax(0,1fr)}}

/* A keeps its original grid proportions when long English or French text wraps. */
.pw-brands :is(.pb-china,.pb-group,.pb-work-heading,.pb-work-copy)>*{min-width:0}
.pw-brands .pb-shell :is(h1,h2,h3,p,.pb-kicker){overflow-wrap:anywhere;hyphens:auto}
.pw-brands :is(.pb-china,.pb-work-heading){grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr)}
.pw-brands .pb-group{grid-template-columns:132px minmax(0,1fr)}
@media(max-width:1000px){.pw-brands .pb-group{grid-template-columns:95px minmax(0,1fr)}}
@media(max-width:760px){
 .pw-brands :is(.pb-china,.pb-work-heading,.pb-work-copy){grid-template-columns:minmax(0,1fr)}
 .pw-brands .pb-group{grid-template-columns:78px minmax(0,1fr)}
}