/* =========================================================
   ART GLASS TIFFANY — ARTICLE 720
   Dedicated, conflict-free article layout
   ========================================================= */

/* Page spacing under the fixed header */
body.gallery-page:has(.agv-title){
    overflow-x:hidden !important;
}

/* Entire article */
body.gallery-page main.article-content{
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:150px 20px 80px !important;
    box-sizing:border-box !important;
}

/* Intro */
body.gallery-page .agv-model{
    width:min(92vw,1100px) !important;
    margin:0 auto 7px !important;
    text-align:center !important;
    color:#3F3F3F !important;
    font-family:"Forum","Inter",serif !important;
    font-size:3.4rem !important;
    line-height:1.15 !important;
    font-weight:400 !important;
}

body.gallery-page h1.agv-title{
    width:min(92vw,1100px) !important;
    margin:0 auto 20px !important;
    padding:0 !important;
    text-align:center !important;
    color:#8B6938 !important;
    font-family:"Forum","Inter",serif !important;
    font-size:clamp(34px,4.2vw,58px) !important;
    font-weight:500 !important;
    line-height:1.1 !important;
    text-shadow:0 2px 8px rgba(255,255,255,.82) !important;
}

body.gallery-page p.agv-subtitle-main,
body.gallery-page p.agv-subtitle-secondary{
    width:min(92vw,1100px) !important;
    margin:0 auto 8px !important;
    padding:0 !important;
    text-align:center !important;
    color:#6F5838 !important;
    font-family:"Forum","Inter",serif !important;
    line-height:1.4 !important;
	
}

body.gallery-page p.agv-subtitle-main{
    color:#3F3F3F !important;
font-size:clamp(19px,2vw,27px) !important;
    font-style:italic !important;
}

body.gallery-page p.agv-subtitle-secondary{
    font-size:clamp(16px,1.6vw,22px) !important;
    opacity:.9 !important;
}

body.gallery-page .agv-intro-ornament{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    margin:0 auto 60px !important;
}

body.gallery-page .agv-intro-ornament img{
    display:block !important;
    width:150px !important;
    height:auto !important;
    margin:0 !important;
}

/* Story rows */
body.gallery-page .agv-story{
    width:100% !important;
    max-width:1250px !important;
    margin:0 auto !important;
    padding:0 !important;
}

body.gallery-page .agv-row{
    display:grid !important;
    grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) !important;
    gap:70px !important;
    align-items:center !important;
    width:100% !important;
    margin:0 auto !important;
}

body.gallery-page .agv-image-right .agv-text{
    grid-column:1 !important;
    grid-row:1 !important;
}

body.gallery-page .agv-image-right .agv-image{
    grid-column:2 !important;
    grid-row:1 !important;
}

body.gallery-page .agv-image-left .agv-image{
    grid-column:1 !important;
    grid-row:1 !important;
}

body.gallery-page .agv-image-left .agv-text{
    grid-column:2 !important;
    grid-row:1 !important;
}

/* Text */
body.gallery-page .agv-text{
    width:100% !important;
    margin:0 !important;
    padding:5px 0 !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
}

body.gallery-page .agv-badge{
    display:inline-block !important;
    margin:0 0 16px !important;
    padding:0 0 9px !important;
    border-bottom:1px solid rgba(155,122,59,.45) !important;
    color:#9b7a3b !important;
    font-family:"Forum",serif !important;
    font-size:35px !important;
    font-weight:500 !important;
    letter-spacing:1.5px !important;
}

body.gallery-page .agv-text h2{
    margin:0 0 24px !important;
    padding:0 !important;
    color:#2f2418 !important;
    font-family:"Forum",serif !important;
    font-size:clamp(30px,3vw,46px) !important;
    font-weight:400 !important;
    line-height:1.08 !important;
}

body.gallery-page .agv-text p{
    margin:0 0 10px !important;
    padding:0 !important;
    color:#5d5449 !important;
    font-family:"Cormorant Garamond",serif !important;
    font-size:clamp(20px,1.7vw,24px) !important;
    font-style:italic !important;
    line-height:1.8 !important;
}

/* Images */
body.gallery-page .agv-image{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    border-radius:28px !important;
    box-shadow:0 20px 45px rgba(0,0,0,.18) !important;
}

body.gallery-page .agv-image img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
    border-radius:28px !important;
}

/* Between sections */
body.gallery-page .agv-story-ornament{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    margin:55px auto 65px !important;
}

body.gallery-page .agv-story-ornament img{
    display:block !important;
    width:170px !important;
    height:auto !important;
}

/* Mobile */
@media(max-width:900px){
    body.gallery-page main.article-content{
        padding:105px 14px 55px !important;
    }

    body.gallery-page h1.agv-title{
        width:100% !important;
        font-size:clamp(27px,7.3vw,40px) !important;
        margin-bottom:17px !important;
    }

    body.gallery-page p.agv-subtitle-main,
    body.gallery-page p.agv-subtitle-secondary{
        width:100% !important;
    }

    body.gallery-page p.agv-subtitle-main{
        font-size:clamp(17px,4.8vw,23px) !important;
    }

    body.gallery-page p.agv-subtitle-secondary{
        font-size:clamp(15px,4.2vw,20px) !important;
    }

    body.gallery-page .agv-intro-ornament{
        margin-bottom:38px !important;
    }

    body.gallery-page .agv-intro-ornament img{
        width:125px !important;
    }

    body.gallery-page .agv-row{
        grid-template-columns:1fr !important;
        gap:28px !important;
    }

    body.gallery-page .agv-image-right .agv-text,
    body.gallery-page .agv-image-right .agv-image,
    body.gallery-page .agv-image-left .agv-image,
    body.gallery-page .agv-image-left .agv-text{
        grid-column:1 !important;
        grid-row:auto !important;
    }

    body.gallery-page .agv-image-right .agv-image,
    body.gallery-page .agv-image-left .agv-image{
        order:1 !important;
    }

    body.gallery-page .agv-image-right .agv-text,
    body.gallery-page .agv-image-left .agv-text{
        order:2 !important;
    }

    body.gallery-page .agv-badge{
        font-size:20px !important;
    }

    body.gallery-page .agv-text h2{
        font-size:clamp(28px,7vw,38px) !important;
    }

    body.gallery-page .agv-text p{
        font-size:clamp(19px,5.1vw,24px) !important;
        line-height:1.7 !important;
    }

    body.gallery-page .agv-image,
    body.gallery-page .agv-image img{
        border-radius:22px !important;
    }

    body.gallery-page .agv-story-ornament{
        margin:38px auto 45px !important;
    }

    body.gallery-page .agv-story-ornament img{
        width:135px !important;
    }
}

/* =========================================================
   FIRST ARTWORK ONLY
   Center image, then its text underneath
   ========================================================= */

body.gallery-page .agv-story:first-of-type .agv-row{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    width:100% !important;
    gap:28px !important;
}

body.gallery-page .agv-story:first-of-type .agv-image{
    width:min(850px,92vw) !important;
    max-width:850px !important;
    margin:0 auto !important;
    order:1 !important;
}

body.gallery-page .agv-story:first-of-type .agv-text{
    width:min(850px,92vw) !important;
    max-width:850px !important;
    margin:0 auto !important;
    padding:0 !important;
    text-align:center !important;
    order:2 !important;
}

body.gallery-page .agv-story:first-of-type .agv-badge{
    display:inline-block !important;
}

body.gallery-page .agv-story:first-of-type .agv-text h2{
    text-align:center !important;
}

body.gallery-page .agv-story:first-of-type .agv-text p{
    text-align:center !important;
}

@media(max-width:900px){
    body.gallery-page .agv-story:first-of-type .agv-row{
        gap:22px !important;
    }

    body.gallery-page .agv-story:first-of-type .agv-image,
    body.gallery-page .agv-story:first-of-type .agv-text{
        width:100% !important;
        max-width:none !important;
    }
}

@media(max-width:900px){
    body.gallery-page .agv-model{
        width:100% !important;
        font-size:2.5rem !important;
        color:#3F3F3F !important;
        font-family:"Forum","Inter",serif !important;
        font-weight:400 !important;
        line-height:1.15 !important;
    }
}

/* =========================================================
   ARTICLE END
   Center ornament, home button and copyright
   ========================================================= */

body.gallery-page .final-article-ornament{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    margin:25px auto 28px !important;
    padding:0 !important;
    text-align:center !important;
}

body.gallery-page .final-article-ornament img{
    display:block !important;
    width:170px !important;
    max-width:170px !important;
    height:auto !important;
    margin:0 auto !important;
}

body.gallery-page .final-article-home{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    margin:0 auto 55px !important;
    padding:0 !important;
    text-align:center !important;
}

body.gallery-page .final-article-home a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto !important;
}

body.gallery-page .final-article-copyright{
    display:block !important;
    width:100% !important;
    margin:0 auto 20px !important;
    padding:0 !important;
    text-align:center !important;
    box-sizing:border-box !important;
    color:#3F3F3F !important;
    font-family:"Inter","Forum",serif !important;
    font-size:16px !important;
    line-height:1.5 !important;
}

@media(max-width:900px){
    body.gallery-page .final-article-ornament{
        margin:18px auto 22px !important;
    }

    body.gallery-page .final-article-ornament img{
        width:135px !important;
        max-width:135px !important;
    }

    body.gallery-page .final-article-home{
        margin-bottom:38px !important;
    }

    body.gallery-page .final-article-copyright{
        padding:0 10px !important;
        font-size:14px !important;
    }
}

.final-article-home .footer-btn{
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    white-space: nowrap !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
}

@media (max-width: 600px){
    .final-article-home .footer-btn{
        width: 300px !important;
        min-width: 300px !important;
        max-width: 300px !important;
        white-space: nowrap !important;
        font-size: 17px !important;
    }
}
