@import "https://fontlibrary.org/face/bagnard";
* { box-sizing:border-box; }
body{
    margin:5;
    font-family: sans-serif;
}
header{
    font-family: 'BagnardRegular', serif;
    height:19.6vh;
    display:flex;
    align-items:center;
    background: turquoise;
    color:black;
    padding: 0 10px;
    text-transform: uppercase;
    justify-content:space-between;
}
header h1,header h2{
    font-size: calc(3vw + 2em);
    line-height:19.6vh;
    position:relative;
    top:.12em;
}
main {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: turquoise;
}
article {
    display: flex;
    flex-direction: column;
    transition: .3s;
    flex-grow: 1;
    flex-basis: 0;
   
    flex-basis: 100%;
    flex: 1;
    height: calc(100vh - 19.6vh);
    padding: 10px;
    position: relative;
    min-width: 0;
    overflow: hidden;
    word-break:break-all;
    gap: 20px 40px;
    

}
article:hover {
    color:turquoise;
    background: pink;
    max-width: 100% !important;
    flex-grow: 5;
}
article:last-child {
    border-right: none;
}
h1{
    margin:0;
    font-size: 5vh;
    line-height: 4.5vh;
    letter-spacing: -.2vw;
    text-transform: uppercase;
    color: black;
}
article:hover h1 {
    font-size: 7.0vh;
    line-height: 6.8vh;
    word-break:normal
}
article h2 {
    word-break: break-all;
    font-size: 2.5vh;
    line-height: 1;
    font-family: 'BagnardRegular', serif;
    display:none;
    color :black;
    margin: 5px;
}
article:hover h2{
    font-size: 3.5vh;
    display:block;
    color :black;
}
.til-23-09-2025 { font-family: "Lithops-Regular"; }
time {
    font-size: 30px;
    color: black;
}