.publication-hero{

    min-height:720px;
    height:100vh;

    background:url("/assets/images/mainpublication1.webp") center/cover no-repeat;

    position:relative;

}


/* dark overlay */

.publication-hero::before{

    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.35);

}


/* TEXT POSITION */

.hero-content{

    position:absolute;

    left:120px;
    bottom:120px;

    color:#fff;

    max-width:520px;

}


/* TITLE */

.hero-content h1{

    font-size:88px;
    font-weight:700;
    letter-spacing:2px;

    margin-bottom:20px;

}


/* DESCRIPTION */

.hero-content p{

    font-size:18px;
    line-height:1.7;
    opacity:.9;

}


/* GRID */

.publication-grid{

    background:#ededed;
    padding:120px 0;

}

.grid-container{

    max-width:1400px;
    margin:auto;

    display:grid;

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

    gap:80px;

}


/* ITEM */

.pub-item{

    text-align:center;

}

.pub-item img{

    width:100%;
    height:auto;

    transition:0.4s;

}

.pub-item img:hover{

    transform:scale(1.03);

}


/* TITLE */

.pub-title{

    margin-top:20px;

    font-size:20px;

    color:#555;

    font-style:italic;

}

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

@media (max-width:1024px){

.hero-content{

    left:80px;
    bottom:100px;

}

.hero-content h1{

    font-size:64px;

}

/* grid */

.grid-container{

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

    gap:50px;

}

.publication-grid{

    padding:100px 40px;

}

}

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

@media (max-width:768px){

.hero-content{

    left:30px;
    right:30px;

    bottom:80px;

    max-width:none;

}

.hero-content h1{

    font-size:40px;

}

.hero-content p{

    font-size:16px;

}

/* grid */

.grid-container{

    grid-template-columns:1fr;

    gap:40px;

}

.publication-grid{

    padding:80px 20px;

}

.pub-title{

    font-size:18px;

}

}