.gallery{--green:#244e3c;color:#263e32;background:#f9faf6;font-family:system-ui,sans-serif}.gallery a{color:inherit}.gallery h1,.gallery h2,.gallery h3,.gallery p{margin:0}.gallery-skip{position:absolute;left:-9999px}.gallery-skip:focus{z-index:10;background:#fff;padding:1rem;top:1rem;left:1rem}.gallery-header,.gallery-intro,.gallery-templates,.gallery-customers,.gallery-footer{width:min(78rem,100% - 5rem);margin-inline:auto}.gallery-header{border-bottom:1px solid #dce3d8;justify-content:space-between;align-items:center;min-height:6rem;display:flex}.gallery-header img{object-fit:contain;max-width:100%;display:block}.gallery-header>a:last-child{font-size:.85rem;font-weight:600;text-decoration:none}.gallery-header>a:last-child span{margin-left:1.5rem}.gallery-intro{padding-block:5rem 2rem}.gallery-kicker{text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:650;margin-bottom:1.5rem!important}.gallery h1{letter-spacing:-.065em;font-size:clamp(3rem,6vw,5.7rem);font-weight:550;line-height:1.05}.gallery h1 span{color:#758a6e}.gallery-intro>p:not(.gallery-kicker){color:#677163;max-width:36rem;margin-top:1.8rem;font-size:1.05rem}.gallery-filters{flex-wrap:wrap;gap:.6rem;margin-top:3rem;display:flex}.gallery-filters button{color:#41503c;font:inherit;cursor:pointer;background:0 0;border:1px solid #d7dfd1;border-radius:999px;padding:.75rem 1.15rem;font-size:.8rem}.gallery-filters button span{opacity:.7;margin-left:.8rem;font-size:.65rem}.gallery-filters button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.gallery-filters button:hover{border-color:var(--green)}.gallery-templates{padding-bottom:5rem}.gallery-count{color:#677163;font-size:.72rem;margin-block:.5rem 1.5rem!important}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:2rem 1.5rem;display:grid}.template-card[hidden]{display:none}.template-link{background:#fff;border:1px solid #dce3d8;border-radius:12px;height:100%;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.template-link:hover{transform:translateY(-4px);box-shadow:0 16px 32px #244e3c12}.template-preview{aspect-ratio:3/2;background:#eee;overflow:hidden}.template-preview img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.template-info{border-top:1px solid #dce3d8;padding:1.2rem 1.3rem 1.5rem}.template-info>div>p{text-transform:uppercase;letter-spacing:.08em;color:#677163;font-size:.58rem}.template-info h3{justify-content:space-between;margin-block:.3rem .6rem;font-size:1.15rem;font-weight:600;display:flex}.template-info>p{color:#677163;font-size:.77rem}.gallery-demo-note{color:#677163;font-size:.72rem;margin-top:2rem!important}.gallery-customers{border-top:1px solid #dce3d8;grid-template-columns:1fr 1fr;gap:4rem;padding-block:4rem;display:grid}.gallery-customers h2,.gallery-cta h2{letter-spacing:-.045em;font-size:clamp(1.9rem,3vw,3rem);font-weight:550;line-height:1.15}.gallery-customers p:last-child{color:#677163;max-width:26rem;margin-top:1.5rem;font-size:.9rem}.customer-links{align-content:center;display:grid}.customer-links a{border-bottom:1px solid #dce3d8;justify-content:space-between;align-items:center;padding-block:1.4rem;font-size:1.25rem;text-decoration:none;display:flex}.customer-links small{color:#677163;margin-bottom:.4rem;font-size:.65rem;display:block}.customer-links a:hover{color:#588247}.gallery-cta{text-align:center;background:#e9efdf;padding:5rem 1.5rem}.gallery-cta>p:not(.gallery-kicker){color:#677163;margin-block:1rem 2rem}.gallery-cta>a{background:var(--green);color:#fff;border-radius:6px;align-items:center;gap:2rem;padding:1rem 1.5rem;font-size:.85rem;text-decoration:none;display:inline-flex}.gallery-footer{color:#677163;justify-content:space-between;gap:1rem;padding-block:2rem;font-size:.72rem;display:flex}@media (width<=65rem){.gallery-grid{grid-template-columns:1fr 1fr}}@media (width<=42rem){.gallery-header,.gallery-intro,.gallery-templates,.gallery-customers,.gallery-footer{width:calc(100% - 2.5rem)}.gallery-header{min-height:5rem}.gallery-header img{width:130px}.gallery-intro{padding-top:3rem}.gallery-filters{gap:.5rem}.gallery-filters button{padding:.6rem .9rem;font-size:.75rem}.gallery-grid,.gallery-customers{grid-template-columns:1fr}.gallery-customers{gap:2rem}.gallery-footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){.template-link{transition:none}}