.alessi-work-archive{background:#f1f1ef;color:#000;font-family:"Manrope","Manrope Placeholder",sans-serif}
.alessi-work-archive *{box-sizing:border-box}
.alessi-work-archive__main{display:flex;justify-content:center;width:100%;padding:150px 30px 125px;overflow:hidden}
.alessi-work-archive__inner{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1380px}
.alessi-work-archive__title{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px;width:100%;height:min-content;padding:100px 0;overflow:hidden}
.alessi-work-archive__title>.alessi-work-layout-65{flex:none;width:100%}
.alessi-work-archive__title h1{width:100%;margin:0;font:600 54px/1.2 "Manrope","Manrope Placeholder",sans-serif;letter-spacing:normal}
.alessi-work-archive__description{display:flex;flex:none;justify-content:space-between;align-items:flex-start;width:100%;height:min-content;overflow:hidden}
.alessi-work-archive__hero-content{display:flex;flex-direction:column;align-items:flex-start;gap:30px;width:100%;max-width:750px}
.alessi-work-archive__intro{width:100%;margin:0;color:#444a46;font:500 28px/1.2 "Manrope","Manrope Placeholder",sans-serif}
.alessi-archive-hero-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;height:36px;padding:8px;border-radius:4px;background:#7ce3ac;color:#000;text-decoration:none;overflow:hidden}
.alessi-archive-hero-cta__text{display:flex;flex-direction:column;gap:10px;height:19.2px;overflow:hidden;font:500 16px/1.2 "Manrope","Manrope Placeholder",sans-serif;white-space:nowrap}
.alessi-archive-hero-cta__text>span{transition:transform .4s cubic-bezier(.44,0,.56,1)}
.alessi-archive-hero-cta__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50px;background:#000;color:#fff}
.alessi-archive-hero-cta__icon svg{width:14px;height:14px;fill:currentColor;transition:transform .4s cubic-bezier(.44,0,.56,1)}
.alessi-archive-hero-cta:hover .alessi-archive-hero-cta__text>span{transform:translateY(-29.2px)}
.alessi-archive-hero-cta:hover .alessi-archive-hero-cta__icon svg{transform:rotate(45deg)}
.alessi-work-archive__grid{display:grid;grid-template-columns:repeat(2,minmax(0,680px));gap:20px;width:100%}
.alessi-work-archive-card{width:100%;background:#fff;overflow:hidden}
.alessi-work-archive-card__link{display:flex;flex-direction:column;width:100%;color:inherit;text-decoration:none}
.alessi-work-archive .work-card__media{align-self:center;width:500px;max-width:100%;height:389px;overflow:hidden}
.alessi-work-archive .work-card__media img{width:100%;height:100%;object-fit:cover;transition:width .4s cubic-bezier(.44,0,.56,1),height .4s cubic-bezier(.44,0,.56,1)}
.alessi-work-archive .work-card__details{display:flex;align-items:flex-start;gap:20px;width:100%;min-height:174px;padding:20px;overflow:hidden}
.alessi-work-archive .work-card__content{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start;gap:10px;width:1px;overflow:hidden}
.alessi-work-archive .work-card__badges{display:flex;gap:10px;width:100%}
.alessi-work-archive .work-card__badges span{padding:5px 8px;background:#000;color:#fff;font:500 21px/1.2 Manrope,sans-serif;white-space:nowrap}
.alessi-work-archive .work-card__title-link{display:flex;flex-direction:column;gap:10px;width:100%}
.alessi-work-archive h2{margin:0;font:500 28px/1.2 Manrope,sans-serif}
.alessi-work-archive .work-card__details p{height:45px;margin:0;color:#444a46;font:400 16px/1.4 Manrope,sans-serif;overflow:hidden}
.alessi-work-archive .work-card__arrow{display:flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:100px;background:#7ce3ac}
.alessi-work-archive .work-card__arrow svg{width:24.84px;height:24.84px;transition:transform .4s cubic-bezier(.44,0,.56,1)}
@media (min-width:1200px){.alessi-work-archive-card:hover .work-card__media img{width:105%;height:105%}.alessi-work-archive-card:hover .work-card__arrow svg{transform:rotate(45deg)}}
@media (min-width:810px) and (max-width:1199.98px){.alessi-work-archive__main{padding:80px 20px}.alessi-work-archive__title h1{font-size:46px}.alessi-work-archive__description{flex-direction:column;justify-content:center;gap:20px}.alessi-work-archive__intro{font-size:26px}.alessi-work-archive__grid{grid-template-columns:1fr;gap:20px}.alessi-work-archive-card__link{flex-direction:row}.alessi-work-archive .work-card__media{flex:none;width:387px;height:337px}.alessi-work-archive .work-card__details{flex:1 0 0;align-self:stretch;width:1px}.alessi-work-archive .work-card__content{justify-content:space-between;height:100%}.alessi-work-archive .work-card__badges{flex-direction:column;align-items:flex-start}}
@media (max-width:809.98px){.alessi-work-archive__main{padding:60px 15px}.alessi-work-archive__title{padding:100px 0}.alessi-work-archive__title h1{font-size:40px}.alessi-work-archive__description{flex-direction:column;justify-content:center;gap:20px}.alessi-work-archive__hero-content{gap:30px}.alessi-work-archive__intro{font-size:24px}.alessi-work-archive__grid{grid-template-columns:1fr;gap:90px}.alessi-work-archive-card{width:360px;max-width:100%;margin:auto}.alessi-work-archive .work-card__media{width:300px;height:270px}.alessi-work-archive .work-card__details{align-items:center;min-height:0;padding:15px;text-align:center}.alessi-work-archive .work-card__content{align-items:center;gap:21px}.alessi-work-archive .work-card__badges{width:min-content;align-items:flex-start}.alessi-work-archive .work-card__badges span{font-size:15px}.alessi-work-archive .work-card__arrow{display:none}}
@media (prefers-reduced-motion:reduce){.alessi-work-archive .work-card__media img,.alessi-work-archive .work-card__arrow svg,.alessi-archive-hero-cta__text>span,.alessi-archive-hero-cta__icon svg{transition:none}}

/* ARCHIVE TYPOGRAPHY MANROPE START */

.archive-work,
.archive-work *,
.archive-service,
.archive-service * {
    font-family: "Manrope", "Manrope Placeholder", sans-serif !important;
}

/* ARCHIVE TYPOGRAPHY MANROPE END */

/* ARCHIVE HEADINGS MANROPE START */

.archive-work h1,
.archive-work h2,
.archive-work h3,
.archive-service h1,
.archive-service h2,
.archive-service h3,
body.post-type-archive-work h1,
body.post-type-archive-work h2,
body.post-type-archive-work h3,
body.post-type-archive-service h1,
body.post-type-archive-service h2,
body.post-type-archive-service h3 {
    font-family: "Manrope", "Manrope Placeholder", sans-serif !important;
    font-style: normal !important;
}

/* ARCHIVE HEADINGS MANROPE END */



/* =========================================================
   WORK ARCHIVE — MINIMAL ELEGANT CARDS FINAL
   ========================================================= */

.alessi-work-archive .alessi-work-archive-card{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    overflow:visible !important;
}

.alessi-work-archive .alessi-work-archive-card__link{
    display:flex !important;
    flex-direction:column !important;
    color:inherit !important;
    text-decoration:none !important;
}

.alessi-work-archive .work-card__media{
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    aspect-ratio:1.28 / 1;
    overflow:hidden !important;
    border-radius:6px !important;
    background:#ececea;
}

.alessi-work-archive .work-card__media img{
    display:block;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    transition:transform .45s cubic-bezier(.22,.61,.36,1) !important;
}

.alessi-work-archive .work-card__details{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:20px !important;
    min-height:0 !important;
    padding:16px 2px 0 !important;
    background:transparent !important;
}

.alessi-work-archive .work-card__content{
    width:auto !important;
    flex:1 !important;
    gap:8px !important;
    overflow:visible !important;
}

.alessi-work-archive .work-card__title-link h2{
    margin:0 !important;
    font-family:"Manrope","Manrope Placeholder",sans-serif !important;
    font-size:22px !important;
    font-weight:500 !important;
    line-height:1.15 !important;
    letter-spacing:-.025em !important;
    color:#111 !important;
}

.alessi-work-archive .work-card__badges{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px 10px !important;
    margin-top:8px !important;
}

.alessi-work-archive .work-card__badges span{
    padding:0 !important;
    background:transparent !important;
    color:#666 !important;
    font-family:"Manrope","Manrope Placeholder",sans-serif !important;
    font-size:14px !important;
    font-weight:400 !important;
    line-height:1.3 !important;
}

.alessi-work-archive .work-card__arrow{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:28px !important;
    height:28px !important;
    margin-top:-2px !important;
    background:transparent !important;
    border-radius:0 !important;
}

.alessi-work-archive .work-card__arrow svg{
    width:18px !important;
    height:18px !important;
    transition:transform .3s ease !important;
}

@media (min-width:1200px){

    .alessi-work-archive .alessi-work-archive-card:hover .work-card__media img{
        width:100% !important;
        height:100% !important;
        transform:scale(1.02) !important;
    }

    .alessi-work-archive .alessi-work-archive-card:hover .work-card__arrow svg{
        transform:translate(3px,-3px) !important;
    }
}

@media (max-width:809.98px){

    .alessi-work-archive .alessi-work-archive-card{
        width:100% !important;
        max-width:100% !important;
    }

    .alessi-work-archive .work-card__media{
        width:100% !important;
        height:auto !important;
    }

    .alessi-work-archive .work-card__details{
        align-items:flex-start !important;
        text-align:left !important;
        padding:14px 0 0 !important;
    }

    .alessi-work-archive .work-card__content{
        align-items:flex-start !important;
    }

    .alessi-work-archive .work-card__title-link h2{
        font-size:19px !important;
    }

    .alessi-work-archive .work-card__arrow{
        display:flex !important;
        width:24px !important;
        height:24px !important;
    }

    .alessi-work-archive .work-card__arrow svg{
        width:16px !important;
        height:16px !important;
    }
}

/* WORK ARCHIVE — MINIMAL ELEGANT CARDS FINAL END */
