.sangre-showcase{--sangre-bg:#161b18;--sangre-text:#eef1ec;--sangre-accent:#afc8ad;background:var(--sangre-bg);height:100dvh;min-height:100dvh;position:relative}.sangre-showcase iframe{border:0;width:100%;height:100%;display:block}.sangre-showcase__skip{z-index:2;background:var(--sangre-bg);color:var(--sangre-text);padding:12px 20px;position:absolute;top:20px;left:20px;transform:translateY(-180%)}.sangre-showcase__skip:focus{outline:2px solid var(--sangre-accent);transform:none}.sangre-showcase__poster{z-index:1;background:var(--sangre-bg);color:var(--sangre-text);pointer-events:none;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;padding:8vw;transition:opacity .35s,visibility .35s;display:grid;position:absolute;inset:0}.sangre-showcase__title{letter-spacing:-.06em;margin:0 0 24px;font-size:clamp(48px,6vw,90px);line-height:1.05}.sangre-showcase__poster img{object-fit:contain;width:100%;height:auto;max-height:76dvh}.sangre-showcase__poster a{border-bottom:1px solid var(--sangre-accent);pointer-events:auto;align-items:center;min-height:44px;margin-top:24px;display:inline-flex}.sangre-showcase[data-status=ready] .sangre-showcase__poster{opacity:0;visibility:hidden}.sangre-case-study{display:none}.sangre-case-study:target{display:block}.project--sangre:has(.sangre-case-study:target) .sangre-showcase{display:none}.sangre-case-nav{z-index:2;background:var(--project-paper);border-bottom:1px solid var(--project-line);justify-content:space-between;align-items:center;gap:20px;padding:16px 5vw;display:flex;position:sticky;top:0}.sangre-case-nav a{min-height:44px;color:inherit;align-items:center;text-decoration:none;display:inline-flex}.sangre-case-nav a:hover{text-decoration:underline}.sangre-case-nav a:focus-visible{outline-offset:4px;outline:2px solid}.sangre-case-nav nav{align-items:center;gap:32px;display:flex}.sangre-case-study .project-brief{padding-top:100px}.sangre-case-study .sangre-case-intro{color:var(--project-muted);padding-top:10px;font-size:14px;line-height:1.8}.sangre-case-intro p+p{margin-top:24px;font-size:13px}.project--sangre .sangre-case-study .project-brief h2{letter-spacing:-.045em;max-width:none;font-size:clamp(36px,3.4vw,58px);line-height:1.15}.project--sangre:not(.project--en) .sangre-case-study .project-brief h2 span{white-space:nowrap}@media (width<=767px){.sangre-showcase__poster{grid-template-columns:1fr;align-content:center;gap:24px;padding:100px 24px 40px}.sangre-showcase__poster img{max-height:42dvh}.sangre-case-nav{gap:12px;padding:10px 20px;font-size:13px}.sangre-case-nav nav{gap:20px}.sangre-case-study .project-brief{padding-top:60px}}@media (prefers-reduced-motion:reduce){.sangre-showcase__poster{transition:none}}
