/* Personal introduction and extensible project selection. */
.hero-actions { display:flex; flex-wrap:wrap; gap:1rem 1.8rem; margin-top:1.4rem; }
.hero-actions a { color:var(--cream); text-decoration:none; border-bottom:1px solid #8b739f; padding-bottom:.4rem; font-size:.9rem; transition:color .2s; }
.hero-actions a:hover { color:#cbb4e7; }
.about-note { margin-top:1.3rem; }
.projects-intro { max-width:65ch; color:rgba(var(--cream-rgb),.7); line-height:1.8; margin:-1rem 0 2.5rem; }
.portfolio-caption { display:flex; flex-wrap:wrap; gap:.6rem 2rem; justify-content:space-between; max-width:1600px; margin:0 auto 1rem; font-family:var(--font-display); font-size:.75rem; color:rgba(var(--cream-rgb),.65); }
.bento-grid.bento-growing { grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-areas:none; grid-template-rows:none; grid-auto-rows:280px; grid-auto-flow:row dense; }
.bento-growing > .bento-item { grid-area:auto; min-height:0; }
.bento-growing > .bento-a { grid-column:span 2; grid-row:span 2; }
.bento-growing > .bento-e { grid-row:span 2; }
.bento-growing > .bento-g, .bento-growing > .bento-photo { grid-column:span 2; }
.bento-growing > .bento-g .bento-img img { object-fit:contain; object-position:75% center; }
.bento-item:focus-visible, a:focus-visible { outline:2px solid #c6a6e4; outline-offset:5px; }
@media(max-width:1024px) {
 .bento-grid.bento-growing { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:270px; }
 .bento-growing > .bento-a { grid-row:span 1; }
 .bento-growing > .bento-g { grid-column:span 2; }
}
@media(max-width:700px) {
 .bento-grid.bento-growing { grid-template-columns:1fr; grid-auto-rows:320px; }
 .bento-growing > .bento-item { grid-column:auto; grid-row:auto; }
 .hero-actions { gap:1rem; }
 .hero-actions a { font-size:.8rem; }
}