.case-experience .case-shell{width:min(1280px,calc(100% - 96px));margin-inline:auto}.case-experience .case-kicker{font:11px/1.7 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--accent-text);margin:0 0 22px}.case-experience .case-hero{background:#082820;color:#f0f5ed;position:relative;overflow:hidden;padding:32px 0 0}.case-experience .case-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#bed1c5;margin-bottom:64px}.case-experience .case-topline a,.case-experience .case-topline button{display:inline-flex;align-items:center;gap:10px;min-height:44px}.case-experience .case-topline>span{font:10px var(--mono);letter-spacing:.14em}.case-experience .case-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;padding-bottom:65px}.case-experience .case-hero-copy{position:relative;z-index:1}.case-experience .case-hero .case-kicker{color:#cdeb9e}.case-experience .editorial-detail .case-hero h1{color:#f0f5ed;font:500 clamp(36px,4.2vw,66px)/1.12 var(--display);letter-spacing:-.045em;margin:0 -60px 28px 0;text-wrap:balance}.case-experience .case-client{color:#afc9bc;font-size:15px;margin-bottom:32px}.case-experience .case-explore{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 22px;background:#d7f798;color:#092d25;border-radius:50px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s}.case-experience .case-explore:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0002}.case-experience .case-hero-art{position:relative;min-width:0;aspect-ratio:4/4.4;margin:0;transform:rotate(3deg);border:1px solid #6a8c78;border-radius:140px 24px 24px;overflow:hidden;background:#143e32;box-shadow:0 40px 80px #00150f88}.case-experience .case-hero-art>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.case-experience .case-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#05221ef2,transparent 65%);pointer-events:none}.case-experience .case-hero-art figcaption{position:absolute;z-index:1;bottom:30px;left:30px;right:30px;display:grid;gap:10px;transform:rotate(-3deg)}.case-experience .case-hero-art figcaption span{font:10px/1.7 var(--mono);letter-spacing:.12em;color:#cae7d6}.case-experience .case-hero-art figcaption strong{font:500 24px/1.4 var(--display);color:#f0f5ed}.case-experience .case-image-index{position:absolute;z-index:1;right:18px;top:24px;font:9px var(--mono);background:#092d25d9;color:#d7f798;padding:9px 12px;border-radius:20px}.case-experience .case-art-empty{display:grid;place-items:center;color:#6cbea3;background:radial-gradient(ellipse at top,#326c51,transparent 70%),#0a2b23}.case-experience .case-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));border-top:1px solid #3b5b4d;margin:0}.case-experience .case-facts>div{padding:28px 24px 28px 0;min-width:0}.case-experience .case-facts dt{color:#a4c2b0;font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.case-experience .case-facts dd{margin:0;font-size:14px;color:#eef5ea;overflow-wrap:anywhere}.case-experience .case-summary{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding-block:90px}.case-experience .editorial-detail .case-summary h2,.case-experience .editorial-detail .case-next h2{font:500 clamp(32px,3.5vw,52px)/1.18 var(--display);letter-spacing:-.04em}.case-experience em{font-style:normal;color:var(--accent-text)}.case-experience .case-summary .prose>p:first-child{margin-top:0}.case-experience .case-impact{padding:64px 0;background:var(--surface);border-block:1px solid var(--line)}.case-experience .case-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:36px}.case-experience .case-kpis article{position:relative;padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--bg);overflow:hidden}.case-experience .case-kpi-index{position:absolute;right:22px;top:22px;font:11px var(--mono);color:var(--accent-text)}.case-experience .editorial-detail .case-kpis h3{font:500 17px/1.5 var(--font);max-width:85%;min-height:52px;margin-bottom:30px}.case-experience .case-before{display:flex;gap:20px;align-items:center;font-size:12px;color:var(--muted);padding-bottom:18px;border-bottom:1px solid var(--line)}.case-experience .case-before span{font-size:22px;color:var(--text)}.case-experience .case-after{display:flex;flex-direction:column;gap:9px;margin-top:20px;color:var(--accent-text)}.case-experience .case-after>span{font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em}.case-experience .case-after strong{font:500 clamp(30px,4vw,58px)/1.15 var(--display);letter-spacing:-.04em;overflow-wrap:anywhere}.case-experience .case-evidence{font-size:12px;color:var(--muted);margin-top:24px}.case-experience .case-story{display:grid;grid-template-columns:300px minmax(0,1fr);gap:85px;padding-block:100px}.case-experience .case-story aside{position:sticky;top:120px;align-self:start}.case-experience .case-story aside h2{font:500 46px/1.12 var(--display);letter-spacing:-.04em;margin-bottom:32px}.case-experience .case-story nav a{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding:16px 0;font-size:13px;color:var(--text)}.case-experience .case-story nav a span{font:10px var(--mono);color:var(--accent-text)}.case-experience .case-story nav a svg{margin-left:auto}.case-experience .case-story nav a:hover{color:var(--accent-text)}.case-experience .case-story .case-story-contact{color:var(--accent-text);margin-top:20px}.case-experience .case-chapter{scroll-margin-top:120px;margin-bottom:64px}.case-experience .case-chapter-heading{display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:26px}.case-experience .case-chapter-heading>span{font:400 64px var(--display);color:color-mix(in srgb,var(--accent-text) 35%,var(--bg))}.case-experience .case-chapter-heading .case-kicker{margin-bottom:8px}.case-experience .editorial-detail .case-chapter-heading h3{font:500 27px/1.3 var(--display);letter-spacing:-.025em}.case-experience .prose{color:var(--text)}.case-experience .prose :is(p,li){color:var(--text);line-height:1.85}.case-experience .case-tech>span{display:inline-block;margin:0 8px 8px 0;border:1px solid var(--line);border-radius:30px;padding:8px 15px;font-size:13px}.case-experience .case-diary{padding-block:20px 90px}.case-experience .case-diary-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:32px}.case-experience .case-diary-heading>span{font-size:12px;color:var(--muted)}.case-experience .case-diary-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.case-experience .case-diary-filters button,.case-experience .case-load{padding:12px 18px;border-radius:30px;border:1px solid var(--line);font-size:12px;min-height:44px}.case-experience .case-diary-filters button[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.case-experience .case-entry{border-top:1px solid var(--line)}.case-experience .case-entry:last-child{border-bottom:1px solid var(--line)}.case-experience .case-entry summary{display:grid;grid-template-columns:160px 1fr 24px;gap:25px;align-items:center;padding:27px 10px;cursor:pointer;list-style:none}.case-experience .case-entry summary::-webkit-details-marker{display:none}.case-experience .case-entry-date{font:11px var(--mono);color:var(--muted)}.case-experience .case-entry summary small{display:block;font:10px var(--mono);text-transform:uppercase;color:var(--accent-text);letter-spacing:.08em;margin-bottom:8px}.case-experience .case-entry summary strong{font:500 20px/1.5 var(--display);color:var(--text)}.case-experience .case-entry[open] summary svg{transform:rotate(180deg)}.case-experience .case-entry[open]{background:var(--surface)}.case-experience .case-entry-body{padding:0 36px 32px 195px}.case-experience .case-entry-body>img{max-height:420px;width:100%;object-fit:contain;margin-top:24px;border-radius:16px}.case-experience .case-entry-kpi{padding:20px;border-left:3px solid var(--accent-text);background:var(--bg);margin-top:20px}.case-experience .case-entry-kpi strong{color:var(--accent-text);margin-left:10px}.case-experience .case-load{display:flex;align-items:center;gap:20px;margin-top:28px}.case-experience .case-next{border-top:1px solid var(--line);padding-block:80px 100px}.case-experience .case-next>div{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:32px}.case-experience .case-next>div>p{max-width:550px;font-size:17px;line-height:1.85;color:var(--muted)}.case-experience .case-next a{flex-shrink:0}.case-experience :is(a,button,summary):focus-visible{outline:2px solid var(--accent-text);outline-offset:5px}@media(min-width:1800px){.case-experience .case-shell{width:min(1480px,calc(100% - 160px))}.case-experience .editorial-detail .case-hero h1{font-size:76px}}@media(max-width:1000px){.case-experience .case-shell{width:calc(100% - 48px)}.case-experience .case-hero-grid{gap:25px}.case-experience .case-summary{gap:36px}.case-experience .case-story{grid-template-columns:220px minmax(0,1fr);gap:35px}.case-experience .case-kpis article{padding:24px 18px}.case-experience .case-topline>span{display:none}}@media(max-width:700px){.case-experience .case-shell{width:calc(100% - 36px)}.case-experience .case-topline{margin-bottom:35px}.case-experience .case-hero-grid{grid-template-columns:1fr;gap:36px}.case-experience .editorial-detail .case-hero h1{margin-right:0;font-size:38px}.case-experience .case-hero-art{aspect-ratio:5/4;margin:0 12px}.case-experience .case-hero-art figcaption strong{font-size:20px}.case-experience .case-facts{grid-template-columns:1fr 1fr}.case-experience .case-facts>div{padding-block:20px}.case-experience .case-summary{grid-template-columns:1fr;padding-block:55px;gap:30px}.case-experience .case-kpis{grid-template-columns:1fr}.case-experience .case-kpis h3{min-height:0;margin-bottom:18px}.case-experience .case-kpis article{padding:26px}.case-experience .case-after strong{font-size:46px}.case-experience .case-impact{padding-block:48px}.case-experience .case-story{grid-template-columns:1fr;padding-block:55px;gap:40px}.case-experience .case-story aside{position:static}.case-experience .case-story aside h2{font-size:36px}.case-experience .case-chapter-heading{gap:16px}.case-experience .case-chapter-heading>span{font-size:48px}.case-experience .case-chapter{margin-bottom:45px}.case-experience .case-diary-heading{align-items:start;flex-direction:column;gap:16px}.case-experience .case-entry summary{grid-template-columns:1fr 24px;gap:12px;padding:24px 8px}.case-experience .case-entry-date{grid-column:1/-1}.case-experience .case-entry summary strong{font-size:18px}.case-experience .case-entry-body{padding:0 18px 26px}.case-experience .case-next{padding-block:55px}.case-experience .case-next>div{flex-direction:column;align-items:start;gap:28px}.case-experience .case-explore{gap:18px}}@media(prefers-reduced-motion:reduce){.case-experience *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.skudra-design.case-journal .journal-intro{position:relative;padding-block:80px;border-bottom:1px solid var(--line)}.skudra-design.case-journal .journal-featured{background:#082820;color:#eef5ea;border-radius:28px;overflow:hidden;gap:0;align-items:stretch}.skudra-design.case-journal .journal-featured .journal-entry-copy{padding:clamp(26px,4vw,58px);align-self:center}.skudra-design.case-journal .journal-featured .journal-image{height:100%;border-radius:0;min-height:450px}.skudra-design.case-journal .journal-featured :is(h2,.journal-entry-meta){color:#eef5ea}.skudra-design.case-journal .journal-featured .journal-entry-copy>p:not(.eyebrow){color:#bed1c5}.skudra-design.case-journal .journal-featured .eyebrow{color:#d7f798}.skudra-design.case-journal .case-card-result{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:22px 0;margin-top:22px}.skudra-design.case-journal .case-card-result strong{font:500 40px/1.2 var(--display);color:var(--accent-text);letter-spacing:-.04em}.skudra-design.case-journal .case-card-result span{font-size:12px;line-height:1.6;max-width:180px}.skudra-design.case-journal .journal-featured .case-card-result{border-color:#3b5b4d}.skudra-design.case-journal .journal-featured .case-card-result strong{color:#d7f798}.skudra-design.case-journal .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 36px}@media(max-width:700px){.skudra-design.case-journal .journal-featured{grid-template-columns:1fr}.skudra-design.case-journal .journal-featured .journal-image{min-height:0;height:auto;aspect-ratio:16/10}.skudra-design.case-journal .journal-grid{grid-template-columns:1fr}.skudra-design.case-journal .journal-intro{padding-block:45px}}.case-experience .editorial-detail .case-hero h1{margin-right:0}.case-experience #projektgeschichte{scroll-margin-top:100px}.skudra-design.case-journal .journal-featured{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);padding-bottom:0}.skudra-design.case-journal .journal-featured>*{min-width:0}.skudra-design.case-journal .journal-featured .journal-image{position:relative;aspect-ratio:auto}.skudra-design.case-journal .journal-featured .journal-image img{position:absolute;inset:0}@media(max-width:700px){.skudra-design.case-journal .journal-featured{grid-template-columns:minmax(0,1fr)}.skudra-design.case-journal .journal-featured .journal-image{aspect-ratio:16/10}}@media(min-width:701px){.skudra-design.case-journal .journal-grid{row-gap:0}.skudra-design.case-journal .journal-grid>.journal-entry{display:grid;grid-template-rows:subgrid;grid-row:span 6;row-gap:0;margin-bottom:55px}.skudra-design.case-journal .journal-grid .journal-entry-copy{display:contents}.skudra-design.case-journal .journal-grid .journal-entry-copy>.eyebrow{padding-top:24px;margin:0}.skudra-design.case-journal .journal-grid .journal-entry-meta{align-self:end}}.skudra-design.case-journal .case-card-result{flex-wrap:wrap;align-content:start;align-items:baseline;gap:10px 20px}.skudra-design.case-journal .case-card-result strong{min-width:0;max-width:100%;overflow-wrap:anywhere;font-size:clamp(28px,3vw,40px)}.skudra-design.case-journal .case-card-result span{max-width:none;flex:1 1 140px;min-width:0}.skudra-design.case-journal .case-card-result-empty{visibility:hidden}@media(max-width:700px){.skudra-design.case-journal .case-card-result-empty{display:none}}.skudra-design.case-journal .journal-grid{gap:40px 32px}.skudra-design.case-journal .case-portrait{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.skudra-design.case-journal .case-portrait-art{position:relative;aspect-ratio:16/8;overflow:hidden;background:var(--raised);display:grid;place-items:center;color:var(--accent-text)}.skudra-design.case-journal .case-portrait-art>img{width:100%;height:100%;object-fit:cover}.skudra-design.case-journal .case-portrait-category{position:absolute;left:16px;bottom:16px;max-width:calc(100% - 32px);padding:5px 10px;border:1px solid #ffffff66;background:#f4f6efed;color:#254b3e;border-radius:6px;font:10px/1.5 var(--font);letter-spacing:.02em}.skudra-design.case-journal .case-portrait-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:24px;background:var(--surface)}.skudra-design.case-journal .case-portrait-client{font:11px/1.6 var(--font);color:var(--muted);margin-bottom:10px}.skudra-design.case-journal .case-portrait h2{font:500 clamp(22px,1.8vw,28px)/1.3 var(--display);letter-spacing:-.025em;color:var(--text);margin:0 0 14px;overflow-wrap:anywhere}.skudra-design.case-journal .case-portrait-description{font:14px/1.75 var(--font);color:var(--muted);margin:0 0 20px}.skudra-design.case-journal .case-portrait-proof{display:flex;align-items:baseline;align-self:flex-start;flex-wrap:wrap;gap:4px 8px;max-width:100%;margin-top:auto;padding:7px 11px;border:1px solid color-mix(in srgb,var(--accent-text) 23%,var(--line));border-radius:7px;background:color-mix(in srgb,var(--accent-text) 5%,var(--surface));color:var(--text);font:12px/1.6 var(--font)}.skudra-design.case-journal .case-portrait-proof strong{font-size:13px;font-weight:600;color:var(--accent-text);overflow-wrap:anywhere}.skudra-design.case-journal .case-portrait-proof>span{color:var(--muted);overflow-wrap:anywhere}.skudra-design.case-journal .case-portrait-bottom{display:flex;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font:12px/1.6 var(--font);color:var(--accent-text)}.skudra-design.case-journal .case-portrait-bottom>span{display:flex;align-items:center;gap:9px}.skudra-design.case-journal .case-portrait-bottom svg{width:15px;height:15px}.skudra-design.case-journal .case-portrait:focus-visible{outline:2px solid var(--accent-text);outline-offset:4px}@media(hover:hover){.skudra-design.case-journal .case-portrait:hover{border-color:var(--accent-text)}.skudra-design.case-journal .case-portrait:hover h2{color:var(--accent-text)}}@media(max-width:700px){.skudra-design.case-journal .journal-grid{gap:24px}.skudra-design.case-journal .case-portrait-body{padding:20px}.skudra-design.case-journal .case-portrait-art{aspect-ratio:16/9}}.skudra-design.case-journal .journal-featured .case-card-result{display:inline-flex;align-items:baseline;width:fit-content;max-width:100%;gap:5px 10px;padding:8px 12px;border:1px solid #527360;border-radius:7px;background:#ffffff08}.skudra-design.case-journal .journal-featured .case-card-result strong{font:600 14px/1.6 var(--font);letter-spacing:0}.skudra-design.case-journal .journal-featured .case-card-result span{flex:initial;font-size:12px;color:#d6e4d9}.skudra-design.case-journal .case-badges{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:auto}.skudra-design.case-journal .case-badges .case-portrait-proof{margin-top:0;align-self:auto}.skudra-design.case-journal .case-badges-featured{margin-top:22px}.skudra-design.case-journal .journal-featured .case-badges .case-card-result{margin:0}
