/* Design journal and SEO article system */
.blog-hero{background-position:center}.blog-index-section{padding-top:78px}.blog-tools{display:grid;gap:28px;margin-bottom:68px}.blog-search{display:flex;gap:10px;max-width:760px}.blog-search label{flex:1}.blog-search input{width:100%;height:52px;border:1px solid #d8d0c3;background:#fff;padding:0 18px;color:var(--ink);outline:none}.blog-search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(199,164,91,.14)}.blog-category-nav{display:flex;flex-wrap:wrap;gap:8px}.blog-category-nav a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #d8d0c3;font-size:11px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.blog-category-nav a span{color:var(--muted);font-size:10px}.blog-category-nav a:hover,.blog-category-nav a.is-active{background:#111;color:#fff;border-color:#111}.blog-category-nav a.is-active span{color:var(--gold-2)}.blog-results-heading{margin-bottom:38px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.blog-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-card{background:#fff;border:1px solid rgba(20,20,20,.1);display:flex;flex-direction:column;min-width:0;transition:transform .28s,box-shadow .28s}.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.blog-card__image{display:block;overflow:hidden;aspect-ratio:16/10;background:#ddd}.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.blog-card:hover .blog-card__image img{transform:scale(1.045)}.blog-card__body{padding:25px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.blog-card__meta{display:flex;justify-content:space-between;gap:12px;width:100%;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.blog-card__meta span:first-child{color:#8a6c2f}.blog-card h2{margin:12px 0 10px;font:600 31px/1.05 var(--serif);letter-spacing:-.018em}.blog-card h2 a:hover{color:#8f6d2c}.blog-card p{color:var(--muted);font-size:14px;margin:0 0 20px}.blog-card .text-link{margin-top:auto}.blog-empty{padding:70px;background:var(--ivory);text-align:center}.blog-empty h2{font:600 48px var(--serif);margin:0 0 10px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:55px}.pagination a{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d5cec2;font-size:12px;font-weight:700}.pagination a:hover,.pagination a.is-active{background:#111;color:#fff;border-color:#111}
.article-hero{background:var(--black);color:#fff;padding:80px 0}.article-hero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.article-hero__copy h1{margin:20px 0 22px;font:600 clamp(48px,6vw,78px)/.98 var(--serif);letter-spacing:-.032em}.article-hero__copy>p{max-width:720px;color:#c7c3bb;font-size:18px}.article-hero__image{margin:0;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.3)}.article-hero__image img{width:100%;aspect-ratio:4/3;object-fit:cover}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:28px;color:#a9a49c;font-size:11px}.breadcrumbs a:hover{color:var(--gold-2)}.article-meta{display:flex;flex-wrap:wrap;gap:0;margin-top:28px;color:#aaa59c;font-size:11px;letter-spacing:.04em}.article-meta span{padding-right:14px;margin-right:14px;border-right:1px solid rgba(255,255,255,.2)}.article-meta span:last-child{border:0}.article-section{padding:95px 0}.article-layout{display:grid;grid-template-columns:290px minmax(0,780px);justify-content:center;gap:78px;align-items:start}.article-aside{position:sticky;top:115px}.article-aside__card{background:#111;color:#fff;padding:28px}.article-aside__card h2{font:600 34px/1.03 var(--serif);margin:15px 0}.article-aside__card p{color:#aaa59d;font-size:13px}.article-contact-link{display:block;margin-top:13px;color:var(--gold-2);font-size:12px;overflow-wrap:anywhere}.article-content{min-width:0;font-size:17px;line-height:1.85}.article-content>p,.article-content>ul,.article-content>ol,.article-content>blockquote,.article-content>table{margin:0 0 24px}.article-content h2{scroll-margin-top:110px;margin:58px 0 18px;font:600 46px/1.05 var(--serif);letter-spacing:-.02em}.article-content h3{margin:38px 0 14px;font:600 30px/1.1 var(--serif)}.article-content h4{margin:30px 0 12px;font:600 23px/1.2 var(--serif)}.article-content p{color:#4e4a44}.article-content a:not(.button){color:#8c6823;text-decoration:underline;text-underline-offset:3px}.article-content strong{color:#25221d}.article-lead{font-size:21px!important;color:#292620!important;line-height:1.65}.article-content ul,.article-content ol{padding-left:24px;color:#4e4a44}.article-content li{margin:8px 0}.article-checklist{list-style:none!important;padding:0!important;display:grid;gap:10px}.article-checklist li{position:relative;margin:0!important;padding:12px 14px 12px 42px;background:#faf7f1;border-left:2px solid var(--gold)}.article-checklist li::before{content:"✓";position:absolute;left:15px;top:12px;color:#8a6a2d;font-weight:800}.article-note{margin:34px 0;padding:25px 28px;background:var(--ivory);border:1px solid #e1d7c6}.article-note>strong{display:block;margin-bottom:13px;font:600 28px var(--serif);color:#4b3818}.article-note p{margin:0 0 13px}.article-note__list{margin:0!important;padding-left:20px!important;display:grid;grid-template-columns:1fr 1fr;gap:7px 28px}.article-steps{list-style:none!important;padding:0!important;counter-reset:article-step;display:grid;gap:12px}.article-steps li{counter-increment:article-step;display:grid;grid-template-columns:48px 1fr;column-gap:16px;padding:18px;border:1px solid #e1d9cd;margin:0!important}.article-steps li::before{content:counter(article-step,decimal-leading-zero);grid-row:1/3;color:var(--gold);font:700 21px var(--serif)}.article-steps strong,.article-steps span{grid-column:2}.article-steps strong{font-size:14px}.article-steps span{color:var(--muted);font-size:14px}.article-content blockquote{padding:24px 30px;border-left:3px solid var(--gold);background:#faf7f1;font:500 24px/1.4 var(--serif)}.article-content table{width:100%;border-collapse:collapse;font-size:14px}.article-content th,.article-content td{border:1px solid #dfd8cd;padding:12px;text-align:left}.article-content th{background:#f5efe5}.article-cta{margin:58px 0 10px;padding:40px;background:#111;color:#fff}.article-cta h2{margin:14px 0 16px;color:#fff}.article-cta p{color:#bdb8af}.article-cta>div{display:flex;gap:10px;flex-wrap:wrap}.article-cta .button--outline-dark{border-color:#80786d;color:#fff}.article-faq{margin-top:65px;padding-top:5px}.article-faq>h2{margin-top:16px}.article-author{display:grid;grid-template-columns:70px 1fr;gap:22px;margin-top:60px;padding-top:30px;border-top:1px solid #ddd5c8}.article-author__mark{width:64px;height:64px;border:1px solid var(--gold);display:grid;place-items:center;color:#8b6928;font:700 22px var(--serif)}.article-author span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.article-author h2{font-size:30px;margin:4px 0 8px}.article-author p{font-size:14px;margin:0}.related-articles .blog-card h2{font-size:29px}
@media(max-width:1050px){.blog-grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:240px minmax(0,1fr);gap:45px}.article-hero__grid{gap:40px}}
@media(max-width:820px){.blog-search{max-width:none}.blog-grid,.blog-grid--three{grid-template-columns:1fr 1fr}.article-hero{padding:60px 0}.article-hero__grid{grid-template-columns:1fr}.article-hero__copy h1{font-size:54px}.article-hero__image{max-width:620px}.article-layout{grid-template-columns:1fr}.article-aside{position:static;order:2}.article-content{order:1}.article-aside__card{max-width:520px}.article-note__list{grid-template-columns:1fr}}
@media(max-width:560px){.blog-search{display:grid}.blog-grid,.blog-grid--three{grid-template-columns:1fr}.blog-card h2{font-size:29px}.article-hero__copy h1{font-size:43px}.article-hero__copy>p{font-size:16px}.article-section{padding:70px 0}.article-content{font-size:16px}.article-content h2{font-size:38px}.article-content h3{font-size:27px}.article-lead{font-size:19px!important}.article-note,.article-cta{padding:24px 20px}.article-steps li{grid-template-columns:40px 1fr}.article-author{grid-template-columns:1fr}.article-meta span{width:100%;border:0;padding:0;margin:3px 0}}