.elementor-226510 .elementor-element.elementor-element-cfd7ff0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-226510 .elementor-element.elementor-element-e28f6dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-226510 .elementor-element.elementor-element-96f7d9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-226510 .elementor-element.elementor-element-ef9ce69 > .elementor-widget-container{padding:0px 0px 50px 0px;}.elementor-226510 .elementor-element.elementor-element-5fd838a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-226510 .elementor-element.elementor-element-8df8a60{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-226510 .elementor-element.elementor-element-162bade > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-226510 .elementor-element.elementor-element-25c0659 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-226510 .elementor-element.elementor-element-36aac44{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-226510{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-5880c96 *//* =========================================================
   EXPLORE ARCHITECTURE HERO
========================================================= */

.explore-header{
    position:relative;
    width:100vw;
    margin-left:calc(50% - 50vw);

    min-height:680px;

    display:flex;
    align-items:center;

    background:url("https://www.architecture.com.au/wp-content/uploads/Newsletter-Resize-5.jpg") center center/cover no-repeat;

    overflow:hidden;
}

/* Dark overlay */

.explore-overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.45),
            rgba(0,0,0,.55)
        );

    z-index:1;
}

/* Content wrapper */

.explore-content{

    position:relative;
    z-index:2;

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

    margin:0 auto;

    padding:120px 80px 220px;

    box-sizing:border-box;

}

/* Left column */

.explore-text{

    max-width:700px;

}

/* Heading */

.explore-text h1{

    margin:0 0 35px;
    text-transform: none;

    color:#fff;

    font-size:clamp(4rem,7vw,6.5rem);

    line-height:.95;

    font-weight:800;

    letter-spacing:-3px;

}

/* Paragraphs */

.explore-text p{

    margin:0 0 25px;

    color:#fff;

    font-size:2rem;

    line-height:1.6;

    font-weight:400;

}

/* Quote */

.explore-quote{

    margin-top:70px;

}

#heroQuote{

    transition:opacity .4s ease;

    color:#fff;

    max-width:520px;

}

#heroQuote em{

    display:block;

    font-size:1.45rem;

    font-style:italic;

    line-height:1.5;

    opacity:.95;

}

#heroQuote span{

    display:block;

    margin-top:12px;

    font-size:.8rem;

    letter-spacing:3px;

    text-transform:uppercase;

    font-weight:700;

    opacity:.8;

}

/* Optional green accent */

.explore-text::before{

    content:"";

    display:block;

    width:70px;

    height:4px;

    background:#0db14b;

    margin-bottom:40px;

}

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

@media (max-width:1024px){

.explore-content{

    padding:100px 60px 180px;

}

.explore-text{

    max-width:620px;

}

.explore-text p{

    font-size:1.35rem;

}

}

@media (max-width:768px){

.explore-header{

    min-height:650px;

}

.explore-content{

    padding:80px 30px 160px;

}

.explore-text{

    max-width:100%;

}

.explore-text h1{

    font-size:3.6rem;

    letter-spacing:-2px;

}

.explore-text p{

    font-size:1.15rem;

}

#heroQuote em{

    font-size:1.1rem;

}

}

@media (max-width:480px){

.explore-content{

    padding:70px 25px 140px;

}

.explore-text h1{

    font-size:3rem;

}

.explore-text p{

    font-size:1rem;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8fccaf8 *//* ==================================================
   Floating Panel
================================================== */

.explore-panel{

    position:relative;
    max-width:1400px;
    margin:-90px auto 20px;
    background:#fff;
    border-radius:24px;
    box-shadow:0 30px 70px rgba(0,0,0,.15);
    overflow:hidden;
    z-index:10;

}

/* ==========================
   Tabs
========================== */

.explore-tabs{

    display:flex;
    align-items:stretch;
    border-bottom:1px solid #e8e8e8;
    background:#fff;

}

.explore-tabs .tab{

    flex:1;

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

    min-height:72px;

    padding:24px;

    background:#fff !important;
    color:#555 !important;

    border:none !important;
    border-radius:0 !important;
    box-shadow:none !important;

    
    font-weight:600;

    text-align:center;

    cursor:pointer;

    transition:.3s;

    position:relative;

    user-select:none;

}

.explore-tabs .tab:hover{

    background:#f7f7f7 !important;

}

.explore-tabs .tab.active{

    color:#111 !important;

}

.explore-tabs .tab.active::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:4px;

    background:#0db14b;

}

/* ==========================
   Body
========================== */

.explore-body{

    padding:60px;

}

.tab-content{

    display:none;

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

    gap:60px;

}

.tab-content.active{

    display:flex;

}

.tab-text{

    max-width:700px;

}

.tab-text h2{

    margin:0 0 20px;

    text-transform:none;

    font-size:clamp(3rem,5vw,4.5rem);

    line-height:1.05;

    color:#111;

}

.tab-text p{

    margin:0;

    font-size:1.3rem;

    line-height:1.7;

    color:#666;

}

.explore-btn{

    display:inline-flex;

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

    min-width:220px;
    height:64px;

    background:#0db14b;

    color:#fff !important;

    border-radius:999px;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.explore-btn:hover{

    background:#0b9940;

    color:#fff;

}

/* ==========================
   Mobile
========================== */

@media (max-width:900px){

    .explore-tabs{

        flex-direction:column;

    }

    .explore-tabs .tab{

        min-height:64px;

    }

    .tab-content.active{

        flex-direction:column;
        align-items:flex-start;

    }

    .explore-body{

        padding:40px 30px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e87477 *//* ==========================================
   Countdown
========================================== */

.awards-countdown{

    max-width:1400px;

    margin:60px auto;

    padding:36px 40px;

    background:#f5f3ef;

    border-radius:24px;

}

.countdown-content{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:60px;

}

.eyebrow{

    display:block;

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:1rem;

    color:#0db14b;

    font-weight:700;

    margin-bottom:15px;

}

.countdown-left h2{

    margin:0 0 35px;
   font-size:clamp(3rem,5vw,4.5rem);
text-transform:none;

    line-height:1.1;

}

.countdown{

    display:flex;

    gap:16px;

}

.count-box{

    width:110px;

    height:110px;

    background:#fff;

    border-radius:14px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    box-shadow:0 5px 15px rgba(0,0,0,.05);

}

.count-box span{



    font-weight:700;

    color:#111;

    line-height:1;

}

.count-box small{

    margin-top:10px;

    text-transform:uppercase;

    letter-spacing:2px;

    

    color:#888;

}

.countdown-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    background:#111;

    color:#fff;

    text-decoration:none;

    padding:18px 36px;

    border-radius:999px;

    font-weight:600;

    transition:.3s;

}

.countdown-btn:hover{

    background:#0db14b;

}

@media(max-width:900px){

    .countdown-content{

        flex-direction:column;

        align-items:flex-start;

    }

    .countdown{

        flex-wrap:wrap;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef9ce69 *//* ===================================================
   Chapter Selector
=================================================== */

.chapter-.elementor-226510 .elementor-element.elementor-element-ef9ce69{

    padding:120px 40px;

    background:#fff;

}

.chapter-container{

    max-width:1200px;

    margin:0 auto;

    text-align:center;

}

.chapter-label{

    display:inline-block;

    margin-bottom:20px;

    font-size:1rem;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#0db14b;

}

.chapter-container h2{

    margin:0 0 25px;
    text-transform: none;
   font-size:clamp(3rem,5vw,4.5rem);
    line-height:1;

    font-weight:800;

    color:#111;

}

.chapter-container p{

    max-width:760px;

    margin:0 auto 55px;

    line-height:1.6;

    color:#666;

}

.chapter-links{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:16px;

}

.chapter-pill{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:94px;

    height:56px;

    padding:0 30px;

    border:1px solid #d9d9d9;

    border-radius:999px;

    text-decoration:none;

    color:#111;

    font-weight:700;


    transition:.25s ease;

}

.chapter-pill:hover{

    background:#0db14b;

    color:#fff;

    border-color:#0db14b;

    transform:translateY(-2px);

}

@media(max-width:768px){

    .chapter-.elementor-226510 .elementor-element.elementor-element-ef9ce69{

        padding:80px 25px;

    }

    .chapter-container h2{

        font-size:2.8rem;

    }

    .chapter-container p{

        font-size:1.1rem;

        margin-bottom:40px;

    }

    .chapter-pill{

        min-width:78px;

        height:50px;

        padding:0 22px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5fd838a *//*==================================================
Media
==================================================*/

.media-section{

    width:100vw;
    margin-left:calc(50% - 50vw);

    background:#111;

    padding:120px 60px;

    color:#fff;

    box-sizing:border-box;

}

.media-container{

    max-width:1500px;
    margin:0 auto;

}

.media-section .section-label{

    display:block;

    text-align:center;

    text-transform:uppercase;

    letter-spacing:3px;

    color:#0db14b;

    margin-bottom:20px;

    font-size: 1rem;

    font-weight:700;

}

.media-section h2{

    text-align:center;

    font-size:clamp(3rem,5vw,4.8rem);

    line-height:1.05;
    text-transform:none;

    margin:0 auto 70px;

    max-width:700px;

    color:#fff;

}

/* Slider */

.media-slider{

    display:flex;

    overflow-x:auto;

    scroll-snap-type:x mandatory;

    scroll-behavior:smooth;

    gap:40px;

    scrollbar-width:none;

}

.media-slider::-webkit-scrollbar{

    display:none;

}

.media-slide{

    min-width:100%;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:30px;

    scroll-snap-align:start;

}

/* Cards */

.media-card{

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    min-height:260px;

    padding:40px;

    border:1px solid rgba(255,255,255,.15);

    border-radius:22px;

    background:#1d1d1d;

    text-decoration:none;

    transition:.3s;

}

.media-card:hover{

    border-color:#0db14b;

    transform:translateY(-6px);

}

.media-card h3{

    margin:0;

    color:#fff;
    text-transform:none;

   

    line-height:1.35;

    font-family:Georgia, serif;

    font-weight:500;

}

.media-card span{

    text-transform:uppercase;

    letter-spacing:2px;

    color:#0db14b;

    font-weight:700;

    font-size:1rem;

}

/* Pagination */

.media-pagination{

    margin-top:45px;

    display:flex;

    justify-content:center;

    gap:10px;

}

.media-pagination span{

    width:32px;

    height:4px;

    border-radius:999px;

    background:#555;

}

.media-pagination span.active{

    background:#0db14b;

}

/* Mobile */

@media(max-width:900px){

.media-slide{

    grid-template-columns:1fr;

}

.media-card{

    min-height:220px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd3ddeb *//*==================================================
Architecture Matters
==================================================*/

.architecture-matters{

    width:100vw;
    margin-left:calc(50% - 50vw);

    padding:120px 60px;

    background:#f3f3f1;

    box-sizing:border-box;

}

.architecture-container{

    width:100%;
    max-width:1600px;
    margin:0 auto;

}
.section-label{

    display:block;

    text-align:center;

    text-transform:uppercase;

    letter-spacing:3px;

    color:#0db14b;

    font-size:1rem;

    font-weight:700;

    margin-bottom:20px;

}

.architecture-container h2{

    max-width:900px;
    text-transform: none;
       font-size:clamp(3rem,5vw,4.5rem);

    margin:0 auto 70px;

    text-align:center;

    line-height:1.15;

    font-weight:800;

    color:#111;

}

.architecture-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:28px;

}

.architecture-card{

    display:flex;

    flex-direction:column;

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    text-decoration:none;

    color:inherit;

    border:1px solid #ececec;

    transition:.35s;

}

.architecture-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 50px rgba(0,0,0,.08);

}

.card-image{

    position:relative;

    aspect-ratio:4/3;

    overflow:hidden;

}

.card-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

.architecture-card:hover img{

    transform:scale(1.05);

}

.image-credit{

    position:absolute;

    right:14px;

    bottom:14px;

    padding:8px 16px;

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

    border-radius:999px;

    font-size:.72rem;

    font-weight:700;

    letter-spacing:1.5px;

    text-transform:none;

    color:#333;

}

.card-content{

    padding:30px;

}

.card-content h3{

    margin:0 0 18px;
    text-transform: none;

    
    font-weight:700;

}

.card-content p{

    margin:0 0 28px;


    line-height:1.8;

    color:#666;

}

.card-link{

    color:#0db14b;

    font-weight:700;

    transition:.3s;

}

.architecture-card:hover .card-link{

    padding-left:6px;

}

@media(max-width:1024px){

    .architecture-grid{

        grid-template-columns:1fr;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68b5d27 */.sticky-cta{

    position:fixed;

    left:50%;

    bottom:25px;

    transform:translate(-50%,150%);

    width:min(95%, 1500px);

    background:#3d3d3d;

    border-radius:999px;

    padding:16px 30px;

    z-index:9999;

    transition:transform .5s ease;

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

}

.sticky-cta.show{

    transform:translate(-50%,0);

}

.sticky-content{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

}

.sticky-text h3{

    margin:0;
    text-transform:none;

    color:#fff;

    font-size:1.7rem;

}

.sticky-text p{

    margin:6px 0 0;

    color:#d7d7d7;

}

.sticky-actions{

    display:flex;

    align-items:center;

    gap:18px;

}

.sticky-btn{

    background:#fff;

    color:#111;

    padding:16px 34px;

    border-radius:999px;

    text-decoration:none;

    font-weight:700;

}

.sticky-close{

    background:none;

    border:none;

    color:#aaa;

    font-size:2rem;

    cursor:pointer;

}

.sticky-close:hover{

    color:#fff;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-162bade *//*==================================================
Architecture Benefits
==================================================*/

.architecture-benefits{

    width:100vw;
    margin-left:calc(50% - 50vw);

    padding:120px 60px;

    background:#fff;

    box-sizing:border-box;

}

.benefits-container{

    max-width:1600px;

    margin:0 auto;

    text-align:center;

}

.benefits-container h2{

    font-size:clamp(3rem,5vw,4.5rem);
    text-transform:none;

    line-height:1.05;

    margin:18px auto 30px;

    max-width:900px;

    font-weight:800;

}

.benefits-intro{

    max-width:820px;

    margin:0 auto 70px;

    font-size:1.35rem;

    line-height:1.8;

    color:#666;

}

.benefits-grid{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:18px;

    margin-bottom:60px;

}

.benefit-card{

    padding:34px;

    border:1px solid #e6e6e6;

    border-radius:18px;

    text-align:left;
  

    transition:.3s;

    background:#fff;

}

.benefit-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}

.benefit-icon{

    width:36px;

    height:36px;

    border:1px solid #ddd;

    border-radius:10px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#0db14b;

    font-weight:700;

    margin-bottom:28px;

    font-size:1.1rem;

}

.benefit-card h3{

    margin:0 0 18px;
      text-transform:none;

  

    line-height:1.2;

}

.benefit-card p{

    margin:0;

    color:#666;

    line-height:1.8;


}

.benefits-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 42px;

    background:#0db14b;

    color:#fff;

    border-radius:999px;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.benefits-btn:hover{

    background:#0a9c40;

}

@media(max-width:1200px){

    .benefits-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .architecture-benefits{

        padding:80px 25px;

    }

    .benefits-grid{

        grid-template-columns:1fr;

    }

    .benefits-intro{

        font-size:1.1rem;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-25c0659 *//*==================================================
Stats
==================================================*/

.aia-stats{

    width:100vw;
    margin-left:calc(50% - 50vw);

    background:#000;

    padding:35px 60px;

    box-sizing:border-box;

    border-bottom:1px solid #ececec;

}

.stats-container{

    max-width:1500px;

    margin:0 auto;

    display:grid;

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

}

.stat{

    padding:0 35px;

}

.stat:not(:last-child){

    border-right:1px solid #e6e6e6;

}

.stat h3{

    margin:0 0 8px;

    color:#0db14b;
    text-transform:none;

    

    font-weight:700;

}

.stat p{

    margin:0;

    color:#fff;

    line-height:1.6;

}

/*==================================================
CTA
==================================================*/

.architect-cta{

    width:100vw;
    margin-left:calc(50% - 50vw);

    background:#0db14b;

    color:#fff;

    padding:110px 60px;

    box-sizing:border-box;

}

.architect-container{

    max-width:1500px;

    margin:0 auto;

    display:grid;

    grid-template-columns:1fr auto;

    align-items:left;

    gap:80px;

}

.architect-text{

    max-width:720px;

}

.architect-cta .section-label{

    display:block;

    width:fit-content;

    margin:0 0 18px;

    text-align:left;

    text-transform:uppercase;

    letter-spacing:3px;

    font-size:1rem;

    font-weight:700;

    color:#d9ffe6;

}

.architect-text h2{

    margin:0 0 30px;

    font-size:clamp(3.2rem,5vw,5rem);

    line-height:1;
    text-transform:none;

    font-weight:800;

    color:#fff;

}

.architect-text p{

    margin:0;

  

    line-height:1.8;

    color:#fff;

}

.architect-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:260px;

    height:72px;

    background:#fff;

    color:#111;

    text-decoration:none;

    border-radius:999px;

    font-weight:700;


    transition:.3s;

}

.architect-btn:hover{

    background:#111;

    color:#fff;

}

@media(max-width:1100px){

    .stats-container{

        grid-template-columns:repeat(2,1fr);

        gap:40px;

    }

    .stat{

        border:none !important;

    }

    .architect-container{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .stats-container{

        grid-template-columns:1fr;

    }

    .aia-stats{

        padding:40px 25px;

    }

    .architect-cta{

        padding:80px 25px;

    }

    .architect-text p{

        font-size:1.15rem;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee7d7c4 *//*==================================================
Footer
==================================================*/

.awards-footer{

    width:100vw;
    margin-left:calc(50% - 50vw);

    background:#141414;

    color:#fff;

    padding:70px 60px 35px;

    box-sizing:border-box;

}

.footer-container{

    max-width:1500px;

    margin:0 auto;

}

.footer-top{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    margin-bottom:50px;

}

.footer-top h2{

    margin:0;

    font-size:clamp(3rem,5vw,5rem);

    line-height:.92;
    text-transform:none;
    color: #fff!important;

    font-weight:800;

}

.back-to-top{

    width:56px;

    height:56px;

    border:1px solid rgba(255,255,255,.2);

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    color:#fff;

    font-size:1.4rem;

    transition:.3s;

}

.back-to-top:hover{

    background:#0db14b;

    border-color:#0db14b;

}

.awards-footer hr{

    border:none;

    border-top:1px solid rgba(255,255,255,.12);

    margin:0;

}

.footer-links{

    display:grid;

    grid-template-columns:repeat(3,220px);

    gap:70px;

    padding:45px 0;

}

.footer-links h3{

    margin:0 0 22px;

    font-size:.85rem;

    text-transform:uppercase;

    letter-spacing:2px;

    color:#fff;

}

.footer-links a{

    display:block;

    color:#bdbdbd;

    text-decoration:none;

    margin-bottom:16px;

    transition:.25s;

}

.footer-links a:hover{

    color:#0db14b;

}

.footer-acknowledgement{

    max-width:900px;

    padding:40px 0;

}

.footer-acknowledgement p{

    margin:0;

    color:#bdbdbd;

    line-height:1.8;

    font-size:1rem;

}

.footer-bottom{

    margin-top:35px;

}

.footer-bottom p{

    margin:0;

    color:#777;

    font-size:.9rem;

    line-height:1.8;

}

@media(max-width:900px){

    .footer-links{

        grid-template-columns:1fr;

        gap:40px;

    }

    .footer-top{

        flex-direction:column;

        gap:30px;

    }
    html{

    scroll-behavior:smooth;

}

}/* End custom CSS */