.elementor-22 .elementor-element.elementor-element-246be3d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:45px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-852ac01{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-dfb8b3c{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#0E0C0C;}.elementor-22 .elementor-element.elementor-element-dfb8b3c p{margin-block-end:0px;}.elementor-22 .elementor-element.elementor-element-df8d7d2{font-family:"Cormorant Garamond", Sans-serif;font-size:42px;font-weight:600;text-transform:uppercase;letter-spacing:-0.9px;color:#0E0C0C;}.elementor-22 .elementor-element.elementor-element-06b1223{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:50px 26px;--row-gap:50px;--column-gap:26px;--grid-auto-flow:row;--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-22 .elementor-element.elementor-element-b55b8aa{--display:flex;--min-height:450px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-b55b8aa:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-b55b8aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#24190F;}.elementor-22 .elementor-element.elementor-element-c51c27e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-d9aa99a{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;text-align:center;font-family:"Cormorant Garamond", Sans-serif;font-size:35px;font-weight:600;text-transform:uppercase;line-height:38px;letter-spacing:1.75px;color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-0b6d7be{width:var( --container-widget-width, 800px );max-width:800px;--container-widget-width:800px;--container-widget-flex-grow:0;text-align:center;font-family:"Raleway", Sans-serif;font-size:14px;font-weight:600;letter-spacing:1.75px;color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-c29cc38{text-align:center;font-family:"Outfit", Sans-serif;font-size:10px;font-weight:600;text-decoration:underline;letter-spacing:1.75px;color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-c29cc38 a{color:#FFFFFF;}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-06b1223{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-06b1223{--content-width:100%;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-06b1223{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-3463236 */.project-card {
    position: relative;
    width: 100%;
    aspect-ratio: 464.26 / 603.54;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    background: #000;
}

/* Image */
.project-image {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .8s ease;
}

/* Subtle dark gradient for text readability */
.project-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        transparent 55%,
        rgba(0, 0, 0, .18) 100%
    );
    transition: background .4s ease;
}

/* Zoom Effect */
.project-card:hover .project-image img {
    transform: scale(1.12);
}

/* Content Alignment */
.project-content {
    position: absolute;
    left: 50%;
    bottom: 23px;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Main Heading - EYRA */
.project-content h2 {
    color: #fff;
    text-align: center;
    font-family: "Cormorant Garamond", serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 0;
}

/* HAIRCARE BRAND */
.project-content p {
    color: #fff;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    margin: 0 0 14px;
    padding: 0;
}

/* BRAND IDENTITY • WEB DESIGN */
.project-content span {
    color: #fff;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    display: block;
    margin: 0 0 29px;
    padding: 0;
}

/* VIEW PROJECT */
.project-content a {
    color: #fff;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: uppercase;

    display: inline-block;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    margin: 0;
    padding: 0;
    transition: opacity .3s ease;
}

.project-content a:hover {
    opacity: .8;
}

/* Mobile */
@media (max-width: 767px) {
    .project-content {
        bottom: 20px;
        padding: 0 12px;
    }

    .project-content h2 {
        font-size: 34px;
        margin-bottom: 13px;
    }

    .project-content p,
    .project-content span {
        font-size: 11px;
    }

    .project-content p {
        margin-bottom: 12px;
    }

    .project-content span {
        margin-bottom: 26px;
    }

    .project-content a {
        font-size: 11px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-887d7b4 */.project-card {
    position: relative;
    width: 100%;
    aspect-ratio: 464.26 / 603.54;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    background: #000;
}

/* Image */
.project-image {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .8s ease;
}

/* Subtle dark gradient for text readability */
.project-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        transparent 55%,
        rgba(0, 0, 0, .18) 100%
    );
    transition: background .4s ease;
}

/* Zoom Effect */
.project-card:hover .project-image img {
    transform: scale(1.12);
}

/* Content Alignment */
.project-content {
    position: absolute;
    left: 50%;
    bottom: 23px;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Main Heading - EYRA */
.project-content h2 {
    color: #fff;
    text-align: center;
    font-family: "Cormorant Garamond", serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 0;
}

/* HAIRCARE BRAND */
.project-content p {
    color: #fff;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    margin: 0 0 14px;
    padding: 0;
}

/* BRAND IDENTITY • WEB DESIGN */
.project-content span {
    color: #fff;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    display: block;
    margin: 0 0 29px;
    padding: 0;
}

/* VIEW PROJECT */
.project-content a {
    color: #fff;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: uppercase;

    display: inline-block;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    margin: 0;
    padding: 0;
    transition: opacity .3s ease;
}

.project-content a:hover {
    opacity: .8;
}

/* Mobile */
@media (max-width: 767px) {
    .project-content {
        bottom: 20px;
        padding: 0 12px;
    }

    .project-content h2 {
        font-size: 34px;
        margin-bottom: 13px;
    }

    .project-content p,
    .project-content span {
        font-size: 11px;
    }

    .project-content p {
        margin-bottom: 12px;
    }

    .project-content span {
        margin-bottom: 26px;
    }

    .project-content a {
        font-size: 11px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3421648 */.project-card {
    position: relative;
    width: 100%;
    aspect-ratio: 464.26 / 603.54;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    background: #000;
}

/* Image */
.project-image {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .8s ease;
}

/* Subtle dark gradient for text readability */
.project-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        transparent 55%,
        rgba(0, 0, 0, .18) 100%
    );
    transition: background .4s ease;
}

/* Zoom Effect */
.project-card:hover .project-image img {
    transform: scale(1.12);
}

/* Content Alignment */
.project-content {
    position: absolute;
    left: 50%;
    bottom: 23px;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Main Heading - EYRA */
.project-content h2 {
    color: #fff;
    text-align: center;
    font-family: "Cormorant Garamond", serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 0;
}

/* HAIRCARE BRAND */
.project-content p {
    color: #fff;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    margin: 0 0 14px;
    padding: 0;
}

/* BRAND IDENTITY • WEB DESIGN */
.project-content span {
    color: #fff;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    display: block;
    margin: 0 0 29px;
    padding: 0;
}

/* VIEW PROJECT */
.project-content a {
    color: #fff;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: uppercase;

    display: inline-block;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    margin: 0;
    padding: 0;
    transition: opacity .3s ease;
}

.project-content a:hover {
    opacity: .8;
}

/* Mobile */
@media (max-width: 767px) {
    .project-content {
        bottom: 20px;
        padding: 0 12px;
    }

    .project-content h2 {
        font-size: 34px;
        margin-bottom: 13px;
    }

    .project-content p,
    .project-content span {
        font-size: 11px;
    }

    .project-content p {
        margin-bottom: 12px;
    }

    .project-content span {
        margin-bottom: 26px;
    }

    .project-content a {
        font-size: 11px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d0e8665 */.project-card {
    position: relative;
    width: 100%;
    aspect-ratio: 464.26 / 603.54;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    background: #000;
}

/* Image */
.project-image {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .8s ease;
}

/* Subtle dark gradient for text readability */
.project-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        transparent 55%,
        rgba(0, 0, 0, .18) 100%
    );
    transition: background .4s ease;
}

/* Zoom Effect */
.project-card:hover .project-image img {
    transform: scale(1.12);
}

/* Content Alignment */
.project-content {
    position: absolute;
    left: 50%;
    bottom: 23px;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Main Heading - EYRA */
.project-content h2 {
    color: #fff;
    text-align: center;
    font-family: "Cormorant Garamond", serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 0;
}

/* HAIRCARE BRAND */
.project-content p {
    color: #fff;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    margin: 0 0 14px;
    padding: 0;
}

/* BRAND IDENTITY • WEB DESIGN */
.project-content span {
    color: #fff;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    display: block;
    margin: 0 0 29px;
    padding: 0;
}

/* VIEW PROJECT */
.project-content a {
    color: #fff;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: uppercase;

    display: inline-block;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    margin: 0;
    padding: 0;
    transition: opacity .3s ease;
}

.project-content a:hover {
    opacity: .8;
}

/* Mobile */
@media (max-width: 767px) {
    .project-content {
        bottom: 20px;
        padding: 0 12px;
    }

    .project-content h2 {
        font-size: 34px;
        margin-bottom: 13px;
    }

    .project-content p,
    .project-content span {
        font-size: 11px;
    }

    .project-content p {
        margin-bottom: 12px;
    }

    .project-content span {
        margin-bottom: 26px;
    }

    .project-content a {
        font-size: 11px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-efd938f */.project-card {
    position: relative;
    width: 100%;
    aspect-ratio: 464.26 / 603.54;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    background: #000;
}

/* Image */
.project-image {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .8s ease;
}

/* Subtle dark gradient for text readability */
.project-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        transparent 55%,
        rgba(0, 0, 0, .18) 100%
    );
    transition: background .4s ease;
}

/* Zoom Effect */
.project-card:hover .project-image img {
    transform: scale(1.12);
}

/* Content Alignment */
.project-content {
    position: absolute;
    left: 50%;
    bottom: 23px;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Main Heading - EYRA */
.project-content h2 {
    color: #fff;
    text-align: center;
    font-family: "Cormorant Garamond", serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 0;
}

/* HAIRCARE BRAND */
.project-content p {
    color: #fff;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    margin: 0 0 14px;
    padding: 0;
}

/* BRAND IDENTITY • WEB DESIGN */
.project-content span {
    color: #fff;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    display: block;
    margin: 0 0 29px;
    padding: 0;
}

/* VIEW PROJECT */
.project-content a {
    color: #fff;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: uppercase;

    display: inline-block;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    margin: 0;
    padding: 0;
    transition: opacity .3s ease;
}

.project-content a:hover {
    opacity: .8;
}

/* Mobile */
@media (max-width: 767px) {
    .project-content {
        bottom: 20px;
        padding: 0 12px;
    }

    .project-content h2 {
        font-size: 34px;
        margin-bottom: 13px;
    }

    .project-content p,
    .project-content span {
        font-size: 11px;
    }

    .project-content p {
        margin-bottom: 12px;
    }

    .project-content span {
        margin-bottom: 26px;
    }

    .project-content a {
        font-size: 11px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9f87891 */.project-card {
    position: relative;
    width: 100%;
    aspect-ratio: 464.26 / 603.54;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    background: #000;
}

/* Image */
.project-image {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .8s ease;
}

/* Subtle dark gradient for text readability */
.project-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        transparent 55%,
        rgba(0, 0, 0, .18) 100%
    );
    transition: background .4s ease;
}

/* Zoom Effect */
.project-card:hover .project-image img {
    transform: scale(1.12);
}

/* Content Alignment */
.project-content {
    position: absolute;
    left: 50%;
    bottom: 23px;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Main Heading - EYRA */
.project-content h2 {
    color: #fff;
    text-align: center;
    font-family: "Cormorant Garamond", serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 0;
}

/* HAIRCARE BRAND */
.project-content p {
    color: #fff;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    margin: 0 0 14px;
    padding: 0;
}

/* BRAND IDENTITY • WEB DESIGN */
.project-content span {
    color: #fff;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    display: block;
    margin: 0 0 29px;
    padding: 0;
}

/* VIEW PROJECT */
.project-content a {
    color: #fff;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: uppercase;

    display: inline-block;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    margin: 0;
    padding: 0;
    transition: opacity .3s ease;
}

.project-content a:hover {
    opacity: .8;
}

/* Mobile */
@media (max-width: 767px) {
    .project-content {
        bottom: 20px;
        padding: 0 12px;
    }

    .project-content h2 {
        font-size: 34px;
        margin-bottom: 13px;
    }

    .project-content p,
    .project-content span {
        font-size: 11px;
    }

    .project-content p {
        margin-bottom: 12px;
    }

    .project-content span {
        margin-bottom: 26px;
    }

    .project-content a {
        font-size: 11px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-52093c2 */.project-card {
    position: relative;
    width: 100%;
    aspect-ratio: 464.26 / 603.54;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    background: #000;
}

/* Image */
.project-image {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .8s ease;
}

/* Subtle dark gradient for text readability */
.project-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        transparent 55%,
        rgba(0, 0, 0, .18) 100%
    );
    transition: background .4s ease;
}

/* Zoom Effect */
.project-card:hover .project-image img {
    transform: scale(1.12);
}

/* Content Alignment */
.project-content {
    position: absolute;
    left: 50%;
    bottom: 23px;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Main Heading - EYRA */
.project-content h2 {
    color: #fff;
    text-align: center;
    font-family: "Cormorant Garamond", serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 0;
}

/* HAIRCARE BRAND */
.project-content p {
    color: #fff;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    margin: 0 0 14px;
    padding: 0;
}

/* BRAND IDENTITY • WEB DESIGN */
.project-content span {
    color: #fff;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    display: block;
    margin: 0 0 29px;
    padding: 0;
}

/* VIEW PROJECT */
.project-content a {
    color: #fff;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: uppercase;

    display: inline-block;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    margin: 0;
    padding: 0;
    transition: opacity .3s ease;
}

.project-content a:hover {
    opacity: .8;
}

/* Mobile */
@media (max-width: 767px) {
    .project-content {
        bottom: 20px;
        padding: 0 12px;
    }

    .project-content h2 {
        font-size: 34px;
        margin-bottom: 13px;
    }

    .project-content p,
    .project-content span {
        font-size: 11px;
    }

    .project-content p {
        margin-bottom: 12px;
    }

    .project-content span {
        margin-bottom: 26px;
    }

    .project-content a {
        font-size: 11px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6828e30 */.project-card {
    position: relative;
    width: 100%;
    aspect-ratio: 464.26 / 603.54;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    background: #000;
}

/* Image */
.project-image {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .8s ease;
}

/* Subtle dark gradient for text readability */
.project-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        transparent 55%,
        rgba(0, 0, 0, .18) 100%
    );
    transition: background .4s ease;
}

/* Zoom Effect */
.project-card:hover .project-image img {
    transform: scale(1.12);
}

/* Content Alignment */
.project-content {
    position: absolute;
    left: 50%;
    bottom: 23px;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Main Heading - EYRA */
.project-content h2 {
    color: #fff;
    text-align: center;
    font-family: "Cormorant Garamond", serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 0;
}

/* HAIRCARE BRAND */
.project-content p {
    color: #fff;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    margin: 0 0 14px;
    padding: 0;
}

/* BRAND IDENTITY • WEB DESIGN */
.project-content span {
    color: #fff;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    display: block;
    margin: 0 0 29px;
    padding: 0;
}

/* VIEW PROJECT */
.project-content a {
    color: #fff;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: uppercase;

    display: inline-block;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    margin: 0;
    padding: 0;
    transition: opacity .3s ease;
}

.project-content a:hover {
    opacity: .8;
}

/* Mobile */
@media (max-width: 767px) {
    .project-content {
        bottom: 20px;
        padding: 0 12px;
    }

    .project-content h2 {
        font-size: 34px;
        margin-bottom: 13px;
    }

    .project-content p,
    .project-content span {
        font-size: 11px;
    }

    .project-content p {
        margin-bottom: 12px;
    }

    .project-content span {
        margin-bottom: 26px;
    }

    .project-content a {
        font-size: 11px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24478c1 */.project-card {
    position: relative;
    width: 100%;
    aspect-ratio: 464.26 / 603.54;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    background: #000;
}

/* Image */
.project-image {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .8s ease;
}

/* Subtle dark gradient for text readability */
.project-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        transparent 55%,
        rgba(0, 0, 0, .18) 100%
    );
    transition: background .4s ease;
}

/* Zoom Effect */
.project-card:hover .project-image img {
    transform: scale(1.12);
}

/* Content Alignment */
.project-content {
    position: absolute;
    left: 50%;
    bottom: 23px;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Main Heading - EYRA */
.project-content h2 {
    color: #fff;
    text-align: center;
    font-family: "Cormorant Garamond", serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 0;
}

/* HAIRCARE BRAND */
.project-content p {
    color: #fff;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    margin: 0 0 14px;
    padding: 0;
}

/* BRAND IDENTITY • WEB DESIGN */
.project-content span {
    color: #fff;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    display: block;
    margin: 0 0 29px;
    padding: 0;
}

/* VIEW PROJECT */
.project-content a {
    color: #fff;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: uppercase;

    display: inline-block;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    margin: 0;
    padding: 0;
    transition: opacity .3s ease;
}

.project-content a:hover {
    opacity: .8;
}

/* Mobile */
@media (max-width: 767px) {
    .project-content {
        bottom: 20px;
        padding: 0 12px;
    }

    .project-content h2 {
        font-size: 34px;
        margin-bottom: 13px;
    }

    .project-content p,
    .project-content span {
        font-size: 11px;
    }

    .project-content p {
        margin-bottom: 12px;
    }

    .project-content span {
        margin-bottom: 26px;
    }

    .project-content a {
        font-size: 11px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f7ac8e0 */.project-card {
    position: relative;
    width: 100%;
    aspect-ratio: 464.26 / 603.54;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    background: #000;
    isolation: isolate;
}

/* Image */
.project-image {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition:
        transform 1.1s cubic-bezier(.22, 1, .36, 1),
        filter .8s ease;
}

/* Dark gradient */
/* Subtle Dark Overlay */
.project-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.12) 0%,
        rgba(0, 0, 0, 0.18) 50%,
        rgba(0, 0, 0, 0.38) 100%
    );
    pointer-events: none;
    z-index: 1;
    transition: background 0.4s ease;
}

/* PREMIUM SHINE EFFECT */
.project-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        115deg,
        transparent 20%,
        rgba(255, 255, 255, 0.03) 35%,
        rgba(255, 255, 255, 0.22) 48%,
        rgba(255, 255, 255, 0.06) 55%,
        transparent 70%
    );
    transform: translateX(-150%);
    z-index: 3;
    pointer-events: none;
    opacity: 0;
}

/* Shine sweeps across the image */
.project-card:hover::before {
    animation: premiumShine 1.25s ease-out forwards;
}

@keyframes premiumShine {
    0% {
        transform: translateX(-150%);
        opacity: 0;
    }

    12% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    100% {
        transform: translateX(150%);
        opacity: 0;
    }
}

/* Premium zoom */
.project-card:hover .project-image img {
    transform: scale(1.12);
    filter: brightness(1.07);
}

/* Content Alignment */
.project-content {
    position: absolute;
    left: 50%;
    bottom: 23px;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    z-index: 4;

    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Main Heading */
.project-content h2 {
    color: #fff;
    text-align: center;
    font-family: "Cormorant Garamond", serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 0;
}

/* Project Category */
.project-content p {
    color: #fff;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    margin: 0 0 14px;
    padding: 0;
}

/* Project Services */
.project-content span {
    color: #fff;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    display: block;
    margin: 0 0 29px;
    padding: 0;
}

/* VIEW PROJECT */
.project-content a {
    color: #fff;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: uppercase;

    position: relative;
    display: inline-block;
    text-decoration: none;
    margin: 0;
    padding: 0;
    transition: opacity .3s ease;
}

/* Premium loading underline */
.project-content a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(1);
    transform-origin: left;
    transition: transform .5s cubic-bezier(.22, 1, .36, 1);
}

/* Line resets and reloads on hover */
.project-card:hover .project-content a::after {
    animation: premiumLine 1s ease forwards;
}

@keyframes premiumLine {
    0% {
        transform: scaleX(0);
    }

    100% {
        transform: scaleX(1);
    }
}

.project-content a:hover {
    color: #fff;
    opacity: .9;
}

/* Mobile */
@media (max-width: 767px) {
    .project-content {
        bottom: 20px;
        padding: 0 12px;
    }

    .project-content h2 {
        font-size: 34px;
        margin-bottom: 13px;
    }

    .project-content p,
    .project-content span {
        font-size: 11px;
    }

    .project-content p {
        margin-bottom: 12px;
    }

    .project-content span {
        margin-bottom: 26px;
    }

    .project-content a {
        font-size: 11px;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .project-card *,
    .project-card::before {
        animation: none !important;
        transition: none !important;
    }
}/* End custom CSS */