.reference-hero{padding-bottom:30px}.reference-hero>p{max-width:850px}.reference-hero .button{margin-top:12px}.reference-nav{margin:40px 0 0}.reference-project{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.6fr);gap:50px;border-top:1px solid var(--ui-line);scroll-margin-top:110px}.reference-heading h2{font-size:clamp(1.7rem,2.4vw,2.25rem);overflow-wrap:anywhere}.reference-heading p{font-size:.9375rem}.reference-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.reference-media{margin:0;min-width:0;border:1px solid var(--ui-line);border-radius:10px;overflow:hidden;background:var(--ui-surface)}.reference-photo{display:block;position:relative;background:var(--ui-surface)}.reference-media img,.reference-media video{display:block;width:100%;height:420px;object-fit:contain;background:#101914}.reference-media video{max-height:70vh}.reference-wide{grid-column:1/-1}.reference-wide img{height:auto;max-height:500px;object-fit:contain}.reference-enlarge{position:absolute;right:10px;bottom:10px;display:flex;gap:12px;align-items:center;padding:7px 10px;border-radius:4px;background:#fff;color:#156437;font-size:.7rem;font-weight:600}.reference-photo:hover .reference-enlarge{background:#edf5ee}.reference-media figcaption{padding:15px 17px;color:var(--ui-text);font-size:.8125rem;line-height:1.5;font-weight:500}.reference-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--ui-line)}.reference-cta h2{max-width:650px;margin:0}.reference-cta .button{flex-shrink:0}@media(max-width:900px){.reference-project{grid-template-columns:1fr;gap:24px}.reference-heading{max-width:700px}.reference-project{padding-top:45px;padding-bottom:45px}}@media(max-width:550px){.reference-gallery{grid-template-columns:1fr;gap:18px}.reference-wide{grid-column:auto}.reference-media img{height:auto;max-height:560px}.reference-media video{height:auto;max-height:65vh}.reference-cta{flex-direction:column;align-items:flex-start}.reference-nav{padding:16px}.reference-nav .hansa-nav-links a{overflow-wrap:anywhere}}
.reference-heading h2{font-size:clamp(1.5rem,2vw,2rem);hyphens:auto}