.elementor-1913 .elementor-element.elementor-element-78870c4{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-1913 .elementor-element.elementor-element-0d75eed{--display:flex;--min-height:90vh;--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:flex-end;--align-items:flex-start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overflow:hidden;}.elementor-1913 .elementor-element.elementor-element-0d75eed:not(.elementor-motion-effects-element-type-background), .elementor-1913 .elementor-element.elementor-element-0d75eed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.hldstudio.fr/wp-content/uploads/2025/08/DJI_0718-4-scaled.webp");background-size:cover;}.elementor-1913 .elementor-element.elementor-element-71c8bab{--display:flex;--justify-content:flex-end;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-1913 .elementor-element.elementor-element-71c8bab.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1913 .elementor-element.elementor-element-f4d0374{--display:flex;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1913 .elementor-element.elementor-element-448b28f .elementor-heading-title{font-family:"Ballore", Sans-serif;font-size:30px;font-weight:600;color:#FCFCFC;}.elementor-1913 .elementor-element.elementor-element-af36705.elementor-element{--align-self:flex-start;}.elementor-1913 .elementor-element.elementor-element-47f3763{--display:flex;--min-height:90vh;--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:flex-end;--align-items:flex-start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overflow:hidden;}.elementor-1913 .elementor-element.elementor-element-47f3763:not(.elementor-motion-effects-element-type-background), .elementor-1913 .elementor-element.elementor-element-47f3763 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/www.hldstudio.fr/wp-content/uploads/2026/03/foret-hiver-brume-canada-photo.png?fit=1654%2C945&ssl=1");background-size:cover;}.elementor-1913 .elementor-element.elementor-element-be226ed{--display:flex;--justify-content:flex-end;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-1913 .elementor-element.elementor-element-8c34422{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-1913 .elementor-element.elementor-element-60df3ce .elementor-heading-title{font-family:"Ballore", Sans-serif;font-size:30px;font-weight:600;color:#FCFCFC;}.elementor-1913 .elementor-element.elementor-element-17778a5.elementor-element{--align-self:flex-start;}.elementor-1913 .elementor-element.elementor-element-0b79d00{--display:flex;--min-height:90vh;--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:flex-end;--align-items:flex-start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overflow:hidden;}.elementor-1913 .elementor-element.elementor-element-0b79d00:not(.elementor-motion-effects-element-type-background), .elementor-1913 .elementor-element.elementor-element-0b79d00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/www.hldstudio.fr/wp-content/uploads/2024/04/IMG_4181-scaled.webp?fit=1920%2C1280&ssl=1");background-size:cover;}.elementor-1913 .elementor-element.elementor-element-298aff2{--display:flex;--justify-content:flex-end;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-1913 .elementor-element.elementor-element-a90e0b0{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-1913 .elementor-element.elementor-element-16ab373 .elementor-heading-title{font-family:"Ballore", Sans-serif;font-size:30px;font-weight:600;color:#FCFCFC;}.elementor-1913 .elementor-element.elementor-element-7ffe55a.elementor-element{--align-self:flex-start;}.elementor-1913 .elementor-element.elementor-element-a48ab82{--display:flex;--min-height:90vh;--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:flex-end;--align-items:flex-start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overflow:hidden;}.elementor-1913 .elementor-element.elementor-element-a48ab82:not(.elementor-motion-effects-element-type-background), .elementor-1913 .elementor-element.elementor-element-a48ab82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/www.hldstudio.fr/wp-content/uploads/2026/03/Renard-Neige-roux-canada.png?fit=1181%2C709&ssl=1");background-size:cover;}.elementor-1913 .elementor-element.elementor-element-1162e78{--display:flex;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-1913 .elementor-element.elementor-element-c15360a{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-1913 .elementor-element.elementor-element-86ddc26 .elementor-heading-title{font-family:"Ballore", Sans-serif;font-size:30px;font-weight:600;color:#FCFCFC;}.elementor-1913 .elementor-element.elementor-element-6a4994a.elementor-element{--align-self:flex-start;}.elementor-1913 .elementor-element.elementor-element-f4882bd{--display:flex;--min-height:90vh;--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:flex-end;--align-items:flex-start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overflow:hidden;}.elementor-1913 .elementor-element.elementor-element-f4882bd:not(.elementor-motion-effects-element-type-background), .elementor-1913 .elementor-element.elementor-element-f4882bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/www.hldstudio.fr/wp-content/uploads/2025/10/Preview-1.jpg?fit=1701%2C1134&ssl=1");background-size:cover;}.elementor-1913 .elementor-element.elementor-element-26fe4db{--display:flex;--justify-content:flex-end;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-1913 .elementor-element.elementor-element-7796e57{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-1913 .elementor-element.elementor-element-72a35db .elementor-heading-title{font-family:"Ballore", Sans-serif;font-size:30px;font-weight:600;color:#FCFCFC;}.elementor-1913 .elementor-element.elementor-element-ca44fc6.elementor-element{--align-self:flex-start;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1913 .elementor-element.elementor-element-71c8bab{--width:59.377%;}}/* Start custom CSS *//* ======================================================
   HLD STUDIO - COLLECTIONS
====================================================== */

html,
body{
    margin:0;
    padding:0;
    overflow-x:hidden;
}

/* ======================================================
   CONTENEUR PRINCIPAL
====================================================== */

.collections-grid{
    display:flex;
    width:100%;
    height:90vh;

    margin:0 !important;
    padding:0 !important;
    gap:0 !important;

    overflow:hidden;

    position:relative;
    z-index:1;
}

/* ======================================================
   COLONNES
====================================================== */

.collections-grid .collection-item{
    flex:1;
    min-width:0;

    margin:0 !important;
    padding:0 !important;

    position:relative;
    overflow:hidden;

    cursor:pointer;

    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;

    display:flex;
    align-items:flex-end;

    transition:
        flex 1.35s cubic-bezier(.22,.61,.36,1) .50s,
        background-size 1.35s ease .50s,
        filter .8s ease .50s;
}

/* Toutes les colonnes se ferment */

.collections-grid:hover .collection-item{
    flex:.25;
}

/* La colonne active s'ouvre */

.collections-grid .collection-item:hover{
    flex:8;
    background-size:110%;
}

/* ======================================================
   OVERLAY
====================================================== */

.collections-grid .collection-item::before{
    content:"";
    position:absolute;
    inset:0;

    background:rgba(0,0,0,.45);
    z-index:1;

    transition:background .8s ease .50s;
}

.collections-grid:hover .collection-item::before{
    background:rgba(0,0,0,.72);
}

.collections-grid .collection-item:hover::before{
    background:rgba(0,0,0,.18);
}

/* ======================================================
   CONTENU - ZONE BASSE
====================================================== */

.collections-grid .collection-content{
    position:relative;
    z-index:2;

    width:100%;
    max-width:280px;

    min-height:35%;

    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-start;

    padding:40px;

    color:#fff;

    transition:
        max-width 1.2s cubic-bezier(.22,.61,.36,1) .50s,
        opacity .8s ease .50s,
        transform .8s ease .50s;
}

.collections-grid .collection-item:hover .collection-content{
    max-width:520px;
}

/* ======================================================
   TITRE
====================================================== */

.collections-grid .collection-content h2{
    margin:0;

    font-size:clamp(32px,3vw,58px);
    line-height:1;

    letter-spacing:0;

    transition:
        transform .8s ease .50s,
        letter-spacing .8s ease .50s;
}

.collections-grid .collection-item:hover .collection-content h2{
    transform:translateY(-6px) scaleX(1.03);
    letter-spacing:2px;
}

/* ======================================================
   DESCRIPTION
====================================================== */

.collections-grid .collection-content p{
    margin-top:20px;
    max-width:260px;

    opacity:0;
    transform:translateY(18px);

    transition:
        opacity .8s ease .50s,
        transform .8s ease .50s,
        max-width 1s ease .50s;
}

.collections-grid .collection-item:hover .collection-content p{
    opacity:1;
    transform:translateY(0);
    max-width:460px;
}

/* ======================================================
   BOUTON
====================================================== */

.collections-grid .collection-content .elementor-button{
    margin-top:30px;

    opacity:0;
    transform:translateY(18px);

    pointer-events:none;

    transition:
        opacity .8s ease .35s,
        transform .8s ease .35s;
}

.collections-grid .collection-item:hover .collection-content .elementor-button{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
}

/* Les autres deviennent plus discrètes */

.collections-grid:hover .collection-item:not(:hover) .collection-content{
    opacity:.45;
}

/* ======================================================
   MOBILE
====================================================== */

@media(max-width:767px){

    .collections-grid{
        flex-direction:column;
        height:auto;
    }

    .collections-grid .collection-item{
        flex:none;
        min-height:90vh;
    }

    .collections-grid:hover .collection-item,
    .collections-grid .collection-item:hover{
        flex:none;
    }

    .collections-grid .collection-content{
        max-width:100%;
        min-height:auto;
        padding:28px;
    }

    .collections-grid .collection-content p,
    .collections-grid .collection-content .elementor-button{
        opacity:1;
        transform:none;
        pointer-events:auto;
        max-width:100%;
    }

    .collections-grid:hover .collection-item:not(:hover) .collection-content{
        opacity:1;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Ballore';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.hldstudio.fr/wp-content/uploads/2025/07/BalloreGrayson.ttf') format('truetype');
}
/* End Custom Fonts CSS */