.blog-page{background:#f4efe6;color:#201d18}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.blog-hero{position:relative;min-height:620px;display:grid;align-items:end;overflow:hidden;background:#11100e;color:#fff}
.blog-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72)}
.blog-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,10,8,.9),rgba(11,10,8,.3) 70%,rgba(11,10,8,.55))}
.blog-hero-copy{position:relative;z-index:1;width:min(90%,1500px);margin:0 auto;padding:190px 0 92px}
.blog-hero h1{max-width:900px;margin:15px 0 22px;font:400 clamp(62px,8vw,126px)/.82 "Cormorant Garamond",serif;letter-spacing:-.045em}
.blog-hero h1 em{color:#d3b678;font-weight:400}
.blog-hero-copy>p:last-child{max-width:650px;color:#d4cec2;font-size:17px;line-height:1.8}
.blog-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:end;border-bottom:1px solid rgba(113,89,50,.2)}
.blog-intro h2{margin:14px 0 0;font:400 clamp(45px,5vw,78px)/.94 "Cormorant Garamond",serif}
.blog-intro h2 em{color:#a9803e;font-weight:400}
.blog-intro-copy{max-width:700px;font-size:17px;line-height:1.8;color:#5b554c}
.blog-list{padding:95px clamp(24px,6vw,110px) 120px}
.blog-grid{width:min(1500px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:48px 28px}
.blog-card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid rgba(137,107,57,.25);box-shadow:0 20px 55px rgba(44,35,23,.08);transition:transform .3s,box-shadow .3s}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 26px 70px rgba(44,35,23,.14)}
.blog-card-media{position:relative;aspect-ratio:1.42;overflow:hidden;background:#1a1814}
.blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.blog-card:hover img{transform:scale(1.035)}
.blog-card-number{position:absolute;left:20px;bottom:18px;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(233,205,148,.7);background:rgba(16,14,11,.78);color:#e0c17f;font-size:12px;letter-spacing:.14em}
.blog-card-body{display:flex;flex:1;flex-direction:column;padding:29px 28px 31px}
.blog-meta{margin:0 0 14px;color:#a07a3d;font-size:10px;font-weight:600;letter-spacing:.19em;text-transform:uppercase}
.blog-card h2{margin:0 0 16px;font:500 clamp(29px,2.2vw,39px)/1.02 "Cormorant Garamond",serif;letter-spacing:-.025em}
.blog-card h2 a{color:#221f19}
.blog-card p{margin:0 0 28px;color:#676057;line-height:1.75}
.blog-read{width:max-content;margin-top:auto;padding-bottom:6px;border-bottom:1px solid #b9914e;color:#83622f;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.blog-pagination{width:min(1500px,100%);margin:70px auto 0;padding-top:34px;border-top:1px solid rgba(129,97,45,.25);display:flex;align-items:center;justify-content:center;gap:10px}
.blog-pagination a,.blog-pagination span{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(137,107,57,.35);color:#6d604c;font-size:13px}
.blog-pagination .current{background:#171510;border-color:#171510;color:#dabe7e}
.blog-pagination .future{opacity:.38;cursor:not-allowed}
.blog-note{width:min(1500px,100%);margin:18px auto 0;text-align:center;color:#81796e;font-size:12px}
@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-intro{grid-template-columns:1fr;gap:35px}}
@media(max-width:620px){.blog-hero{min-height:610px}.blog-hero-copy{padding:160px 24px 70px;width:100%}.blog-hero h1{font-size:61px}.blog-list{padding:72px 18px 100px}.blog-grid{grid-template-columns:1fr;gap:28px}.blog-card-body{padding:25px 22px 27px}.blog-pagination{margin-top:48px}.blog-pagination a,.blog-pagination span{width:42px;height:42px}}