.merlons-projects{--merlons-project-ink: #202020;--merlons-project-brand: #873c1d;--merlons-project-accent: #dda747;--merlons-project-grid-gap: clamp(16px, 2vw, 28px);color:var(--merlons-project-ink);padding:clamp(42px,7vw,96px) 0}.merlons-projects--collapse-bottom-spacing{padding-bottom:0}.merlons-projects--continuation{padding-top:var(--merlons-project-grid-gap)}.merlons-projects__container{width:min(1400px,calc(100% - 36px));margin:0 auto}.merlons-projects__header{max-width:760px;margin:0 auto clamp(28px,4vw,52px);text-align:center}.merlons-projects__header h1{margin:0;color:var(--merlons-project-brand);font-size:clamp(28px,3.3vw,46px);line-height:1.15}.merlons-projects__intro{margin-top:14px;color:#626262;font-size:16px;line-height:1.6}.merlons-projects__intro p{margin:0}.merlons-projects__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--merlons-project-grid-gap)}.merlons-projects__card{position:relative;min-width:0;overflow:hidden;background:#eee;aspect-ratio:var(--merlons-project-ratio);isolation:isolate}.merlons-projects__media,.merlons-projects__media img{display:block;width:100%;height:100%}.merlons-projects__media img{object-fit:cover;transition:transform .35s ease}.merlons-projects__overlay{position:absolute;inset:auto 0 0;z-index:1;display:grid;align-content:end;gap:7px;min-height:55%;padding:22px;color:#fff;background:linear-gradient(180deg,transparent,rgb(0 0 0 / .84));opacity:0;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease}.merlons-projects__overlay h2,.merlons-projects__overlay p{margin:0}.merlons-projects__overlay h2{font-size:clamp(18px,1.5vw,24px);line-height:1.22}.merlons-projects__overlay p{display:grid;gap:2px;font-size:13px;line-height:1.35}.merlons-projects__overlay p span{color:#f2cd89;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.merlons-projects__card:hover .merlons-projects__overlay,.merlons-projects__card:focus-within .merlons-projects__overlay{opacity:1;transform:translateY(0)}.merlons-projects__card:hover .merlons-projects__media img,.merlons-projects__card:focus-within .merlons-projects__media img{transform:scale(1.035)}.merlons-projects__card:focus-visible{outline:3px solid var(--merlons-project-accent);outline-offset:3px}@media(hover:none){.merlons-projects__overlay{position:relative;min-height:0;padding:16px;opacity:1;transform:none;background:#242424}.merlons-projects__media{height:auto;aspect-ratio:var(--merlons-project-ratio)}}@media(max-width:1023px){.merlons-projects__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:699px){.merlons-projects{--merlons-project-grid-gap: 18px}.merlons-projects__container{width:min(100% - 28px,560px)}.merlons-projects__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/merlons-projects.css.map */