/* Product references: keep real UI legible within the portfolio's existing system. */
.reference-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem 1.5rem;margin-top:1.5rem}
.reference-actions a{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;font-weight:700;text-underline-offset:5px}
.reference-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:5%;min-width:0;overflow:hidden;padding:2rem 2rem 3.8rem;background:radial-gradient(ellipse at 20% 20%,#f8d2d9,transparent 60%),linear-gradient(135deg,#e9e4f6,#cec6ee)}
.reference-stage.reference-stage--drugfree{background:radial-gradient(ellipse at 75% 20%,#42635c,transparent 65%),#0c211f}
.reference-stage .reference-phone{display:block;width:36%;height:auto;max-height:none;aspect-ratio:945/2048;object-fit:contain;border:5px solid #141618;border-radius:24px;box-shadow:0 14px 28px #0003;transform:none;transition:none;background:#141618}
.case-study-visual:hover .reference-stage .reference-phone{transform:none;filter:none}
.reference-stage .reference-phone:nth-child(2){margin-top:12%}
.case-card-visual.reference-stage{aspect-ratio:16/10;padding-block:1.4rem 3.8rem}
.case-card-visual.reference-stage .reference-phone{width:28%;border-width:3px;border-radius:18px}
.case-hero-media.reference-stage{aspect-ratio:auto;min-height:570px}
.case-hero-media.reference-stage::after,.case-card-visual.reference-stage::after{display:none}
.case-hero-media.reference-stage .reference-phone{width:40%;max-width:255px}
.reference-stage figcaption{gap:.75rem}
.reference-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.reference-gallery figure,.reference-platforms figure,.reference-web{min-width:0;margin:0}
.reference-gallery a,.reference-platforms a,.reference-web>a{display:block;border:1px solid #b9bdb5;border-radius:18px;overflow:hidden;background:#131516}
.reference-gallery img{display:block;width:100%;height:auto}
.reference-gallery figcaption,.reference-platforms figcaption,.reference-web figcaption{padding:1rem 0;color:var(--muted);font-size:.9rem;line-height:1.55}
.reference-gallery figcaption strong,.reference-platforms figcaption strong{display:block;margin-bottom:.35rem;color:var(--ink);font-size:1rem}
.reference-platforms{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:1.5rem;align-items:start}
.reference-platforms img,.reference-web img{display:block;width:100%;height:auto}
.reference-wide-section{padding-block:3rem}
.reference-wide-section>.case-section-heading{max-width:780px;margin-bottom:2rem}
.reference-wide-section>.case-section-heading p{margin-top:1rem;line-height:1.6;color:var(--muted)}
.reference-decision-list{display:grid;gap:1.3rem;counter-reset:decision}
.reference-decision-list article{padding:1.5rem;background:#f0eee5;border:1px solid #c6c9be;border-radius:14px}
.reference-decision-list h3{font-size:1.2rem;line-height:1.25;margin:0 0 .6rem}
.reference-decision-list p{line-height:1.6;margin:0;color:var(--muted)}
.reference-web{margin-top:1.75rem}
.reference-note{font-size:.82rem!important;line-height:1.5;color:var(--muted)}
.reference-badges{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;background:#112725;border-radius:18px}
.reference-badges img{width:calc((100% - 2rem)/3);height:auto;max-width:230px}
.reference-backlinks{display:flex;flex-wrap:wrap;gap:1rem 2rem}
@media(max-width:58rem){
 .case-hero-media.reference-stage{min-height:0;padding:1.5rem 1.25rem 4rem}
 .reference-gallery{gap:.9rem}
 .reference-platforms{grid-template-columns:1fr 1fr}
}
@media(max-width:40rem){
 .reference-gallery{grid-template-columns:1fr;gap:1.5rem}
 .reference-gallery figure{max-width:330px;margin-inline:auto;width:100%}
 .reference-platforms{grid-template-columns:1fr}
 .reference-platforms figure:first-child{max-width:420px;margin-inline:auto}
 .case-hero-media.reference-stage .reference-phone{width:43%;border-width:3px;border-radius:18px}
 .reference-stage{gap:5%}
 .reference-actions{gap:.5rem 1.2rem}
 .reference-wide-section{padding-block:2rem}
 .reference-decision-list article{padding:1.2rem}
}

.reference-hero .case-hero-copy h1{max-width:none}
.reference-hero .case-hero-copy h1 span{display:block}

/* Secondary app references: detailed product imagery lives in the case pages. */
.case-related-work{min-width:0;align-self:center;padding:clamp(1.25rem,2.5vw,2.25rem)}
.case-related-work>.eyebrow{margin:0 0 1.25rem;color:var(--muted)}
.case-related-entry{padding:1.5rem 0;border-top:1px solid var(--line-strong);scroll-margin-top:7rem}
.case-related-entry:last-child{padding-bottom:0}
.case-related-entry h3{margin:0;font-family:var(--font-display);font-size:clamp(2rem,2.8vw,2.65rem);font-weight:400;letter-spacing:-.025em;line-height:1.1}
.case-related-entry p{max-width:43ch;margin:.7rem 0 0;color:var(--ink-soft);font-size:.95rem;line-height:1.6}
.case-related-entry .case-link{margin-top:.65rem;min-height:44px}
@media(max-width:68rem){.case-related-work{padding:1.5rem 0 0}}