/* Case depth stays optional. Native details preserves keyboard and no-script access. */
.work-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px;align-items:start}
.work-case{grid-column:1/-1;min-width:0;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.work-case summary{list-style:none;cursor:pointer;outline-offset:7px}
.work-case summary::-webkit-details-marker{display:none}
.work-case summary::marker{content:""}
.featured-case{grid-column:span 6;border:0;margin-bottom:35px}
.featured-case[open]{grid-column:1/-1}
.case-cover{position:relative;aspect-ratio:1.23;overflow:hidden;background:#dadbd3}
.case-cover-image{width:100%;height:100%;display:block;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.cover-turm{background:#33453c}.cover-turm .case-cover-image{width:85%;height:85%;object-fit:cover}
.case-cover-paper{position:absolute;right:5%;bottom:4%;width:31%;height:67%;object-fit:contain;transform:rotate(8deg);filter:drop-shadow(0 10px 14px #0003)}
.cover-brandwear{background:#efc830}.cover-brandwear .case-cover-image{object-fit:contain;padding:4%}
.cover-index{position:absolute;left:23px;bottom:20px;color:#fff;font:800 clamp(44px,5vw,74px)/1 var(--display);letter-spacing:-.03em;mix-blend-mode:difference}
.case-summary{display:grid;grid-template-columns:50px 1fr auto;gap:20px;align-items:start;padding:30px 0}
.featured-case .case-summary{grid-template-columns:1fr auto;gap:16px}
.featured-case .case-number{display:none}
.case-number{font-size:14px;padding-top:8px;font-variant-numeric:tabular-nums;color:var(--muted)}
.case-summary-copy h3{font-family:var(--display);font-weight:800;font-size:clamp(34px,3.2vw,54px);letter-spacing:-.025em;line-height:1.05;margin:0 0 9px}
.case-summary-copy p{font-size:clamp(16px,1.4vw,20px);line-height:1.5;margin:0;max-width:34em}
.case-disciplines{display:block;font-size:14px;line-height:1.55;color:var(--muted);margin-top:14px}
.case-open{display:flex;align-items:center;gap:22px;font-size:14px;line-height:1.4;margin-top:7px;white-space:nowrap}
.case-open i{font:400 28px/1 Manrope,sans-serif;font-style:normal;display:block;transition:transform .35s cubic-bezier(.3,1.4,.4,1)}
.when-open{display:none}.work-case[open] .when-open{display:inline}.work-case[open] .when-closed{display:none}.work-case[open] .case-open i{transform:rotate(-90deg)}
.work-case[open] .case-summary{padding-bottom:28px}
.featured-case[open]>summary{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,80px)}
.featured-case[open] .case-cover{aspect-ratio:1.6;max-height:360px}
.featured-case[open] .case-summary{grid-template-columns:1fr;max-width:520px}
.case-scenes{background:#eae8e0;margin-top:12px}
.case-detail-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px clamp(22px,4vw,60px);font-size:14px;line-height:1.5;border-bottom:1px solid var(--line)}
.case-detail-intro p{margin:0}.case-detail-intro a{white-space:nowrap;text-underline-offset:5px}
.case-scenes .cp-frame,.case-scenes .story-frame{position:relative;display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:36px clamp(24px,5vw,70px);align-items:center;min-width:0;padding:clamp(38px,6vw,90px) clamp(22px,4vw,60px);border-bottom:1px solid #20211f22;overflow:hidden}
.case-scenes h4{font:800 clamp(48px,6vw,90px)/.96 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:0 0 24px;max-width:12ch;overflow-wrap:normal}
.case-scenes p{font-size:clamp(16px,1.4vw,19px);line-height:1.65;margin:0 0 18px;max-width:41em}
.case-scenes .cp-copy,.case-scenes .frame-copy{grid-column:1;min-width:0}
.case-scenes .cp-eyebrow,.case-scenes .eyebrow{display:block;font-size:14px;line-height:1.5;margin:0 0 25px;max-width:38em}
.case-scenes .cp-detail{font-size:15px;line-height:1.65;opacity:.8}
.case-scenes .cp-foot,.case-scenes .frame-foot{grid-column:1/-1;font-size:14px;line-height:1.5;margin:4px 0 0;opacity:.65;max-width:none;border-top:1px solid currentColor;padding-top:18px}
.case-scenes .cp-art{grid-column:2;min-width:0;margin:0}
.case-scenes img{display:block;max-width:100%;height:auto;object-fit:contain}
.case-scenes button{font:inherit;color:inherit}
.case-scenes .cp-zoom{display:block;border:0;background:transparent;padding:0;cursor:zoom-in;min-width:0;width:100%;outline-offset:5px}
.case-scenes .cp-zoom img{width:100%;max-height:550px;object-fit:contain}
.case-scenes .cp-asset-label{grid-column:1/-1;display:block;font-size:14px;line-height:1.5;margin-top:16px;opacity:.75}
.case-scenes figcaption{font-size:14px;line-height:1.5;margin-top:15px;opacity:.7}
.case-scenes .cp-text-link,.case-scenes .case-cta,.case-scenes .play-link{display:inline-flex;align-items:center;gap:24px;color:inherit;font-size:15px;line-height:1.5;text-underline-offset:6px;margin-top:18px}
.case-scenes .cp-disciplines{font-size:14px;line-height:1.7;margin-top:30px}.cp-disciplines span{padding:0 8px}
.case-scenes .cp-point{color:#ffed28}.case-scenes .cp-bw-haltung{background:#6d41a6;color:#fff}
.case-scenes .cp-bw-hero{max-height:520px;margin:auto;width:100%}
.case-scenes .cp-bw-design{background:#f5cb29}.case-scenes .cp-design-art{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px}
.case-scenes .cp-design-art img{max-height:470px}.case-scenes .cp-jacket{margin-top:80px}
.case-scenes .cp-bw-real{background:#20211f;color:#f4f2eb}.case-scenes .cp-real-photo{grid-column:2;grid-row:1;width:100%;max-height:570px;object-fit:cover}
.case-scenes .cp-bw-real .cp-copy{grid-row:1}.case-scenes .cp-image-detail{grid-column:2;border:0;padding:0;justify-self:start;cursor:zoom-in;font-size:14px;background:none;text-decoration:underline;text-underline-offset:5px}
.case-scenes .cp-image-shade,.case-scenes .cp-room-shade,.case-scenes .cp-oktober-blue,.case-scenes .cp-recipe-line,.case-scenes .cp-wedding-arc{display:none}
.case-scenes .cp-bw-rezept{background:#efeae3}.case-scenes .cp-recipe{padding:18px;background:#fff}.case-scenes .cp-bw-material{background:#f5cb29}.case-scenes .cp-material-image{width:100%;max-height:560px}
.case-scenes .cp-bw-sound{background:#241738;color:#fff;grid-template-columns:.8fr 1.2fr}.case-scenes .cp-sound-graphic{grid-column:1;grid-row:1;max-width:360px;margin:0 auto;width:75%}.case-scenes .cp-sound-graphic img{width:100%}.case-scenes .cp-sound-copy{grid-column:2;grid-row:1;min-width:0}
.case-scenes .cp-player{margin:28px 0 8px;padding:20px 0;border-top:1px solid #ffffff44;border-bottom:1px solid #ffffff44;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:20px}
.case-scenes .cp-play{background:#f5cb29;color:#20211f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:94px;min-height:94px;border:0;padding:14px;cursor:pointer;font-size:14px}
.case-scenes .cp-play-icon{font-size:22px}.case-scenes .cp-track{min-width:0}.case-scenes .cp-track label{display:block;font-size:14px;line-height:1.5;margin-bottom:16px}.case-scenes .cp-track input{width:100%;accent-color:#f5cb29;min-height:24px}.case-scenes .cp-time-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:14px}.case-scenes .cp-time-row button{border:0;background:none;padding:8px 0;cursor:pointer;font-size:14px}
.case-scenes .cp-sr-only{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.case-scenes .cp-turm-room{background:#263e33;color:#f4f2eb}.case-scenes .cp-room-image{grid-column:2;grid-row:1;max-height:570px;width:100%;object-fit:cover}.case-scenes .cp-turm-room .cp-copy{grid-row:1}
.case-scenes .cp-turm-menu{background:#e6e4db}.case-scenes .cp-menu-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px}.case-scenes .cp-sheet{filter:drop-shadow(0 8px 8px #20211f18)}.case-scenes .cp-wine{transform:translateY(25px) rotate(-7deg)}.case-scenes .cp-regular{transform:translateY(20px) rotate(6deg)}
.case-scenes .cp-turm-social{background:#d4ddd2;align-items:start}.case-scenes .cp-social-art{display:grid;gap:24px}.case-scenes .cp-food-trio,.case-scenes .cp-poster-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.case-scenes .cp-social-art img{max-height:none;height:auto;width:100%;object-fit:contain}
.case-scenes .cp-turm-oktober{background:#c8dbe4;align-items:start}.case-scenes .cp-oktober-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.case-scenes .cp-oktober-web{grid-column:1/-1;width:100%;margin-bottom:12px}.case-scenes .cp-oktober-post img{max-height:none}.case-scenes .cp-oktober-reality{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,60px);align-items:center;margin-top:20px}.case-scenes .cp-oktober-reality>img{width:100%}.case-scenes .cp-oktober-reality h4{font-size:clamp(42px,4.5vw,72px)}
.case-scenes .cp-turm-wedding{background:#f0e9df;align-items:start}.case-scenes .cp-wedding-art{display:grid;gap:28px}.case-scenes .cp-wedding-screen img{width:100%}.case-scenes .cp-roll-set{display:grid;grid-template-columns:.65fr 1.5fr .65fr;gap:12px;align-items:end}.case-scenes .cp-roll img{width:100%;max-height:390px;object-fit:contain}
.case-scenes .cp-turm-mappe{background:#c4cdbe}.case-scenes .cp-folder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}.case-scenes .cp-folder-cover{transform:rotate(6deg)}.case-scenes .cp-folder-inside{transform:rotate(-6deg)}
.case-scenes .cp-turm-partner{background:#263e33;color:#f4f2eb}.case-scenes .cp-responsibility{grid-column:2;display:flex;flex-direction:column;gap:20px;font-size:clamp(19px,2vw,26px);line-height:1.5}.case-scenes .cp-responsibility>span{border-bottom:1px solid #ffffff44;padding-bottom:18px}.case-scenes .cp-responsibility small{font-size:14px;opacity:.6}
.case-scenes .dyn-name{background:#183bb4;color:#fff;grid-template-columns:1fr}.case-scenes .dyn-name-top{display:flex;justify-content:space-between;gap:25px}.case-scenes .dyn-name-top p{font-size:18px;margin:0}.case-scenes .dyn-word{font:800 clamp(70px,17vw,220px)/1 var(--display);letter-spacing:-.03em}.case-scenes .dyn-word span{color:#e9ff39}.case-scenes .dyn-name-bottom{display:flex;justify-content:space-between;gap:20px;font-size:14px;line-height:1.5}.case-scenes .dyn-product{background:#dce1ee}.case-scenes .dyn-product-main{grid-column:2;grid-row:1;max-height:580px;margin:auto}.case-scenes .dyn-family{background:#f4f2eb;grid-template-columns:1fr}.case-scenes .dyn-family h4{max-width:none}.case-scenes .product-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:end}.case-scenes .product-line figure{margin:0}.case-scenes .product-line img{height:clamp(180px,28vw,350px);width:100%;object-fit:contain}.case-scenes .product-line figcaption{display:flex;justify-content:space-between;border-top:1px solid #20211f44;padding-top:16px;font-size:18px;opacity:1}.case-scenes .product-line figcaption span{font-size:14px;opacity:.55}
.case-scenes .game-site{background:#ee3425;color:#fff}.case-scenes .game-site em{font-style:normal;color:#20211f}.case-scenes .clearance-web{grid-column:2;margin:0}.case-scenes .game-reveal{background:#d9ddca}.case-scenes .game-preview{grid-column:2;grid-row:1}.case-scenes .game-caption{grid-column:1;grid-row:1}.case-scenes .game-play{background:#20211f;color:#f4f2eb}.case-scenes .game-full{grid-column:2;grid-row:1;width:100%}.case-scenes .game-action{grid-column:1;grid-row:1}.case-scenes .play-link{background:var(--red);color:#fff;padding:18px 22px;text-decoration:none;margin-bottom:22px;justify-content:space-between;min-width:210px}.case-scenes .play-link b{font-weight:400;font-size:25px}
.case-scenes .off-tasks{background:#e5e4de}.case-scenes .task-words{grid-column:2;display:flex;flex-direction:column;gap:20px;min-width:0}.case-scenes .task-words span{font:800 clamp(25px,4.8vw,68px)/1 var(--display);letter-spacing:-.02em;border-bottom:1px solid #20211f44;padding-bottom:18px}.case-scenes .off-product{background:#eb3c31;color:#fff}.case-scenes .off-brand{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.case-scenes .off-brand img{width:min(350px,55%)}.case-scenes .off-brand span{font-size:14px}.case-scenes .off-build-labels{grid-column:2;display:flex;flex-direction:column;gap:24px;font-size:clamp(20px,2.5vw,32px);line-height:1.5}.case-scenes .off-build-labels span{border-bottom:1px solid #ffffff55;padding-bottom:22px}.case-scenes .off-tool{background:#f0efe9}.case-scenes .off-tool-heading{grid-column:1}.case-scenes .off-dashboard{grid-column:2;margin:0}
.case-end{padding:30px clamp(22px,4vw,60px);display:flex;flex-wrap:wrap;align-items:center;gap:20px;background:var(--ink);color:var(--paper)}
.case-end p{font-size:15px;margin:0 auto 0 0}.case-end a,.case-end button{font-size:14px;color:inherit;background:none;border:0;padding:10px 0;text-decoration:underline;text-underline-offset:6px;cursor:pointer}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.work-case:not([open])>summary:hover .case-cover-image{transform:scale(1.035)}.work-case:not([open])>summary:hover .case-open i{transform:translate(3px,-3px)}}
@media(max-width:1000px){.case-open{gap:12px}.featured-case .case-summary{grid-template-columns:1fr}.featured-case .case-open{margin-top:4px}.case-scenes .cp-frame,.case-scenes .story-frame{gap:30px}.case-scenes h4{font-size:clamp(44px,6vw,70px)}.case-scenes .cp-player{grid-template-columns:1fr}.case-scenes .cp-play{flex-direction:row;min-height:56px;justify-self:start}.case-scenes .cp-track{width:100%}.case-detail-intro{align-items:start}}
@media(max-width:700px){.work-list{gap:16px}.featured-case{grid-column:1/-1;margin-bottom:22px}.case-cover{aspect-ratio:1.24}.case-summary{grid-template-columns:30px 1fr;gap:14px;padding:26px 0}.case-summary-copy h3{font-size:38px}.case-summary-copy p{font-size:16px}.case-open{grid-column:2;justify-content:space-between;margin-top:4px}.featured-case .case-open{grid-column:1}.case-disciplines{font-size:14px}.featured-case[open]>summary{grid-template-columns:1fr;gap:0}.featured-case[open] .case-cover{aspect-ratio:1.3;max-height:none}.featured-case[open] .case-summary{padding:24px 0}.case-detail-intro{flex-direction:column;gap:12px;padding:22px}.case-detail-intro a{white-space:normal}.case-scenes .cp-frame,.case-scenes .story-frame{grid-template-columns:minmax(0,1fr);gap:26px;padding:40px 22px}.case-scenes h4{font-size:clamp(46px,12vw,70px);margin-bottom:20px;max-width:14ch}.case-scenes p{font-size:16px;line-height:1.65}.case-scenes .cp-eyebrow,.case-scenes .eyebrow{margin-bottom:18px;font-size:14px}.case-scenes .cp-art,.case-scenes .cp-copy,.case-scenes .frame-copy,.case-scenes .cp-sound-copy,.case-scenes .cp-responsibility,.case-scenes .cp-real-photo,.case-scenes .cp-room-image,.case-scenes .cp-image-detail,.case-scenes .cp-sound-graphic,.case-scenes .dyn-product-main,.case-scenes .clearance-web,.case-scenes .game-preview,.case-scenes .game-caption,.case-scenes .game-full,.case-scenes .game-action,.case-scenes .task-words,.case-scenes .off-build-labels,.case-scenes .off-tool-heading,.case-scenes .off-dashboard{grid-column:1;grid-row:auto}.case-scenes .cp-copy,.case-scenes .frame-copy{order:0}.case-scenes .cp-art,.case-scenes .cp-full-image,.case-scenes .cp-real-photo,.case-scenes .cp-room-image,.case-scenes .dyn-product-main{order:1}.case-scenes .cp-foot,.case-scenes .frame-foot,.case-scenes .cp-image-detail{order:3}.case-scenes .cp-zoom img{max-height:550px}.case-scenes .cp-bw-hero{max-height:440px;width:90%}.case-scenes .cp-bw-sound{grid-template-columns:minmax(0,1fr)}.case-scenes .cp-sound-graphic{order:1;max-width:240px}.case-scenes .cp-sound-copy{order:0}.case-scenes .cp-player{grid-template-columns:auto 1fr;gap:16px}.case-scenes .cp-play{min-width:60px;min-height:60px;padding:10px;flex-direction:column;gap:8px}.case-scenes .cp-play-label{font-size:14px}.case-scenes .cp-player .cp-track label{margin-bottom:10px}.case-scenes .cp-real-photo,.case-scenes .cp-room-image{max-height:none;aspect-ratio:1.2;object-fit:cover}.case-scenes .cp-social-art{gap:28px}.case-scenes .cp-food-trio,.case-scenes .cp-poster-trio{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.case-scenes .cp-social-art img{max-height:none;height:auto;object-fit:contain}.case-scenes .cp-oktober-art{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.case-scenes .cp-oktober-web{grid-column:1/-1}.case-scenes .cp-oktober-post{grid-row:span 2}.case-scenes .cp-oktober-art .cp-zoom img{max-height:none;object-fit:contain}.case-scenes .cp-oktober-reality{order:2;grid-template-columns:1fr;gap:24px;margin-top:10px}.case-scenes .cp-oktober-reality h4{font-size:12vw}.case-scenes .cp-roll-set{gap:8px}.case-scenes .cp-folder{gap:8px}.case-scenes .cp-menu-stack{gap:7px}.case-scenes .cp-menu-stack .cp-asset-label{margin-top:30px}.case-scenes .cp-responsibility{order:1;font-size:20px;gap:16px}.case-scenes .dyn-name-top{flex-direction:column;gap:0}.case-scenes .dyn-name-top p{font-size:16px}.case-scenes .dyn-word{font-size:19vw}.case-scenes .dyn-name-bottom{flex-direction:column;gap:10px}.case-scenes .dyn-product-main{max-height:420px}.case-scenes .product-line{gap:14px}.case-scenes .product-line img{height:32vw}.case-scenes .product-line figcaption{font-size:16px}.case-scenes .game-caption{order:0}.case-scenes .game-preview{order:1}.case-scenes .game-action{order:0}.case-scenes .game-full{order:1}.case-scenes .game-action h4{max-width:none}.case-scenes .task-words{order:1;gap:16px}.case-scenes .task-words span{font-size:10vw}.case-scenes .off-brand{flex-direction:column;align-items:start;gap:14px;margin-bottom:0}.case-scenes .off-brand img{width:80%}.case-scenes .off-build-labels{order:1;font-size:23px;gap:16px}.case-scenes .off-tool-heading{order:0}.case-scenes .off-dashboard{order:1}.case-end{padding:24px 22px;gap:12px;align-items:start}.case-end p{flex-basis:100%}.case-end a,.case-end button{font-size:14px;line-height:1.5}.case-end button{margin-left:auto}}
.motion-reduced .case-cover-image,.motion-reduced .case-open i{transition:none;transform:none!important}
@media(prefers-reduced-motion:reduce){.case-cover-image,.case-open i{transition:none;transform:none!important}}

/* Normal-size copy on red panels retains at least 4.5:1 contrast. */
.case-scenes .game-site,.case-scenes .off-product{background:#c82e23;color:#fff}

.case-scenes .cp-foot,.case-scenes .frame-foot{opacity:1}