/* Editorial expansion: existing brand, larger stories, no product interface mockups. */
html body .expanded-nav{position:relative;gap:18px}
html body .expanded-nav>.language-menu{position:relative;flex:0 0 42px;width:42px;min-width:0;max-width:42px}
html body .language-menu>summary{display:flex;align-items:center;gap:5px;list-style:none;cursor:pointer;font-size:12px;padding:12px 7px;border-radius:8px;min-height:44px;color:var(--ink-secondary)}
html body .language-menu>summary::-webkit-details-marker{display:none}
html body .language-options{position:absolute;top:calc(100% + 8px);right:0;min-width:145px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-raised);padding:8px;border-radius:10px;z-index:10}
html body .language-options a{display:block;padding:10px 12px;font-size:14px;text-decoration:none;color:var(--ink);border-radius:6px}
html body .language-options a:hover,html body .language-options a[aria-current="page"]{background:var(--surface-frame)}
html body[lang="de"] h1,html body[data-lang="de"] h1{hyphens:auto;overflow-wrap:break-word}
html body[data-lang="de"] .detail-intro h1{font-size:clamp(38px,4.1vw,60px)}
@media(max-width:700px){html body .expanded-nav .language-menu>summary{padding:10px 3px;font-size:11px}html body[data-lang="de"] .expanded-nav .nav-cta{padding:0 10px;font-size:12px}html body[data-lang="de"] .hero h1{font-size:clamp(40px,10vw,60px)!important}html body[data-lang="de"] .work-tabs button{font-size:12px;padding:10px 8px}}
html body .expanded-nav .nav-indicator{display:none!important}
html body .expanded-nav .nav-links{position:static;gap:8px;align-items:center}
html body .mega-menu{position:static}
html body .mega-menu>summary{display:flex;gap:8px;align-items:center;list-style:none;padding:12px 10px;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;border-radius:8px;color:var(--ink-secondary)}
html body .mega-menu>summary::-webkit-details-marker{display:none}
html body .mega-menu[open]>summary{background:var(--surface-frame);color:var(--ink)}
html body .mega-chevron{font-size:14px;transition:transform .18s ease}
html body .mega-menu[open] .mega-chevron{transform:rotate(180deg)}
html body .mega-panel{position:absolute;top:calc(100% + 10px);left:0;right:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:36px;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-image);box-shadow:0 18px 45px rgb(23 36 48 / .12);max-height:calc(100dvh - 130px);overflow:auto;z-index:5;text-align:left}
html body .mega-column>p{font-size:13px;color:var(--ink-muted);margin:0 0 12px}
html body .mega-link{display:flex;align-items:flex-start;gap:12px;padding:13px 8px;color:var(--ink);text-decoration:none;border-radius:8px}
html body .mega-link:hover,html body .mega-link:focus-visible{background:var(--surface-frame)}
html body .mega-link>img{width:24px;height:24px;flex-shrink:0}
html body .mega-link strong{font-size:15px;line-height:1.4;font-weight:500;display:block}
html body .mega-link small{display:block;font-size:12px;line-height:1.4;color:var(--ink-muted);margin-top:4px}
html body .mega-all{display:inline-block;margin:16px 8px 0;font-size:14px;color:var(--ink);text-decoration:none}
html body .mega-feature{position:relative;min-height:230px;border-radius:10px;overflow:hidden;color:white;text-decoration:none;display:flex;align-items:end;padding:24px;isolation:isolate}
html body .mega-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
html body .mega-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgb(14 31 38 / .8),transparent 85%);z-index:-1}
html body .mega-feature>span{font-size:24px;line-height:1.2;max-width:240px}
html body .mega-feature small{display:block;font-size:13px;color:white;margin-top:16px}
html body .mega-note{border-left:1px solid var(--border);padding-left:30px;align-self:stretch}
html body .mega-note h3{font-size:25px;line-height:1.2;margin:18px 0 12px}
html body .mega-note p{font-size:15px;line-height:1.6}
html body .mega-wide{grid-column:span 2}
html body .mega-sectors{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
html body .mega-sectors>a{color:var(--ink);text-decoration:none;display:block}
html body .mega-sectors img{width:100%;height:150px;object-fit:cover;border-radius:8px;display:block;margin-bottom:14px}
html body .mega-sectors strong{font-size:16px}
html body .mega-sectors .mega-all{grid-column:1/-1;margin:0}
html body .expanded-nav .nav-cta{margin-left:0}
html body .exp-section-heading{text-align:center;max-width:780px;margin:0 auto 36px}
html body .exp-section-heading>span{display:block;font-size:14px;color:var(--ink-muted);margin-bottom:18px}
html body .exp-section-heading h2{margin:0 0 22px}
html body .exp-section-heading p{margin:0 auto;max-width:650px}
html body .work-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:30px auto 40px}
html body .work-tabs button{border:1px solid var(--border);background:var(--surface);color:var(--ink);font:500 16px/1.4 var(--font-sans);padding:12px 22px;border-radius:var(--radius-control-lg);cursor:pointer;min-height:48px}
html body .work-tabs button[aria-selected="true"]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
html body .task-panel{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:var(--radius-image);overflow:hidden;min-height:570px}
html body .task-panel+.task-panel{margin-top:24px}
html body .task-panel[hidden]+.task-panel{margin-top:0}
html body .task-copy{padding:48px;align-self:center}
html body .task-no{font-size:13px;color:var(--ink-muted);display:block;margin-bottom:24px}
html body .task-copy h3{font-size:clamp(28px,3vw,40px);line-height:1.17;letter-spacing:-.025em;margin:0 0 20px}
html body .task-copy>p{max-width:440px;margin:0 0 26px}
html body .task-copy ul,html body .scope-pair ul,html body .guide-checklist ul{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:16px}
html body .task-copy li,html body .scope-pair li,html body .guide-checklist li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.5}
html body .task-copy li>img,html body .scope-pair li>img,html body .guide-checklist li>img{flex:none;width:23px;height:23px}
html body .task-photo{position:relative;min-height:570px;overflow:hidden;isolation:isolate}
html body .task-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center;z-index:-2}
html body .task-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgb(12 30 38 / .65),transparent 65%);z-index:-1}
html body .task-photo>p{position:absolute;bottom:56px;left:32px;right:32px;font-size:28px;line-height:1.2;color:white;font-weight:500;margin:0;letter-spacing:-.02em}
html body .image-caption{position:absolute;bottom:25px;left:32px;font-size:11px;color:rgb(255 255 255 / .85)}
html body .system-story{border-top:1px solid var(--border);padding-top:60px}
html body .story-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;position:relative;margin-top:48px}
html body .story-flow:before{content:'';height:1px;background:var(--border);position:absolute;left:0;right:0;top:28px}
html body .story-flow article{position:relative}
html body .story-node{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
html body .story-node>img{width:56px;height:56px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
html body .story-node>span{font-size:12px;background:var(--surface);padding:6px 12px;color:var(--ink-muted)}
html body .story-flow h3{font-size:26px;margin:0 0 20px;line-height:1.2}
html body .story-flow strong{display:block;font-size:16px;margin-bottom:10px}
html body .story-flow p{font-size:16px;line-height:1.6;margin:0}
html body .story-bottom{display:flex;align-items:center;gap:18px;border-top:1px solid var(--border);padding-top:24px;margin-top:36px}
html body .story-bottom>img{flex:none}
html body .story-bottom p{font-size:15px;flex:1;margin:0}
html body .editorial-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
html body main a.photo-card{display:block;position:relative;min-height:500px;overflow:hidden;border-radius:var(--radius-image);isolation:isolate;text-decoration:none;color:white}
html body .photo-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s ease}
html body .photo-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgb(10 26 32 / .3),rgb(10 26 32 / .07) 30%,rgb(10 26 32 / .85))}
html body .photo-card:hover>img{transform:scale(1.035)}
html body .photo-card>div{min-height:500px;display:flex;flex-direction:column;align-items:flex-start;padding:28px}
html body .photo-card div>span:first-child{font-size:14px;color:white}
html body .photo-card h3{margin:auto 0 16px;font-size:32px;line-height:1.15;letter-spacing:-.02em;color:white;max-width:300px}
html body .photo-card p{font-size:15px;line-height:1.6;color:rgb(255 255 255 / .9);margin:0 0 24px}
html body .photo-card-arrow{font-size:26px;line-height:1;color:white}
html body main>section.connection-orbit{background:var(--surface-frame);padding:58px 40px!important;border-radius:var(--radius-image)}
html body .orbit-composition{height:400px;position:relative;max-width:960px;margin:0 auto;isolation:isolate}
html body .orbit-line{position:absolute;left:10%;right:10%;top:65px;bottom:30px;border:1px solid var(--border);border-radius:50%;z-index:-1}
html body .orbit-line-two{left:25%;right:25%;top:20px;bottom:0;transform:rotate(-12deg)}
html body .orbit-center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);background:var(--surface-frame);padding:22px 32px;text-align:center}
html body .orbit-center img{display:block;width:170px;height:44px;margin:auto}
html body .orbit-center p{font-size:13px;margin:14px 0 0;color:var(--ink-muted);white-space:nowrap}
html body .orbit-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:14px;text-decoration:none;min-width:120px}
html body .orbit-node .brand-tile{--tile-size:68px}
html body .orbit-node>span:last-child{font-size:14px;background:var(--surface-frame);padding:4px 9px;color:var(--ink);text-align:center}
html body .orbit-node:hover .brand-tile{transform:perspective(350px) rotateY(0) rotateX(0) rotateZ(0) translateY(-5px)}
html body .orbit-node-0{left:11%;top:15%}html body .orbit-node-1{right:13%;top:10%}html body .orbit-node-2{left:0;bottom:10%}html body .orbit-node-3{left:43%;bottom:0}html body .orbit-node-4{right:0;bottom:9%}
html body .orbit-action{text-align:center;margin-top:34px}
html body .orbit-action small{display:block;font-size:13px;color:var(--ink-muted);margin-top:20px}
html body .resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
html body .resource-card{text-decoration:none;display:block}
html body .resource-card>div{aspect-ratio:1.5;overflow:hidden;border-radius:var(--radius-image);margin-bottom:22px}
html body .resource-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
html body .resource-card:hover img{transform:scale(1.03)}
html body .resource-card>span{font-size:13px;color:var(--ink-muted)}
html body .resource-card h3{font-size:25px;line-height:1.2;margin:14px 0}
html body .resource-card p{font-size:15px;line-height:1.6}
html body .resource-card small{font-size:14px;color:var(--ink)}
html body .detail-intro,html body .guide-heading,html body .hub-heading{padding-top:150px!important;margin-top:0}
html body .exp-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--ink-muted);margin-bottom:40px}
html body .exp-breadcrumb a{color:var(--ink-muted);text-decoration:none}
html body .detail-intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}
html body .detail-intro-grid>div>img{margin-bottom:22px}
html body .detail-intro h1{font-size:clamp(40px,4.5vw,64px);margin:0 0 26px;line-height:1.07}
html body .detail-lead{font-size:20px;line-height:1.6;margin:0 0 30px}
html body .detail-intro-photo{height:470px;overflow:hidden;border-radius:var(--radius-image)}
html body .detail-intro-photo img{width:100%;height:100%;object-fit:cover;object-position:68% center}
html body .detail-narrative{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;border-top:1px solid var(--border);padding-top:40px!important}
html body .detail-narrative h2{margin:0;font-size:36px}
html body .detail-narrative p{margin:0;line-height:1.8}
html body .detail-workflow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding:0;list-style:none}
html body .detail-workflow li{border-top:1px solid var(--border);padding-top:24px}
html body .detail-workflow li>span{font-size:13px;color:var(--ink-muted)}
html body .detail-workflow h3{font-size:23px;margin:24px 0 12px}
html body .detail-workflow p{font-size:16px}
html body .scope-pair{display:grid;grid-template-columns:1fr 1fr;gap:64px}
html body .scope-pair article{border-top:1px solid var(--border);padding-top:32px}
html body .scope-pair h2{font-size:32px;margin:0 0 26px}
html body .scope-pair p{font-size:16px;line-height:1.75}
html body .pilot-evaluation{display:flex;align-items:flex-start;gap:24px;border-block:1px solid var(--border);padding-block:30px!important}
html body .pilot-evaluation>img{flex:none;margin-top:5px}
html body .pilot-evaluation>div{flex:1}
html body .pilot-evaluation h2{font-size:28px;margin:0 0 18px}
html body .pilot-evaluation p{font-size:16px;max-width:660px;margin:0}
html body .pilot-evaluation>.text-link{margin-top:6px}
html body .exp-related{border-top:1px solid var(--border);padding-top:30px!important}
html body .exp-related h2{font-size:25px;margin:0 0 22px}
html body .exp-related>div{display:flex;flex-wrap:wrap;gap:20px 36px}
html body .connector-emblem{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;background:var(--surface-frame);border-radius:var(--radius-image);text-align:center}
html body .connector-emblem .brand-tile{--tile-size:125px}
html body .connector-emblem>strong{font-size:30px;margin:30px 0 12px}
html body .connector-emblem p{font-size:16px;margin:0;color:var(--ink-muted)}
html body .guide-heading h1,html body .hub-heading h1{max-width:1000px;font-size:clamp(42px,5.2vw,72px);margin:0 0 30px}
html body .guide-heading>p,html body .hub-heading>p{font-size:21px;line-height:1.6;max-width:760px}
html body .guide-cover{max-width:1400px;margin:auto;width:calc(100% - 40px);height:430px;border-radius:var(--radius-image);overflow:hidden}
html body .guide-cover img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
html body .guide-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:80px;align-items:start}
html body .guide-layout>aside{position:sticky;top:120px;font-size:14px}
html body .guide-layout aside ol{padding-left:20px;margin:24px 0}
html body .guide-layout aside li{font-size:14px;line-height:1.6;margin:14px 0}
html body .guide-layout aside a{text-decoration:none}
html body .guide-body{max-width:760px}
html body .guide-body>section{padding:0 0 44px;margin:0;scroll-margin-top:120px}
html body .guide-body h2{font-size:32px;line-height:1.2;margin:0 0 24px}
html body .guide-body p{font-size:18px;line-height:1.85;margin:0 0 18px}
html body .guide-source{font-size:14px;text-decoration:underline;text-underline-offset:4px}
html body .guide-body>.guide-checklist{border-block:1px solid var(--border);padding:32px 0;margin-bottom:28px}
html body .guide-body .guide-editor{font-size:13px;color:var(--ink-muted)}
@media(max-width:1100px){html body .expanded-nav .menu-toggle{display:block}html body .expanded-nav .nav-links{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-image);box-shadow:var(--shadow-raised);max-height:calc(100dvh - 110px);overflow:auto;align-items:stretch;gap:4px}html body .expanded-nav .nav-links.open{display:flex;flex-direction:column}html body .expanded-nav .nav-cta{margin-left:auto}html body .mega-panel{position:static;box-shadow:none;border:0;background:var(--surface-frame);padding:20px;grid-template-columns:1fr 1fr;gap:20px;max-height:none}html body .mega-feature{display:none}html body .mega-note{grid-column:1/-1;border-left:0;border-top:1px solid var(--border);padding:20px 0 0}html body .mega-menu>summary{justify-content:space-between;font-size:16px;padding:14px 10px}html body .mega-sectors{grid-template-columns:repeat(3,minmax(0,1fr))}html body .nav-indicator{display:none}html body .task-copy{padding:32px}html body .detail-intro-grid{gap:40px}html body .guide-layout{gap:40px;grid-template-columns:230px 1fr}}
@media(max-width:700px){html body .task-panel{grid-template-columns:1fr;min-height:0}html body .task-copy{padding:28px 24px}html body .task-photo{min-height:360px}html body .task-photo>p{font-size:25px;left:24px;right:24px}html body .image-caption{left:24px}html body .work-tabs{gap:6px;margin:24px 0}html body .work-tabs button{font-size:13px;padding:10px 13px;flex:1}html body .story-flow{grid-template-columns:1fr;gap:28px}html body .story-flow:before{display:none}html body .story-node{margin-bottom:18px}html body .story-flow article{border-top:1px solid var(--border);padding-top:20px}html body .story-flow h3{font-size:25px;margin-bottom:14px}html body .story-bottom{flex-wrap:wrap}html body .story-bottom p{flex-basis:calc(100% - 50px)}html body .story-bottom>a{margin-left:46px}html body .editorial-card-grid{grid-template-columns:1fr;gap:20px}html body .photo-card,html body .photo-card>div{min-height:420px!important}html body .photo-card h3{font-size:32px}html body main>section.connection-orbit{padding:36px 22px!important}html body .orbit-composition{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px;margin-top:32px}html body .orbit-center{position:static;transform:none;grid-column:1/-1;padding:14px 0 26px;border-bottom:1px solid var(--border)}html body .orbit-line{display:none}html body .orbit-node{position:static;min-width:0;gap:9px}html body .orbit-node .brand-tile{--tile-size:58px}html body .orbit-node>span:last-child{font-size:12px;padding:4px 0}html body .orbit-node:last-child{grid-column:1/-1}html body .resource-grid{grid-template-columns:1fr;gap:36px}html body .resource-card>div{aspect-ratio:1.65}html body .resource-card h3{font-size:25px}html body .detail-intro,html body .guide-heading,html body .hub-heading{padding-top:120px!important}html body .exp-breadcrumb{font-size:12px;margin-bottom:28px}html body .detail-intro-grid{grid-template-columns:1fr;gap:28px}html body .detail-intro h1{font-size:40px}html body .detail-lead{font-size:18px}html body .detail-intro-photo{height:300px}html body .detail-narrative{grid-template-columns:1fr;gap:22px}html body .detail-narrative h2{font-size:30px}html body .detail-workflow ol{grid-template-columns:1fr;gap:18px}html body .scope-pair{grid-template-columns:1fr;gap:28px}html body .scope-pair h2{font-size:28px}html body .pilot-evaluation{flex-wrap:wrap;gap:16px}html body .pilot-evaluation>div{flex-basis:calc(100% - 50px)}html body .pilot-evaluation>.text-link{margin-left:44px}html body .pilot-evaluation h2{font-size:25px}html body .guide-heading h1,html body .hub-heading h1{font-size:40px}html body .guide-heading>p,html body .hub-heading>p{font-size:18px}html body .guide-cover{height:260px}html body .guide-layout{grid-template-columns:1fr;gap:36px}html body .guide-layout>aside{position:static;border-bottom:1px solid var(--border);padding-bottom:24px}html body .guide-body h2{font-size:28px}html body .guide-body p{font-size:17px;line-height:1.75}html body .connector-emblem{min-height:290px}html body .connector-emblem .brand-tile{--tile-size:96px}html body .mega-sectors{grid-template-columns:1fr}html body .mega-sectors img{display:none}html body .mega-sectors strong{font-size:15px}html body .mega-panel{grid-template-columns:1fr;padding:14px}html body .mega-wide{grid-column:auto}html body .mega-note{grid-column:auto}html body .mega-link{padding:12px 4px}html body .expanded-nav{gap:10px}}
@media(prefers-reduced-motion:reduce){html body .photo-card:hover>img,html body .resource-card:hover img,html body .orbit-node:hover .brand-tile{transform:none}html body .photo-card>img,html body .resource-card img,html body .mega-chevron{transition:none}}