/* Authored case content in the current portfolio's type and colour systems. */
.original-case{--text:var(--wine);--muted:var(--wine);--bg:var(--pink);--surface:#15191d;--surface-2:var(--paper);--accent:var(--violet);--accent-dim:var(--wine);--font-serif:var(--font-display);--t-micro:10px;--t-meta:12px;--t-lead:clamp(28px,3.4vw,52px);--t-display:clamp(44px,5vw,72px);font-family:var(--font-body);min-width:0}
.original-case-opening{padding:72px 0 var(--case-space);border-bottom:1px solid var(--line)}
.original-case .original-case-heading{max-width:1100px}
.original-case .page-title{max-width:100%;overflow-wrap:anywhere}
.original-case .case-meta{font:400 11px/1.6 var(--font-mono);letter-spacing:.035em;text-transform:uppercase}
.original-case .spec{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;font-size:12px;line-height:1.6}
.original-case .kf{width:7px;height:7px;fill:currentColor;flex-shrink:0;opacity:.5}
.original-case>section{padding:var(--case-space) 0;border-bottom:1px solid var(--line);scroll-margin-top:128px;min-width:0}
.original-case>section:last-child{border-bottom:0}
.original-case .section-label{font:var(--display-weight) clamp(26px,2.7vw,38px)/1.1 var(--font-display);letter-spacing:var(--display-tracking);text-transform:var(--display-case);margin:0 0 24px}
.original-case .case-h{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:1.12;margin-bottom:22px;max-width:28ch}
.original-case .case-prose{padding:0;gap:16px;max-width:900px;margin-bottom:28px}
.original-case .case-prose p{font-size:15px;line-height:1.8;max-width:74ch;margin:0}
.original-case .case-prose p+p{margin:0}
.original-case .case-fig figcaption,.original-case .case-lot figcaption{font-family:var(--font-mono);font-size:10px;line-height:1.7;letter-spacing:.015em;opacity:.8}
.original-case .video-frame,.original-case .case-shot,.original-case .asp-pic,.original-case .feed-stage{border-radius:10px}
.original-case .case-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin:0}
.original-case .case-facts>div{grid-template-columns:110px minmax(0,1fr);padding:16px 0;align-items:baseline}
.original-case .case-facts dt{font-size:10px;font-weight:400}
.original-case .case-facts dd{margin:0;font-size:13px;overflow-wrap:anywhere}
.original-case .case-fig-k{font-family:var(--font-display);font-weight:var(--display-weight)}
.original-case .case-figs{padding-left:0}
.original-case .cell{position:relative;overflow:hidden;background:#15191d;border:1px solid var(--line);border-radius:10px}
.original-case .cell.light{background:#fff}
.original-case .anim svg{display:block;width:100%;height:100%}
.original-case .wall-controls{gap:8px;margin-bottom:24px}
.original-case .wall-controls button{font:600 12px/1.5 var(--font-body);text-transform:none;letter-spacing:0;min-height:44px;padding:10px 18px;background:var(--paper);color:var(--wine);border:1px solid var(--line);border-radius:999px}
.original-case .wall-controls button[aria-pressed=true]{color:var(--paper);background:var(--wine);border-color:var(--wine)}
.original-case .live-note{font:400 10px/1.7 var(--font-mono);margin-bottom:16px}
.original-case .asp{--asp-w:560px;gap:16px;width:100%;font-family:var(--font-body)}
.original-case .asp-tabs{grid-template-columns:repeat(var(--asp-n,3),minmax(0,1fr));width:var(--switch-width,234px);max-width:100%;border:1px solid var(--line);padding:5px;background:transparent;border-radius:999px;isolation:isolate}
.original-case .asp-thumb{top:5px;left:5px;width:calc((100% - 10px)/var(--asp-n,3));height:calc(100% - 10px);background:var(--wine);box-shadow:none;z-index:-1}
.original-case .asp-tab{display:flex;justify-content:center;align-items:center;gap:7px;height:38px;min-width:0;color:var(--wine);font:600 12px/1.4 var(--font-body)}
.original-case .asp-tab svg{width:17px;height:17px;flex-shrink:0}
.original-case .asp-tab[aria-checked=true]{color:var(--paper)}
.original-case .asp-tab:hover{color:var(--violet)}
.original-case .asp-tab[aria-checked=true]:hover{color:var(--paper)}
.original-case .asp-tabs[data-off]{opacity:.65}
.original-case .asp-tabs[data-off]:hover,.original-case .asp-tabs[data-off]:focus-within{opacity:1}
.original-case .asp.ground .asp-tabs{--switch-width:148px}
.original-case .asp.ratio .asp-tabs{--switch-width:188px}
.original-case .asp-axes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 24px;align-items:start;width:100%;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}
.original-case .asp-axis{display:grid;gap:8px;min-width:0}
.original-case .asp-axis-name{font:400 10px/1.5 var(--font-mono);text-align:left;text-transform:uppercase;letter-spacing:.035em}
.original-case .asp-axes .asp-tabs{width:100%;background:var(--pink)}
.original-case .asp-axes .asp-tab{height:38px}
.original-case .asp-fig:has(.asp-axes){grid-column:1/-1;max-width:720px;width:100%}
.original-case .asp-fig:has(.asp-axes) .asp{max-width:none}
.original-case .feed-arrow{width:44px;height:44px;background:var(--paper);color:var(--wine);border:1px solid var(--line);backdrop-filter:none}
.original-case .feed-count{background:var(--paper);color:var(--wine);border:1px solid var(--line);padding:5px 10px;backdrop-filter:none}
.original-case .feed-dot{width:32px;height:32px}
.original-case .feed-dots{margin-top:8px}
.original-case button:focus-visible{outline:2px solid var(--violet);outline-offset:4px}
@media(min-width:1100px){.original-case>section:has(>.case-prose){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);column-gap:clamp(32px,5vw,80px)}.original-case>section>.section-label{grid-column:1}.original-case>section>.case-h{grid-column:1;grid-row:2}.original-case>section>.case-prose{grid-column:2;grid-row:1/span 2;align-self:start}.original-case>section>:not(.section-label):not(.case-h):not(.case-prose){grid-column:1/-1}.original-case>section>.case-prose+.video-grid,.original-case>section>.case-prose+.case-set,.original-case>section>.case-prose+.case-fig{margin-top:8px}}
@media(max-width:700px){.original-case .page-title{font-size:calc(clamp(46px,11vw,76px)*var(--hero-scale));margin-bottom:20px}.original-case .case-facts{grid-template-columns:minmax(0,1fr)}.original-case .case-facts>div{grid-template-columns:96px minmax(0,1fr)}.original-case .case-prose p{font-size:14px}.original-case .asp-axes{padding:18px;gap:16px}.original-case .asp-axes .asp-tab{gap:4px;font-size:11px}.original-case .asp-axes .asp-tab svg{display:none}.original-case .case-lotties.icons{max-width:100%}.original-case>section{scroll-margin-top:110px}}
@media(max-width:400px){.original-case .asp-axes{grid-template-columns:1fr}.original-case .asp-axis{grid-template-columns:85px minmax(0,1fr);align-items:center;gap:8px}.original-case .asp-axes .asp-tab svg{display:block}.original-case .asp-axes{padding:14px;gap:12px}.original-case .wall-controls button{padding:10px 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.original-case *, .original-case *::before{scroll-behavior:auto;transition-duration:0s!important}}
/* The creative test occupies the full final row, above the paired-item fallback. */
.original-case .video-grid.pair>.case-fig.asp-fig:last-child:has(.asp-axes){width:100%;max-width:720px;grid-column:1/-1}
@media(max-width:400px){.original-case .asp-axes .asp-tab svg{display:none}}

/* Match the full Posh opening: title left; card, deck and facts right. */
.original-case .case-eyebrow{font:400 11px/1.55 var(--font-mono);text-transform:uppercase;letter-spacing:.035em}
.original-case .case-opening-aside .case-deck{font-size:clamp(16px,1.55vw,23px);line-height:1.5;margin:0;max-width:460px}
.original-case .case-meta-grid{margin:0;min-width:0}
.original-case .case-meta-grid>div{min-width:0}
.original-case .case-meta-grid dt{font:400 9px/1.5 var(--font-mono);text-transform:uppercase;margin:0 0 5px}
.original-case .case-meta-grid dd{font-size:12px;line-height:1.6;margin:0;overflow-wrap:anywhere}
.original-case .case-meta-grid dd a{border-bottom:1px solid var(--line)}
.original-case .case-meta-grid dd a:hover{color:var(--violet);border-color:currentColor}
.original-case .case-scope .kf{display:inline-block;width:6px;height:6px;margin:0 3px;vertical-align:middle}
@media(max-width:700px){.original-case-opening{padding-top:40px}.original-case .case-eyebrow{font-size:8px}.original-case .page-title{margin:22px 0 0;line-height:.95}.original-case .case-opening-aside .case-deck{font-size:17px}}