.blog-section { padding: 100px 6vw; background: #fbf3e9; scroll-margin-top: 130px; }
.blog-section .section-heading p:not(.eyebrow) { max-width: 560px; line-height: 1.7; color: #776656; }
.blog-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 40px; }
.blog-card { min-width: 0; }
.blog-card-image { display: block; overflow: hidden; border-radius: 0; }
.blog-card-image img { display:block; width: 100%; height: 370px; object-fit: cover; transition: transform .25s; }
.blog-card-image:hover img { transform: scale(1.025); }
.blog-card-copy { padding: 24px 0; }
.blog-card h3 { font: 400 clamp(28px,3vw,40px)/1.15 'Italiana',serif; max-width: 560px; margin: 12px 0; }
.blog-card-copy > p:not(.eyebrow) { color: #776656; line-height:1.7; }
.blog-read-link { display: inline-block; border-bottom: 1px solid currentColor; padding: 8px 0; margin-top:12px; }
.blog-read-link span { margin-left: 18px; }
.blog-header-shop { justify-self: end; font-size: 13px; }
.blog-article { padding: 64px 6vw 80px; }
.blog-article-hero { display:grid; grid-template-columns: 1.1fr .9fr; gap: 7vw; align-items:center; max-width:1200px; margin:0 auto 70px; }
.blog-article-hero h1 { font:400 clamp(42px,5vw,70px)/1.05 'Italiana',serif; margin:24px 0; overflow-wrap: anywhere; }
.blog-article-hero img { width:100%; max-height:480px; object-fit:cover; border-radius:0; }
.blog-back { display:inline-block; font-size:14px; margin-bottom:32px; border-bottom:1px solid; padding-bottom:7px; }
.blog-subtitle { font-size:19px; line-height:1.6; color:#776656; }
.blog-prose { max-width:700px; margin:auto; font-size:18px; line-height:1.9; }
.blog-prose > p { margin:0 0 27px; }
.blog-signature { padding-top:18px; font-family:'Italiana',serif; font-size:30px; line-height:1.5; }
.blog-signature span { font:14px 'DM Sans',sans-serif; }
.blog-next { padding:65px 8vw; text-align:center; background:#f1e3cc; }
.blog-next h2 { font:400 clamp(30px,4vw,46px)/1.2 'Italiana',serif; max-width:780px; margin:18px auto; }
.blog-skip { position:fixed; left:12px; top:-100px; z-index:20; padding:12px; background:white; }
.blog-skip:focus { top:12px; }
.blog-section a:focus-visible,.blog-page a:focus-visible,header nav a:focus-visible { outline:3px solid #a97832; outline-offset:5px; }
@media(max-width:1050px) and (min-width:801px) { header nav { gap:16px; } .blog-header-shop { display:none; } }
@media(max-width:800px) {
 header { height:auto; min-height:75px; padding-top:10px; padding-bottom:10px; row-gap:8px; }
 header .brand { grid-column:1; grid-row:1; } header .icons, .blog-header-shop { grid-column:2; grid-row:1; }
 header nav { display:flex; grid-column:1/-1; grid-row:2; justify-content:center; gap:24px; padding:10px 0 2px; font-size:13px; }
 .blog-section { padding:65px 6vw; } .blog-grid { grid-template-columns:1fr; gap:28px; }
 .blog-card-image img { height:330px; } .blog-article { padding:36px 6vw 60px; }
 .blog-article-hero { grid-template-columns:1fr; gap:28px; margin-bottom:40px; }
 .blog-article-hero img { max-height:380px; } .blog-prose { font-size:17px; line-height:1.85; }
 .blog-header-shop { font-size:12px; } .blog-back { margin-bottom:22px; }
}
@media(prefers-reduced-motion:reduce) { .blog-card-image img { transition:none; } }

.story-reader {width:min(1060px,94vw);max-height:90dvh;padding:0;border:1px solid #d5c2a5;border-radius:20px;background:#fffaf3;color:#30251d;}
.story-reader::backdrop {background:#251a12a6;}
.story-reader-toolbar {position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;background:#fffaf3;border-bottom:1px solid #dfcdb5;font-size:11px;letter-spacing:.1em;}
.story-reader-toolbar button {border:1px solid #c9ad82;border-radius:30px;padding:10px 16px;background:transparent;color:inherit;font:inherit;letter-spacing:0;cursor:pointer;}
.story-reader-content {padding:32px 5vw 52px;}
.story-reader .blog-article-hero {gap:30px;margin-bottom:40px;}
.story-reader .blog-article-hero h1 {font-size:clamp(34px,4.5vw,56px);}
.story-reader .blog-article-hero img {max-height:350px;}
@media(max-width:600px){.story-reader-toolbar{padding:12px 16px;}.story-reader-toolbar span{font-size:9px;}.story-reader-content{padding:22px 6vw 36px;}}