.home-lower{
  background:var(--color-bg);color:var(--color-text);padding:16px 0 48px;
}
.home-lower-inner{
  width:min(calc(100% - 2 * var(--page-pad)),var(--container-width));
  margin-inline:auto;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch;
}
.lower-col{display:flex;flex-direction:column;min-width:0}
.lower-col-head{
  display:flex;align-items:baseline;gap:10px;margin:0 0 12px;
  font-family:var(--font-editorial);font-size:15px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary);
}
.lower-col-head .sec-num{font-family:var(--font-ui);font-size:11px;letter-spacing:.18em;color:var(--color-accent);font-weight:600}
.lower-card{
  display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden;
  background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);
}
.lower-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}
.lower-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--color-surface-2)}
.lower-card strong{display:block;padding:14px 16px 0;font-family:var(--font-editorial);font-size:20px;font-weight:600;letter-spacing:.02em;color:var(--color-text)}
.lower-card small{display:block;padding:8px 16px 0;color:var(--color-text-muted);font-size:13px;line-height:1.45}
.lower-go{
  display:flex;align-items:center;justify-content:space-between;margin-top:auto;
  padding:16px 16px 16px;color:var(--color-accent);font-size:13px;letter-spacing:.04em;
}
.lower-card:hover .lower-go{color:var(--color-accent-hover)}
body.home-page .site-footer{background:var(--color-bg);color:var(--color-text-muted);border-top:1px solid var(--color-border)}
body.home-page .site-footer .brand-name,body.home-page .site-footer .brand{color:var(--color-text)}
body.home-page .site-footer nav a{color:var(--color-text-muted)}
body.home-page .site-footer nav a:hover{color:var(--color-accent)}
@media(max-width:1100px){
  .home-lower-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}
}
@media(max-width:800px){
  .home-lower{padding:32px 0 40px}
  .home-lower-inner{grid-template-columns:1fr}
  .lower-card img{max-height:180px}
}

.lower-card strong,.lower-card small{overflow-wrap:anywhere}.lower-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}@media(prefers-reduced-motion:reduce){.lower-card:hover{transform:none}}

/* Material cards: one semantic link, no duplicate circular arrow control. */
.home-page .trio-row{grid-template-columns:56px minmax(0,1fr)}
.home-page .trio-row.is-icon{grid-template-columns:48px minmax(0,1fr)}
.home-page .trio-feat-copy{padding:16px}
.home-page .trio-row>div{min-width:0}
.home-page .trio-row h3,.home-page .trio-feat h3,.home-page .trio-row p,.home-page .trio-feat p{overflow-wrap:anywhere}
.home-page .trio-row:hover h3,.home-page .trio-feat:hover h3,.home-page .trio-row:focus-visible h3,.home-page .trio-feat:focus-visible h3{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}
.home-page .home-search:focus-within{outline:2px solid var(--color-accent);outline-offset:3px}
