*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:'Inter',sans-serif;

background:#fff;

color:#111;

line-height:1.9;
}

.article-header{

padding:30px 5%;

border-bottom:1px solid #ececec;
}

.back-link{

text-decoration:none;

color:#111;

font-weight:600;
}

.article-container{

max-width:950px;

margin:70px auto;

padding:0 5%;
}

.article-category{

color:#666666;

font-size:.85rem;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

margin-bottom:25px;
}

.article-title{

font-family:'Playfair Display',serif;

font-size:4.5rem;

line-height:1.05;

font-weight:700;

margin-bottom:30px;
}

.article-subtitle{

font-size:1.4rem;

color:#555;

line-height:1.6;

margin-bottom:30px;

max-width:850px;
}

.article-meta{

font-size:.95rem;

color:#777;

margin-bottom:50px;
}

.article-image{

margin-bottom:60px;
}

.article-image img{

width:100%;

height:auto;

display:block;
}

.article-image figcaption{

font-size:.85rem;

color:#777;

margin-top:12px;
}

.article-content{

max-width:760px;
}

.article-content p{

font-size:1.15rem;

margin-bottom:30px;
}

.article-content h2{

font-family:'Playfair Display',serif;

font-size:2.5rem;

margin-top:70px;

margin-bottom:25px;
}

@media(max-width:900px){

.article-title{

font-size:3rem;
}

.article-subtitle{

font-size:1.15rem;
}

.article-content p{

font-size:1.05rem;
}

.article-content h2{

font-size:2rem;
}

}

@media(max-width:600px){

.article-title{

font-size:2.3rem;
}

}