@media (max-width: 1024px) {
    .shell { width: min(calc(100% - 40px), var(--shell)); }
    .hero-grid { min-height: 620px; gap: 3rem; }
    .hero-portrait { height: 620px; min-height: 0; }
    .desktop-nav { gap: 1.1rem; }
    .service-item { padding: 1.5rem; }
    .process-grid { grid-template-columns: 1fr 1fr; }
    .process-grid article:nth-child(2) { border-right: 0; }
    .process-grid article:nth-child(n+3) { border-top: 1px solid var(--line); }
    .process-grid article:nth-child(3) { padding-left: 0; }
    .footer-grid { grid-template-columns: 1.3fr 1fr 1fr; }
    .footer-grid > div:last-child { grid-column: 2; }
}

@media (max-width: 860px) {
    .site-header { height: 70px; }
    .desktop-nav, .header-cta { display: none; }
    .menu-toggle { display: grid; }
    .hero { padding-top: 7.5rem; }
    .hero-grid { min-height: 0; grid-template-columns: 1fr; gap: 1rem; }
    .hero-copy { padding: 1rem 0 2rem; }
    .hero-copy h1 { max-width: 700px; }
    .hero-lead { max-width: 650px; }
    .hero-portrait { width: min(100%, 620px); height: min(110vw, 660px); min-height: 480px; margin-inline: auto; }
    .hero-portrait img { object-position: center 34%; }
    .hero-demo { margin-top: 1.2rem; grid-template-columns: 1fr; }
    .hero-demo-label { padding-bottom: .9rem; border-bottom: 1px solid var(--line); }
    .credibility-list { overflow-x: auto; justify-content: flex-start; padding-block: 1.2rem; scrollbar-width: none; }
    .credibility-list span { flex: 0 0 auto; }
    .heading-split, .audiobook-grid, .about-grid, .human-grid, .studio-grid, .faq-grid, .quote-grid { grid-template-columns: 1fr; }
    .heading-split { gap: 1.5rem; }
    .audiobook-copy, .quote-intro { position: static; }
    .about-grid { gap: 3rem; }
    .about-kicker { min-height: 340px; }
    .human-grid { gap: 1.5rem; }
    .service-grid { grid-template-columns: 1fr 1fr; }
    .certificate-item { grid-template-columns: 1fr; gap: .8rem; }
    .quote-grid { gap: 3rem; }
    .footer-grid { grid-template-columns: 1.4fr 1fr; }
    .footer-grid > div:last-child { grid-column: auto; }
}

@media (max-width: 600px) {
    .shell { width: min(calc(100% - 28px), var(--shell)); }
    .section { padding: 4.7rem 0; }
    h1 { font-size: clamp(2.5rem, 12.5vw, 3.55rem); }
    h2 { font-size: clamp(2.25rem, 10.5vw, 3.2rem); }
    .eyebrow { margin-bottom: 1rem; font-size: .64rem; }
    .hero { padding-top: 6.5rem; }
    .hero::before { display: none; }
    .hero-copy { padding-top: .4rem; }
    .hero-copy .eyebrow span { display: none; }
    .hero-lead { font-size: 1rem; }
    .hero-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .hero-actions .button { padding-inline: .7rem; font-size: .71rem; }
    .hero-copy blockquote { margin-top: 1.8rem; font-size: .86rem; }
    .hero-portrait { height: min(126vw, 590px); min-height: 400px; }
    .hero-portrait::before { top: -10px; right: -8px; }
    .hero-portrait img { object-position: center 31%; }
    .hero-portrait figcaption { min-width: 165px; padding: .7rem .9rem; }
    .hero-demo { width: 100%; padding: 1.1rem; }
    .audio-player { grid-template-columns: 48px 1fr; gap: .7rem; }
    .audio-toggle { width: 46px; height: 46px; }
    .audio-heading { align-items: center; }
    .audio-heading h3, .audio-title { font-size: 1.05rem; }
    .audio-heading p { display: none; }
    .audio-controls { margin-top: .65rem; }
    .portfolio-list .audio-player { padding: 1.4rem .2rem; grid-template-columns: 50px 1fr; }
    .portfolio-list .audio-toggle { width: 48px; height: 48px; }
    .audiobook-grid { gap: 3rem; }
    .audio-player-dark { padding: 1.4rem 0; }
    .service-grid { grid-template-columns: 1fr; }
    .service-item { min-height: 210px; }
    .service-item h3 { margin-top: 2rem; }
    .context-cta { align-items: flex-start; flex-direction: column; }
    .about-kicker { min-height: 300px; }
    .about-kicker span { font-size: 10rem; }
    .human-grid { gap: 1rem; }
    .human-grid h2 { margin-bottom: .7rem; }
    .certificate-item { padding-inline: .2rem; }
    .studio-grid { gap: 2.5rem; }
    .process-grid { grid-template-columns: 1fr; }
    .process-grid article, .process-grid article + article { min-height: 210px; padding: 1.5rem 0; border-right: 0; border-top: 1px solid var(--line); }
    .process-grid article:first-child { border-top: 0; }
    .process-grid h3 { margin-top: 2.2rem; }
    .faq-grid { gap: 2.5rem; }
    .faq-list summary { min-height: 70px; font-size: .9rem; }
    .quote-form { padding: 1.2rem; }
    .field-grid { grid-template-columns: 1fr; }
    .field-wide { grid-column: auto; }
    .form-actions .button { padding-inline: .9rem; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 2.3rem 1.5rem; }
    .footer-grid > div:first-child { grid-column: 1 / -1; }
    .footer-bottom { align-items: flex-start; flex-direction: column; gap: .5rem; }
    .sticky-player { right: .55rem; bottom: .55rem; left: .55rem; min-height: 62px; grid-template-columns: 40px minmax(0, 1fr) auto; }
    .sticky-quote { max-width: 104px; padding: .3rem .5rem; font-size: .58rem; line-height: 1.25; }
    .exit-offer { top: auto; right: 0; bottom: 0; left: 0; width: 100%; max-height: 88vh; padding: 2rem 1.2rem 1.2rem; transform: translateY(105%); }
    .exit-offer.open { transform: none; }
}

@media (max-width: 360px) {
    .shell { width: min(calc(100% - 22px), var(--shell)); }
    h1 { font-size: 2.45rem; }
    .hero-actions { grid-template-columns: 1fr; }
    .hero-portrait { height: 460px; min-height: 0; }
    .hero-demo { padding: .85rem; }
    .hero-demo-label { gap: .7rem; }
    .audio-player { grid-template-columns: 44px 1fr; }
    .audio-toggle { width: 42px; height: 42px; }
    .audio-duration { font-size: .6rem; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-grid > div:first-child { grid-column: auto; }
    .sticky-quote { display: none; }
    .sticky-player { grid-template-columns: 40px 1fr; }
}
