@layer components{.reference-intro{display:block}.reference-intro .page-lead{max-width:66ch}.reference-section{padding-block:clamp(48px,6vw,84px);background:var(--white)}.reference-section--tint{background:var(--pale)}.reference-section--full{padding-top:30px}.reference-section__heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px}.reference-section__heading h2{max-width:24ch}.reference-section__heading .eyebrow{margin-bottom:22px}.reference-section__all{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;color:var(--red);font-size:.9rem;padding-block:9px}.reference-grid{--reference-gap:clamp(20px,2.4vw,36px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px var(--reference-gap);align-items:start}.reference-card{min-width:0;position:relative;text-align:center}.reference-section--full .reference-grid{align-items:stretch}.reference-section--full .reference-card{height:100%;padding:clamp(18px,2vw,26px);border:1px solid var(--line);border-radius:16px;background:var(--white);box-shadow:0 6px 22px #122a530d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.reference-section--full .reference-monitor{margin-bottom:18px}.reference-section--full .reference-card__services{max-width:32ch;margin-inline:auto}.reference-section--full .reference-card:focus-within{border-color:var(--red);box-shadow:0 10px 28px #122a5317}.reference-monitor{display:block;position:relative;margin-bottom:22px;padding-bottom:17%;text-decoration:none;isolation:isolate}.reference-monitor::after{content:"";position:absolute;z-index:-1;bottom:0;left:9%;right:9%;height:5%;border-radius:50%;background:#1734591a;filter:blur(8px)}.reference-monitor__screen{display:block;position:relative;aspect-ratio:16/9;padding:7px;border:1px solid #4b5056;border-radius:7px;background:linear-gradient(140deg,#32373c,#080b0d 55%,#262b30);box-shadow:inset 0 0 0 1px #ffffff26}.reference-monitor__screen::before{content:"";position:absolute;top:2px;left:50%;width:2px;height:2px;border-radius:50%;background:#6b7884}.reference-monitor__screen picture,.reference-monitor__screen img{width:100%;height:100%;display:block}.reference-monitor__screen img{object-fit:cover;object-position:top;border-radius:1px;background:var(--white)}.reference-monitor__stand{position:absolute;z-index:-1;left:39%;right:39%;top:auto;height:24%;bottom:2%;background:linear-gradient(90deg,#c6c9cc,#e5e7e8 45%,#b8bdc1);clip-path:polygon(14% 0,86% 0,82% 77%,100% 94%,100% 100%,0 100%,0 94%,18% 77%);border-bottom:2px solid #969da4}.reference-monitor__stand::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8%;background:linear-gradient(#e9ebed,#afb5bb)}.reference-card__name{font-family:Sora,Manrope,sans-serif;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:650;line-height:1.3;margin-bottom:6px;letter-spacing:-.025em}.reference-card__link{display:inline-flex;align-items:center;gap:6px;min-height:36px;color:var(--red);font-size:.9rem;text-decoration:underline;text-underline-offset:.24em}.reference-card__link svg{width:16px;height:16px}.reference-card__services{margin-top:6px;color:var(--muted);font-size:.82rem;line-height:1.65}.reference-monitor:focus-visible,.reference-card__link:focus-visible,.reference-section__all:focus-visible{outline:2px solid var(--red);outline-offset:6px;border-radius:3px}.reference-pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:48px}.reference-status{min-height:1.6em;text-align:center;font-size:.85rem;color:var(--muted);margin-top:16px}.reference-grid--slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:4px 2px 12px;scrollbar-width:none;overscroll-behavior-inline:contain}.reference-grid::-webkit-scrollbar{display:none}.reference-grid--slider>.reference-card{flex:0 0 calc((100% - var(--reference-gap)*2)/3);scroll-snap-align:start}.reference-grid--slider:focus-visible{outline:2px solid var(--red);outline-offset:6px}.reference-carousel-controls{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.reference-carousel-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--blue);border-radius:50%;background:transparent;color:var(--blue)}.reference-carousel-controls button:disabled{opacity:.35;cursor:default}.reference-carousel-controls button:first-child svg{transform:rotate(180deg)}.reference-carousel-controls button:focus-visible{outline:2px solid var(--red);outline-offset:4px}.reference-section .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer responsive{@media (max-width:760px){.reference-section__heading{align-items:start;flex-direction:column;gap:12px;margin-bottom:28px}.reference-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;gap:20px;padding:4px 2px 12px;scrollbar-width:none;overscroll-behavior-inline:contain}.reference-grid>.reference-card,.reference-grid--slider>.reference-card{flex:0 0 85%;width:auto;max-width:none;margin:0;scroll-snap-align:start}.reference-card{max-width:540px;width:100%;margin-inline:auto}.reference-card__name{font-size:1.2rem}.reference-monitor__screen{padding:6px}.reference-pagination{flex-wrap:wrap}}@media (min-width:761px) and (max-width:1000px){.reference-monitor__screen{padding:5px}.reference-card__name{font-size:1rem}.reference-card__link{font-size:.82rem}}@media (max-width:1000px){.reference-section--full .reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scroll-snap-type:none;padding:0}.reference-section--full .reference-grid>.reference-card{width:100%;max-width:none;margin:0;scroll-snap-align:none}}@media (max-width:600px){.reference-section--full .reference-grid{grid-template-columns:minmax(0,1fr)}}@media (hover:hover) and (pointer:fine){.reference-section--full .reference-card:hover{transform:translateY(-4px);border-color:#aebed3;box-shadow:0 14px 32px #122a531a}}@media (prefers-reduced-motion:reduce){.reference-grid--slider{scroll-behavior:auto}.reference-section--full .reference-card{transition:none}.reference-section--full .reference-card:hover{transform:none}}}