/* Studio homepage: diptych introduction, working design collection, hanging process. */
.personal-hero { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:end; gap:4rem; padding:2rem 0 2.75rem; }
.studio-label { color:var(--color-ink-3); font:400 .75rem/1.5 var(--font-body); margin:0 0 1.25rem; }
.personal-hero h1 { font:400 clamp(2.5rem,4.5vw,4.5rem)/1.04 var(--font-body); letter-spacing:-.055em; }
.hero-details { max-width:25rem; padding-bottom:.25rem; }
.hero-details > p:first-child { font-size:1rem; line-height:1.7; color:var(--color-ink-2); margin:0 0 1.5rem; }
.hero-price { font-size:.875rem; margin:0; }
.hero-price strong { font-weight:500; color:var(--color-ink); }
.hero-price > span { color:var(--color-rule-strong); padding:0 .25rem; }
.hero-included { font-size:.75rem; color:var(--color-ink-3); margin:.375rem 0 .75rem; }
.hero-process-link { display:inline-flex; align-items:center; min-height:44px; gap:1.5rem; font-size:.8125rem; color:var(--color-accent); text-decoration:none; }
.hero-process-link:hover { text-decoration:underline; }
.build-process { display:grid; grid-template-columns:1fr 1.2fr; gap:6rem; padding-block:4rem; }
.section-heading > p:last-child { max-width:23rem; font-size:.9375rem; line-height:1.7; color:var(--color-ink-2); margin-top:1.5rem; }
.build-process h2,.plan-line h2,.personal-proof h2 { font:400 clamp(1.75rem,3vw,2.75rem)/1.15 var(--font-body); letter-spacing:-.04em; }
.build-process ol { list-style:none; padding:0; margin:0; }
.build-process li { display:grid; grid-template-columns:2rem 1fr; gap:1.5rem; padding:1.75rem 0; border-bottom:1px solid var(--color-rule); }
.build-process li:first-child { padding-top:0; }
.build-process li > span { color:var(--color-ink-3); font-size:.75rem; padding-top:.25rem; }
.build-process h3 { font:500 1.125rem/1.4 var(--font-body); letter-spacing:-.02em; }
.build-process li p { font-size:.9375rem; color:var(--color-ink-2); margin:.625rem 0 0; }
.plan-line { display:grid; grid-template-columns:1fr 1.2fr; gap:6rem; padding-block:4rem; }
.plan-line > div > .text-link { display:inline-block; margin-top:1.5rem; font-size:.875rem; }
.plan-price { display:flex; align-items:baseline; gap:1rem; }
.plan-price strong { font:400 3.5rem/1.1 var(--font-body); letter-spacing:-.055em; }
.plan-price span { color:var(--color-ink-3); font-size:.875rem; }
.plan-detail > p { font-size:.9375rem; color:var(--color-ink-2); }
.plan-monthly { display:grid; grid-template-columns:auto 1fr; gap:2rem; align-items:baseline; border-block:1px solid var(--color-rule); padding:1.5rem 0; margin:1.5rem 0; }
.plan-monthly strong { font-size:1.5rem; font-weight:400; letter-spacing:-.035em; white-space:nowrap; }
.plan-monthly strong span { color:var(--color-ink-3); font-size:.8125rem; letter-spacing:0; }
.plan-monthly p { font-size:.8125rem; color:var(--color-ink-2); margin:0; }
.plan-detail .fine-print { font-size:.75rem; }
.personal-proof { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:6rem; align-items:center; padding-block:4rem; }
.personal-proof p { color:var(--color-ink-2); font-size:.9375rem; }
.personal-proof .studio-label { font-size:.75rem; }
.personal-proof .fine-print { font-size:.75rem; }
.personal-proof .text-link { font-size:.875rem; }
.lab-note { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:2rem 0; font-size:.8125rem; color:var(--color-ink-3); }
.lab-note p { margin:0; }
.lab-note a { min-height:44px; display:inline-flex; align-items:center; }
@media(max-width:60rem) { .personal-hero { gap:2rem; } .build-process,.plan-line,.personal-proof { gap:3rem; } }
@media(max-width:48rem) {
  .personal-hero { grid-template-columns:1fr; gap:1.5rem; padding:2.5rem 0 1rem; }
  .hero-details { max-width:32rem; }
  .hero-details > p:first-child { margin-bottom:1rem; }
  .personal-hero h1 { font-size:clamp(2.25rem,8vw,3.5rem); }
  .build-process,.plan-line,.personal-proof { grid-template-columns:1fr; gap:2rem; padding-block:2.5rem; }
  .plan-monthly { gap:1.25rem; }
  .lab-note { flex-wrap:wrap; }
}