/* Home: a single row of selected cases from projects, after the Decision OS claim. Two tiles in view, the third peeking; same rail grammar as the Application, Product and Insights pages. */
.home-proposal #main #cases .equal-intro{align-items:start}
.hi-cases-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 14px}
.home-proposal #main .hi-cases-count{margin:0;font-size:var(--type-caption);line-height:1.6;color:var(--muted)}
.hi-cases-buttons{display:flex;gap:8px}
.hi-cases-buttons[hidden]{display:none}
.hi-cases-buttons button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ink);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
.hi-cases-buttons svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hi-cases-buttons button:hover:not(:disabled){background:var(--ink);color:var(--paper)}
.hi-cases-buttons button:disabled{opacity:.32;cursor:default}
.hi-cases-buttons button:focus-visible{outline:2px solid var(--lavender-ink);outline-offset:3px}
.hi-cases-rail{display:flex;gap:28px;list-style:none;margin:0;padding:3px 3px 20px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:3px;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;-webkit-overflow-scrolling:touch}
.hi-cases-rail::-webkit-scrollbar{height:5px}
.hi-cases-rail::-webkit-scrollbar-track{background:transparent}
.hi-cases-rail::-webkit-scrollbar-thumb{background:var(--muted);border-radius:3px}
.hi-cases-rail:focus-visible{outline:2px solid var(--lavender-ink);outline-offset:6px}
.hi-case{position:relative;flex:0 0 calc(46% - 14px);min-width:0;scroll-snap-align:start;scroll-margin-inline:3px}
.hi-case>article{position:relative;display:grid;gap:14px}
.hi-case-media{position:relative;margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--card-radius,10px);overflow:hidden}
.hi-case-media .media-player{display:contents;color:var(--ink)}
.hi-case-media video{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:contain;background:var(--surface)}
.hi-case-media .media-player-toolbar{position:absolute;right:10px;bottom:10px;z-index:2;min-height:0;padding:0;gap:0;border:0;background:transparent}
.hi-case-media .media-player .media-player-button{min-width:0;min-height:36px;padding:6px 12px;border:1px solid #1e2a2433;border-radius:999px;background:#f9faf7e6;color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hi-case-media .media-player .media-player-button:hover{background:var(--ink);color:var(--paper)}
.hi-case-media .media-player .media-player-button:focus-visible{outline:2px solid var(--lavender-ink);outline-offset:2px}
.hi-case-media .media-player .media-player-replay{display:none}
.hi-case-media .media-player.has-media-error .media-player-status{position:absolute;left:12px;bottom:12px;right:120px;padding:0;color:var(--muted);font-size:var(--type-caption)}
.hi-case-copy{display:grid;gap:6px;min-width:0}
.home-proposal #main .hi-case-meta{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0;font-size:var(--type-caption);line-height:1.6;color:var(--muted)}
.hi-case-meta>span+span::before{content:"·";margin-right:8px;color:#879187}
.hi-case-meta>span+span{color:var(--sage-ink)}
.home-proposal #main .hi-case-copy h3{margin:0;font:400 22px/1.3 var(--font-sans);letter-spacing:-.02em}
.hi-case-copy h3 a{text-decoration:none;color:var(--ink)}
.hi-case-copy h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.hi-case-copy h3 a::before{content:"→";margin-left:10px;color:var(--muted);transition:transform .2s,color .2s;display:inline-block;float:right}
.hi-case:hover h3 a{color:var(--lavender-ink)}
.hi-case:hover h3 a::before{color:var(--lavender-ink);transform:translateX(3px)}
.hi-case-copy h3 a:focus-visible{outline:none}
.hi-case:has(h3 a:focus-visible)>article{outline:2px solid var(--lavender-ink);outline-offset:8px;border-radius:2px}
.home-proposal #main .hi-case-copy>p{margin:0;font-size:var(--type-compact,17px);line-height:1.55;color:var(--muted)}
.home-proposal #main .hi-cases .equal-caption{margin-top:8px}
@media(max-width:1100px){.hi-case{flex-basis:calc(54% - 14px)}}
@media(max-width:760px){
  .hi-cases-bar{margin:24px 0 12px}
  .hi-cases-rail{gap:18px}
  .hi-case{flex-basis:86%}
  .home-proposal #main .hi-case-copy h3{font-size:20px}
  .home-proposal #main .hi-case-copy>p{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.hi-case-copy h3 a::before{transition:none}}