/*
Theme Name: the sound of the lathe
Author: Camilo Romero
Version: 1.0
*/

:root{--color-bg:#fff;--color-text:#111;--color-accent:#000;}

body{background:var(--color-bg);color:var(--color-text);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;}

.featured-post{width:100%;max-width:1200px;margin:3rem auto 2.5rem;position:relative;background:#fff;border-radius:1.2em;box-shadow:0 2px 16px rgba(0,0,0,.07);overflow:hidden;display:flex;flex-direction:column;transition:none;}

.featured-post .post-thumb-link{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#eee;overflow:hidden;}

.featured-post .post-thumb{width:100%;height:100%;object-fit:cover;display:block;}

.featured-post .post-content{padding:2rem;}

.featured-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55) 60%,rgba(0,0,0,.85) 100%);display:flex;align-items:flex-end;pointer-events:none;}

.featured-text{color:#fff;padding:2.5rem;max-width:70%;pointer-events:auto;}

.featured-text .post-category-label{display:inline-block;background:#111;color:#fff;font-size:.95rem;font-weight:700;padding:.2em 1em;border-radius:1.2em;margin-bottom:1.1rem;text-transform:uppercase;letter-spacing:.04em;}

.featured-text .post-title{font-size:2.5rem;font-weight:900;margin:0 0 1.1rem;color:#fff;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.25);}

.featured-text .post-title a{color:inherit;text-decoration:none;transition:color .18s;}

.featured-text .post-title a:hover{color:#eaeaea;}

.featured-text .post-excerpt{color:#eaeaea;font-size:1.18rem;margin:0;line-height:1.5;text-shadow:0 2px 8px rgba(0,0,0,.18);}

@media(max-width:900px){.featured-text{max-width:100%;padding:1.2rem}.featured-text .post-title{font-size:1.5rem}}

.secondary-row{display:flex;flex-direction:row;gap:2.5rem;max-width:1200px;margin:0 auto 2.5rem;padding:0 1rem;}

.secondary-post{flex:1 1 0;min-width:0;background:#fff;border-radius:1.2em;box-shadow:0 2px 16px rgba(0,0,0,.07);overflow:hidden;display:flex;flex-direction:column;transition:none;}

.secondary-post .post-thumb-link{display:block;width:100%;aspect-ratio:16/9;background:#eee;overflow:hidden;}

.secondary-post .post-thumb{width:100%;height:100%;object-fit:cover;display:block;}

.secondary-post .post-content{padding:1.2rem;}

.secondary-post .post-title{font-size:1.25rem;font-weight:700;margin:0 0 .7rem;color:var(--color-accent);line-height:1.2;}

.secondary-post .post-title a{color:inherit;text-decoration:none;transition:color .18s;}

.secondary-post .post-title a:hover{color:#444;}

.secondary-post .post-excerpt{color:#444;font-size:1rem;margin:0;line-height:1.5;}

.secondary-post .post-category-label{display:inline-block;background:#111;color:#fff;font-size:.85rem;font-weight:700;padding:.18em .9em;border-radius:1.2em;margin-bottom:.7rem;text-transform:uppercase;letter-spacing:.04em;}

.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:0;}

.featured-text .post-title a:hover,.secondary-post .post-title a:hover,.post-card .post-title a:hover,.category-nav a:hover,.category-nav a:focus{color:inherit;background:none;box-shadow:none;}

.section-category-header{text-align:center;margin:3rem auto 2.5rem;padding:0 1rem;}

.section-category-header .post-category-label{display:inline-block;background:#111;color:#fff;font-size:.95rem;font-weight:700;padding:.2em 1em;border-radius:1.2em;text-transform:uppercase;letter-spacing:.04em;}

@media(max-width:600px){.section-category-header{margin-top:2rem;margin-bottom:2rem}}

@media(max-width:800px){.section-heading-underline{font-size:1.6rem;margin-top:2rem;margin-bottom:.5rem;margin-left:1.5rem}}

.content-section{padding:40px 20px;margin-bottom:20px;}

.post-category-label {
    display: inline-block;
    background: #111;
    color: #fff;
    font-size: .85rem;
    font-weight: 700;
    padding: .18em .9em;
    border-radius: 999px;
    margin-bottom: .7rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}