/* Template Studio — editoriale, tipografia grande, hero a due colonne */

h1, h2 { font-weight: 400; letter-spacing: -.01em; }
.eyebrow { font-family: var(--font-body); letter-spacing: .18em; font-size: .72rem; color: var(--c-accent); }
.eyebrow::before { content: ""; width: 28px; height: 1px; background: currentColor; }

.hero-studio { padding: 0; background: var(--c-primary); color: var(--c-primary-ink); }
.hero-studio .hero-grid { display: grid; gap: 32px; padding: clamp(36px, 7vw, 96px) var(--gutter); max-width: 1200px; margin: 0 auto; }
.hero-studio .hero-title { color: inherit; max-width: 13ch; font-size: clamp(2.6rem, 1.6rem + 5vw, 5.4rem); line-height: .98; font-weight: 400; text-align: left; }
.hero-studio .hero-title em { font-style: italic; color: var(--c-accent); }
.hero-studio .hero-sub { color: color-mix(in oklab, var(--c-primary-ink) 80%, transparent); text-align: left; margin-bottom: 0; }
.hero-studio .search-card { width: 100%; background: var(--c-surface); color: var(--c-text); box-shadow: 0 30px 60px -30px rgba(0,0,0,.6); backdrop-filter: none; border: 0; }
.hero-studio .eyebrow { color: var(--c-accent); }
.hero-studio .hero-figures { display: flex; gap: 32px; margin-top: 28px; padding-top: 24px; border-top: 1px solid color-mix(in oklab, var(--c-primary-ink) 25%, transparent); }
.hero-studio .hero-figures strong { display: block; font: 400 2.6rem/1 var(--font-heading); }
.hero-studio .hero-figures span { font-size: .8rem; text-transform: uppercase; letter-spacing: .1em; opacity: .8; }
.hero-studio .search-row { background: transparent; border: 0; padding: 0; }
.hero-studio .search-extra { color: var(--c-text); }

.section-head h2 { font-size: clamp(2rem, 1.4rem + 2.4vw, 3.2rem); }
.tile { border-radius: 0; border-width: 0 0 1px; background: transparent; padding: 18px 4px; }
.tile:hover { box-shadow: none; transform: translateX(6px); }
.tile-icon { border-radius: 0; background: transparent; color: var(--c-accent); }
.tiles { gap: 0 32px; }
.step { border-radius: 0; border-width: 0; border-top: 3px solid var(--c-text); background: transparent; padding-left: 0; }
.step-icon { display: none; }
.step-num { position: static; display: block; font-size: 3rem; color: var(--c-accent); margin-bottom: 8px; }
.pcard { border-radius: 0; border-width: 0 0 1px; background: transparent; padding: 18px 0; }
.pcard:hover, .pcard.is-hover { box-shadow: none; transform: none; background: var(--c-primary-softer); }
.pcard-avatar { border-radius: 0; width: 84px; height: 104px; }
.pcard-name { font-size: 1.3rem; font-weight: 400; }
.quote { border-radius: 0; border-width: 0; border-left: 3px solid var(--c-accent); background: transparent; }
.quote blockquote { font-size: 1.35rem; font-style: italic; }
.quiz-cta, .pro-cta, .referral-teaser { border-radius: 0; }
.city { border-radius: 0; border-width: 0 0 1px; background: transparent; }
.brand-mark { border-radius: 0; background: var(--c-text); box-shadow: none; }
.brand { font-weight: 400; font-size: 1.4rem; }
.profile-hero-bg { background: var(--c-primary-softer); inset: 0; }

@media (min-width: 900px) {
    .hero-studio .hero-grid { grid-template-columns: 1.15fr 1fr; align-items: end; }
    .hero-studio .search-row { flex-direction: column; }
    .hero-studio .search-field + .search-field { border-left: 0; border-top: 1px solid var(--c-border); }
    .hero-studio .search-submit { min-height: 56px; }
}