.elementor-199 .elementor-element.elementor-element-26b539a2:not(.elementor-motion-effects-element-type-background), .elementor-199 .elementor-element.elementor-element-26b539a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-308e809 );}.elementor-199 .elementor-element.elementor-element-26b539a2{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0em 0em 0em 0em;}.elementor-199 .elementor-element.elementor-element-26b539a2 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-199 .elementor-element.elementor-element-411a5336 > .elementor-element-populated{margin:0em 0em 0em 0em;--e-column-margin-right:0em;--e-column-margin-left:0em;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:768px){.elementor-199 .elementor-element.elementor-element-411a5336{width:40%;}}@media(max-width:1024px){.elementor-199 .elementor-element.elementor-element-26b539a2{padding:4em 1em 4em 1em;}.elementor-199 .elementor-element.elementor-element-411a5336 > .elementor-element-populated{margin:2.5em 2em 0em 0em;--e-column-margin-right:2em;--e-column-margin-left:0em;}}@media(max-width:767px){.elementor-199 .elementor-element.elementor-element-26b539a2{padding:2em 1.5em 3em 1.5em;}.elementor-199 .elementor-element.elementor-element-411a5336 > .elementor-element-populated{margin:0em 0em 2em 0em;--e-column-margin-right:0em;--e-column-margin-left:0em;}}/* Start custom CSS for html, class: .elementor-element-1473eb40 *//* =========================================================
   PROIECTE
   covoarepiatranaturala.ro
   ========================================================= */

.cpproj-page{

    /* =====================================
       ADAUGĂ IMAGINILE TALE AICI
       ===================================== */

    --cpproj-hero:url("https://covoarepiatranaturala.ro/wp-content/uploads/2026/10/62521962-A159-4C5C-8021-D37AC4AF547F.png");

    --cpproj-img-1:url("https://covoarepiatranaturala.ro/wp-content/uploads/2026/10/17105F81-DFB7-42B1-9A1C-70B173B5BFB9.png");
    --cpproj-img-2:url("https://covoarepiatranaturala.ro/wp-content/uploads/2026/10/hidroizolatie-balcoane.webp");
    --cpproj-img-3:url("https://covoarepiatranaturala.ro/wp-content/uploads/2026/10/IMG_2364.jpg");
    --cpproj-img-4:url("https://covoarepiatranaturala.ro/wp-content/uploads/2026/10/A030FA58-D241-4540-AE51-854948A7F283.png");
    --cpproj-img-5:url("https://covoarepiatranaturala.ro/wp-content/uploads/2026/10/IMG_2345.jpg");
    --cpproj-img-6:url("https://covoarepiatranaturala.ro/wp-content/uploads/2026/10/images-2.jpeg");
    --cpproj-img-7:url("https://covoarepiatranaturala.ro/wp-content/uploads/2026/10/IMG_23371.jpg");
    --cpproj-img-8:url("https://covoarepiatranaturala.ro/wp-content/uploads/2026/10/images-3.jpeg");

    --cpproj-pattern:url("https://covoarepiatranaturala.ro/wp-content/uploads/2026/10/BG-1.png");


    --white:#ffffff;
    --black:#171717;

    --text:#55534f;
    --muted:#817d76;

    --cream:#f7f6f3;
    --soft:#f0f0ed;

    --green:#adb64d;
    --green-dark:#9ca540;

    --teal:#285e63;
    --teal-dark:#214f53;

    --line:#dddcd7;

    width:100%;
    max-width:100%;

    margin:0 auto;

    color:var(--text);

    font-family:inherit;
    font-size:16px;
    line-height:1.68;
}


.cpproj-page *,
.cpproj-page *:before,
.cpproj-page *:after{
    box-sizing:border-box;
}


.cpproj-page h1,
.cpproj-page h2,
.cpproj-page h3,
.cpproj-page p{
    margin-top:0;
}


.cpproj-page h1,
.cpproj-page h2,
.cpproj-page h3{
    color:var(--black);

    font-family:Georgia, "Times New Roman", serif;
    font-weight:400;
}


.cpproj-page h1{
    margin-bottom:22px;

    font-size:54px;
    line-height:1.06;

    letter-spacing:-1.3px;
}


.cpproj-page h2{
    margin-bottom:19px;

    font-size:42px;
    line-height:1.14;

    letter-spacing:-.7px;
}


.cpproj-page h3{
    font-size:22px;
    line-height:1.3;
}


.cpproj-page p{
    margin-bottom:18px;
}


.cpproj-lead{
    color:#44423e;

    font-size:18px;
    line-height:1.72;
}


.cpproj-kicker{
    display:block;

    margin-bottom:14px;

    color:var(--black);

    font-size:10px;
    font-weight:700;

    line-height:1.3;

    letter-spacing:2px;
    text-transform:uppercase;
}


/* =========================================================
   LINKS
   ========================================================= */

.cpproj-page a:not(.cpproj-btn):not(.cpproj-text-link):not(.cpproj-portfolio-card){
    color:var(--black);

    text-decoration:underline;
    text-decoration-color:var(--green);
    text-decoration-thickness:1px;
    text-underline-offset:4px;

    transition:color .2s ease;
}


.cpproj-page a:not(.cpproj-btn):not(.cpproj-text-link):not(.cpproj-portfolio-card):hover{
    color:var(--green-dark);
}


/* =========================================================
   BUTTONS
   ========================================================= */

.cpproj-actions{
    display:flex;
    flex-wrap:wrap;

    gap:10px;

    margin-top:28px;
}


.cpproj-btn{
    display:inline-flex;

    min-height:47px;

    align-items:center;
    justify-content:center;

    padding:12px 22px;

    border:1px solid var(--green);

    font-size:10px;
    line-height:1;
    font-weight:700;

    letter-spacing:.6px;

    text-decoration:none !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .2s ease;
}


.cpproj-btn:hover{
    transform:translateY(-2px);
}


.cpproj-btn-green{
    background:var(--green);
    border-color:var(--green);

    color:#fff !important;
}


.cpproj-btn-green:hover{
    background:var(--teal);
    border-color:var(--teal);
}


.cpproj-btn-outline{
    background:transparent;

    color:var(--black) !important;
}


.cpproj-btn-outline:hover{
    background:var(--black);
    border-color:var(--black);

    color:#fff !important;
}


.cpproj-btn-light{
    background:#fff;
    border-color:#fff;

    color:var(--black) !important;
}


.cpproj-btn-light:hover{
    background:transparent;

    color:#fff !important;
}


.cpproj-text-link{
    display:inline-block;

    margin-top:8px;
    padding-bottom:3px;

    border-bottom:1px solid var(--green);

    color:var(--black) !important;

    font-size:10px;
    font-weight:700;

    letter-spacing:.7px;

    text-decoration:none !important;
}


/* =========================================================
   PHOTO
   ========================================================= */

.cpproj-photo{
    background-position:center;
    background-size:cover;
}


/* =========================================================
   HERO
   ========================================================= */

.cpproj-hero{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;

    min-height:650px;

    padding:65px 30px;

    overflow:hidden;
}


.cpproj-hero-bg{
    position:absolute;
    inset:0;

    background-image:
        linear-gradient(
            rgba(15,15,15,.17),
            rgba(15,15,15,.17)
        ),
        var(--cpproj-hero);

    background-position:center;
    background-size:cover;
}


.cpproj-hero-box{
    position:relative;
    z-index:2;

    width:min(700px,90%);

    padding:55px 60px;

    background:rgba(255,255,255,.89);

    text-align:center;

    backdrop-filter:blur(2px);
}


.cpproj-hero-box:before{
    content:"";

    position:absolute;

    inset:17px;

    border:1px solid rgba(20,20,20,.3);

    pointer-events:none;
}


.cpproj-hero-box > *{
    position:relative;
    z-index:2;
}


.cpproj-hero-box p{
    max-width:570px;

    margin-left:auto;
    margin-right:auto;
}


.cpproj-hero-box .cpproj-actions{
    justify-content:center;
}


/* =========================================================
   INTRO
   ========================================================= */

.cpproj-intro{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;
    align-items:center;

    max-width:1180px;

    margin:0 auto;

    padding:90px 45px;
}


.cpproj-intro-copy{
    max-width:560px;
}


.cpproj-intro-links{
    display:flex;
    flex-wrap:wrap;

    gap:25px;

    margin-top:28px;
}


.cpproj-intro-links a{
    font-size:9px;
    font-weight:700;

    letter-spacing:.7px;

    text-decoration:none !important;

    border-bottom:1px solid var(--green);
}


.cpproj-intro-visual{
    position:relative;

    min-height:520px;
}


.cpproj-img-1{
    min-height:520px;

    background-image:var(--cpproj-img-1);
}


.cpproj-intro-label{
    position:absolute;

    left:-35px;
    bottom:35px;

    min-width:235px;

    padding:24px 27px;

    background:#fff;

    box-shadow:0 15px 40px rgba(0,0,0,.07);
}


.cpproj-intro-label span{
    display:block;

    margin-bottom:8px;

    color:var(--green);

    font-size:9px;
    font-weight:700;

    letter-spacing:1.4px;
}


.cpproj-intro-label strong{
    color:var(--black);

    font-family:Georgia, "Times New Roman", serif;
    font-size:20px;
    line-height:1.3;
    font-weight:400;
}


/* =========================================================
   STATEMENT
   ========================================================= */

.cpproj-statement{
    padding:95px 30px;

    background:
        linear-gradient(
            rgba(40,94,99,.93),
            rgba(40,94,99,.93)
        ),
        var(--cpproj-pattern);

    text-align:center;

    color:#fff;
}


.cpproj-statement-line{
    display:block;

    width:58px;
    height:2px;

    margin:0 auto 26px;

    background:var(--green);
}


.cpproj-statement h2{
    max-width:900px;

    margin-left:auto;
    margin-right:auto;

    color:#fff;

    font-size:41px;
}


.cpproj-statement p{
    max-width:680px;

    margin:0 auto;

    color:rgba(255,255,255,.85);
}


/* =========================================================
   FEATURED
   ========================================================= */

.cpproj-featured{
    display:grid;

    grid-template-columns:1.1fr .9fr;

    background:#fff;
}


.cpproj-featured-photo{
    min-height:650px;

    background-image:var(--cpproj-img-2);

    background-position:center;
    background-size:cover;
}


.cpproj-featured-copy{
    position:relative;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:75px 70px;
}


.cpproj-number{
    position:absolute;

    right:35px;
    top:25px;

    color:#e7e5df;

    font-family:Georgia, "Times New Roman", serif;
    font-size:60px;
    line-height:1;
}


.cpproj-tags{
    display:flex;
    flex-wrap:wrap;

    gap:6px;

    margin:10px 0 24px;
}


.cpproj-tags span{
    padding:6px 9px;

    background:var(--cream);
    border:1px solid var(--line);

    color:var(--muted);

    font-size:8px;
    font-weight:700;

    letter-spacing:.7px;
}


/* =========================================================
   GALLERY HEAD
   ========================================================= */

.cpproj-gallery-head{
    max-width:1180px;

    margin:0 auto;

    padding:90px 45px 40px;
}


.cpproj-gallery-head h2{
    max-width:760px;
}


.cpproj-gallery-head p{
    max-width:700px;
}


/* =========================================================
   GALLERY
   ========================================================= */

.cpproj-gallery{
    display:grid;

    grid-template-columns:1.25fr .75fr;
    grid-template-rows:300px 300px;

    gap:14px;

    max-width:1180px;

    margin:0 auto;

    padding:0 45px 90px;
}


.cpproj-gallery-a,
.cpproj-gallery-b,
.cpproj-gallery-c,
.cpproj-gallery-d{
    position:relative;

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

    overflow:hidden;
}


.cpproj-gallery-a{
    grid-row:1 / 3;

    background-image:var(--cpproj-img-3);
}


.cpproj-gallery-b{
    background-image:var(--cpproj-img-4);
}


.cpproj-gallery-c{
    background-image:var(--cpproj-img-5);
}


.cpproj-gallery-d{
    display:none;

    background-image:var(--cpproj-img-6);
}


.cpproj-gallery-a:after,
.cpproj-gallery-b:after,
.cpproj-gallery-c:after,
.cpproj-gallery-d:after{
    content:"";

    position:absolute;
    inset:0;

    background:linear-gradient(
        transparent 42%,
        rgba(0,0,0,.62)
    );
}


.cpproj-gallery > div > div{
    position:absolute;

    left:24px;
    right:24px;
    bottom:22px;

    z-index:2;

    color:#fff;
}


.cpproj-gallery span{
    display:block;

    margin-bottom:4px;

    color:var(--green);

    font-size:9px;
    font-weight:700;
}


.cpproj-gallery strong{
    display:block;

    color:#fff;

    font-family:Georgia, "Times New Roman", serif;
    font-size:23px;
    font-weight:400;
}


.cpproj-gallery small{
    display:block;

    margin-top:4px;

    color:rgba(255,255,255,.78);

    font-size:10px;
}


/* =========================================================
   SPLIT / STAIRS
   ========================================================= */

.cpproj-split{
    display:grid;

    grid-template-columns:1fr 1fr;

    background:var(--cream);
}


.cpproj-split-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:75px 70px;
}


.cpproj-split-copy .cpproj-btn{
    align-self:flex-start;

    margin-top:10px;
}


.cpproj-img-7{
    min-height:600px;

    background-image:var(--cpproj-img-7);
}


/* =========================================================
   PRINCIPLES
   ========================================================= */

.cpproj-principles{
    max-width:1180px;

    margin:0 auto;

    padding:90px 45px;

    text-align:center;
}


.cpproj-principles > h2{
    max-width:760px;

    margin-left:auto;
    margin-right:auto;
}


.cpproj-principles-grid{
    display:grid;

    grid-template-columns:repeat(4,minmax(0,1fr));

    gap:1px;

    margin-top:42px;

    background:var(--line);

    border:1px solid var(--line);

    text-align:left;
}


.cpproj-principles-grid article{
    min-height:270px;

    padding:27px;

    background:#fff;
}


.cpproj-principles-grid article > span{
    display:block;

    margin-bottom:42px;

    color:var(--green);

    font-family:Georgia, "Times New Roman", serif;
    font-size:17px;
}


.cpproj-principles-grid h3{
    margin-bottom:10px;

    font-size:20px;
}


.cpproj-principles-grid p{
    margin:0;

    font-size:12px;
}


.cpproj-principle-featured{
    background:var(--green) !important;

    color:#fff;
}


.cpproj-principle-featured span,
.cpproj-principle-featured h3,
.cpproj-principle-featured p{
    color:#fff !important;
}


/* =========================================================
   MATERIAL
   ========================================================= */

.cpproj-material{
    display:grid;

    grid-template-columns:1fr 1fr;

    background:var(--teal);
}


.cpproj-img-8{
    min-height:590px;

    background-image:var(--cpproj-img-8);
}


.cpproj-material-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:75px 70px;

    color:#fff;
}


.cpproj-material-copy .cpproj-kicker{
    color:#fff;
}


.cpproj-material-copy h2{
    color:#fff;
}


.cpproj-material-copy .cpproj-lead,
.cpproj-material-copy p{
    color:rgba(255,255,255,.88);
}


.cpproj-material-links{
    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:10px;

    margin-top:18px;
}


.cpproj-material-links a{
    color:#fff !important;

    font-size:9px;
    font-weight:700;

    letter-spacing:.7px;

    text-decoration:none !important;

    border-bottom:1px solid var(--green);
}


/* =========================================================
   TYPES
   ========================================================= */

.cpproj-types{
    max-width:1180px;

    margin:0 auto;

    padding:90px 45px;
}


.cpproj-types-head{
    max-width:780px;

    margin-bottom:42px;
}


.cpproj-types-grid{
    display:grid;

    grid-template-columns:repeat(4,minmax(0,1fr));

    gap:1px;

    background:var(--line);

    border:1px solid var(--line);
}


.cpproj-types-grid > a{
    display:flex;
    flex-direction:column;

    min-height:270px;

    padding:27px;

    background:#fff;

    text-decoration:none !important;

    transition:
        background .2s ease,
        transform .2s ease;
}


.cpproj-types-grid > a > span{
    margin-bottom:42px;

    color:var(--green);

    font-family:Georgia, "Times New Roman", serif;
    font-size:17px;
}


.cpproj-types-grid h3{
    margin-bottom:10px;

    font-size:20px;
}


.cpproj-types-grid p{
    font-size:12px;
}


.cpproj-types-grid b{
    margin-top:auto;

    color:var(--black);

    font-size:9px;
}


.cpproj-types-grid > a:hover{
    background:var(--green);

    transform:translateY(-4px);
}


.cpproj-types-grid > a:hover span,
.cpproj-types-grid > a:hover h3,
.cpproj-types-grid > a:hover p,
.cpproj-types-grid > a:hover b{
    color:#fff;
}


/* =========================================================
   PORTFOLIO HIDROIZOL
   ========================================================= */

.cpproj-portfolio{
    display:grid;

    grid-template-columns:1.2fr .8fr;

    gap:55px;
    align-items:center;

    padding:70px max(45px,calc((100% - 1090px) / 2));

    background:
        linear-gradient(
            rgba(245,245,243,.95),
            rgba(245,245,243,.95)
        ),
        var(--cpproj-pattern);
}


.cpproj-portfolio-copy h2{
    max-width:620px;
}


.cpproj-portfolio-copy p{
    max-width:700px;
}


.cpproj-portfolio-card{
    display:block;

    padding:30px;

    background:#fff;

    border-top:2px solid var(--green);

    box-shadow:0 12px 35px rgba(0,0,0,.05);

    text-decoration:none !important;

    transition:transform .2s ease;
}


.cpproj-portfolio-card:hover{
    transform:translateY(-4px);
}


.cpproj-portfolio-card > span{
    display:block;

    margin-bottom:18px;

    color:var(--green-dark);

    font-size:9px;
    font-weight:700;

    letter-spacing:1.2px;
}


.cpproj-portfolio-card strong{
    display:flex;

    justify-content:space-between;
    align-items:center;

    color:var(--black);

    font-family:Georgia, "Times New Roman", serif;
    font-size:24px;
    line-height:1.3;
    font-weight:400;
}


.cpproj-portfolio-card b{
    color:var(--green);

    font-size:25px;
    font-weight:400;
}


/* =========================================================
   EXECUTION
   ========================================================= */

.cpproj-execution{
    display:grid;

    grid-template-columns:1.2fr .8fr;

    gap:60px;

    padding:75px max(45px,calc((100% - 1090px) / 2));

    background:var(--teal);

    color:#fff;
}


.cpproj-execution .cpproj-kicker{
    color:#fff;
}


.cpproj-execution h2{
    max-width:720px;

    color:#fff;
}


.cpproj-execution p{
    max-width:720px;

    color:rgba(255,255,255,.87);
}


.cpproj-execution p a{
    color:#fff !important;

    text-decoration-color:var(--green) !important;
}


.cpproj-execution-card{
    align-self:center;

    padding:30px;

    background:#fff;

    color:var(--text);
}


.cpproj-execution-card > span{
    display:block;

    margin-bottom:18px;

    color:var(--green-dark);

    font-size:9px;
    font-weight:700;

    letter-spacing:1.2px;
}


.cpproj-execution-card > strong{
    display:block;

    margin-bottom:12px;

    color:var(--black);

    font-family:Georgia, "Times New Roman", serif;
    font-size:25px;
    line-height:1.25;
    font-weight:400;
}


.cpproj-execution-card p{
    color:var(--text);

    font-size:12px;
}


.cpproj-execution-card a{
    color:var(--black) !important;

    font-size:10px;
    font-weight:700;

    text-decoration:none !important;

    border-bottom:1px solid var(--green);
}


/* =========================================================
   FAQ
   ========================================================= */

.cpproj-faq{
    display:grid;

    grid-template-columns:.75fr 1.25fr;

    gap:70px;

    max-width:1180px;

    margin:0 auto;

    padding:90px 45px;
}


.cpproj-faq-intro h2{
    font-size:38px;
}


.cpproj-faq-list{
    border-top:1px solid var(--line);
}


.cpproj-faq-list details{
    border-bottom:1px solid var(--line);
}


.cpproj-faq-list summary{
    display:grid;

    grid-template-columns:1fr 35px;

    gap:20px;
    align-items:center;

    padding:20px 18px;

    background:#f5f5f4;

    cursor:pointer;

    list-style:none;
}


.cpproj-faq-list summary::-webkit-details-marker{
    display:none;
}


.cpproj-faq-list summary span{
    color:var(--black);

    font-family:Georgia, "Times New Roman", serif;
    font-size:17px;
}


.cpproj-faq-list summary b{
    color:var(--green);

    font-size:20px;
    font-weight:400;

    text-align:center;

    transition:transform .2s ease;
}


.cpproj-faq-list details[open] summary{
    background:var(--green);
}


.cpproj-faq-list details[open] summary span,
.cpproj-faq-list details[open] summary b{
    color:#fff;
}


.cpproj-faq-list details[open] summary b{
    transform:rotate(45deg);
}


.cpproj-faq-list details > div{
    padding:22px 20px 24px;
}


.cpproj-faq-list details p{
    margin:0;

    font-size:13px;
}


/* =========================================================
   FINAL
   ========================================================= */

.cpproj-final{
    padding:90px 30px;

    background:
        linear-gradient(
            rgba(37,84,88,.93),
            rgba(37,84,88,.93)
        ),
        var(--cpproj-pattern);

    text-align:center;

    color:#fff;
}


.cpproj-final .cpproj-kicker{
    color:#fff;
}


.cpproj-final h2{
    max-width:800px;

    margin-left:auto;
    margin-right:auto;

    color:#fff;
}


.cpproj-final p{
    max-width:700px;

    margin-left:auto;
    margin-right:auto;

    color:rgba(255,255,255,.87);
}


.cpproj-final .cpproj-actions{
    justify-content:center;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1024px){

    .cpproj-page h1{
        font-size:46px;
    }


    .cpproj-page h2{
        font-size:36px;
    }


    .cpproj-intro{
        gap:45px;

        padding-left:30px;
        padding-right:30px;
    }


    .cpproj-featured-copy,
    .cpproj-split-copy,
    .cpproj-material-copy{
        padding:55px 40px;
    }


    .cpproj-gallery-head,
    .cpproj-gallery,
    .cpproj-principles,
    .cpproj-types,
    .cpproj-faq{
        padding-left:30px;
        padding-right:30px;
    }


    .cpproj-principles-grid,
    .cpproj-types-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}


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

@media(max-width:767px){

    .cpproj-page{
        font-size:15px;
    }


    .cpproj-page h1{
        font-size:35px;
    }


    .cpproj-page h2{
        font-size:30px;
    }


    .cpproj-lead{
        font-size:16px;
    }


    /* HERO */

    .cpproj-hero{
        min-height:570px;

        padding:35px 15px;
    }


    .cpproj-hero-box{
        width:100%;

        padding:44px 24px;
    }


    .cpproj-hero-box:before{
        inset:10px;
    }


    .cpproj-actions{
        flex-direction:column;
    }


    .cpproj-actions .cpproj-btn{
        width:100%;
    }


    /* INTRO */

    .cpproj-intro{
        grid-template-columns:1fr;

        gap:40px;

        padding:55px 18px;
    }


    .cpproj-intro-visual,
    .cpproj-img-1{
        min-height:400px;
    }


    .cpproj-intro-label{
        left:15px;
        right:15px;
        bottom:15px;

        min-width:0;
    }


    /* STATEMENT */

    .cpproj-statement{
        padding:65px 18px;
    }


    .cpproj-statement h2{
        font-size:29px;
    }


    /* FEATURED */

    .cpproj-featured{
        grid-template-columns:1fr;
    }


    .cpproj-featured-photo{
        min-height:410px;
    }


    .cpproj-featured-copy{
        padding:50px 18px;
    }


    .cpproj-number{
        right:18px;
        top:20px;

        font-size:48px;
    }


    /* GALLERY */

    .cpproj-gallery-head{
        padding:55px 18px 30px;
    }


    .cpproj-gallery{
        grid-template-columns:1fr;
        grid-template-rows:auto;

        padding:0 18px 55px;
    }


    .cpproj-gallery-a{
        grid-row:auto;

        min-height:430px;
    }


    .cpproj-gallery-b,
    .cpproj-gallery-c,
    .cpproj-gallery-d{
        display:block;

        min-height:280px;
    }


    /* SPLIT */

    .cpproj-split{
        grid-template-columns:1fr;
    }


    .cpproj-split-copy{
        padding:50px 18px;
    }


    .cpproj-img-7{
        min-height:400px;
    }


    /* PRINCIPLES */

    .cpproj-principles{
        padding:55px 18px;
    }


    .cpproj-principles-grid{
        grid-template-columns:1fr;
    }


    .cpproj-principles-grid article{
        min-height:220px;
    }


    /* MATERIAL */

    .cpproj-material{
        grid-template-columns:1fr;
    }


    .cpproj-img-8{
        min-height:390px;
    }


    .cpproj-material-copy{
        padding:50px 18px;
    }


    /* TYPES */

    .cpproj-types{
        padding:55px 18px;
    }


    .cpproj-types-grid{
        grid-template-columns:1fr;
    }


    .cpproj-types-grid > a{
        min-height:220px;
    }


    /* PORTFOLIO */

    .cpproj-portfolio{
        grid-template-columns:1fr;

        gap:28px;

        padding:55px 18px;
    }


    /* EXECUTION */

    .cpproj-execution{
        grid-template-columns:1fr;

        gap:30px;

        padding:55px 18px;
    }


    /* FAQ */

    .cpproj-faq{
        grid-template-columns:1fr;

        gap:30px;

        padding:55px 18px;
    }


    /* FINAL */

    .cpproj-final{
        padding:65px 18px;
    }

}


@media(prefers-reduced-motion:reduce){

    .cpproj-page *,
    .cpproj-page *:before,
    .cpproj-page *:after{
        transition:none !important;
    }

}/* End custom CSS */