/* beyond.css — "Beyond the screen" hobby cards. */

.beyond-head{display:grid;gap:14px;margin-bottom:34px}
.hobby-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px;position:relative}
.hobby .project-open{cursor:default}
.hb::after{display:none}
.hb svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.hobby-grid .project-card:first-child{grid-column:auto}
.hobby-grid .project-card:first-child .project-open{aspect-ratio:1.65/1}
.hobby-grid .project-card .project-caption{min-height:62px;gap:12px}
.hobby-grid .project-card .project-caption h3{font-size:12px;line-height:1.4}
.hobby-text{font-size:11px;line-height:1.6;color:var(--muted);margin-top:8px}

@media(max-width:900px){
.hobby-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
.hobby-grid .project-card:first-child .project-open,.hobby-grid .project-open{aspect-ratio:1.5/1}
.hobby-grid .project-card .project-caption{min-height:52px;gap:8px}
.hobby-grid .project-card .project-caption h3{font-size:10px}
.hobby-text{font-size:10px;line-height:1.55}
}

.beyond-head h2{font-size:clamp(40px,6vw,84px);line-height:.95}
.beyond-head p{color:var(--muted);max-width:46ch;font-size:14px;line-height:1.7}