/* studios-connecticut.css — page-specific styles for studios-connecticut.html only.
   Dedicated to this page; does not share selectors with any other stylesheet.
   Layered on top of styles.css. All new selectors are prefixed `.ct-` so this
   file can never collide with shared styles.css or other pages' CSS files. */

.ct-hero{padding-bottom:0}
.ct-hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.ct-hero__back{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--sans);font-size:.92rem;font-weight:600;color:var(--muted);text-decoration:none;margin-bottom:1.4rem}
.ct-hero__back:hover{color:var(--ink)}
.ct-hero__copy .eyebrow{display:block;margin-bottom:.9rem}
.ct-hero__copy h1{max-width:12ch}
.ct-hero__copy p{margin:1.2rem 0 1.8rem;max-width:42ch;font-size:1.08rem}

.ct-studio-card{border:1px solid var(--line);border-radius:var(--radius);padding:1.9rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.ct-studio-card__name{font-family:var(--serif);color:var(--gold);font-weight:600;font-size:1.5rem;margin-bottom:.3rem}
.ct-studio-card__addr{font-family:var(--sans);color:var(--muted);font-size:.98rem}

.ct-hero__media img{width:100%;border-radius:var(--radius);object-fit:cover;aspect-ratio:4/3.4}

.ct-note{font-size:.92rem;color:var(--muted);margin-top:-1rem;margin-bottom:1.6rem}

@media (max-width:860px){
  .ct-hero__inner{grid-template-columns:1fr}
  .ct-hero__media{order:-1}
  .ct-studio-card{flex-direction:column;align-items:flex-start}
}