/* CRV · Approved mobile editorial direction, 29 October 2026.
   Loaded with a matching media attribute; no rules apply above 850px.
   Original photos, links, desktop styles and booking UI remain untouched. */
@media (max-width:850px) {
  html.crv-design {--mobile-serif:Georgia,'Times New Roman',serif}

  /* One reading family throughout the public site, including action labels.
     Existing control sizing, contrast and behavior stay. No font downloads. */
  .crv-design body:not([data-page="booking"]) main {font-family:var(--mobile-serif)}
  .crv-design body:not([data-page="booking"]) main :is(p,li,dd,blockquote) {font-family:var(--mobile-serif)!important}
  .crv-design body:not([data-page="booking"]) main h1 {font-family:var(--mobile-serif)!important;font-weight:400!important;font-style:normal;letter-spacing:-.035em}
  .crv-design body:not([data-page="booking"]) main h2 {font-family:var(--mobile-serif)!important;font-weight:400!important;font-style:italic!important;letter-spacing:-.035em}
  .crv-design body:not([data-page="booking"]) main h3 {font-family:var(--mobile-serif)!important;font-weight:400!important;font-style:normal!important;letter-spacing:-.02em}
  .crv-design body:not([data-page="booking"]) :is(a.button.ui-button,a.ui-button) {font-family:var(--mobile-serif)!important;font-weight:400!important}
  .crv-design body:not([data-page="booking"]) a.button.ui-button::after {-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h12M9 3l5 5-5 5' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h12M9 3l5 5-5 5' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E")}
  .crv-design body:not([data-page="booking"]) main :is(.eyebrow,.editorial-kicker,.editorial-meta,.breadcrumbs,.guide-author,.area-responsible,.family-role,.family-specialist-label,.profile-brand-role) {font-family:Arial,Helvetica,sans-serif}

  /* Homepage: the same painting and office, composed for a phone. */
  .crv-design body[data-page="home"] .wrap {width:min(640px,calc(100% - 48px))}
  .crv-design body[data-page="home"] header>nav {height:76px}
  .crv-design body[data-page="home"] .brand img {width:clamp(164px,51vw,210px);height:auto!important}
  .crv-design body[data-page="home"] .menu-toggle {width:44px;height:44px;padding:10px;border-color:var(--gold);border-radius:0}
  .crv-design body[data-page="home"] main>section {padding-block:44px}
  .crv-design body[data-page="home"] main>.hero {position:relative;isolation:isolate;overflow:clip;padding:30px 0 18px;background:var(--paper)}
  .crv-design body[data-page="home"] .hero::before {content:'';position:absolute;z-index:-1;pointer-events:none;top:0;right:0;width:clamp(140px,42vw,190px);height:210px;background:url('/assets/ricardo-cuadro.jpeg') 50% 62%/220% auto no-repeat;opacity:.92;mask-image:linear-gradient(135deg,transparent 8%,#000 60%);clip-path:polygon(0 0,100% 0,100% 100%,82% 90%,76% 71%,57% 43%,29% 24%,0 17%)}
  .crv-design body[data-page="home"] .home-hero-grid {grid-template-columns:minmax(0,1fr);gap:18px}
  .crv-design body[data-page="home"] .home-hero-copy {padding:0}
  .crv-design body[data-page="home"] .eyebrow {font-size:.64rem;letter-spacing:.17em;font-weight:500;gap:14px;color:var(--gold-ink)}
  .crv-design body[data-page="home"] .eyebrow::before {order:2;width:30px;flex-basis:30px}
  .crv-design body[data-page="home"] .home-hero-copy h1 {margin:16px 0 18px;max-width:100%;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(2.1rem,9.7vw,2.8rem);font-weight:600!important;line-height:1.08;letter-spacing:-.06em;text-wrap:initial}
  .crv-design body[data-page="home"] .home-hero-copy h1>span {font-family:Arial,Helvetica,sans-serif;letter-spacing:-.055em}
  .crv-design body[data-page="home"] .home-hero-copy h1>em {font-family:var(--mobile-serif);font-size:1.11em;font-weight:400;line-height:1.1;letter-spacing:-.055em;max-width:none;margin-top:3px}
  .crv-design body[data-page="home"] .home-hero-copy>p {font-size:1.02rem;line-height:1.55;max-width:510px;margin:0 0 20px;color:var(--green)}
  .crv-design body[data-page="home"] .home-hero-copy .actions {gap:5px;align-items:stretch;flex-direction:column}
  .crv-design body[data-page="home"] .home-hero-copy .actions>.button {width:100%;min-height:50px;font-size:.94rem;font-weight:500}
  .crv-design body[data-page="home"] .home-hero-copy .actions>.text-action {align-self:center;font-family:var(--mobile-serif);font-size:1rem;min-height:44px;padding-block:7px}
  .crv-design body[data-page="home"] .home-hero-copy .hero-assurance {display:none}
  .crv-design body[data-page="home"] .home-hero-media {padding:8px 10px 62px 0;max-width:100%;width:100%;margin:0}
  .crv-design body[data-page="home"] .home-hero-photo {--hero-cut:28px;--hero-lower-cut:0px;--hero-art-outset:12px}
  .crv-design body[data-page="home"] .home-hero-photo img {height:clamp(280px,86vw,420px);object-fit:cover;object-position:50% 60%}
  .crv-design body[data-page="home"] .home-hero-photo::before {top:-8px;right:-10px;width:48%;height:44%;background-size:190% auto;background-position:50% 63%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
  .crv-design body[data-page="home"] .home-hero-photo::after {left:-24px;bottom:-55px;width:calc(100% + 34px);height:70%;background-size:145% auto;background-position:50% 67%;clip-path:polygon(0 0,18px 8%,30px 45%,58px 72%,100% 84%,100% 100%,0 100%)}
  .crv-design body[data-page="home"] .home-hero-caption {right:10px;bottom:15px;width:calc(100% - 28px);max-width:calc(100% - 28px);background:var(--paper);border:1px solid var(--gold)}
  .crv-design body[data-page="home"] .home-hero-caption figcaption {position:relative;display:grid;gap:0;min-height:62px;padding:10px 12px 10px 42px;font-family:var(--mobile-serif);text-align:left;font-weight:400;line-height:1.4;color:var(--green)}
  .crv-design body[data-page="home"] .home-hero-caption figcaption::before {content:'';position:absolute;left:15px;top:20px;width:14px;height:20px;background:var(--gold-ink);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 22'%3E%3Cpath d='M8 1a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7zm0 10a3 3 0 1 1 0-6 3 3 0 0 1 0 6'/%3E%3C/svg%3E") center/contain no-repeat}
  .crv-design body[data-page="home"] .home-hero-caption figcaption>span:first-child {font-size:1.16rem;font-weight:400}
  .crv-design body[data-page="home"] .home-hero-caption figcaption>span:last-child {font-size:.82rem;font-weight:400}
  .crv-design body[data-page="home"] .hero-address-divider {display:none}

  /* Existing consultation routes stay visible and keep their destinations. */
  .crv-design body[data-page="home"] main>.consultation-entry {padding:18px 0 30px;border:0}
  .crv-design body[data-page="home"] .entry-heading {display:block;margin-bottom:14px}
  .crv-design body[data-page="home"] .entry-heading h2 {font-size:1.8rem;line-height:1.16}
  .crv-design body[data-page="home"] .entry-heading .text-action {font-size:.84rem;margin-top:5px;min-height:44px}
  .crv-design body[data-page="home"] nav.consultation-paths {grid-template-columns:minmax(0,1fr)}
  .crv-design body[data-page="home"] .consultation-path {padding:17px 28px 17px 0;min-height:80px;border:0;border-top:1px solid #a7803b66;background:transparent}
  .crv-design body[data-page="home"] .consultation-path:last-child {border-bottom:1px solid #a7803b66}
  .crv-design body[data-page="home"] .consultation-path strong {font-family:var(--mobile-serif);font-weight:400;font-size:1.28rem}
  .crv-design body[data-page="home"] .consultation-path span {font-family:var(--mobile-serif);font-size:.93rem;line-height:1.5}
  .crv-design body[data-page="home"] .consultation-path::after {top:19px;right:0;color:var(--gold-ink)}

  /* Publications: slim editorial entries on green, not tall pale cards. */
  .crv-design body[data-page="home"] main>.editorial-section {position:relative;padding:30px 0 38px;background:var(--green);color:var(--paper);border-bottom:0}
  .crv-design body[data-page="home"] .editorial-section>.wrap {display:flex;flex-direction:column}
  .crv-design body[data-page="home"] .editorial-heading {display:contents}
  .crv-design body[data-page="home"] .editorial-heading>div {margin-bottom:22px}
  .crv-design body[data-page="home"] .editorial-heading h2 {font-size:2rem;line-height:1.12;margin:10px 0 12px;color:var(--paper)}
  .crv-design body[data-page="home"] .editorial-heading p {font-size:.95rem;line-height:1.6;color:#dbe5dd;margin:0}
  .crv-design body[data-page="home"] .editorial-heading .eyebrow {color:var(--gold-light)}
  .crv-design body[data-page="home"] .editorial-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:0;order:1}
  .crv-design body[data-page="home"] .editorial-card {display:grid;grid-template-columns:86px minmax(0,1fr);grid-template-rows:auto auto auto;gap:6px 17px;align-items:start;padding:18px 0;background:transparent;border:0;border-bottom:1px solid #dec58e66;border-radius:0;overflow:visible;color:var(--paper)}
  .crv-design body[data-page="home"] .editorial-card:first-child {padding-top:0}
  .crv-design body[data-page="home"] .editorial-image {grid-column:1;grid-row:1 / span 3;display:block;width:86px;height:102px;aspect-ratio:auto;margin:0;border:1px solid var(--gold-light);border-radius:0;overflow:hidden}
  .crv-design body[data-page="home"] .editorial-image.artwork .painting-crop {width:100%;height:100%}
  .crv-design body[data-page="home"] .editorial-meta {grid-column:2;grid-row:1;font-size:.56rem;letter-spacing:.1em;color:var(--gold-light);gap:4px 9px;line-height:1.6}
  .crv-design body[data-page="home"] .editorial-card h3 {grid-column:2;grid-row:2;margin:0;font-size:1.18rem;line-height:1.24;color:var(--paper);text-wrap:initial}
  .crv-design body[data-page="home"] .editorial-card h3 a {color:var(--paper)}
  .crv-design body[data-page="home"] .editorial-card>p {display:none}
  .crv-design body[data-page="home"] .editorial-card .editorial-read {grid-column:2;grid-row:3;display:flex;align-items:center;justify-content:space-between;min-height:44px;border:0;padding:8px 0 0;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:.76rem;color:var(--paper)}
  .crv-design body[data-page="home"] .editorial-read span {color:var(--gold-light)}
  .crv-design body[data-page="home"] .editorial-heading .editorial-all,
  .crv-design body[data-page="home"] .editorial-heading .editorial-all:visited {order:2;align-self:stretch;display:inline-flex;justify-content:center;width:100%;min-height:48px;margin:22px 0 0;padding:10px 16px;border:1px solid var(--gold-light);border-radius:2px;font-size:.88rem;font-weight:500;color:var(--paper);background:transparent}
  .crv-design body[data-page="home"] .editorial-heading .editorial-all:hover,
  .crv-design body[data-page="home"] .editorial-heading .editorial-all:focus-visible {color:var(--green);background:var(--paper);border-color:var(--paper)}

  /* A painted transition and an equal, restrained directory of all eight areas. */
  .crv-design body[data-page="home"] #areas {position:relative;isolation:isolate;background:var(--paper);padding-top:62px}
  .crv-design body[data-page="home"] #areas::before {content:'';position:absolute;pointer-events:none;top:0;left:0;right:0;height:30px;background:url('/assets/ricardo-cuadro.jpeg') 50% 64%/120% auto no-repeat;border-bottom:1px solid var(--gold)}
  .crv-design body[data-page="home"] #areas .section-head {gap:14px;margin-bottom:22px}
  .crv-design body[data-page="home"] #areas h2 {font-size:2.05rem;line-height:1.13;margin-top:9px}
  .crv-design body[data-page="home"] #areas .section-head>p {font-size:.96rem;line-height:1.65}
  .crv-design body[data-page="home"] #areas .services {grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid #a7803b70}
  .crv-design body[data-page="home"] #areas .service {position:relative;min-height:56px;padding:17px 0;background:transparent;border:0;border-bottom:1px solid #a7803b70;border-radius:0}
  .crv-design body[data-page="home"] #areas .service h3 {margin:0;padding-right:34px;font-size:1.27rem;line-height:1.3}
  .crv-design body[data-page="home"] #areas .service h3 a,
  .crv-design body[data-page="home"] #areas .service h3 a:visited {color:var(--green);text-decoration:none}
  .crv-design body[data-page="home"] #areas .service h3 a::before {content:'';position:absolute;inset:0;z-index:1}
  .crv-design body[data-page="home"] #areas .service h3 a::after {content:'\2192';position:absolute;top:17px;right:0;display:block;width:24px;height:26px;border:0;border-radius:0;font:400 1.2rem/1 Arial,Helvetica,sans-serif;color:var(--gold-ink)}
  .crv-design body[data-page="home"] #areas .service h3 a:focus-visible::before {outline:2px solid var(--gold);outline-offset:3px}
  .crv-design body[data-page="home"] #areas .service>p,
  .crv-design body[data-page="home"] #areas .service>a.service-link {display:none}

  /* The real office is featured. All five original photographs are retained. */
  .crv-design body[data-page="home"] .approach {background:#eeeee5}
  .crv-design body[data-page="home"] .statement {font:italic 400 1.9rem/1.22 var(--mobile-serif);letter-spacing:-.03em}
  .crv-design body[data-page="home"] .principle {padding-block:20px}
  .crv-design body[data-page="home"] .principle strong {font-family:var(--mobile-serif);font-size:1.15rem;font-weight:400}
  .crv-design body[data-page="home"] .principle span {font-family:var(--mobile-serif);font-size:1rem;line-height:1.6}
  .crv-design body[data-page="home"] .spaces {background:var(--paper)}
  .crv-design body[data-page="home"] .spaces-head {display:grid;gap:16px;width:100%;margin-bottom:24px}
  .crv-design body[data-page="home"] .spaces-head h2 {font-size:2.1rem;line-height:1.1;margin-top:9px}
  .crv-design body[data-page="home"] .spaces-head>p {font-size:1rem;line-height:1.6;border:0;padding:0;color:var(--green)}
  .crv-design body[data-page="home"] .spaces-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;grid-auto-flow:row;gap:8px;align-items:start;overflow:visible;padding:0;margin:0}
  .crv-design body[data-page="home"] .space-photo:first-child,
  .crv-design body[data-page="home"] .space-photo:not(:first-child) {grid-column:auto;grid-row:auto;margin:0;aspect-ratio:3/4;border:1px solid var(--line);border-radius:0;min-width:0;overflow:hidden;background:transparent}
  .crv-design body[data-page="home"] .space-photo:nth-child(2) {order:-1;grid-column:1 / -1;aspect-ratio:4/3;border:1px solid var(--gold);clip-path:polygon(0 0,calc(100% - 23px) 0,100% 23px,100% 100%,0 100%)}
  .crv-design body[data-page="home"] .space-photo img {display:block;width:100%;height:100%;object-fit:cover;transform:none}
  .crv-design body[data-page="home"] .space-photo:nth-child(2) img {object-position:50% 67%}
  .crv-design body[data-page="home"] .team {background:var(--paper);border-top:1px solid var(--line)}
  .crv-design body[data-page="home"] .team-intro {gap:16px;margin-bottom:24px}
  .crv-design body[data-page="home"] .team-intro>p {font-size:1rem;line-height:1.65;padding:0;border:0}
  .crv-design body[data-page="home"] .team-portrait {padding:4px;background:var(--paper);border-color:var(--gold)}
  .crv-design body[data-page="home"] .team-member {border-top:1px solid var(--gold);border-radius:0;background:var(--white)}

  /* Original reviews, a quiet gold frame, and no fabricated review totals. */
  .crv-design body[data-page="home"] .reviews {background:var(--paper);border-top:1px solid var(--line)}
  .crv-design body[data-page="home"] .reviews-head {display:block;margin-bottom:22px}
  .crv-design body[data-page="home"] .reviews-head h2 {font-size:2rem;line-height:1.15;margin-top:10px}
  .crv-design body[data-page="home"] .rating-summary {text-align:left;max-width:none;margin-top:16px;font-family:Arial,Helvetica,sans-serif;font-size:.78rem}
  .crv-design body[data-page="home"] .rating-summary strong {font-family:var(--mobile-serif);font-size:1.1rem}
  .crv-design body[data-page="home"] .reviews-grid {display:grid;grid-template-columns:none;grid-template-rows:auto;grid-auto-flow:column;grid-auto-columns:calc(100% - 22px);gap:14px;align-items:start;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--gold) transparent;padding:0 0 14px}
  .crv-design body[data-page="home"] .review {scroll-snap-align:start;min-height:0;border:1px solid var(--gold);border-radius:0;padding:22px;background:#eeeee5;box-shadow:none;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px))}
  .crv-design body[data-page="home"] .review:nth-child(4) {order:-1}
  .crv-design body[data-page="home"] .review blockquote {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font:italic 400 1.12rem/1.6 var(--mobile-serif);margin:16px 0 20px;color:var(--green)}
  .crv-design body[data-page="home"] .review footer {font-family:var(--mobile-serif);font-size:1rem;font-weight:400;color:var(--green)}
  .crv-design body[data-page="home"] .review small {font-family:Arial,Helvetica,sans-serif;font-size:.72rem;color:var(--muted)}
  .crv-design body[data-page="home"] .stars {color:var(--gold-ink)}
  .crv-design body[data-page="home"] .reviews-link {margin-top:20px}
  .crv-design body[data-page="home"] .reviews-link a.button {width:100%;min-height:50px}
  .crv-design body[data-page="home"] .location {background:#eeeee5}
  .crv-design body[data-page="home"] .map-frame,
  .crv-design body[data-page="home"] .map-frame iframe {min-height:240px;height:240px;border-radius:0}
  .crv-design body[data-page="home"] .map-frame {border:1px solid var(--gold)}

  /* Close mirrors the mockup while preserving all actual contact controls. */
  .crv-design body[data-page="home"] .contact {position:relative;isolation:isolate;background:var(--green);overflow:clip}
  .crv-design body[data-page="home"] .contact::after {content:'';position:absolute;pointer-events:none;z-index:-1;right:-45px;bottom:-30px;width:150px;height:280px;background:url('/assets/ricardo-cuadro.jpeg') 50% 64%/230% auto no-repeat;opacity:.46;mask-image:linear-gradient(135deg,transparent 18%,#000 100%)}
  .crv-design body[data-page="home"] .contact-grid {gap:24px}
  .crv-design body[data-page="home"] .contact-grid::before {content:'';display:block;justify-self:center;width:68px;height:68px;background:url('/assets/crv-icon.png') center/contain no-repeat}
  .crv-design body[data-page="home"] .contact-grid>div:first-of-type {text-align:center}
  .crv-design body[data-page="home"] .contact .eyebrow {justify-content:center;color:var(--gold-light)}
  .crv-design body[data-page="home"] .contact h2 {font-size:2.15rem;line-height:1.15;margin:14px 0 18px;color:var(--paper)}
  .crv-design body[data-page="home"] .contact .lead {font-size:1rem;line-height:1.65;color:#e2e9e3;margin:0 0 23px}
  .crv-design body[data-page="home"] .contact a.button {width:100%;min-height:50px;background:var(--paper);color:var(--green);border-color:var(--paper)}
  .crv-design body[data-page="home"] .contact a.button:visited {color:var(--green)}
  .crv-design body[data-page="home"] .contact a.button:hover {background:var(--gold-light);color:var(--green);border-color:var(--gold-light)}
  .crv-design body[data-page="home"] .contact-item small {font-family:Arial,Helvetica,sans-serif;font-size:.65rem;color:var(--gold-light)}
  .crv-design body[data-page="home"] .contact-item a {font-size:1rem;color:var(--paper)}
  .crv-design body[data-page="home"] .float-wa {width:44px;height:44px;min-height:44px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  .crv-design body[data-page="home"] .float-wa svg {width:25px;height:25px}
  .crv-design body[data-page="home"] .back-to-top {width:44px;height:44px;min-height:44px;right:12px;bottom:calc(68px + env(safe-area-inset-bottom,0px))}
}