:root{--paper:#f3f0e9;--ink:#171714;--line:#d6d0c5;--accent:#a75d3d}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}body{margin:0}a{color:inherit;text-decoration:none}header,main,footer{width:min(1640px,calc(100% - 8vw));margin:auto}header{height:115px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font:28px Italiana,serif}.brand small{font:9px "DM Sans";letter-spacing:.22em;margin-left:7px}header nav{display:flex;gap:32px;font-size:10px;letter-spacing:.17em;text-transform:uppercase}.blog-intro{padding:95px 0 75px;display:grid;grid-template-columns:2fr 1fr;align-items:end}.eyebrow{grid-column:1/-1;margin:0 0 24px;color:var(--accent);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.blog-intro h1,.article-head h1{margin:0;font:400 clamp(62px,8vw,130px)/.92 Italiana,serif}.blog-intro>p:last-child{max-width:440px;justify-self:end;color:#69645c;line-height:1.8}.filters{display:flex;gap:12px;flex-wrap:wrap;padding:0 0 50px}.filters a{border:1px solid var(--line);padding:10px 15px;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.filters a.active{background:var(--ink);color:#fff}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px 28px;padding-bottom:120px}.post-cover{aspect-ratio:3/2;background:linear-gradient(145deg,#bca895,#696a61) center/cover;position:relative;box-shadow:0 16px 42px #1e1c1715}.post-cover:after{content:"";position:absolute;inset:13px;border:1px solid #fff9}.post-cover span{position:absolute;z-index:2;left:28px;bottom:24px;color:#fff;font:28px Italiana}.post-meta{padding:22px 3px 0;border-top:1px solid var(--line);margin-top:15px}.post-meta>p{color:var(--accent);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.post-meta h2{font:400 clamp(34px,4vw,58px)/1.05 Italiana;margin:16px 0}.post-meta>div{color:#68645d;line-height:1.7;max-width:620px}.post-meta b{display:inline-block;margin-top:22px;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.empty{padding:90px;border:1px dashed var(--line);text-align:center;margin-bottom:100px}.article{max-width:1280px}.article-head{padding:100px 7vw 70px}.article-head>p:last-child{max-width:650px;color:#68645d;font-size:17px;line-height:1.8}.article-cover{display:block;width:100%;max-height:78vh;object-fit:cover}.article-body{max-width:780px;margin:80px auto;font-size:17px;line-height:1.9}.article-body h2,.article-body h3{font-family:Italiana,serif;font-weight:400;line-height:1.15;margin:60px 0 25px}.article-body h2{font-size:48px}.article-body h3{font-size:36px}.article-body img{display:block;width:min(1100px,calc(100vw - 8vw));height:auto;margin:50px 50%;transform:translateX(-50%)}.article-body blockquote{margin:55px -5vw;padding:30px 5vw;border-left:2px solid var(--accent);font:32px/1.4 Italiana;color:#48443e}.article-body a{color:var(--accent);text-decoration:underline}.article-back{display:block;max-width:780px;margin:0 auto 100px;border-top:1px solid var(--line);padding-top:25px;font-size:10px;letter-spacing:.15em;text-transform:uppercase}footer{display:flex;justify-content:space-between;padding:35px 0;border-top:1px solid var(--line);font-size:9px;letter-spacing:.15em;text-transform:uppercase}@media(max-width:760px){header,main,footer{width:calc(100% - 38px)}header{height:85px}.blog-intro{display:block;padding:60px 0}.blog-intro h1,.article-head h1{font-size:60px}.blog-intro>p:last-child{margin-top:30px}.post-grid{grid-template-columns:1fr;gap:55px}.article-head{padding:65px 0 45px}.article-body{font-size:16px;margin:55px auto}.article-body h2{font-size:38px}.article-body img{width:100%;margin:35px 0;transform:none}.article-body blockquote{margin:40px 0;padding:20px}}
