/* Beautech — page styles: Journal. Loaded after assets/site.css. */
.feat{ display:grid; grid-template-columns:1.1fr 0.9fr; gap:var(--gap-md); align-items:center; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:var(--gap-md) 0; }
.feat image-slot{ width:100%; height:clamp(280px,30vw,400px); aspect-ratio:auto; }
.art-cat{ font-family:var(--f-mono); font-size: var(--fs-micro); letter-spacing: var(--track-label); text-transform:uppercase; color:var(--accent); }
.feat h2{ font-size: var(--ds-2xl); font-weight:var(--fw-head); line-height: var(--lh-heading); letter-spacing: var(--track-tight); margin:12px 0 0; color:var(--ink); }
.feat p{ color:var(--ink-soft); margin-top:16px; max-width:46ch; font-size: var(--fs-md); }
.feat .meta{ font-family:var(--f-mono); font-size: var(--fs-xs); color:var(--muted); margin-top:20px; display:flex; gap:12px; }
.feat .read{ display:inline-flex; align-items:center; gap:8px; font-family:var(--f-sans); font-weight:var(--fw-head); font-size: var(--fs-base); text-transform:uppercase; letter-spacing: var(--track-wide); color:var(--accent); margin-top:20px; }
.grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-top:0; }
.art-card{ background:var(--surface-2); padding:0 0 24px; display:flex; flex-direction:column; }
.art-card image-slot{ width:100%; height:200px; aspect-ratio:auto; }
.art-card .ac-body{ padding:20px 24px 0; }
.art-card h3{ font-size: var(--fs-lg); font-weight:var(--fw-head); line-height: var(--lh-heading); letter-spacing: var(--track-tight); margin:12px 0 0; color:var(--ink); }
.art-card p{ color:var(--ink-soft); font-size: var(--fs-base); margin-top:8px; }
.art-card .meta{ font-family:var(--f-mono); font-size: var(--fs-micro); color:var(--muted); margin-top:16px; padding:0 24px; }
@media(max-width:900px){ .grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:760px){ .feat{ grid-template-columns:1fr; } .feat image-slot{ order:-1; } }
@media(max-width:560px){ .grid{ grid-template-columns:1fr; } }