/* Case study: the same visual language on home, archive and project. */
.wae-site .wae-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;align-items:stretch}
.wae-case-grid>*{min-width:0}.wae-case-card{border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--bg));border-radius:22px;padding:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s}
.wae-case-cover{position:relative;display:block;aspect-ratio:17/10;overflow:hidden;border-radius:15px;background:var(--surface2);isolation:isolate}
.wae-case-cover-link{display:block;width:100%;height:100%}.wae-case-cover :is(img,video){display:block;width:100%;height:100%;object-fit:var(--wae-case-fit,cover);object-position:var(--wae-case-position,center)}
.wae-case-cover img{transition:transform .6s}.wae-case-cover-placeholder{height:100%;display:grid;place-items:center;padding:24px;color:var(--lime);font-size:28px}
.wae-case-cover::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#09090c99,transparent 45%)}
.wae-case-cover.is-playing::after{display:none}.wae-case-cover [hidden]{display:none!important}.wae-case-video{position:absolute;inset:0;z-index:2}
.wae-case-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;border:2px solid #ffffff99;background:#1118;color:#fff;display:grid;place-items:center;font:27px/1 sans-serif;padding:0;cursor:pointer;transition:background .2s,scale .2s}.wae-case-play:hover{background:#111c;scale:1.06}.wae-case-play span{padding-left:4px}
.wae-case-play:focus-visible,.wae-case-share:focus-visible,.wae-case-video-close:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.wae-case-video-close{position:absolute;right:10px;top:10px;z-index:3;width:36px;height:36px;border-radius:50%;border:1px solid #fff8;background:#111b;color:white;font-size:24px;cursor:pointer;padding:0;line-height:1}
.wae-case-views{position:absolute;z-index:1;left:12px;bottom:15px;padding:8px 12px;color:white;background:#0a0a0bbd;border:1px solid #ffffff50;border-radius:9px;font-size:14px;line-height:1.3;font-weight:700;pointer-events:none}.is-playing .wae-case-views{visibility:hidden}
.wae-case-card-body{padding:18px 6px 6px;flex:1;display:flex;flex-direction:column;gap:16px}.wae-case-brand{display:flex;gap:13px;align-items:center;min-width:0}.wae-case-brand>div{min-width:0}
.wae-case-brand :is(h2,h3){font:700 clamp(24px,2.3vw,32px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:0 0 6px;overflow-wrap:anywhere}.wae-case-brand p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.wae-case-mark{flex:0 0 50px;width:50px;height:50px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:var(--surface2);font:700 21px/1 'Space Grotesk',sans-serif;overflow:hidden}.wae-case-mark img{width:100%;height:100%;object-fit:contain;padding:5px}
.wae-case-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.wae-case-stat{display:flex;align-items:center;gap:10px;padding:12px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);min-width:0;min-height:73px}.wae-case-stat>div{min-width:0}.wae-case-stat svg{width:24px;height:24px;flex:0 0 24px;color:var(--lime)}.wae-case-stat b{display:block;font-size:clamp(16px,1.5vw,21px);line-height:1.15;overflow-wrap:anywhere}.wae-case-stat small{font-size:11px;color:var(--muted)}
.wae-case-social{display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:13px;line-height:1.5}.wae-case-social span{display:inline-flex;align-items:center;gap:5px}.wae-case-social strong{color:var(--text);font-size:15px}.wae-case-social svg{width:17px;height:17px;flex:0 0 17px;color:var(--muted)}.wae-case-social small{font-size:11px}
.wae-case-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:0}.wae-case-share{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);font:700 12px/1.3 'DM Sans',sans-serif;padding:8px 12px;cursor:pointer;white-space:nowrap;transition:border-color .2s,background .2s}.wae-case-share:hover{border-color:var(--lime);background:var(--surface2)}.wae-case-hint{font-size:12px;color:var(--muted);flex:1 1 160px;line-height:1.5}.wae-case-share-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.wae-case-page.e-con{max-width:1240px;margin-inline:auto}.wae-case-page .elementor-widget{min-width:0}.wae-case-overview{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start}
.wae-case-hero-media{border:1px solid var(--line);border-radius:22px}.wae-case-overview-info{padding:24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,var(--surface),var(--bg));display:flex;flex-direction:column;gap:20px;min-width:0}.wae-case-overview-info .wae-case-actions{gap:12px}.wae-case-overview-info .wae-case-actions .wae-button{flex:1}.wae-case-overview-info .wae-case-hint{flex-basis:100%}.wae-case-overview-info .wae-case-stat{flex-direction:column;align-items:flex-start}
.wae-case-story{max-width:900px}.wae-case-story h2{margin-top:36px}.wae-case-page .elementor-widget-text-editor{max-width:900px;line-height:1.75}.wae-case-narrative h2{font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.04em}
@media(hover:hover){.wae-case-card:hover{transform:translateY(-4px);border-color:var(--lime)}.wae-case-card:hover .wae-case-cover:not(.is-playing) img{transform:scale(1.025)}}
@media(max-width:1000px) and (min-width:801px){.wae-case-actions .wae-case-hint{flex-basis:100%}.wae-case-stat{gap:7px;padding:10px 8px}.wae-case-stat svg{width:18px;height:18px;flex-basis:18px}}
@media(max-width:800px){.wae-site .wae-case-grid{grid-template-columns:1fr}.wae-case-overview{grid-template-columns:1fr;gap:18px}.wae-case-overview-info{padding:20px}.wae-case-card{padding:10px}.wae-case-stat{gap:7px;padding:10px 8px}.wae-case-stat svg{width:18px;height:18px;flex-basis:18px}}
@media(max-width:420px){.wae-case-stat{flex-direction:column;align-items:flex-start}.wae-case-card-body{padding:16px 4px 4px}.wae-case-actions{gap:10px}.wae-case-hint{flex-basis:100%}.wae-case-views{font-size:12px;padding:6px 9px;bottom:10px;left:10px}.wae-case-play{width:56px;height:56px;font-size:22px}}
@media(prefers-reduced-motion:reduce){.wae-case-card,.wae-case-cover img,.wae-case-play{transition:none}.wae-case-card:hover,.wae-case-card:hover .wae-case-cover img{transform:none}.wae-case-play:hover{scale:1}}
.wae-case-social .wae-case-reaction{fill:none}.wae-case-social .wb-icon-cutout{fill:var(--bg)}

.wae-site .wae-case-share{font:700 12px/1.3 "DM Sans",sans-serif;padding:8px 12px}.wae-site .wae-case-play{font:27px/1 sans-serif;padding:0}.wae-site .wae-case-video-close{font:24px/1 sans-serif;padding:0}
@media(max-width:420px){.wae-site .wae-case-play{font-size:22px}}
body.wae-site .wae-case-brand :is(h2,h3){font:700 clamp(24px,2.3vw,32px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:0 0 6px}
body.wae-site :is(.wae-case-card,.wae-case-overview) .wae-case-share{font:700 12px/1.3 'DM Sans',sans-serif;padding:8px 12px}
body.wae-site :is(.wae-case-card,.wae-case-overview) .wae-case-play{font:27px/1 sans-serif;padding:0}
body.wae-site :is(.wae-case-card,.wae-case-overview) .wae-case-video-close{font:24px/1 sans-serif;padding:0}
@media(max-width:420px){body.wae-site :is(.wae-case-card,.wae-case-overview) .wae-case-play{font-size:22px}}
/* Project page follows the prototype: intro, media + results, two story cards. */
body.wae-site .wae-case-page .wae-heading--split{display:block}
body.wae-site .wae-case-page .wae-heading-description{border:0;padding:0;margin-top:16px;max-width:1000px}
.wae-case-project-intro{display:flex;flex-direction:column;gap:16px;margin-bottom:30px}.wae-case-project-share{margin:0}.wae-case-project-share .wae-case-share{align-self:flex-start}
.wae-case-overview{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px}
.wae-case-hero-media{aspect-ratio:16/10}.wae-case-hero-media .wae-case-views{display:none}
.wae-case-overview-info{padding:26px;gap:16px}.wae-case-overview-info .wae-button{align-self:flex-start;margin-top:0}
body.wae-site .wae-case-results-title{font:700 32px/1.12 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0}
.wae-case-results-title .wae-accent{color:var(--lime)}.wae-case-results-description{font-size:15px;line-height:1.6;color:var(--muted);margin:0}
.wae-case-metrics{grid-template-columns:repeat(var(--wae-metric-columns,3),minmax(0,1fr))}
.wae-case-overview-info .wae-case-stat{align-items:center;text-align:center;gap:12px;padding:16px 10px;min-height:108px}
.wae-case-overview-info .wae-case-metrics{margin:2px 0 0}
body.wae-site .wae-case-narrative.e-con{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.wae-case-story-card{min-width:0;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.wae-case-story-card .elementor-widget{margin:0;min-width:0}
body.wae-site .wae-case-story-card :is(h2,h3){font:700 26px/1.15 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0}
.wae-case-story-card p{font-size:15px;line-height:1.65;color:var(--muted);margin:0}
@media(max-width:800px){.wae-case-overview{grid-template-columns:1fr;gap:20px}body.wae-site .wae-case-narrative.e-con{grid-template-columns:1fr}.wae-case-overview-info{padding:22px}.wae-case-project-intro{margin-bottom:24px}body.wae-site .wae-case-results-title{font-size:28px}}
body.wae-site .wae-case-page .wae-heading--page{display:block}
body.wae-site .wae-case-page .wae-case-story-card.e-con{border-radius:20px}
.wae-case-results-actions{width:100%;display:block;text-align:left}