/* What's Good? — compact, visual-first editorial article overview */
.blog-main{padding-top:clamp(30px,4vw,65px);padding-bottom:90px}
.blog-header{display:flex;justify-content:space-between;align-items:end;gap:25px;padding-bottom:clamp(26px,3vw,42px)}
.blog-kicker{display:block;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.12em;margin-bottom:12px}
.blog-main h1{font:900 clamp(47px,6.6vw,102px)/.98 var(--serif);letter-spacing:-.022em;margin:0;white-space:normal;overflow-wrap:normal;text-wrap:balance}
.blog-question{color:#a39d91}
.blog-subline{font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.06em;text-align:right;margin:0 0 6px}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,3.3vw,52px) clamp(15px,2vw,32px)}
.article-card{min-width:0}
.article-card>a{display:block}
.article-image{position:relative;aspect-ratio:1.42;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:filter .2s ease}
.article-card a:hover .article-image{filter:brightness(.95)}
.article-image.stone{background:#d8cec0}.article-image.green{background:#c1cdb9}.article-image.blue{background:#c1d0d9}.article-image.yellow{background:#d9ccb2}.article-image.rose{background:#d4c4bf}.article-image.violet{background:#cdc8d7}.article-image.sage{background:#c5d0c2}
.art-seq,.art-arrow{position:absolute;top:17px;font-size:11px;letter-spacing:.04em;font-weight:700}.art-seq{left:19px}.art-arrow{right:19px;font-size:17px;top:12px}
.art-symbol{font:900 clamp(45px,5.9vw,100px)/1 var(--serif);letter-spacing:-.075em;max-width:95%;white-space:nowrap}
.article-meta{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.09em;margin:16px 0 8px}
.article-card h2{font:900 clamp(21px,2.1vw,31px)/1.16 var(--serif);letter-spacing:-.035em;margin:0;max-width:95%}
.article-card a:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.archive-note{font-size:11px;color:var(--muted);margin:56px 0 0;border-top:1px solid var(--line);padding-top:18px}
@media(max-width:850px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-subline{display:none}.art-symbol{font-size:clamp(50px,8vw,80px)}}
@media(max-width:540px){.blog-main{padding-top:24px}.blog-main h1{font-size:clamp(40px,9.5vw,68px);letter-spacing:-.012em;line-height:1.06}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.article-image{aspect-ratio:1.12}.art-symbol{font-size:clamp(30px,9vw,55px)}.art-seq{top:10px;left:11px;font-size:9px}.art-arrow{right:11px;top:7px;font-size:14px}.article-meta{font-size:9px;margin:11px 0 6px}.article-card h2{font-size:18px}.archive-note{margin-top:40px}}
/* Imported article layout */
.article-image{background:#dad4cb}
.article-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.article-card a:hover .article-image img{transform:scale(1.035)}
.article-image-fallback{font:900 clamp(22px,2vw,37px)/1.08 var(--serif)}
.article-meta span{padding:0 3px;color:var(--line)}
.post-main{max-width:1100px;padding-top:clamp(25px,4vw,60px);padding-bottom:clamp(70px,7vw,115px)}
.post-breadcrumb{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:19px;font-size:10px;font-weight:700;letter-spacing:.075em;color:var(--muted)}
.post-breadcrumb a{color:var(--ink)}.post-breadcrumb a:hover{text-decoration:underline}
.post-header{max-width:930px;margin:clamp(32px,5vw,75px) auto clamp(28px,4vw,55px)}
.post-eyebrow{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.09em;margin:0 0 22px}.post-eyebrow span{padding:0 8px}
.post-header h1{font:900 clamp(40px,6.1vw,90px)/1.065 var(--serif);letter-spacing:-.026em;margin:0;text-wrap:balance;overflow-wrap:break-word}
.post-hero{margin:0 auto clamp(35px,5vw,70px)}.post-hero img{display:block;width:100%;height:auto;max-height:660px;object-fit:cover}
.post-body{max-width:740px;margin-inline:auto;font-size:clamp(16px,1.42vw,19px);line-height:1.82;overflow-wrap:anywhere}
.post-body p{margin:0 0 1.3em}.post-body>p:first-child{font-size:1.11em}
.post-body h2,.post-body h3,.post-body h4{font-family:var(--serif);font-weight:900;letter-spacing:-.022em;line-height:1.18;margin:1.9em 0 .65em}
.post-body h2{font-size:clamp(28px,3vw,44px)}.post-body h3{font-size:clamp(23px,2.3vw,33px)}.post-body h4{font-size:clamp(20px,2vw,27px)}
.post-body a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.post-body ul,.post-body ol{padding-left:1.4em;margin:0 0 1.6em}.post-body li{margin:.35em 0}
.post-body img{max-width:100%;height:auto;display:block;margin:auto}.post-body figure{margin:2em auto}.post-body figcaption{text-align:center;color:var(--muted);font-size:12px;margin-top:10px;line-height:1.5}
.post-body blockquote{border-left:2px solid var(--ink);padding-left:24px;margin:2em 0;font-style:italic}
.post-body iframe,.post-body video{max-width:100%}.post-body .wp-block-embed__wrapper{max-width:100%;overflow:hidden}
.post-body hr{height:1px;border:0;background:var(--line);margin:3em auto}
.post-body .wp-block-columns{display:flex;gap:22px}.post-body .wp-block-column{flex:1;min-width:0}
.post-bottom{max-width:740px;margin:75px auto 0;border-top:1px solid var(--line);padding-top:23px;font-size:11px;letter-spacing:.07em;font-weight:700}.post-bottom a:hover{text-decoration:underline}
@media(max-width:600px){.post-main{padding-top:25px}.post-header{margin:31px auto}.post-header h1{letter-spacing:-.014em}.post-hero{margin-inline:-18px}.post-body .wp-block-columns{display:block}.post-breadcrumb{font-size:9px}.post-body{font-size:16px}}
