@media (max-width: 1540px) {
      .hero::before {
        right: 0;
        width: min(52vw, 660px);
        opacity: .36;
        background:
          linear-gradient(90deg, rgba(250,247,240,.96) 0%, rgba(250,247,240,.7) 38%, rgba(250,247,240,.08) 100%),
          url("assets/gallery/rodilla-modelo.png") 58% 38% / cover no-repeat;
      }

      .hero-grid {
        grid-template-columns: 1.08fr .92fr;
        gap: 44px;
      }

      .hero-visual {
        margin-top: 240px;
        background: rgba(255,255,255,.38);
        border-color: rgba(246,234,210,.42);
        box-shadow: var(--edge-light), 0 18px 54px rgba(15,61,34,.08);
        -webkit-backdrop-filter: blur(7px);
        backdrop-filter: blur(7px);
      }

      .visual-card {
        background:
          radial-gradient(circle at 88% 12%, rgba(214,178,94,.1), transparent 28%),
          linear-gradient(135deg, rgba(255,255,255,.64), rgba(250,247,240,.5) 54%, rgba(246,234,210,.32));
      }
    }

    @media (max-width: 1180px) {
      .hero::before {
        right: -46px;
        width: min(48vw, 500px);
        opacity: .4;
        background:
          linear-gradient(90deg, rgba(250,247,240,.98) 0%, rgba(250,247,240,.68) 44%, rgba(250,247,240,.16) 100%),
          linear-gradient(180deg, rgba(250,247,240,.08), rgba(250,247,240,.82) 100%),
          url("assets/gallery/isabel-retrato-4.jpg") 50% 22% / cover no-repeat;
      }

      .hero-grid {
        grid-template-columns: 1fr;
        gap: 38px;
        align-items: start;
      }

      .hero-visual {
        margin-top: 0;
        max-width: 720px;
      }
    }

    @media (max-width: 980px) {
      .nav-links,
      .nav-actions {
        display: none;
      }

      .menu-button {
        display: grid;
        place-items: center;
      }

      .nav.open .nav-links {
        display: grid;
        position: absolute;
        top: 78px;
        left: 20px;
        right: 20px;
        background: var(--ivory);
        border: 1px solid var(--line);
        border-radius: var(--radius-lg);
        padding: 20px;
        box-shadow: var(--shadow);
      }

      .hero-grid,
      .split,
      .dark-grid,
      .cta-card,
      .contact-grid,
      .ornament-band {
        grid-template-columns: 1fr;
      }

      .ornament-band {
        gap: 22px;
      }

      .ornament-mark {
        width: 118px;
      }

      .cards-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .trust-grid {
        grid-template-columns: 1fr;
      }

      .visual-card {
        min-height: auto;
      }

      .photo-gallery {
        grid-template-columns: 1fr;
        grid-auto-rows: 280px;
      }

      .gallery-item-large {
        grid-column: auto;
        grid-row: auto;
      }

      .gallery-item:nth-child(2) {
        grid-column: auto;
      }
    }

    @media (max-width: 768px) {
      .hero h1 {
        font-size: clamp(1.95rem, 7.4vw, 2.7rem);
        line-height: 1.06;
        letter-spacing: 0;
      }

      .section h2,
      .ornament-copy h2,
      .cta-card h2,
      .dark-panel h2,
      .method-panel h2 {
        font-size: clamp(1.58rem, 5.5vw, 2.2rem);
        line-height: 1.1;
      }
    }

    @media (max-width: 640px) {
      .container {
        width: min(362px, calc(100% - 28px));
      }

      .hero {
        padding: 26px 0 46px;
      }

      .hero::before {
        display: none;
      }

      .hero-grid {
        gap: 28px;
      }

      .hero-grid > .reveal:first-child {
        position: relative;
        isolation: isolate;
      }

      .hero-grid > .reveal:first-child > :not(.mobile-hero-photo) {
        position: relative;
        z-index: 1;
      }

      .eyebrow {
        display: grid;
        gap: 7px;
        width: min(285px, 86vw);
        margin: 0 auto 14px;
        padding: 0;
        background: transparent;
        border: 0;
        box-shadow: none;
        color: var(--forest);
        font-size: .68rem;
        line-height: 1.35;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: .035em;
        text-wrap: balance;
        white-space: normal;
      }

      .eyebrow::before {
        content: "";
        justify-self: center;
        width: 46px;
        height: 1px;
        background: rgba(148,111,61,.48);
      }

      .eyebrow::after {
        content: none;
      }

      .mobile-hero-photo {
        position: absolute;
        z-index: 0;
        top: 152px;
        right: -34px;
        display: block;
        overflow: hidden;
        width: min(68vw, 260px);
        height: 260px;
        margin: 0;
        border-radius: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        opacity: .60;
        pointer-events: none;
        -webkit-mask-image:
          linear-gradient(90deg, transparent 0%, #000 25%, #000 78%, transparent 100%),
          linear-gradient(180deg, transparent 0%, #000 22%, #000 68%, transparent 100%);
        -webkit-mask-composite: source-in;
        mask-image:
          linear-gradient(90deg, transparent 0%, #000 25%, #000 78%, transparent 100%),
          linear-gradient(180deg, transparent 0%, #000 22%, #000 68%, transparent 100%);
        mask-composite: intersect;
      }

      .mobile-hero-photo::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background:
          linear-gradient(90deg, rgba(250,247,240,.94) 0%, rgba(250,247,240,.4) 45%, rgba(250,247,240,.08) 100%),
          linear-gradient(180deg, rgba(250,247,240,.7) 0%, rgba(250,247,240,.1) 30%, rgba(250,247,240,.14) 60%, rgba(250,247,240,.84) 100%);
      }

      .mobile-hero-photo img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: 50% 12%;
        filter: saturate(.9) contrast(.96);
      }

      .hero h1 {
        max-width: 292px;
        font-size: clamp(1.6rem, 7.6vw, 2.02rem);
        line-height: 1.07;
      }

      .hero h1 span {
        padding-left: 0;
      }

      .hero-text {
        margin-top: 18px;
        font-size: 1rem;
        line-height: 1.55;
      }

      .hero-text + .hero-text {
        margin-top: 10px;
      }

      .hero-copy-full {
        display: none;
      }

      .hero-copy-mobile {
        display: block;
      }

      .hero-actions,
      .proof-row,
      .botanical-note {
        flex-direction: column;
        align-items: stretch;
      }

      .botanical-note {
        text-align: center;
      }

      .botanical-note span {
        min-height: 1px;
      }

      .btn {
        width: 100%;
      }

      .cards-grid,
      .form-grid,
      .metric-strip {
        grid-template-columns: 1fr;
      }

      .full {
        grid-column: auto;
      }

      .section {
        padding: 62px 0;
      }

      .section-head {
        margin-bottom: 28px;
      }

      .section-head::after {
        width: min(220px, 78%);
        height: 34px;
        margin-top: 16px;
        opacity: .54;
      }

      .kicker {
        margin-bottom: 9px;
        font-size: .66rem;
        line-height: 1.35;
        letter-spacing: .12em;
      }

      .section h2,
      .ornament-copy h2,
      .cta-card h2,
      .dark-panel h2,
      .method-panel h2 {
        font-size: clamp(1.42rem, 6.6vw, 1.86rem);
        line-height: 1.1;
      }

      .proof-block h2 {
        font-size: 1.34rem;
        line-height: 1.15;
      }

      .section-intro,
      .ornament-copy p {
        margin-top: 12px;
        font-size: .96rem;
        line-height: 1.58;
      }

      .soft-panel,
      .dark-panel,
      .cta-card,
      .ornament-band {
        padding: 27px;
        border-radius: var(--radius-lg);
      }

      .floating-session {
        margin: 0;
      }

      .visual-card {
        min-height: auto;
        padding: 25px;
        gap: 17px;
      }

      .visual-card:after {
        left: 25px;
        right: 25px;
      }

      .hero-session-head h2 {
        font-size: 1.48rem;
        line-height: 1.12;
      }

      .hero-session-head p,
      .session-note {
        font-size: .92rem;
      }

      .session-steps {
        grid-template-columns: 1fr;
      }

      .session-steps div {
        display: grid;
        grid-template-columns: 34px 1fr;
        column-gap: 11px;
        padding: 12px;
      }

      .session-steps span {
        grid-row: span 2;
        margin-bottom: 0;
      }

      .session-steps p {
        font-size: .78rem;
      }

      .floating-session {
        padding: 18px;
      }

      .session-line {
        align-items: flex-start;
        font-size: .88rem;
      }

      .session-line strong {
        max-width: 48%;
      }

      .trust-card h3 {
        font-size: 1.03rem;
      }

      .contact-card h3,
      .form-card h3 {
        font-size: 1.18rem;
        line-height: 1.18;
      }

      .about-photo,
      .about-photo img {
        min-height: 390px;
      }

      .about-photo img {
        object-position: 50% 34%;
      }

      .photo-gallery {
        grid-auto-rows: 255px;
      }

      .gallery-item-large img,
      .gallery-item:nth-child(2) img,
      .gallery-item:nth-child(3) img {
        object-position: center;
      }

      .card {
        min-height: 360px;
      }

      .card-content {
        width: calc(100% - 24px);
        min-height: 156px;
        margin: 0 12px 12px;
        padding: 16px;
        border-radius: 14px;
      }

      .card h3 {
        font-size: 1.05rem;
      }

      .card p {
        font-size: .89rem;
        line-height: 1.5;
      }
    }