/* v8: a theme-led opening. Keep the actual heading readable and ready for a future visual layer. */
html[data-theme=lab] .hero .hero-signature{font-size:11px;letter-spacing:.035em;text-transform:none;display:flex;align-items:center;gap:9px}
.hero-signature a{text-decoration:none;color:var(--ink);padding-block:8px}
.hero-signature a>span{color:var(--muted)}
.hero-signature a:hover{text-decoration:underline;text-underline-offset:4px}
html[data-theme=lab] .hero h1.perspective-heading{font-size:clamp(48px,6.05vw,86px);line-height:1.045;letter-spacing:-.065em;margin:24px 0 28px;font-weight:500}
.hero h1.perspective-heading>span{display:block;font-style:normal;white-space:nowrap}
.heading-period{color:var(--accent)}
html[data-theme=lab] .hero .perspective-intro{font-size:18px;line-height:1.65;letter-spacing:-.015em;max-width:35ch}
.hero-practice{font-size:12px;letter-spacing:.035em;color:var(--muted);margin-top:22px}
.hero-practice>span{display:inline-block;margin-inline:10px;color:var(--accent)}
html[data-theme=lab] .hero-copy{min-width:0}
@media(min-width:741px) and (max-width:1000px){html[data-theme=lab] .hero h1.perspective-heading{font-size:78px}}
@media(max-width:740px){html[data-theme=lab] .hero h1.perspective-heading{font-size:clamp(43px,10.65vw,76px);margin:22px 0 24px}html[data-theme=lab] .hero .perspective-intro{font-size:17px}.hero-practice{margin-top:18px}}
@media(max-width:360px){html[data-theme=lab] .hero h1.perspective-heading{font-size:39px}html[data-theme=lab] .hero .hero-signature{font-size:10px}html[data-theme=lab] .hero .perspective-intro{font-size:16px}}