/* Werk-Atlas: broad architectural plates, deliberate type, and physical depth.
   The original photographs, original mark and approved House Gothic remain. */
.werk-energie{--atlas-ease:cubic-bezier(.23,1,.32,1)}
.werk-energie main :is(.intro-title,.transformation-head,.campus-head,.spaces-head,.future-title) h2{padding:0;border:0;box-shadow:none;letter-spacing:0;line-height:.98;font-size:clamp(4rem,8.3vw,8.7rem);max-width:20ch}
.werk-energie main :is(.intro-title,.transformation-head,.campus-head,.spaces-head,.future-title) h2 em{font-style:normal}
.werk-energie #campus .campus-head{padding-top:30px;padding-bottom:38px;border-top:2px solid var(--ink);border-bottom:0;grid-template-columns:1.4fr .6fr;gap:15px 70px}
.werk-energie #campus .campus-head .chapter-deck{font-size:1.375rem;line-height:1.5;max-width:28ch;padding-bottom:5px}
.werk-energie #campus .network{display:block;max-width:none;margin:18px 0 64px;min-height:0;isolation:isolate;perspective:1800px}
.werk-energie #campus .campus-world{--atlas-index:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:0 clamp(28px,4vw,66px);align-items:center;position:relative;min-height:0;padding:clamp(25px,4vw,55px) 0;margin:0 0 58px;border:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);box-shadow:none;background:var(--paper);color:var(--ink)}
.werk-energie #campus .world-work{--atlas-index:1;--world-text:var(--paper);--world-accent:var(--brand-green);--world-surface:var(--ink);--world-rule:#d6efc055;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);padding-inline:clamp(22px,3vw,44px);background:var(--ink);color:var(--paper);border-color:var(--ink)}
.werk-energie #campus .world-life{--atlas-index:2;--world-text:var(--ink);--world-accent:var(--forest);--world-surface:var(--brand-green);--world-rule:#2b3c3150;padding-inline:clamp(22px,3vw,44px);background:var(--brand-green);border-color:var(--brand-green);color:var(--ink)}
.werk-energie #campus .werk-atlas-register{position:absolute;right:0;top:-.02em;font:400 clamp(6rem,13vw,13rem)/1 var(--font-display);letter-spacing:0;color:var(--forest);pointer-events:none;z-index:0;opacity:.13}
.werk-energie #campus .world-work .werk-atlas-register{left:20px;right:auto;color:var(--brand-green);opacity:.17}
.werk-energie #campus .world-life .werk-atlas-register{right:24px;color:var(--forest);opacity:.17}
.werk-energie #campus .world-photo{position:relative;grid-column:1;grid-row:1;margin:0;perspective:1500px;min-width:0;z-index:1;transform-style:preserve-3d}
.werk-energie #campus .world-work .world-photo{grid-column:2}
.werk-energie #campus .werk-picture-tilt{display:block;transform-style:preserve-3d}
.werk-energie #campus .werk-image-plane{display:block;position:relative;transform-origin:center;animation:werk-atlas-float 12s cubic-bezier(.77,0,.175,1) infinite alternate;animation-play-state:paused}
.werk-energie #campus [data-werk-story-visible=true] .werk-image-plane{animation-play-state:running}
.werk-energie #campus .werk-image-plane::before{content:"";position:absolute;inset:14px -10px -14px 10px;background:var(--forest);z-index:-1;pointer-events:none}
.werk-energie #campus .world-work .werk-image-plane::before{background:var(--brand-green)}
.werk-energie #campus .world-life .werk-image-plane::before{background:var(--paper)}
.werk-energie #campus .world-photo a{display:block;position:relative;line-height:0;background:var(--paper);overflow:hidden}
.werk-energie #campus .world-photo img{width:100%;height:auto;object-fit:contain;mix-blend-mode:normal;filter:none}
.werk-energie #campus .world-photo figcaption{margin:22px 0 0;padding:14px 0 0;border-top:1px solid var(--world-rule);border-bottom:0;color:var(--world-text);font-family:var(--font-body);font-size:1rem;line-height:1.5;letter-spacing:0;position:relative;z-index:2}
.werk-energie #campus .werk-story-copy{grid-column:2;grid-row:1;min-width:0;position:relative;z-index:1;padding-block:8px}
.werk-energie #campus .world-work .werk-story-copy{grid-column:1}
.werk-energie #campus .world-heading{padding-bottom:19px;border-bottom:1px solid var(--world-rule);margin:0 0 22px;display:flex;align-items:center;gap:16px}
.werk-energie #campus .world-heading>div{min-width:0;flex:1}
.werk-energie #campus .world-heading h3{font-size:clamp(2.5rem,4vw,4.6rem);line-height:1;letter-spacing:0;margin-top:8px;color:var(--world-text);max-width:15ch}
.werk-energie #campus .world-icon{width:64px;height:64px;flex:0 0 64px;color:var(--world-accent)}
.werk-energie #campus .world-number{font-family:var(--font-body);font-size:1rem;line-height:1.4;letter-spacing:0;color:var(--world-text)}
.werk-energie #campus .werk-story-copy>.world-standfirst{font:400 clamp(2rem,3vw,3.25rem)/1.08 var(--font-display);letter-spacing:0;color:var(--world-text);margin:0 0 20px;max-width:20ch}
.werk-energie #campus .werk-story-copy>p:not(.world-standfirst){font:400 1.1875rem/1.6 var(--font-body);color:var(--world-text);max-width:43ch;margin:0 0 24px}
.werk-energie #campus .world-topics{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:25px;color:var(--world-text)}
.werk-energie #campus .world-topics>span{font-size:1rem;line-height:1.4;flex:0 1 auto;display:flex;align-items:center;gap:10px;color:var(--world-text)}
.werk-energie #campus .world-topics i{width:56px;height:56px;flex:0 0 56px;color:var(--world-accent)}
.werk-energie #campus .world-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:25px}
.werk-energie #campus .world-links a{font:700 1rem/1.4 var(--font-body);min-height:48px;padding:10px 0;border:0;border-bottom:1px solid currentColor;color:var(--world-accent);background:transparent;gap:12px;flex:0 1 auto;max-width:100%;overflow-wrap:normal}
.werk-energie #campus .network-core{position:relative;inset:auto;transform:none;width:100%;height:auto;min-height:0;border:0;border-radius:0;box-shadow:none;padding:25px 0;margin:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:26px;background:transparent;color:var(--ink);text-align:left}
.werk-energie #campus .network-core>span{width:80px;height:80px;flex:0 0 80px;margin:0;color:var(--forest)}
.werk-energie #campus .network-core small{font:400 1rem/1.4 var(--font-body);color:var(--forest)}
.werk-energie #campus .network-core strong{display:block;font:400 clamp(2.5rem,4.5vw,4.5rem)/1.05 var(--font-display);color:var(--ink)}
.werk-energie #campus .network-core p{font:400 1.1875rem/1.5 var(--font-body);margin-top:10px}
@keyframes werk-atlas-float{from{transform:translate3d(0,0,0) rotate(-.45deg)}to{transform:translate3d(0,-8px,0) rotate(.45deg)}}
html[data-motion-enabled=false] .werk-energie #campus .werk-image-plane,html[data-werk-page-active=false] .werk-energie #campus .werk-image-plane{animation-play-state:paused}
@media(min-width:1100px) and (min-height:820px){
 .werk-energie #campus .network[data-werk-stack=true]>.campus-world{position:sticky;top:calc(112px + var(--atlas-index)*16px);z-index:calc(2 + var(--atlas-index));margin-bottom:105px;min-height:600px}
 .werk-energie #campus .network[data-werk-stack=true]>.network-core{z-index:6;background:var(--paper)}
}
@media(hover:hover) and (pointer:fine){
 .werk-energie #campus .werk-picture-tilt{transition:transform 220ms var(--atlas-ease)}
 .werk-energie #campus .world-links a:hover{color:var(--world-text);background:transparent}
 .werk-energie #campus .world-photo a:focus-visible{outline:3px solid var(--world-accent);outline-offset:6px}
}
@media(max-width:1100px){
 .werk-energie #campus .campus-world,.werk-energie #campus .world-work{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0 28px}
 .werk-energie #campus .world-work .world-photo{grid-column:1}.werk-energie #campus .world-work .werk-story-copy{grid-column:2}
 .werk-energie #campus .world-topics{gap:10px}
}
@media(max-width:900px){
 .mobile-pages-ready .werk-energie main :is(.intro-title,.transformation-head,.campus-head,.spaces-head,.future-title) h2{padding:0!important;border:0!important;box-shadow:none!important;font-size:clamp(3.2rem,12.8vw,6.6rem)!important;line-height:1;letter-spacing:0;max-width:20ch}
 .werk-energie #campus .campus-head{display:block;padding-top:24px;padding-bottom:28px;border-top:1px solid var(--ink)}
 .werk-energie #campus .campus-head .chapter-deck{margin-top:24px;max-width:none;font-size:1.25rem;line-height:1.6}
 .werk-energie #campus .network{margin-top:10px;margin-bottom:28px}
 .mobile-pages-ready .werk-energie #campus .campus-world,.werk-energie #campus .campus-world{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:32px 0;margin:0 0 40px;border:0;border-top:1px solid var(--ink);box-shadow:none}
 .mobile-pages-ready .werk-energie #campus :is(.world-work,.world-life){padding:28px 20px;background:var(--world-surface);margin-inline:0}
 .werk-energie #campus .werk-atlas-register{font-size:7rem;right:12px;top:8px;opacity:.1}
 .werk-energie #campus .world-photo{order:1;width:100%;transform:none!important;margin:0}
 .werk-energie #campus .werk-picture-tilt{transform:none!important}
 .werk-energie #campus .werk-story-copy{order:2;padding:0}
 .werk-energie #campus .werk-image-plane::before{inset:10px -6px -10px 6px}
 .mobile-pages-ready .werk-energie #campus .world-photo figcaption{font-family:var(--font-body);font-size:1.125rem;line-height:1.5;margin-top:18px;padding-top:12px}
 .werk-energie #campus .world-heading{margin-bottom:20px;padding-bottom:18px;gap:14px}
 .mobile-pages-ready .werk-energie #campus .world-heading h3{font-size:clamp(2.5rem,10vw,4rem)!important;line-height:1;max-width:16ch}
 .werk-energie #campus .world-number{font-size:1.125rem}
 .werk-energie #campus .world-icon{width:64px;height:64px;flex-basis:64px}
 .mobile-pages-ready .werk-energie #campus .werk-story-copy>.world-standfirst{font:400 clamp(2.2rem,9vw,3.4rem)/1.06 var(--font-display);margin:0 0 22px}
 .mobile-pages-ready .werk-energie #campus .werk-story-copy>p:not(.world-standfirst){font:400 1.25rem/1.6 var(--font-body);margin:0 0 22px;max-width:none}
 .mobile-pages-ready .werk-energie #campus .world-topics{display:grid;grid-template-columns:1fr;gap:13px;margin-top:24px}
 .mobile-pages-ready .werk-energie #campus .world-topics>span{font:400 1.25rem/1.5 var(--font-body);gap:14px}
 .werk-energie #campus .world-topics i{width:56px;height:56px;flex-basis:56px}
 .mobile-pages-ready .werk-energie #campus .world-links{display:flex;flex-direction:column;align-items:start;margin-top:22px;gap:12px}
 .mobile-pages-ready .werk-energie #campus .world-links a{font:700 1.25rem/1.5 var(--font-body);padding:10px 0;min-height:48px;gap:12px;white-space:normal}
 .mobile-pages-ready .werk-energie #campus .network-core{flex-direction:row;align-items:center;text-align:left;gap:18px;padding:22px 0;min-height:0}
 .werk-energie #campus .network-core>span{width:64px;height:64px;flex-basis:64px}
 .werk-energie #campus .network-core strong{font-size:2.5rem;line-height:1.05}
 .werk-energie #campus .network-core small{font-size:1.125rem}
 .werk-energie #campus .network-core p{font-size:1.25rem;line-height:1.5}
 @keyframes werk-atlas-float{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-4px,0)}}
}
@media(prefers-reduced-motion:reduce){.werk-energie #campus .werk-image-plane{animation:none!important}.werk-energie #campus .werk-picture-tilt{transition:none!important;transform:none!important}}
@media print{.werk-energie #campus .campus-world{position:relative!important;top:auto!important;break-inside:avoid;animation:none!important}.werk-energie #campus .werk-image-plane{animation:none!important;transform:none!important}}