/* Use cases follow ADETERA's existing black-and-gold visual language. */
.use-cases-page{color-scheme:dark}
.use-cases-page main [id]{scroll-margin-top:106px}
.use-cases-page .site-header{background:rgba(5,5,5,.97);border-bottom:1px solid var(--line)}
.use-cases-page .desktop-nav a[aria-current],.use-cases-page .desktop-nav a.is-current,.use-cases-page .mobile-nav a[aria-current],.use-cases-page .mobile-nav a.is-current{color:var(--gold-light)}
.use-cases-page .menu-toggle:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}
.use-cases-page .button{white-space:normal;text-align:center;line-height:1.6;gap:18px;padding:14px 23px}
.use-cases-page .button-primary{animation:none;min-width:0}
.use-cases-page .hero-actions{flex-wrap:wrap;margin-top:30px}
.case-shell{width:min(1420px,91vw);margin-inline:auto}
.case-breadcrumb{padding:115px 0 24px}
.case-breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0;padding:0;list-style:none}
.case-breadcrumb li{font-size:12px;line-height:1.7;color:var(--muted)}
.case-breadcrumb li+li:before{content:"/";color:var(--gold);margin-right:12px}
.case-breadcrumb a{text-decoration:none}
.case-breadcrumb a:hover{color:var(--gold-light)}
.case-breadcrumb [aria-current="page"]{color:var(--gold-light)}
.case-hero{padding:35px 0 42px;max-width:1130px}
.case-hero .eyebrow{line-height:1.7;letter-spacing:.17em;margin-bottom:18px}
.case-hero h1{font-size:clamp(38px,5.1vw,70px);line-height:1.09;letter-spacing:-.04em;max-width:1080px;margin-bottom:26px}
.case-deck{font-size:clamp(18px,1.6vw,21px);font-weight:350;line-height:1.65;color:#d3cbbb;max-width:960px;margin-bottom:20px}
.case-finding{border-left:2px solid var(--gold);padding:2px 0 2px 22px;max-width:940px;margin-top:30px}
.case-finding .eyebrow{margin-bottom:7px}
.case-finding p:last-child{font-size:16px;color:#b6b1a7;line-height:1.75;margin:0}
.case-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line);margin:0 0 38px}
.case-summary>div{padding:24px}
.case-summary>div+div{border-left:1px solid var(--line)}
.case-summary dt{font-size:10px;line-height:1.7;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);margin-bottom:8px}
.case-summary dd{font-size:17px;line-height:1.5;margin:0;color:#e1dcd2}
.case-figure{margin:0 0 62px}
.case-image-link{display:block;border:1px solid var(--gold-line);background:#000;cursor:zoom-in}
.case-image-link img{width:100%;height:auto}
.case-figure figcaption{max-width:1100px;color:#b6b1a7;font-size:13px;line-height:1.7;margin-top:14px}
.case-image-action{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:4px;color:var(--gold-light);font-size:13px;text-underline-offset:5px}
.case-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 64px;padding-bottom:64px}
.case-scene{border-top:1px solid var(--gold-line);padding-top:28px;min-width:0}
.case-scene .eyebrow{line-height:1.7;letter-spacing:.16em;margin-bottom:17px}
.case-scene h2{font-size:clamp(25px,2.1vw,31px);line-height:1.22;letter-spacing:-.025em;font-weight:550;margin-bottom:24px;max-width:620px}
.case-scene p:not(.eyebrow){font-size:16px;line-height:1.8;color:#bbb7af;margin-bottom:18px}
.case-scene p:last-child{margin-bottom:0}
.case-outcome{border:1px solid var(--gold-line);border-top:2px solid var(--gold);background:linear-gradient(125deg,rgba(209,167,68,.055),#0b0b0b 68%);padding:34px 38px;margin-bottom:56px}
.case-outcome .eyebrow{margin-bottom:16px}
.case-outcome h2,.case-contact h2{font-size:clamp(28px,2.8vw,39px);line-height:1.2;letter-spacing:-.03em;font-weight:550;margin-bottom:18px;max-width:1000px}
.case-outcome p:not(.eyebrow),.case-contact p:not(.eyebrow){max-width:950px;color:#b6b1a7;font-size:16px;line-height:1.8;margin-bottom:0}
.case-contact{padding:48px 0 65px;border-top:1px solid var(--line)}
.case-text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;color:var(--gold-light);font-size:15px;line-height:1.6;text-underline-offset:5px}
.case-hub-intro{padding-bottom:48px}
.case-hub-intro .case-deck{max-width:920px}
.case-list{padding-bottom:64px}
.case-card{display:grid;grid-template-columns:1.05fr 1fr;gap:0;border:1px solid var(--gold-line);background:#090909;transition:border-color .2s ease,background-color .2s ease}
.case-card+.case-card{margin-top:32px}
.case-card:focus-within{border-color:var(--gold);background:#0c0b09}
.case-card-visual{align-self:center;padding:18px}
.case-card-visual a{display:block}
.case-card-visual img{width:100%;height:auto}
/* Visible images receive an occasional light pass; one overlay also serves interaction. */
.case-image-link,.case-card-visual a{position:relative;overflow:hidden}
@media(prefers-reduced-motion:no-preference){
  .case-image-link:after,.case-card-visual a:after{content:"";position:absolute;top:-10%;bottom:-10%;left:0;width:40%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(227,184,98,.035) 34%,rgba(243,207,114,.11) 50%,rgba(227,184,98,.035) 66%,transparent);opacity:0;transform:translateX(-150%) skewX(-18deg)}
  .case-image-link.case-sheen-active:after,.case-card-visual a.case-sheen-active:after{animation:caseGoldSheenOccasional 14s linear infinite}
  .case-image-link:focus-visible:after,.case-card-visual a:focus-visible:after{animation:caseGoldSheen 1.15s ease-out 1 both}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .case-image-link:hover:after,.case-card-visual a:hover:after{animation:caseGoldSheen 1.15s ease-out 1 both}
}
.case-image-link.case-sheen-paused:after,.case-card-visual a.case-sheen-paused:after{animation:none;opacity:0}
@keyframes caseGoldSheen{
  0%{opacity:0;transform:translateX(-150%) skewX(-18deg)}
  15%,75%{opacity:1}
  100%{opacity:0;transform:translateX(400%) skewX(-18deg)}
}
@keyframes caseGoldSheenOccasional{
  0%,18%{opacity:0;transform:translateX(-150%) skewX(-18deg)}
  19.2%,24.2%{opacity:1}
  26.215%,100%{opacity:0;transform:translateX(400%) skewX(-18deg)}
}
.case-card-copy{padding:40px 38px;align-self:center;min-width:0}
.case-card-copy .eyebrow{line-height:1.7;letter-spacing:.15em;margin-bottom:18px}
.case-card-copy h2{font-size:clamp(27px,2.65vw,39px);line-height:1.18;letter-spacing:-.035em;font-weight:550;margin-bottom:21px}
.case-card-copy h2 a{text-decoration:none}
.case-card-copy h2 a:hover{color:var(--gold-light)}
.case-card-copy p:not(.eyebrow){font-size:16px;line-height:1.8;color:#bbb7af;margin-bottom:20px}
.case-card-copy p.case-card-benefit{color:#d3cbbb}
.case-card-copy .case-card-note{font-size:12px!important;color:var(--muted)!important;margin-top:20px;margin-bottom:0!important}
.case-card-details{margin:0 0 14px;border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line)}
.case-card-details summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;padding:10px 0;list-style:none;cursor:pointer;color:var(--gold-light);font-size:14px;line-height:1.6}
.case-card-details summary::-webkit-details-marker{display:none}
.case-card-details summary:after{content:"+";flex:none;font-size:20px;line-height:1;width:20px;text-align:center}
.case-card-details[open] summary:after{content:"−"}
.case-card-details summary:focus-visible{outline:2px solid var(--gold-light);outline-offset:5px}
.case-card-details dl{margin:0;padding:2px 0 19px}
.case-card-details dl>div+div{margin-top:15px}
.case-card-details dt{font-size:10px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-light);margin-bottom:4px}
.case-card-details dd{margin:0;color:#bbb7af;font-size:14px;line-height:1.7}
.case-no-script-nav{padding:18px;border:1px solid var(--gold-line);display:flex;flex-wrap:wrap;gap:16px;font-size:14px;margin-bottom:20px}
.use-cases-page .site-footer{color:var(--muted)}
.use-cases-page .site-footer>div{flex-wrap:wrap}
@media(max-width:1050px){
  .case-breadcrumb{padding-top:101px}
  .case-card-copy{padding:28px}
  .case-scenes{gap:36px}
}
@media(max-width:760px){
  .case-hero{padding-top:22px;padding-bottom:30px}
  .case-hero h1{letter-spacing:-.035em}
  .case-finding{padding-left:17px;margin-top:23px}
  .case-summary{grid-template-columns:1fr;margin-bottom:26px}
  .case-summary>div{padding:17px 0}
  .case-summary>div+div{border-left:0;border-top:1px solid var(--line)}
  .case-summary dd{font-size:16px}
  .case-figure{margin-bottom:36px}
  .case-scenes{grid-template-columns:1fr;gap:29px;padding-bottom:38px}
  .case-scene{padding-top:24px}
  .case-scene h2{font-size:27px;margin-bottom:19px}
  .case-outcome{padding:26px 23px;margin-bottom:35px}
  .case-card{grid-template-columns:1fr}
  .case-card-visual{padding:12px 12px 0}
  .case-card-copy{padding:25px 23px 29px}
  .case-list{padding-bottom:44px}
  .case-contact{padding:34px 0 48px}
}
@media(hover:hover){
  .case-card:hover{border-color:var(--gold);background:#0c0b09}
  .case-card-details summary:hover{color:#fff2ce}
}
@media(prefers-reduced-motion:reduce){
  .use-cases-page .button,.use-cases-page .site-header,.use-cases-page .mobile-nav,.case-card{transition:none}
  .case-image-link:after,.case-card-visual a:after{content:none;animation:none}
}