/* ASHI-DA-COLLECTIONS — HOME ONLY */

.adc-hero{
    position:relative;
    width:min(100%, 1600px);
    min-height:610px;
    margin:0 auto;
    overflow:hidden;
    background:#ead9ce;
    display:grid;
    grid-template-columns:46% 54%;
}

.adc-hero-copy{
    position:relative;
    z-index:4;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:65px clamp(35px,6vw,105px);
}

.adc-eyebrow{
    margin:0 0 18px;
    color:#b77761;
    font-size:11px;
    font-weight:600;
    letter-spacing:2px;
    line-height:1.3;
}

.adc-hero h1{
    margin:0;
    max-width:620px;
    color:#191817;
    font-family:var(--adc-serif);
    font-size:clamp(52px,5.2vw,82px);
    font-weight:400;
    line-height:.96;
    letter-spacing:-2.5px;
}

.adc-hero h1 em{
    font-weight:400;
}

.adc-hero-description{
    max-width:440px;
    margin:27px 0 32px;
    color:#655c56;
    font-size:14px;
    line-height:1.8;
}

.adc-button{
    align-self:flex-start;
    display:inline-flex;
    align-items:center;
    gap:22px;
    padding:16px 23px;
    background:#191817;
    color:#fff;
    font-size:10px;
    font-weight:600;
    letter-spacing:1.35px;
}

.adc-button:hover{
    background:#302d2b;
}

.adc-hero-media{
    position:relative;
    min-height:610px;
    overflow:hidden;
    background:#dcc7ba;
}

.adc-hero-image{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity .8s ease;
}

.adc-hero-image.is-active{
    opacity:1;
}

.adc-hero-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}

.adc-hero-image.is-fallback{
    opacity:1;
    background:linear-gradient(135deg,#d9c0b3,#f2e2d8 55%,#cba99a);
}

.adc-hero-image.is-fallback::after{
    content:"ASHI-DA-COLLECTIONS";
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    color:rgba(255,255,255,.8);
    font-family:var(--adc-serif);
    font-size:22px;
    letter-spacing:4px;
}

.adc-hero-dots{
    position:absolute;
    z-index:5;
    left:46%;
    bottom:24px;
    transform:translateX(-50%);
    display:flex;
    gap:8px;
}

.adc-hero-dots button{
    width:7px;
    height:7px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#fff;
    opacity:.65;
    cursor:pointer;
}

.adc-hero-dots button.is-active{
    width:23px;
    border-radius:5px;
    background:#191817;
    opacity:1;
}

.adc-curated{
    width:min(1320px,calc(100% - 64px));
    margin:0 auto;
    padding:105px 0 115px;
}

.adc-section-heading{
    max-width:800px;
    margin:0 auto 55px;
    text-align:center;
}

.adc-section-heading h2{
    margin:0;
    color:#191817;
    font-family:var(--adc-serif);
    font-size:clamp(36px,4vw,55px);
    font-weight:400;
    line-height:1.1;
    letter-spacing:-1px;
}

.adc-section-heading > p:not(.adc-eyebrow){
    max-width:620px;
    margin:20px auto 0;
    color:#766d67;
    font-size:14px;
    line-height:1.8;
}

.adc-heading-rule{
    position:relative;
    display:block;
    width:80px;
    height:1px;
    margin:27px auto 0;
    background:#c28b76;
}

.adc-heading-rule::after{
    content:"";
    position:absolute;
    width:5px;
    height:5px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:#c28b76;
}

.adc-category-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.adc-category-card{
    position:relative;
    display:block;
    min-height:480px;
    overflow:hidden;
    background:#e4d4ca;
}

.adc-category-image{
    position:absolute;
    inset:0;
}

.adc-category-image,
.adc-category-image img{
    width:100%;
    height:100%;
}

.adc-category-image img{
    display:block;
    object-fit:cover;
    transition:transform .7s ease;
}

.adc-category-image.is-fallback{
    background:linear-gradient(145deg,#caa99a,#eee1d8);
}

.adc-category-card:hover img{
    transform:scale(1.04);
}

.adc-category-overlay{
    position:absolute;
    z-index:2;
    inset:auto 0 0;
    padding:95px 28px 27px;
    color:#fff;
    background:linear-gradient(transparent,rgba(20,16,14,.78));
}

.adc-category-overlay span{
    font-size:10px;
    letter-spacing:1px;
    opacity:.8;
}

.adc-category-overlay h3{
    margin:8px 0;
    font-family:var(--adc-serif);
    font-size:29px;
    font-weight:400;
}

.adc-category-overlay strong{
    font-size:9px;
    letter-spacing:1.3px;
}

.adc-editorial{
    width:min(1320px,calc(100% - 64px));
    min-height:530px;
    margin:0 auto 120px;
    display:grid;
    grid-template-columns:1fr 1fr;
    background:#f3e9e3;
}

.adc-editorial-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:70px 12%;
}

.adc-editorial h2{
    margin:0;
    font-family:var(--adc-serif);
    font-size:clamp(38px,4vw,58px);
    font-weight:400;
    line-height:1.08;
}

.adc-editorial-copy > p:not(.adc-eyebrow){
    max-width:470px;
    margin:25px 0 30px;
    color:#706761;
    font-size:14px;
    line-height:1.8;
}

.adc-text-link{
    align-self:flex-start;
    border-bottom:1px solid #1b1918;
    padding-bottom:5px;
    font-size:10px;
    font-weight:600;
    letter-spacing:1.4px;
}

.adc-editorial-image{
    min-height:530px;
    overflow:hidden;
    background:#d6c0b5;
}

.adc-editorial-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.adc-editorial-image.is-fallback{
    background:linear-gradient(135deg,#cba99b,#f0ded4);
}

.adc-products{
    width:min(1320px,calc(100% - 64px));
    margin:0 auto 120px;
}

.adc-section-heading--products{
    max-width:650px;
    margin-left:0;
    margin-right:0;
    text-align:left;
}

.adc-section-heading--products > p:not(.adc-eyebrow){
    margin-left:0;
    margin-right:0;
}

.adc-section-heading--products .adc-text-link{
    display:inline-block;
    margin-top:25px;
}

.adc-product-placeholder{
    min-height:260px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid var(--adc-line);
    background:#faf7f5;
    text-align:center;
}

.adc-product-placeholder div{
    font-family:var(--adc-serif);
    font-size:27px;
}

.adc-product-placeholder p{
    margin:8px 0 0;
    color:#827871;
    font-size:13px;
}

.adc-newsletter{
    width:min(1320px,calc(100% - 64px));
    margin:0 auto 100px;
    padding:70px 8%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
    background:#191817;
    color:#fff;
}

.adc-newsletter .adc-eyebrow{
    color:#d09a84;
}

.adc-newsletter h2{
    margin:0;
    font-family:var(--adc-serif);
    font-size:clamp(34px,4vw,52px);
    font-weight:400;
    line-height:1.08;
}

.adc-newsletter-form{
    display:flex;
    width:min(450px,100%);
    border-bottom:1px solid rgba(255,255,255,.45);
}

.adc-newsletter-form input{
    min-width:0;
    flex:1;
    border:0;
    outline:0;
    padding:14px 0;
    background:transparent;
    color:#fff;
    font:14px var(--adc-sans);
}

.adc-newsletter-form input::placeholder{
    color:rgba(255,255,255,.65);
}

.adc-newsletter-form button{
    border:0;
    background:transparent;
    color:#fff;
    font:600 10px var(--adc-sans);
    letter-spacing:1.2px;
    cursor:pointer;
}

.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}

@media(max-width:1000px){
    .adc-hero{
        grid-template-columns:1fr;
    }

    .adc-hero-copy{
        min-height:450px;
    }

    .adc-hero-media{
        min-height:500px;
    }

    .adc-hero-dots{
        left:50%;
    }

    .adc-category-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .adc-editorial{
        grid-template-columns:1fr;
    }

    .adc-editorial-image{
        min-height:450px;
    }

    .adc-newsletter{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media(max-width:600px){
    .adc-hero,
    .adc-curated,
    .adc-editorial,
    .adc-products,
    .adc-newsletter{
        width:calc(100% - 36px);
    }

    .adc-hero h1{
        font-size:46px;
    }

    .adc-hero-media{
        min-height:430px;
    }

    .adc-curated{
        padding:75px 0;
    }

    .adc-category-grid{
        grid-template-columns:1fr;
    }

    .adc-category-card{
        min-height:450px;
    }

    .adc-editorial{
        margin-bottom:75px;
    }

    .adc-editorial-copy{
        padding:60px 9%;
    }

    .adc-editorial-image{
        min-height:380px;
    }

    .adc-products{
        margin-bottom:75px;
    }

    .adc-newsletter{
        margin-bottom:60px;
        padding:50px 8%;
    }
}