.reference-header{display:flex;align-items:center;gap:32px;min-height:100px;border-bottom:1px solid var(--line)}
.reference-navigation{display:flex;gap:24px;margin-left:auto;font-size:14px}
.reference-navigation a{padding:14px 0}
.reference-navigation a:hover,.related-projects a:hover,.reference-footer a:hover{color:var(--orange)}
.reference-page{max-width:900px;padding-top:64px;padding-bottom:64px}
.reference-page h1{font-size:clamp(2.5rem,6vw,4.6rem);letter-spacing:-.04em;line-height:1.08;margin:0 0 24px;overflow-wrap:break-word}
.reference-page .eyebrow{margin-bottom:20px}
.reference-lead{max-width:720px;font-size:18px;line-height:1.8;color:#60685a;margin:0 0 32px}
.reference-cover{width:100%;height:auto;border:1px solid var(--preview-border);border-radius:var(--preview-radius);margin:32px 0 48px}
.reference-copy{display:grid;grid-template-columns:1.4fr 1fr;gap:48px}
.reference-page h2{font-size:25px;line-height:1.3;letter-spacing:-.6px;margin:0 0 16px}
.reference-copy p{line-height:1.8;margin:0;color:#60685a}
.reference-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:36px}
.reference-actions .text-link{min-height:44px;font-size:14px}
.related-projects{margin-top:64px;padding-top:32px;border-top:1px solid var(--line)}
.related-projects>div{display:flex;flex-wrap:wrap;gap:8px 24px}
.related-projects a{display:flex;align-items:center;gap:14px;min-height:44px;font-size:14px}
.reference-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px;font-size:12px;border-top:1px solid var(--line);padding-block:20px}
@media(max-width:620px){.reference-header{flex-wrap:wrap;gap:4px 16px;padding-block:16px}.reference-header .wordmark{font-size:26px}.reference-header .language-switcher{margin-left:auto}.reference-navigation{order:3;width:100%;margin-left:0;gap:24px}.reference-navigation a{padding:6px 0;min-height:36px}.reference-page{padding-top:36px;padding-bottom:40px}.reference-page h1{font-size:clamp(36px,10vw,52px)}.reference-lead{font-size:16px;line-height:1.75}.reference-cover{margin:24px 0 32px}.reference-copy{grid-template-columns:1fr;gap:28px}.reference-page h2{font-size:23px}.reference-actions{gap:12px 24px}.related-projects{margin-top:40px}.reference-footer{flex-wrap:wrap;gap:12px}}