@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,300;0,400;1,300;1,400&family=Inter:wght@400;500;600;700&family=Space+Mono&display=swap";body.projects-fidelity{--projects-char:#191817;--projects-soft:#242220;--projects-bone:#f2eee6;--projects-dim:#b5b0a6;--projects-brass:#c79a4b;--projects-sage:#8fae97;--projects-line:#f2eee626;background:var(--projects-char);color:var(--projects-bone);-webkit-font-smoothing:antialiased;margin:0;font:400 16px/1.65 Inter,sans-serif}body.projects-fidelity h1,body.projects-fidelity h3{color:var(--projects-bone);letter-spacing:-.02em;font-family:Fraunces,serif;font-weight:300}body.projects-fidelity .site-header{z-index:50;background:linear-gradient(#191817bb,#0000);gap:24px;height:auto;padding:20px 38px;position:absolute;inset:0 0 auto}body.projects-fidelity .site-header .brand img{border-radius:50%;width:46px;height:46px}body.projects-fidelity .site-header nav{align-items:center;gap:28px;font:400 13px/1.6 Inter,sans-serif;display:flex}body.projects-fidelity .site-header nav a{color:var(--projects-bone);padding:0;font-weight:400}body.projects-fidelity .site-header .contact-nav{border:1px solid var(--projects-dim);padding:9px 22px}body.projects-fidelity .project-menu{position:relative}body.projects-fidelity .project-menu-label{align-items:center;gap:4px;display:flex}body.projects-fidelity .category-toggle{width:30px;height:32px;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font:20px Inter,sans-serif;display:inline-flex}body.projects-fidelity .category-menu{background:var(--projects-char);border:1px solid var(--projects-line);z-index:60;min-width:210px;padding:12px 0;display:none;position:absolute;top:100%;left:-16px;box-shadow:0 12px 30px #0006}body.projects-fidelity .site-header nav .category-menu a{white-space:nowrap;padding:9px 18px;display:block}body.projects-fidelity .category-menu a:hover{background:#34312c}body.projects-fidelity .project-menu:hover .category-menu,body.projects-fidelity .project-menu:focus-within .category-menu,body.projects-fidelity .project-menu.open .category-menu{display:block}.projects-index-wrap{width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:150px 30px 90px}.projects-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--projects-brass);font:400 11px/1.7 Space Mono,monospace}.projects-index-wrap h1{margin:20px 0;font-size:clamp(42px,6vw,82px);line-height:1.08}.projects-intro{max-width:760px;color:var(--projects-dim);margin:0 0 22px}.projects-filters{flex-wrap:wrap;gap:12px;margin:34px 0;display:flex}.projects-filters a{border:1px solid var(--projects-line);padding:8px 16px;font-size:13px;line-height:1.65}.projects-filters a[aria-current]{background:var(--projects-bone);color:var(--projects-char)}.projects-count{max-width:760px;color:var(--projects-brass);letter-spacing:.12em;text-transform:uppercase;margin:0 0 22px;font:400 11px/1.7 Space Mono,monospace}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.projects-card{border:1px solid var(--projects-line);background:var(--projects-soft);border-radius:3px;display:block;overflow:hidden}.projects-card:hover{border-color:var(--projects-sage)}.projects-card-image{aspect-ratio:16/10;background:#2b3029;overflow:hidden}.projects-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.projects-card:hover img{transform:scale(1.03)}.projects-card-info{padding:20px}.projects-card-info .projects-eyebrow{color:var(--projects-dim);font-size:9px;line-height:1.7}.projects-card-info h3{margin:12px 0 0;font-size:22px;line-height:1.3}body.projects-fidelity .site-footer{background:#121110;border:0;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:0 35px;padding:60px max(30px,50% - 560px) 110px;line-height:1.65;display:grid}body.projects-fidelity .site-footer .brand{color:var(--projects-bone);align-items:center;gap:12px;font:22px Fraunces,serif;display:flex}body.projects-fidelity .site-footer .brand img{border-radius:50%;width:38px;height:38px}body.projects-fidelity .site-footer h2{letter-spacing:.1em;text-transform:uppercase;color:var(--projects-bone);margin:0 0 20px;font:11px/1.6 Space Mono,monospace}body.projects-fidelity .site-footer p,body.projects-fidelity .site-footer a:not(.brand){color:var(--projects-dim);margin:0 0 9px;font:13px/1.65 Inter,sans-serif;display:block}body.projects-fidelity .site-footer .footer-brand p{margin-top:18px}body.projects-fidelity .site-footer small{color:var(--projects-dim);border:0;grid-column:1/-1;padding-top:35px;font:11px/1.65 Inter,sans-serif}body.projects-fidelity .sticky-contact{border:1px solid var(--projects-line);box-shadow:none;background:#191817ee;border-radius:40px;gap:10px;padding:8px;bottom:20px;left:50%;right:auto;transform:translate(-50%)}body.projects-fidelity .sticky-contact span{display:none}body.projects-fidelity .sticky-contact a{background:var(--projects-bone);color:var(--projects-char);border-radius:30px;padding:10px 26px;font:600 13px Inter,sans-serif;display:block}body.projects-fidelity .sticky-contact .whatsapp{color:#fff;background:#25d366}@media (width<=900px){body.projects-fidelity .site-header{padding:16px 22px}body.projects-fidelity .menu-toggle{display:block}body.projects-fidelity .site-header nav{background:var(--projects-char);border:1px solid var(--projects-line);flex-direction:column;align-items:stretch;gap:16px;max-height:calc(100dvh - 100px);padding:22px;display:none;position:absolute;top:78px;left:20px;right:20px;overflow:auto}body.projects-fidelity .site-header nav.open{display:flex}body.projects-fidelity .project-menu-label{justify-content:space-between}body.projects-fidelity .category-toggle{width:44px;height:44px}body.projects-fidelity .category-menu{min-width:0;box-shadow:none;margin-top:5px;position:static}body.projects-fidelity .project-menu:hover .category-menu,body.projects-fidelity .project-menu:focus-within .category-menu{display:none}body.projects-fidelity .project-menu.open .category-menu{display:block}.projects-grid,body.projects-fidelity .site-footer{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.projects-index-wrap{padding:120px 20px 90px}.projects-grid{grid-template-columns:1fr}body.projects-fidelity .site-footer{grid-template-columns:1fr;gap:0;padding-inline:20px}body.projects-fidelity .site-footer>div+div{margin-top:30px}body.projects-fidelity .sticky-contact{justify-content:center;bottom:14px;left:14px;right:14px;transform:none}body.projects-fidelity .sticky-contact a{text-align:center;flex:1;padding:12px 15px}}
