.project-gallery.references{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{background:#fff;border:1px solid #c4d6ed;border-radius:16px;padding:24px;min-width:0;display:flex;flex-direction:column;align-items:start}
.project-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;width:100%;margin-bottom:16px}.project-kicker{font-size:12px;font-weight:600;color:#42658c;display:block;margin-bottom:7px}.project-heading h3{font-size:25px;line-height:1.2;color:#14365f;overflow-wrap:break-word}.project-heading .link-action{font-size:13px;white-space:nowrap;flex-shrink:0}.references .project-heading{display:block}.references .project-heading .link-action{margin-top:12px}
.project-reference{border:1px solid #bed2ec;background:linear-gradient(120deg,#e9f3ff,#f7faff);border-radius:10px;padding:15px;display:flex;gap:12px;align-items:center;width:100%;min-height:76px;color:#1d568f}.project-reference>span:first-child{font-size:24px}.project-reference>span:last-child{font-weight:650;font-size:15px;overflow-wrap:anywhere}.project-reference small{display:block;font-size:12px;font-weight:400;color:#55738f;margin-top:5px}
.project-reference:hover{border-color:#4e95df;background:#e9f3ff}.project-work{color:#4a6380;font-size:14px;line-height:1.75;margin-top:18px}.project-tech{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.project-tech span{font-size:12px;color:#275582;padding:4px 8px;border:1px solid #c3d7ed;border-radius:5px;background:#f3f8ff}.project-note{font-size:12px;color:#5b7390;line-height:1.6;margin-top:14px}
.project-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}.project-controls p{font-size:13px;color:#426182;margin:0}.project-controls>div{display:flex;gap:8px}.project-controls button{width:46px;height:44px;border:1px solid #96b6db;border-radius:8px;background:#fff;color:#195d9f;font-size:22px}.project-controls button:disabled{opacity:.4;cursor:default}
.project-gallery.with-captures{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 18px;overscroll-behavior-x:contain;scrollbar-gutter:stable}.with-captures .project-card{flex:0 0 min(100%,920px);scroll-snap-align:start}
.project-devices{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,160px);gap:18px;align-items:start;width:100%}.project-device{min-width:0;margin:0;border:1px solid #98b6d6;border-radius:11px;background:#f9fbff;overflow:hidden}.project-browserbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:35px;padding:8px 12px;background:#e5eef9;font-size:11px;color:#3a618a;border-bottom:1px solid #b7cce4}.project-browserbar>span:first-child{font-size:8px;letter-spacing:3px;color:#83a5cc}.project-browserbar>span:nth-child(2){overflow-wrap:anywhere}.project-screen{height:340px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}.project-screen img{display:block;width:100%;height:auto;max-width:100%}.project-screen:focus-visible{outline:3px solid #0875df;outline-offset:-3px}.project-device figcaption{font-size:11px;line-height:1.5;padding:9px 12px;border-top:1px solid #c1d4e9;color:#4e6a89}.project-device figcaption a{display:inline-flex;align-items:center;min-height:30px;color:#0e5fac}.project-device.is-mobile .project-browserbar{font-size:10px;justify-content:center}.project-device.is-mobile .project-browserbar>span:first-child,.project-device.is-mobile .project-browserbar>span:last-child{display:none}.project-device.is-mobile .project-screen{height:380px}
@media(max-width:980px){.project-gallery.references{grid-template-columns:1fr 1fr}.references .project-card:first-child{grid-column:1/-1}.project-heading{flex-direction:column;gap:10px}.project-devices{grid-template-columns:minmax(0,1fr) 120px}.project-card{padding:22px}}
@media(max-width:620px){.project-gallery.references{grid-template-columns:1fr}.references .project-card:first-child{grid-column:auto}.project-heading h3{font-size:24px}.project-devices{grid-template-columns:1fr}.project-device.is-mobile{width:min(100%,270px);justify-self:center}.project-screen{height:300px}.project-device.is-mobile .project-screen{height:380px}.with-captures .project-card{flex-basis:100%;padding:18px}.project-controls{gap:12px}.project-controls p{font-size:12px}.project-card{padding:20px}}
@media(prefers-reduced-motion:reduce){.project-gallery{scroll-behavior:auto!important}}
.project-devices:has(>.project-device:only-child){grid-template-columns:minmax(0,1fr)}.project-device:only-child .project-screen{height:auto;max-height:440px}.project-device:only-child img{aspect-ratio:auto;object-fit:contain}.project-card .project-category{display:block;font-size:12px;color:#385e85;margin-top:10px}.project-reference:focus-visible{outline:3px solid #0875df;outline-offset:3px}