/* Arbeitsweise: editorial introduction, numbered process, visible ownership. */
.work-page {--space-section:clamp(72px,7vw,112px);}
.work-page main {background:white;}
.work-page main p {font-size:16px;line-height:1.8;}
.work-page main .eyebrow {font-size:12px;line-height:1.6;letter-spacing:.1em;color:#087781;}
.work-page h2 {font-size:clamp(34px,3.6vw,52px);line-height:1.12;letter-spacing:-.045em;}
.work-page h2 span {color:#087d88;}
.work-section {padding-block:var(--space-section);}
.work-hero {background:#082b3e;color:white;padding-block:56px;}
.work-hero-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,76px);align-items:center;}
.work-hero-copy {padding-block:20px;}
.work-page .work-hero .eyebrow {color:#8cd6db;margin-bottom:28px;}
.work-hero h1 {margin:0 0 30px;text-wrap:initial;}
.work-first {display:block;font-size:clamp(64px,6.7vw,98px);line-height:.99;letter-spacing:-.065em;}
.work-next {display:block;color:#e5cd95;font-size:clamp(26px,2.8vw,40px);line-height:1.2;margin-top:25px;letter-spacing:-.035em;font-weight:650;}
.work-page .work-hero .lead {font-size:17px;line-height:1.85;color:#c6d9e1;max-width:565px;margin:0;}
.work-hero-image {position:relative;border-bottom:3px solid #ddc185;}
.work-hero-image>img {width:100%;height:580px;object-fit:cover;object-position:36% center;}
.work-hero-image figcaption {position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(4,29,44,.95) 55%);padding:82px 32px 28px;}
.work-hero-image strong {display:block;font-size:26px;line-height:1.2;letter-spacing:-.035em;}
.work-hero-image figcaption span {display:block;margin-top:14px;font-size:12px;color:#d4e3e9;}
.work-understand-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,100px);}
.work-understand h2 {max-width:610px;font-size:clamp(34px,3.15vw,46px);}
.work-understand-copy {color:#4b6576;}
.work-questions {list-style:none;padding:0;margin:24px 0;counter-reset:question;border-top:1px solid #c6d9df;}
.work-questions li {counter-increment:question;display:grid;grid-template-columns:30px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid #c6d9df;color:#082b3e;font-size:16px;line-height:1.6;font-weight:650;}
.work-questions li::before {content:counter(question,decimal-leading-zero);font-size:12px;padding-top:4px;font-weight:650;color:#087d88;}
.work-page .work-conclusion {font-weight:700;color:#087d88;margin-bottom:0;}
.work-process {background:#082b3e;color:#fff;}
.work-process-grid {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,7vw,104px);align-items:start;}
.work-process-intro {position:sticky;top:120px;}
.work-page .work-process .eyebrow {color:#8cd6db;}
.work-process h2 span {color:#e5cd95;}
.work-process-intro>p:last-child {color:#c6d9e1;max-width:360px;margin:30px 0 0;}
.work-steps {list-style:none;padding:0;margin:0;border-top:1px solid #4b6879;}
.work-steps li {display:grid;grid-template-columns:104px 1fr;gap:28px;padding:32px 0;border-bottom:1px solid #4b6879;align-items:start;}
.work-number {font-size:76px;font-weight:400;letter-spacing:-.07em;line-height:1;color:#83ccd0;}
.work-steps li:last-child .work-number {color:#e5cd95;}
.work-steps h3 {font-size:34px;line-height:1.1;margin:3px 0 13px;letter-spacing:-.04em;}
.work-steps p {color:#c6d9e1;max-width:400px;margin:0;}
.work-tech-heading {margin-bottom:44px;}
.work-tech-heading h2 {max-width:1000px;margin-bottom:0;}
.work-tech-grid {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(36px,5vw,72px);align-items:center;}
.work-tech-image {position:relative;padding-bottom:14px;}
.work-tech-image::after {content:"";position:absolute;left:32px;right:0;bottom:0;height:14px;background:#dcebed;}
.work-tech-image img {width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:42% center;}
.work-tech-copy {color:#4b6576;}
.work-page .work-tech-key {font-size:clamp(25px,2.4vw,34px);line-height:1.25;color:#082b3e;font-weight:750;letter-spacing:-.035em;border-left:3px solid #087d88;padding-left:24px;margin-block:28px;}
.work-tech-copy>p:last-child {margin:0;}
.work-ownership {background:#eef5f6;}
.work-ownership-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,100px);align-items:center;}
.work-ownership h2 {font-size:clamp(32px,3.3vw,48px);}
.work-ownership-intro>p:last-child {max-width:490px;color:#4b6576;margin:30px 0 0;}
.work-owned {padding:0;margin:0;list-style:none;border-top:1px solid #b7cfd5;}
.work-owned li {display:flex;gap:27px;align-items:center;padding:25px 0;border-bottom:1px solid #b7cfd5;}
.work-owned svg {width:30px;height:30px;flex:none;stroke:#087d88;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;}
.work-owned strong {display:block;font-size:clamp(26px,2.55vw,37px);line-height:1.15;letter-spacing:-.045em;font-weight:750;}
.work-owned span {display:block;color:#4b6576;font-size:14px;line-height:1.6;margin-top:7px;}
.work-final {background:#082b3e;color:#fff;text-align:center;}
.work-page .work-final .eyebrow {justify-content:center;color:#8cd6db;}
.work-final h2 {font-size:clamp(36px,4vw,58px);margin:24px auto 28px;max-width:1160px;}
.work-final h2 span {color:#e5cd95;}
.work-final p:not(.eyebrow) {color:#c6d9e1;max-width:670px;margin:0 auto 32px;}
@media(max-width:1150px){.work-hero-grid{gap:36px;}.work-first{font-size:72px;}.work-hero-image>img{height:560px;}.work-steps li{grid-template-columns:80px 1fr;gap:20px;}.work-number{font-size:64px;}.work-steps h3{font-size:30px;}.work-ownership-grid{grid-template-columns:1fr;gap:40px;}.work-owned{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;}.work-ownership-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;}.work-ownership-intro .eyebrow{grid-column:1/-1;}.work-ownership-intro>p:last-child{margin:0;}.work-ownership h2{margin:0;}.work-owned strong{font-size:30px;}}
@media(max-width:900px){.work-hero{padding-block:36px;}.work-hero-grid{grid-template-columns:1fr 1fr;gap:28px;}.work-first{font-size:60px;}.work-next{font-size:28px;}.work-desktop-break{display:none;}.work-hero-image>img{height:530px;}.work-hero-image figcaption{padding:76px 22px 24px;}.work-hero-image strong{font-size:24px;}.work-understand-grid{gap:36px;}.work-understand h2{font-size:34px;}.work-process-grid{grid-template-columns:1fr;gap:42px;}.work-process-intro{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 36px;}.work-process-intro .eyebrow{grid-column:1/-1;}.work-process-intro h2{margin:0;}.work-process-intro>p:last-child{margin:0;align-self:end;}.work-steps li{grid-template-columns:100px 1fr;}.work-tech-grid{grid-template-columns:1fr;gap:36px;}.work-tech-image img{aspect-ratio:16/9;}.work-tech-copy{max-width:720px;}.work-owned{column-gap:28px;}.work-owned li{gap:18px;}.work-owned strong{font-size:27px;}}
@media(max-width:600px){.work-page{--space-section:64px;}.work-page h2{font-size:34px;}.work-hero{padding-block:30px;}.work-hero-grid{grid-template-columns:1fr;gap:30px;}.work-hero-copy{padding:0;}.work-page .work-hero .eyebrow{margin-bottom:25px;}.work-first{font-size:clamp(53px,14vw,78px);}.work-next{font-size:28px;margin-top:22px;max-width:360px;}.work-hero h1{margin-bottom:24px;}.work-page .work-hero .lead{font-size:16px;}.work-hero-image>img{height:auto;aspect-ratio:1.1;object-position:36% center;}.work-hero-image figcaption{position:static;padding:22px 0 23px;background:none;}.work-hero-image strong{font-size:25px;}.work-hero-image figcaption span{font-size:12px;margin-top:10px;}.work-understand-grid{grid-template-columns:1fr;gap:18px;}.work-understand h2{margin-bottom:0;}.work-understand-copy>p:first-child{margin-top:8px;}.work-questions li{grid-template-columns:24px 1fr;gap:12px;padding:18px 0;}.work-process-intro{display:block;}.work-process-intro h2 br{display:none;}.work-process-intro>p:last-child{margin-top:24px;max-width:none;}.work-steps li{grid-template-columns:64px 1fr;gap:20px;padding-block:26px;}.work-number{font-size:52px;}.work-steps h3{font-size:27px;margin-top:3px;}.work-tech-heading{margin-bottom:30px;}.work-tech-grid{gap:28px;}.work-tech-image img{aspect-ratio:1.15;object-position:40% center;}.work-page .work-tech-key{font-size:27px;padding-left:20px;}.work-ownership-grid{gap:32px;}.work-ownership-intro{display:block;}.work-page .work-ownership h2{font-size:clamp(29px,7.7vw,34px);}.work-ownership-intro>p:last-child{margin-top:24px;}.work-owned{display:block;}.work-owned li{padding:24px 0;gap:22px;}.work-owned strong{font-size:27px;}.work-owned svg{width:28px;height:28px;}.work-final h2 br{display:none;}.work-final .btn{width:100%;text-align:left;}.work-final .btn small{text-align:left;}}
@media(prefers-reduced-motion:reduce){.work-page *{scroll-behavior:auto;}}
.work-final .btn {--button-bg:#e5cd95;--button-fg:#082b3e;border-color:#e5cd95;font-size:14px;min-height:66px;}
.work-final .btn small {font-size:12px;opacity:1;font-weight:500;}

@media(min-width:601px) and (max-width:900px){.work-hero-image>img{object-position:28% center;}}

/* v96 — clear decisions, visible people, and a light handover journey. */
.work-page { --space-section:clamp(64px,6.5vw,104px); }
.work-page main .eyebrow { font-size:14px; letter-spacing:.055em; line-height:1.55; }
.work-page main .btn,.work-page main .btn small { font-size:14px; }
.work-page main :is(a,summary):focus-visible { outline:3px solid #087d88; outline-offset:5px; }
.work-page .work-hero { color:#07253b; background:linear-gradient(135deg,#f5f9fa,#ebf4f6); padding-block:clamp(40px,5vw,72px); border-bottom:1px solid #d5e4e8; }
.work-page .work-hero-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(36px,5vw,72px); }
.work-page .work-hero-copy { padding:0; }
.work-page .work-hero .eyebrow { color:#08727c; margin-bottom:24px; }
.work-page .work-first { font-size:clamp(48px,4.8vw,70px); line-height:1.06; letter-spacing:-.05em; }
.work-page .work-first br { display:none; }
.work-page .work-next { color:#087d88; font-size:clamp(28px,2.7vw,38px); line-height:1.25; margin-top:22px; }
.work-page .work-desktop-break { display:none; }
.work-page .work-hero .lead { color:#4b6576; font-size:17px; line-height:1.75; max-width:600px; }
.work-page .work-hero-image { margin:0; border:1px solid #cbdde3; border-top:3px solid #c4a052; background:white; box-shadow:0 24px 50px -32px #12384c66; }
.work-page .work-hero-image > img { display:block; width:100%; height:auto; aspect-ratio:1.5; object-fit:cover; object-position:center; }
.work-page .work-hero-image figcaption { position:static; padding:26px 28px; background:white; color:#07253b; }
.work-page .work-hero-image strong { font-size:clamp(23px,2vw,28px); line-height:1.25; }
.work-page .work-hero-image strong br { display:none; }
.work-page .work-hero-image figcaption span { color:#4b6576; font-size:14px; margin-top:14px; padding-top:14px; border-top:1px solid #d4e3e7; }
.work-page .work-understand-grid { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(40px,6vw,84px); }
.work-page .work-understand h2 { font-size:clamp(32px,3.2vw,46px); text-wrap:pretty; }
.work-page .work-understand h2 br { display:none; }
.work-page .work-understand-copy > p:first-child { margin-top:0; }
.work-page .work-questions { padding:0 24px; background:#f5f9fa; border:1px solid #d1e1e6; margin-block:24px; }
.work-page .work-questions li { padding:20px 0; border-color:#d1e1e6; }
.work-page .work-questions li:last-child { border:0; }
.work-page .work-questions li::before { font-size:14px; }
.work-page .work-conclusion { padding-left:18px; border-left:3px solid #c4a052; }
.work-page .work-process { color:#07253b; background:linear-gradient(125deg,#f3f8f9,#eaf4f5); border-block:1px solid #d6e5e9; }
.work-page .work-process-grid { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(40px,6vw,88px); }
.work-page .work-process .eyebrow { color:#08727c; }
.work-page .work-process h2 span { color:#087d88; }
.work-page .work-process h2 { font-size:clamp(34px,3.5vw,50px); }
.work-page .work-process-intro > p:last-child { color:#4b6576; max-width:440px; }
.work-page .work-steps { display:grid; gap:14px; border:0; position:relative; }
.work-page .work-steps::before { content:""; position:absolute; left:53px; top:48px; bottom:48px; width:1px; background:#a6c7d0; }
.work-page .work-steps li { position:relative; grid-template-columns:52px minmax(0,1fr); gap:24px; padding:28px; border:1px solid #cddfe5; background:#fff; }
.work-page .work-number { position:relative; display:grid; place-items:center; width:52px; height:52px; border:1px solid #bed8df; color:#08727c; background:#edf6f7; font-size:26px; font-weight:500; line-height:1; letter-spacing:-.04em; }
.work-page .work-steps h3 { font-size:30px; margin:3px 0 12px; }
.work-page .work-steps p { max-width:470px; color:#4b6576; }
.work-page .work-steps li:last-child { background:linear-gradient(125deg,#fffaf0,#f3e8cb); border-color:#d9c897; }
.work-page .work-steps li:last-child .work-number { color:#7c5d23; background:#fff9e9; border-color:#d9c897; }
.work-page .work-tech-heading { margin-bottom:40px; }
.work-page .work-tech-grid { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(36px,4.5vw,64px); }
.work-page .work-tech-image { padding:0; margin:0; border:1px solid #cbdde3; border-bottom:3px solid #c4a052; box-shadow:0 22px 48px -32px #12384c55; }
.work-page .work-tech-image::after { display:none; }
.work-page .work-tech-image img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-position:center; }
.work-page .work-tech-key { color:#08727c; border-left:3px solid #087d88; padding:22px 24px; margin-block:24px; background:#f0f7f8; font-size:clamp(25px,2.3vw,32px); }
.work-page .work-tech-copy > p:first-child { margin-top:0; }
.work-page .work-ownership { background:linear-gradient(135deg,#f3f8f9,#eaf4f5); border-block:1px solid #d6e5e9; }
.work-page .work-ownership-grid { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(40px,6vw,88px); }
.work-page .work-owned { display:grid; grid-template-columns:1fr 1fr; gap:18px; border:0; }
.work-page .work-owned li { display:flex; flex-direction:column; align-items:flex-start; gap:22px; padding:26px; border:1px solid #cddfe5; background:#fff; }
.work-page .work-owned svg { width:42px; height:42px; padding:8px; background:#edf6f7; border:1px solid #c6dce2; }
.work-page .work-owned strong { font-size:clamp(23px,2vw,28px); line-height:1.2; letter-spacing:-.035em; }
.work-page .work-owned span { font-size:14px; margin-top:12px; }
.work-page .work-final { color:#07253b; background:linear-gradient(120deg,#fff,#f0f7f8); border-top:3px solid #c4a052; }
.work-page .work-final .eyebrow { color:#08727c; }
.work-page .work-final h2 { font-size:clamp(34px,3.7vw,52px); max-width:1040px; }
.work-page .work-final h2 span { color:#087d88; }
.work-page .work-final p:not(.eyebrow) { color:#4b6576; }
.work-page .work-final .btn { --button-bg:linear-gradient(135deg,#ffe8a9,#e0ba58 68%,#c9992b); --button-fg:#07253b; border-color:#cda33f; }
.work-page .work-final .btn small { font-size:14px; }
@media(max-width:1150px) {
 .work-page .work-hero-grid { gap:36px; }
 .work-page .work-first { font-size:52px; }
 .work-page .work-next { font-size:30px; }
 .work-page .work-ownership-grid { grid-template-columns:1fr; gap:36px; }
 .work-page .work-ownership-intro { grid-template-columns:1fr 1fr; gap:0 40px; }
 .work-page .work-owned { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
 .work-page .work-owned li { padding:22px; }
 .work-page .work-owned strong { font-size:24px; }
}
@media(max-width:900px) {
 .work-page .work-hero-grid { grid-template-columns:1fr; gap:34px; }
 .work-page .work-first { font-size:clamp(48px,7vw,64px); }
 .work-page .work-next { max-width:720px; font-size:32px; }
 .work-page .work-hero .lead { max-width:720px; }
 .work-page .work-hero-image > img { aspect-ratio:1.5; object-position:center; }
 .work-page .work-understand-grid { grid-template-columns:1fr; gap:26px; }
 .work-page .work-understand h2 { max-width:760px; margin-bottom:0; }
 .work-page .work-process-grid { grid-template-columns:1fr; gap:36px; }
 .work-page .work-process-intro { grid-template-columns:1fr 1fr; gap:0 36px; }
 .work-page .work-tech-grid { grid-template-columns:1fr; gap:32px; }
 .work-page .work-tech-copy { max-width:none; }
 .work-page .work-tech-key { max-width:none; }
 .work-page .work-owned { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .work-page .work-owned li { display:grid; grid-template-columns:42px minmax(0,1fr); gap:20px; align-items:start; }
}
@media(max-width:600px) {
 .work-page main .eyebrow { font-size:14px; letter-spacing:.025em; }
 .work-page h2 { font-size:32px; }
 .work-page .work-hero { padding-block:32px 40px; }
 .work-page .work-first { font-size:clamp(46px,12vw,60px); }
 .work-page .work-next { font-size:28px; line-height:1.25; }
 .work-page .work-hero .lead { font-size:16px; }
 .work-page .work-hero-image figcaption { padding:24px 20px; }
 .work-page .work-hero-image strong { font-size:23px; }
 .work-page .work-hero-image figcaption span { font-size:14px; }
 .work-page .work-understand h2 { font-size:32px; }
 .work-page .work-questions { padding-inline:20px; }
 .work-page .work-process-intro { display:block; }
 .work-page .work-process h2 { font-size:32px; }
 .work-page .work-steps { gap:12px; }
 .work-page .work-steps::before { left:37px; }
 .work-page .work-steps li { grid-template-columns:40px minmax(0,1fr); gap:16px; padding:24px 18px; }
 .work-page .work-number { width:40px; height:40px; font-size:22px; }
 .work-page .work-steps h3 { font-size:26px; margin-top:4px; }
 .work-page .work-tech-key { font-size:26px; padding:22px 20px; }
 .work-page .work-ownership-intro { display:block; }
 .work-page .work-owned { grid-template-columns:1fr; gap:12px; }
 .work-page .work-owned li { padding:24px 20px; gap:20px; }
 .work-page .work-owned strong { font-size:26px; }
 .work-page .work-owned span { margin-top:7px; }
 .work-page .work-final { text-align:left; }
 .work-page .work-final .eyebrow { justify-content:flex-start; }
 .work-page .work-final h2 { font-size:32px; }
}
@media(prefers-reduced-motion:reduce) { .work-page main * { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }
@media(min-width:601px) and (max-width:1150px) {
 .work-page .work-owned { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .work-page .work-owned li { display:grid; grid-template-columns:42px minmax(0,1fr); gap:20px; align-items:start; }
}
