/* "At Home with Holly" column: cards (home + county pages) and the column page */
.column-strip{background:#fff}
.column-strip .section-title .text-link{flex:none}
.column-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.column-card{display:flex;flex-direction:column;gap:12px;padding:28px 26px 26px;background:var(--paper);border:1px solid var(--line);min-height:260px;transition:transform .25s,background .25s,border-color .25s}
.column-card:hover{transform:translateY(-4px);background:var(--butter);border-color:#d8c97f}
.column-topic{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--plum);font-weight:600}
.column-card h3{font-size:27px;line-height:1.08;letter-spacing:-.3px}
.column-card p{font-size:13.5px;line-height:1.7;color:var(--muted)}
.column-read{margin-top:auto;padding-top:10px;font-size:12px;display:flex;justify-content:space-between;border-top:1px solid var(--line)}
.column-read span{font-size:18px;line-height:1}
.column-home{background:var(--paper)}
.column-home .column-card{background:#fff}
.column-home .transactions-footer{margin-top:28px}

/* column page */
.column-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(36px,6vw,100px);align-items:end;padding:40px var(--gutter) 70px;border-bottom:1px solid var(--line)}
.column-hero .eyebrow{display:flex;align-items:center;gap:12px}
.column-hero h1{font-size:clamp(72px,10vw,170px);line-height:.9;margin-top:26px}
.column-hero h1 em{color:var(--plum)}
.column-hero-side p{font-size:17px;line-height:1.75;color:var(--muted);max-width:460px;margin-bottom:22px}
.column-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}
.column-filters button{padding:10px 16px;border:1px solid var(--line);font-size:12px;background:#fff;transition:background .2s,color .2s}
.column-filters button span{opacity:.55;margin-left:4px}
.column-filters button:hover{border-color:var(--plum)}
.column-filters button[aria-pressed=true]{background:var(--plum);border-color:var(--plum);color:var(--paper)}
.column-rows{border-top:1px solid var(--line)}
.column-row{display:grid;grid-template-columns:70px 1fr auto;gap:28px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}
.column-row[hidden]{display:none}
.column-num{font:italic 34px/1 var(--serif);color:#b7aeb4}
.column-row h2{font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.6px;margin:8px 0 10px}
.column-row h2 a{background:linear-gradient(var(--butter),var(--butter)) 0 92%/0 35% no-repeat;transition:background-size .3s}
.column-row h2 a:hover{background-size:100% 35%}
.column-row p{font-size:15px;line-height:1.75;color:var(--muted);max-width:720px}

@media(max-width:760px){
  .column-strip .section-title .text-link{margin-top:18px}
  .column-card{min-height:0;padding:24px 20px 20px}
  .column-card h3{font-size:25px}
  .column-hero{grid-template-columns:1fr;padding-top:26px;padding-bottom:44px;gap:24px}
  .column-hero h1{font-size:clamp(64px,19vw,100px);margin-top:18px}
  .column-hero-side p{font-size:15px}
  .column-filters{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(var(--gutter)*-1) 26px;padding:0 var(--gutter);scrollbar-width:none}
  .column-filters::-webkit-scrollbar{display:none}
  .column-filters button{flex:none}
  .column-row{grid-template-columns:1fr;gap:6px;padding:24px 0}
  .column-num{font-size:24px}
  .column-row h2{font-size:27px}
  .column-row p{font-size:14px}
  .column-go{justify-self:start;margin-top:8px}
}