.reference-page{max-width:1280px;margin:0 auto;padding:24px 28px 72px}.reference-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-gap:32px;gap:32px;align-items:end;margin-bottom:36px}.reference-intro h1{font-size:48px;font-weight:600;letter-spacing:-.035em;line-height:1.05;margin:8px 0 14px}.reference-intro p{font-size:17px;color:#5c657a;line-height:1.55;margin:0;max-width:680px}.reference-stats{display:flex;gap:28px;justify-content:flex-end;flex-wrap:wrap}.reference-stats div{min-width:96px}.reference-stats strong{display:block;font-size:30px;font-weight:600;letter-spacing:-.02em;color:#1a1f2e}.reference-stats span{font-size:12px;color:#5c657a;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px;list-style:none;margin:0;padding:0}.reference-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e8e4dc;border-radius:4px;overflow:hidden;color:inherit;transition:box-shadow .16s,transform .16s}.reference-card:hover{box-shadow:0 1px 2px rgba(26,31,46,.06),0 12px 28px rgba(26,31,46,.12);transform:translateY(-2px)}.reference-card:focus-visible{outline:3px solid #3a8a3f;outline-offset:2px}.reference-card-media{position:relative;aspect-ratio:4/3;background:#3d4036;overflow:hidden}.reference-card-media img{display:block;width:100%;height:100%;object-fit:cover}.reference-card-badges{position:absolute;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;gap:8px}.reference-card-badges span{background:rgba(26,31,46,.86);color:#fff;padding:4px 9px;border-radius:2px;font-size:11px;font-weight:600;letter-spacing:.04em}.reference-card-body{display:flex;flex-direction:column;gap:6px;padding:18px 20px 20px;flex:1 1}.reference-card-eyebrow{font-size:11px;color:#2e6f32;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.reference-card-body h2{font-size:18px;font-weight:600;letter-spacing:-.015em;margin:0;line-height:1.3}.reference-card-meta{font-size:12.5px;color:#5c657a}.reference-card-items{font-size:13.5px;color:#2d3446;line-height:1.55;margin:2px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reference-card-more{margin-top:auto;padding-top:10px;font-size:13px;font-weight:600;color:#2e6f32}.reference-empty{padding:56px 28px;text-align:center;color:#5c657a}.reference-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:48px;padding:28px 32px;background:#1a1f2e;color:#fff;border-radius:4px}.reference-cta h2{font-size:22px;font-weight:600;margin:0 0 6px;letter-spacing:-.015em}.reference-cta p{margin:0;color:rgba(255,255,255,.75);font-size:14px;line-height:1.55}.reference-cta-actions{display:flex;gap:10px;flex-wrap:wrap}.reference-project{max-width:1200px;margin:0 auto;padding:24px 28px 72px}.reference-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:24px;gap:24px;align-items:end;margin-bottom:24px}.reference-head h1{font-size:44px;font-weight:600;letter-spacing:-.035em;line-height:1.06;margin:8px 0 0}.reference-head img.reference-logo{max-height:64px;max-width:180px;object-fit:contain}.reference-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:0;gap:0;margin:0 0 28px;border:1px solid #e8e4dc;border-radius:4px;background:#fbfaf7}.reference-facts div{padding:14px 18px;min-width:0}.reference-facts div+div{border-left:1px solid #e8e4dc}.reference-facts dt{font-size:11px;color:#5c657a;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:4px}.reference-facts dd{margin:0;font-size:14.5px;font-weight:600;color:#1a1f2e;overflow-wrap:anywhere}.reference-cover{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:4px;margin-bottom:36px;background:#3d4036}.reference-columns{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:40px;gap:40px;align-items:start}.reference-aside{display:grid;grid-gap:16px;gap:16px;position:-webkit-sticky;position:sticky;top:24px}.reference-delivered{border:1px solid #e8e4dc;background:#fbfaf7;border-radius:4px;padding:20px 22px}.reference-delivered h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#5c657a;margin:0 0 8px;font-weight:700}.reference-delivered p{margin:0;font-size:15px;line-height:1.6;color:#2d3446}.reference-ask{border-radius:4px;padding:20px 22px;background:#e4f0e0}.reference-ask h2{font-size:17px;margin:0 0 6px;font-weight:600}.reference-ask p{margin:0 0 12px;font-size:13.5px;line-height:1.55;color:#2d3446}.reference-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:48px 0 16px;padding-top:28px;border-top:1px solid #e8e4dc}.reference-section-head h2{font-size:26px;font-weight:600;letter-spacing:-.02em;margin:0}.reference-section-head span{font-size:13px;color:#5c657a}.reference-pager{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:48px}.reference-pager a{display:block;padding:18px 20px;border:1px solid #e8e4dc;border-radius:4px;color:inherit;background:#fff}.reference-pager a:hover{border-color:#3a8a3f}.reference-pager small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#5c657a;font-weight:700;margin-bottom:4px}.reference-pager strong{font-size:15px;font-weight:600}.reference-pager .is-next{text-align:right;grid-column:2}.reference-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;list-style:none;margin:0;padding:0}.reference-gallery-tile{position:relative;display:block;width:100%;aspect-ratio:4/3;padding:0;border:0;border-radius:4px;overflow:hidden;background:#2d3446;cursor:zoom-in}.reference-gallery-tile img,.reference-gallery-tile video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .24s}.reference-gallery-tile:hover img,.reference-gallery-tile:hover video{transform:scale(1.03)}.reference-gallery-tile:focus-visible{outline:3px solid #3a8a3f;outline-offset:2px}.reference-gallery-play{position:absolute;inset:0;margin:auto;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:rgba(26,31,46,.78);color:#fff}.reference-gallery-caption{margin:6px 2px 0;font-size:12.5px;color:#5c657a;line-height:1.45}.reference-lightbox{position:fixed;inset:0;z-index:2000;background:rgba(14,17,25,.94);display:grid;grid-template-rows:auto 1fr}.reference-lightbox-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;color:rgba(255,255,255,.8);font-size:13px}.reference-lightbox-bar button{background:none;border:1px solid rgba(255,255,255,.35);color:#fff;padding:8px 14px;border-radius:2px;font:inherit;cursor:pointer}.reference-lightbox-stage{margin:0;display:grid;grid-template-rows:1fr auto;place-items:center;padding:0 72px 24px;min-height:0}.reference-lightbox-stage img,.reference-lightbox-stage video{max-width:100%;max-height:calc(100dvh - 140px);width:auto;height:auto;object-fit:contain;background:#000}.reference-lightbox-stage figcaption{color:rgba(255,255,255,.85);font-size:14px;padding-top:12px;text-align:center;max-width:760px}.reference-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:30px;line-height:1;cursor:pointer}.reference-lightbox-nav:hover{background:rgba(255,255,255,.22)}.reference-lightbox-nav.is-prev{left:12px}.reference-lightbox-nav.is-next{right:12px}@media (max-width:1024px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-columns{grid-template-columns:minmax(0,1fr)}.reference-aside{position:static}.reference-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-facts div:nth-child(3){border-left:0}.reference-facts div:nth-child(n+3){border-top:1px solid #e8e4dc}}@media (max-width:768px){.reference-page,.reference-project{padding:16px 16px 56px}.reference-intro{grid-template-columns:minmax(0,1fr);gap:18px}.reference-intro h1{font-size:34px}.reference-stats{justify-content:flex-start}.reference-head{grid-template-columns:minmax(0,1fr)}.reference-head h1{font-size:32px}.reference-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reference-lightbox-stage{padding:0 8px 16px}.reference-lightbox-nav{top:auto;bottom:18px;transform:none}.reference-pager{grid-template-columns:minmax(0,1fr)}.reference-pager .is-next{grid-column:auto}}@media (max-width:560px){.reference-grid{grid-template-columns:minmax(0,1fr)}.reference-stats{gap:12px 20px}}