/* ALTE FABRIK. NEUES LEBEN. — original geometry, flat inks, deliberate scale. */
.werk-energie{--werk-coal:#232425;--werk-mint:#d6efc0;--werk-paper:#f3efe3;--werk-signal:#d6efc0}
.werk-energie .site-header{border-bottom:2px solid var(--werk-mint)}
.werk-energie .site-header .brand-original img{width:66px;height:80px}
.werk-energie .brand-original span{font-size:28px;letter-spacing:.025em}
.werk-energie .front-page{padding-top:calc(var(--header-height) + 22px)}
.werk-energie .front-page .journal-dateline{border:0;border-block:1px solid var(--ink);box-shadow:none;background:transparent;padding:9px 0;font-size:15px;letter-spacing:.1em}
.werk-energie .front-page .werk-opening{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,.8fr);align-items:center;position:relative;gap:24px 20px;background:var(--werk-coal);color:var(--werk-paper);padding:clamp(24px,3.5vw,56px);margin:16px 0 30px;border:0;box-shadow:none;isolation:isolate}
/* A solid opening: no perimeter ornament or inset frame. */
.werk-opening::before,.werk-opening::after{content:none;display:none}
.werk-energie .werk-opening .cover-editorial{align-self:center;min-width:0;padding:0;border:0}
.werk-energie .werk-opening .cover-editorial::after{display:none}
.werk-energie .werk-opening .werk-signhead{margin:0 0 28px;min-width:0}
.werk-energie .werk-opening .cover-kicker{font:600 clamp(14px,1.5vw,20px)/1.3 var(--font-label);letter-spacing:.16em;max-width:none;color:var(--werk-mint)}
.werk-energie .front-page .werk-opening #hero-title{font:600 clamp(5rem,10.4vw,11rem)/.86 var(--font-display);letter-spacing:-.02em;max-width:none;margin:0;text-transform:uppercase;text-shadow:none;text-wrap:initial}
.werk-energie #hero-title>span{display:block;white-space:nowrap;overflow:visible;padding-bottom:.08em}
.werk-energie #hero-title .headline-line{white-space:nowrap;overflow:visible;display:block}
.werk-energie #hero-title .headline-word{display:inline-block}
.werk-energie .werk-opening .cover-deck{padding:0;max-width:34ch;font:400 clamp(16px,1.4vw,21px)/1.45 var(--font-body);color:var(--werk-paper);margin:25px 0 0}
.werk-mark-stage{position:relative;min-width:0;width:100%;max-width:340px;justify-self:end;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:0 5px 0 14px;border-left:1px solid #d6efc04d}
.werk-mark-register{display:flex;justify-content:space-between;gap:8px;font:600 11px/1.3 var(--font-label);letter-spacing:.14em;color:var(--werk-mint)}
.werk-mark-body{position:relative;width:100%;transform-origin:50% 70%;padding:8px 0}
.werk-original-vector{display:block;width:100%;height:auto;overflow:visible;max-height:390px}
.werk-mark-baseline{display:block;border-top:1px solid #d6efc04d;padding-top:9px;text-align:right;font:600 12px/1.3 var(--font-label);letter-spacing:.15em;color:var(--werk-mint)}
html[data-motion-preference=on] .werk-mark-stage[data-werk-visible=true] .werk-mark-body{animation:werk-mark-arrive 1.25s cubic-bezier(.2,.7,.2,1) both}
html[data-motion-preference=on] .werk-mark-stage[data-werk-visible=true] .werk-window{animation:werk-window-light 10s ease-in-out infinite;animation-delay:calc(var(--window)*.25s)}
@keyframes werk-mark-arrive{from{opacity:.2;clip-path:inset(100% 0 0 0);transform:translateY(16px)}to{opacity:1;clip-path:inset(0);transform:none}}
@keyframes werk-window-light{0%,35%,80%,100%{fill:#232425}48%,60%{fill:#f3efe3}}
.werk-energie .werk-opening .cover-art{grid-column:1/-1;min-width:0;width:100%;border:0;padding:0;background:var(--werk-paper);color:var(--werk-coal);box-shadow:none;align-self:start;margin-top:12px}
.werk-energie .werk-opening .cover-art>a{display:block;position:relative;overflow:hidden;padding:0;border:0}
.werk-energie .werk-opening .cover-film-stage{display:block;aspect-ratio:1280/860;height:auto;width:100%;isolation:isolate;mix-blend-mode:normal;overflow:hidden;background:var(--werk-paper)}
.werk-energie .werk-opening .cover-film-stage>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:normal}
.werk-energie .werk-opening .cover-film-stage>video{object-fit:contain;filter:none;mix-blend-mode:normal}
.werk-energie .werk-opening .cover-film-stage>.werk-light-study{object-fit:contain;background:var(--werk-coal);z-index:2}
.werk-energie .werk-opening .cover-film-stage>.werk-light-study[hidden]{display:none!important}
.werk-energie .cover-art[data-study-mode=night] .cover-film-stage>video{opacity:0}
.werk-energie .werk-opening .cover-art figcaption{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 18px;min-height:56px;padding:10px 14px;margin:0;border:0;font:600 14px/1.3 var(--font-label);letter-spacing:.06em;color:var(--werk-coal);background:var(--werk-paper)}
.werk-energie .werk-opening .cover-art figcaption::before{display:none}
.werk-film-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.werk-film-tools button{padding:9px 11px;min-height:44px;border:1px solid var(--werk-coal);background:transparent;color:var(--werk-coal);font:600 14px/1.2 var(--font-label);letter-spacing:.035em;text-decoration:none;cursor:pointer}
.werk-film-tools button[aria-pressed=true]{background:var(--werk-coal);color:var(--werk-mint)}
.werk-film-tools [data-film-toggle]{border-color:transparent;text-decoration:underline;text-underline-offset:3px}
.werk-film-tools button[hidden]{display:none}
.werk-film-tools button:focus-visible{outline:3px solid var(--forest);outline-offset:2px}
.werk-energie .werk-opening .cover-links.cover-entries{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;grid-column:1/-1;width:calc(100% - 6px);margin-top:4px;padding-top:20px;border-top:1px solid #d6efc070}
.werk-energie .werk-opening .cover-entries a,.werk-energie .werk-opening .cover-entries a:last-child{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:14px 18px;margin:0;border:1px solid var(--werk-mint);background:var(--werk-coal);color:var(--werk-mint);box-shadow:5px 5px 0 var(--werk-mint);font:600 clamp(16px,1.5vw,21px)/1.2 var(--font-label)}
.werk-energie .werk-opening .cover-entries a:first-child{background:var(--werk-mint);color:var(--werk-coal);box-shadow:5px 5px 0 var(--forest)}
.werk-energie .werk-opening .cover-entries a:hover{background:var(--werk-paper);color:var(--werk-coal);border-color:var(--werk-paper)}
.werk-energie .werk-opening .cover-entries a:active{translate:4px 4px;box-shadow:1px 1px 0 var(--werk-mint)}
/* A chimney is a reading instrument, with native chapter anchors. */
.werk-rail{position:fixed;z-index:75;top:calc(var(--header-height) + 34px);right:13px;bottom:38px;width:44px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:16px;color:var(--werk-coal)}
.werk-rail a{position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:inherit;background:var(--werk-paper);border:1px solid var(--werk-coal);font:600 15px/1 var(--font-label)}
.werk-rail-top{flex-direction:column;gap:10px;padding:9px 0;letter-spacing:.08em}
.werk-chimney{position:relative;display:block;height:92px;width:15px;border:2px solid var(--werk-coal);background:var(--werk-paper);overflow:visible}
.werk-chimney::before{content:'';position:absolute;top:-5px;left:-4px;right:-4px;height:5px;background:var(--werk-coal)}
.werk-chimney i{position:absolute;inset:0;display:block;transform-origin:bottom;background:var(--forest);transform:scaleY(var(--werk-progress,0))}
.werk-rail-links{display:grid;gap:6px}
.werk-rail-links b{font-weight:600}
.werk-rail-links a>span{position:absolute;right:100%;white-space:nowrap;background:var(--werk-coal);color:var(--werk-mint);padding:15px 14px;visibility:hidden;opacity:0;pointer-events:none}
.werk-rail-links a:hover>span,.werk-rail-links a:focus-visible>span{visibility:visible;opacity:1}
.werk-rail-links a[aria-current=location]{background:var(--werk-coal);color:var(--werk-mint);box-shadow:3px 3px 0 var(--forest)}
.werk-rail-contact svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.werk-rail :focus-visible{outline:3px solid var(--forest);outline-offset:3px}
/* Chapter typography and factory registers carry the same geometry throughout. */
.werk-energie :is(.intro-title,.transformation-head,.campus-head,.spaces-head,.future-title) h2{padding:18px 24px 22px;box-shadow:8px 8px 0 var(--brand-green);border:2px solid var(--ink);font-size:clamp(3.5rem,6.8vw,7rem);line-height:.98;letter-spacing:0}
.werk-energie #bildvergleich .transformation-head h2{font-size:clamp(3.7rem,7.2vw,8rem);line-height:.94}
.werk-energie #bildvergleich .transformation-head{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:24px 40px}
.werk-energie #bildvergleich .compare-shell{border:2px solid var(--ink);box-shadow:9px 9px 0 var(--brand-green)}
.werk-energie #bildvergleich .compare-rule{width:2px;background:var(--paper)}
.werk-energie #bildvergleich .compare-rule b{border:2px solid var(--ink);border-radius:0;box-shadow:4px 4px 0 var(--forest);color:var(--ink);background:var(--brand-green)}
.werk-energie .chapter-register>strong{font-family:var(--font-display);-webkit-text-stroke:1px currentColor;color:transparent;opacity:.9}
.werk-energie #campus .world-number{letter-spacing:.12em;border-width:2px;padding:6px 9px}
.werk-energie #campus .world-heading{border-bottom:1px solid var(--world-rule);padding-bottom:16px;margin-bottom:20px}
.werk-energie #campus .world-heading h3{font-size:clamp(2rem,3.4vw,3.3rem);line-height:1.02;letter-spacing:.015em}
.werk-energie #campus .campus-world{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--brand-green)}
.werk-energie #campus .world-topics>div{border-color:var(--world-rule)}
.werk-energie .space-board{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--forest)}
.werk-energie .space-board-top{background:var(--ink);color:var(--brand-green);font-size:18px;letter-spacing:.1em}
.werk-energie .space-rail button.active{outline:2px solid var(--ink);outline-offset:-5px}
.werk-energie .orientation-heading h2{font-size:clamp(4rem,6vw,6.5rem);line-height:.98;text-transform:uppercase;max-width:13ch}
.werk-energie .orientation-layout{gap:0;border:2px solid var(--ink);box-shadow:9px 9px 0 var(--forest);background:var(--paper)}
.werk-energie .orientation-map{padding:0}
.werk-energie .orientation-info{min-width:0;border-left:2px solid var(--ink);padding:22px}
.werk-map-register{display:grid;gap:7px;margin:-22px -22px 20px;padding:18px 22px;background:var(--ink);color:var(--brand-green);border-bottom:3px solid var(--brand-green)}
.werk-map-register>span{font:600 13px/1.3 var(--font-label);letter-spacing:.16em}
.werk-map-register>strong{font:600 28px/1.05 var(--font-display);letter-spacing:.02em}
.werk-energie .orientation-pin{border:2px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
.werk-energie .orientation-pin[aria-current=true]{background:var(--ink);color:var(--brand-green);box-shadow:3px 3px 0 var(--forest)}
.werk-energie .orientation-key{border-bottom:1px solid var(--ink);padding-bottom:16px;margin-bottom:20px}
.werk-energie .orientation-key a[aria-current=true]{background:var(--ink);color:var(--brand-green)}
.werk-energie .map-states button{border:2px solid var(--ink);font:600 18px/1.2 var(--font-label);min-height:48px}
.werk-energie .map-states button[aria-pressed=true]{background:var(--ink);color:var(--brand-green)}
.werk-energie .chapter-toggle{border-top:2px solid currentColor;min-height:64px}
.werk-energie .chapter-toggle strong{font-size:1.75rem}
.werk-energie .chapter-toggle-mark{border:2px solid currentColor;box-shadow:3px 3px 0 currentColor}
html[data-werk-page-active=false] .werk-original-vector *,html[data-motion-preference=off] .werk-original-vector *{animation-play-state:paused!important}
@media(min-width:1500px){.werk-energie .front-page .werk-opening{padding-inline:56px}.werk-energie .werk-original-vector{max-height:430px}}
@media(max-width:1200px){.werk-rail{display:none}.werk-energie .front-page .werk-opening{box-shadow:none}.werk-energie .werk-mark-register{font-size:10px;letter-spacing:.08em}}
@media(max-width:900px){
 .werk-energie{--header-height:78px}
 .werk-energie .site-header{height:78px}
 .werk-energie .site-header .brand-original img{width:44px;height:56px}
 .werk-energie .brand-original span{font-size:23px}
 .werk-energie .front-page,.mobile-pages-ready .werk-energie .front-page{padding-top:calc(var(--header-height) + 14px)}
 .werk-energie .front-page .journal-dateline{font-size:13px;letter-spacing:.06em;padding:9px 0;gap:14px}
 .werk-energie .front-page .werk-opening,.mobile-pages-ready .werk-energie .front-page .werk-opening{grid-template-columns:minmax(0,1fr) 116px;gap:16px 12px;padding:24px 16px 24px;margin:14px 0 28px;box-shadow:none}
 .werk-energie .werk-opening .cover-editorial{display:contents}
 .werk-energie .werk-opening .werk-signhead{grid-column:1/-1;margin:0 0 8px}
 .werk-energie .werk-opening .cover-kicker{font-size:13px;letter-spacing:.12em}
 .mobile-pages-ready .werk-energie .front-page .werk-opening #hero-title,.werk-energie .front-page .werk-opening #hero-title{grid-column:1/-1;font-size:clamp(3.35rem,15.4vw,7.8rem);line-height:.9;letter-spacing:-.015em;margin:0;text-shadow:none}
 .werk-energie .werk-opening .cover-deck,.mobile-pages-ready .werk-energie .front-page .werk-opening .cover-deck{grid-column:1;align-self:center;font-size:16px;line-height:1.5;max-width:none;padding:0;margin:0;color:var(--werk-paper)}
 .werk-mark-stage{grid-column:2;align-self:center;width:116px;min-height:0;padding:0 0 0 10px;border-left:1px solid #d6efc04d}
 .werk-mark-register{display:none}
 .werk-original-vector{height:auto;max-height:170px}
 .werk-mark-baseline{font-size:9px;letter-spacing:.07em;line-height:1.4;text-align:center;padding-top:4px}
 .werk-energie .werk-opening .cover-art{grid-column:1/-1;margin-top:0}
 .werk-energie .werk-opening .cover-art figcaption,.mobile-pages-ready .werk-energie .front-page .werk-opening .cover-art figcaption{display:flex;align-items:flex-start;flex-direction:column;gap:7px;padding:10px;font-size:12px;min-height:0}
 .werk-energie .werk-opening .cover-art figcaption>span:first-child{display:block}
 .werk-film-tools{width:100%;gap:5px;justify-content:flex-start}
 .werk-film-tools button{font-size:12px;min-height:44px;padding:9px}
 .werk-energie .werk-opening .cover-links.cover-entries{grid-template-columns:1fr;padding-top:16px;gap:13px;margin:0;width:calc(100% - 4px)}
 .werk-energie .werk-opening .cover-entries a,.werk-energie .werk-opening .cover-entries a:last-child{min-height:52px;padding:12px 14px;font-size:18px;box-shadow:4px 4px 0 var(--werk-mint)}
 .mobile-pages-ready .werk-energie main :is(.intro-title,.transformation-head,.campus-head,.spaces-head,.future-title) h2{font-size:clamp(2.8rem,11.6vw,4.9rem)!important;line-height:1;letter-spacing:0;padding:15px 16px 18px;box-shadow:6px 6px 0 var(--brand-green);text-wrap:initial;word-break:normal;overflow-wrap:normal}
 .werk-energie #bildvergleich .transformation-head{display:grid;grid-template-columns:1fr;gap:16px}
 .werk-energie #bildvergleich .compare-story-intro{grid-column:1;font-size:16px}
 .werk-energie #bildvergleich .compare-shell{box-shadow:6px 6px 0 var(--brand-green)}
 .mobile-pages-ready .werk-energie .reading-index{border-bottom:2px solid var(--ink);background:var(--paper)}
 .mobile-pages-ready .werk-energie .reading-index .reading-chapters>a{font:600 18px/1 var(--font-label);border-right:1px solid var(--ink);min-height:44px}
 .mobile-pages-ready .werk-energie .reading-index .reading-chapters>a[aria-current=location]{background:var(--ink);color:var(--brand-green);box-shadow:none}
 .werk-energie .orientation-layout{grid-template-columns:1fr;box-shadow:6px 6px 0 var(--forest)}
 .werk-energie .orientation-info{border-left:0;border-top:2px solid var(--ink);padding:18px}
 .werk-map-register{margin:-18px -18px 18px;padding:16px 18px}
 .werk-map-register>strong{font-size:26px}
 .werk-energie #campus .campus-world{box-shadow:5px 5px 0 var(--brand-green)}
 .werk-energie #campus .world-heading h3{font-size:2rem}
 .werk-energie .space-board{box-shadow:5px 5px 0 var(--forest)}
}
@media(max-width:360px){
 .werk-energie .front-page .werk-opening,.mobile-pages-ready .werk-energie .front-page .werk-opening{grid-template-columns:minmax(0,1fr) 94px;padding:22px 12px;gap:14px 8px}
 .werk-mark-stage{width:94px;padding-left:5px}
 .werk-energie .werk-opening .cover-deck,.mobile-pages-ready .werk-energie .front-page .werk-opening .cover-deck{font-size:14px;line-height:1.45}
 .werk-film-tools button{padding:9px 7px}
}
@media(prefers-reduced-motion:reduce){html[data-motion-preference=on] .werk-mark-stage[data-werk-visible=true] .werk-window{animation-duration:24s}.werk-mark-body{animation:none!important}}
@media print{.werk-rail,.werk-film-tools{display:none!important}.werk-mark-body,.werk-window{animation:none!important}.werk-opening{box-shadow:none!important}.werk-light-study[hidden]{display:none!important}}
.werk-logo-trace{pointer-events:none;opacity:0;stroke-dasharray:1;stroke-dashoffset:1}
html[data-motion-preference=on] .werk-mark-stage[data-werk-visible=true] .werk-logo-trace{animation:werk-logo-draw 2.2s .15s ease-in-out both}
@keyframes werk-logo-draw{0%{opacity:1;stroke-dashoffset:1}82%{opacity:1;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.werk-logo-trace{display:none}}

.werk-energie .orientation-card>img,.mobile-pages-ready .werk-energie .orientation-card>img{display:block;float:none;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;margin:0 0 18px;padding:0;border:0}
.werk-smoke-flow{opacity:0;transform-box:view-box;transform-origin:80px 40px;pointer-events:none}
html[data-motion-preference=on] .werk-mark-stage[data-werk-visible=true] .werk-smoke-flow{animation:werk-smoke-ribbon 6s 1.5s ease-in-out infinite}
@keyframes werk-smoke-ribbon{0%,100%{opacity:0;transform:translate(0,0)}40%{opacity:.28;transform:translate(.6px,-.5px)}70%{opacity:.12;transform:translate(1.2px,-.8px)}}
@media(prefers-reduced-motion:reduce){html[data-motion-preference=on] .werk-mark-stage[data-werk-visible=true] .werk-smoke-flow{animation-duration:18s}}

/* Werk 77: explicit phone rows; no display:contents or inherited flex basis. */
.werk-energie .werk-opening .werk-plate{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;border-block:1px solid var(--werk-mint);padding:8px 0;color:var(--werk-mint);font:600 13px/1.3 var(--font-label);letter-spacing:.12em}
.werk-energie .front-page .werk-opening{border:2px solid var(--werk-coal)}
.werk-energie .werk-opening .cover-art figcaption>span{flex:0 1 auto;min-width:0}
.werk-energie .werk-opening .cover-art{display:block;height:auto;min-height:0}
.werk-energie .werk-opening .cover-art figcaption{height:auto;min-height:0;align-content:start}
.werk-energie .werk-opening .cover-links.cover-entries{max-width:none}
.werk-conveyor{overflow:hidden;max-width:100%;border-block:2px solid var(--ink);background:var(--brand-green);color:var(--ink);margin:24px 0 18px;padding:10px 0}
.werk-conveyor-track{display:flex;width:max-content;max-width:none;will-change:transform}
.werk-conveyor-track>span{display:block;flex:none;white-space:nowrap;font:600 clamp(26px,3.5vw,48px)/1.05 var(--font-display);letter-spacing:.035em;padding-right:20px}
.werk-conveyor i{font-style:normal;padding-inline:12px;color:var(--forest)}
html[data-motion-preference=on] .werk-conveyor[data-werk-visible=true] .werk-conveyor-track{animation:werk-conveyor 28s linear infinite}
html[data-werk-page-active=false] .werk-conveyor-track,html[data-motion-preference=off] .werk-conveyor-track{animation-play-state:paused!important}
@keyframes werk-conveyor{to{transform:translateX(-50%)}}
.werk-energie :is(.campus-world,.space-board,.orientation-layout){position:relative}
.werk-energie .space-board-top{border-bottom:4px double var(--brand-green)}
@media(max-width:900px){
 .mobile-pages-ready .werk-energie .front-page .cover-page .werk-opening,
 .werk-energie .front-page .cover-page .werk-opening{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"plate" "editorial" "mark" "film" "links";gap:18px;padding:20px 14px;margin:12px 0 24px;width:100%;min-width:0;max-width:100%;box-sizing:border-box}
 .werk-energie .werk-opening .werk-plate{grid-area:plate;font-size:11px;letter-spacing:.08em;gap:8px}
 .mobile-pages-ready .werk-energie .front-page .werk-opening .cover-editorial,
 .werk-energie .front-page .werk-opening .cover-editorial{display:block;grid-area:editorial;min-width:0;width:100%;padding:0}
 .werk-energie .werk-opening .werk-signhead{margin:0 0 20px}
 .mobile-pages-ready .werk-energie .front-page .werk-opening #hero-title,
 .werk-energie .front-page .werk-opening #hero-title{font-size:clamp(42px,14.2vw,110px);line-height:.94;margin:0}
 .mobile-pages-ready .werk-energie .front-page .werk-opening .cover-deck,
 .werk-energie .front-page .werk-opening .cover-deck{font-size:16px;line-height:1.45;margin:18px 0 0;max-width:28ch}
 .werk-energie .werk-opening .werk-mark-stage{grid-area:mark;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:6px 18px;justify-self:stretch;align-self:start;width:100%;max-width:none;min-width:0;padding:12px 0;border-left:0;border-block:1px solid #d6efc060;box-sizing:border-box}
 .werk-energie .werk-mark-body{grid-column:1;grid-row:1/3;width:82px;padding:0}
 .werk-energie .werk-original-vector{display:block;width:82px;height:auto;max-height:none;overflow:hidden}
 .werk-energie .werk-mark-register{display:flex;flex-direction:column;grid-column:2;grid-row:1;gap:4px;font-size:12px;letter-spacing:.14em;align-self:end}
 .werk-energie .werk-mark-baseline{grid-column:2;grid-row:2;text-align:left;border:0;font-size:12px;letter-spacing:.08em;padding:0;align-self:start;white-space:normal}
 .werk-energie .werk-opening .cover-art{grid-area:film;display:block;min-width:0;width:100%;height:auto;min-height:0;max-width:100%;margin:0}
 .werk-energie .werk-opening .cover-art>a{width:100%;min-width:0}
 .werk-energie .werk-opening .cover-film-stage{width:100%;height:auto;min-height:0;aspect-ratio:1280/860}
 .mobile-pages-ready .werk-energie .front-page .werk-opening .cover-art figcaption,
 .werk-energie .werk-opening .cover-art figcaption{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:10px;height:auto;min-height:0}
 .werk-energie .werk-opening .cover-art figcaption>span{flex:0 0 auto;width:auto;max-width:100%;margin:0}
 .werk-energie .werk-opening .werk-film-tools{display:flex;flex-wrap:wrap;min-width:0;width:100%;gap:5px}
 .werk-energie .werk-opening .werk-film-tools button{min-height:44px;font-size:12px;padding:8px}
 .werk-energie .werk-opening .cover-links.cover-entries{grid-area:links;width:calc(100% - 4px);max-width:none;grid-template-columns:minmax(0,1fr)}
 .mobile-pages-ready .werk-energie .reading-index{height:44px;min-height:44px;padding-block:0}
 .mobile-pages-ready .werk-energie .reading-index .reading-chapters{height:44px;align-items:stretch}
 .mobile-pages-ready .werk-energie .reading-index .reading-chapters>a{min-height:44px;padding-block:0;box-sizing:border-box}
 .werk-conveyor{margin-top:20px;padding-block:9px}
 .werk-conveyor-track>span{font-size:29px}
}
@media(prefers-reduced-motion:reduce){html[data-motion-preference=on] .werk-conveyor[data-werk-visible=true] .werk-conveyor-track{animation-duration:90s}}
@media print{.werk-conveyor{display:none}}

@media(max-width:900px){
 .mobile-pages-ready .werk-energie .front-page{padding-top:calc(var(--header-height) + 58px)}
}