@font-face{font-family:"Bricolage Grotesque";src:url("../../fonts/bricolage-grotesque-latin.woff2") format("woff2");font-display:swap}.references-page{font-family:"Bricolage Grotesque",sans-serif;color:#10202e;background:#f6f9fb}.references-page *{box-sizing:border-box}.references-page em{font-style:normal;color:#ed1b2f}.references-page .eyebrow{margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.references-hero{min-height:34vw;padding:clamp(75px,6.5vw,120px) var(--site-gutter) 40px;background:#f5f8fa center top/100% auto no-repeat}.references-hero-copy{width:43%;max-width:650px}.references-hero h1{margin:0;font-size:clamp(52px,5vw,85px);line-height:.95}.references-hero-copy>p:not(.eyebrow){max-width:600px;margin:22px 0 0;font-size:clamp(17px,1.16vw,21px);line-height:1.48}.references-page .actions{margin-top:24px}.references-filters{display:flex;justify-content:space-between;gap:25px;padding:22px var(--site-gutter);overflow:auto;border-block:1px solid #dfe6eb;background:#fff;white-space:nowrap}.references-filters span:first-child{color:#ed1b2f;font-weight:700}.references-projects{padding:34px var(--site-gutter) 40px}.references-project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.references-project-grid article{display:grid;grid-template-columns:38% 62%;min-height:300px;overflow:hidden;border:1px solid #e0e7ec;border-radius:7px;background:#fff}.references-project-grid article:first-child,.references-project-grid article:nth-child(4){grid-column:1/-1;min-height:380px}.references-project-grid .reference-copy{padding:28px 22px;z-index:1}.references-project-grid small{color:#ed1b2f;font-weight:800;text-transform:uppercase}.references-project-grid h3{margin:12px 0;font-size:clamp(25px,2.3vw,40px)}.references-project-grid p{color:#526171;line-height:1.45}.references-project-grid a{display:inline-flex;margin-top:15px;color:#ed1b2f;font-weight:700;text-decoration:none}.references-project-grid .picture{min-height:260px;color:transparent;background:#eef3f6 center/cover no-repeat}.references-project-grid .picture img{width:100%;height:100%;object-fit:cover}.references-project-grid article.dark{color:#fff;background:#101e29}.references-project-grid article.dark p{color:#d7e0e6}.references-final{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;min-height:21vw;padding:45px var(--site-gutter);color:#fff;background:#0d2232 center/cover no-repeat}.references-final h2{margin:0;font-size:clamp(38px,4vw,68px);line-height:1}.references-final .button{min-width:180px}@media(max-width:900px){.references-project-grid article{grid-template-columns:1fr}.references-project-grid article:first-child,.references-project-grid article:nth-child(4){grid-column:auto}.references-project-grid .picture{order:-1}}@media(max-width:760px){.references-hero{position:relative;min-height:0;padding:48px var(--site-gutter) 40px;background-size:cover;background-position:65% center}.references-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,251,253,.98),rgba(248,251,253,.72))}.references-hero-copy{position:relative;width:100%;z-index:1}.references-project-grid{grid-template-columns:1fr}.references-final{grid-template-columns:1fr;min-height:380px;background-position:center}}@media(max-width:480px){.references-page .button{width:100%}.references-project-grid .reference-copy{padding:22px 18px}}
.references-project-grid article{position:relative;display:block;background-position:center;background-size:contain;background-repeat:no-repeat}.references-project-grid article:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 34%,rgba(255,255,255,.12) 68%,rgba(255,255,255,0) 100%)}.references-project-grid article.dark:before{background:linear-gradient(90deg,rgba(12,25,36,.98) 0%,rgba(12,25,36,.9) 36%,rgba(12,25,36,.12) 70%,transparent 100%)}.references-project-grid .reference-copy{position:relative;width:42%;height:100%;display:flex;flex-direction:column;align-items:flex-start}.references-project-grid .picture{display:none}.reference-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:20px}.reference-tags span{padding:6px 12px;border-radius:18px;color:#334452;background:#e8edf1;font-size:12px}.dark .reference-tags span{color:#fff;background:rgba(255,255,255,.13)}@media(max-width:900px){.references-project-grid article{min-height:430px;background-position:center;background-size:contain}.references-project-grid .reference-copy{width:62%}.references-project-grid article:before{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.82) 55%,rgba(255,255,255,.12))}}@media(max-width:560px){.references-project-grid .reference-copy{width:82%}.references-project-grid article{background-position:center;background-size:contain}}
.references-project-grid .reference-tags{margin-top:15px;padding-top:0}
.references-filters span:before{content:"";display:inline-block;width:22px;height:22px;margin-right:8px;vertical-align:middle;background:currentColor;mask:var(--ri) center/contain no-repeat;-webkit-mask:var(--ri) center/contain no-repeat}.references-filters span:nth-child(1){--ri:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5h8v2M3 12h18'/%3E%3C/svg%3E")}.references-filters span:nth-child(2){--ri:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='4' width='18' height='13'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E")}.references-filters span:nth-child(3){--ri:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='19' cy='20' r='1'/%3E%3Cpath d='M3 4h2l2 11h11l2-7H6'/%3E%3C/svg%3E")}.references-filters span:nth-child(4){--ri:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='m8 9-4 3 4 3M16 9l4 3-4 3M14 5l-4 14'/%3E%3C/svg%3E")}.references-filters span:nth-child(5){--ri:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='m12 3 8 6-8 12L4 9Z M4 9l8 3 8-3'/%3E%3C/svg%3E")}.references-filters span:nth-child(6){--ri:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='m3 11 15-6v14L3 13ZM11 16v4H7l-1-6'/%3E%3C/svg%3E")}.references-filters span:nth-child(7){--ri:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E")}