/* Ricardo Guillermo Romero · Personal profile. Isolated from all CRV pages.
   All photography is original. Framing and painting crop are CSS only. */
.crv-design body.profile-brand-page {--profile-gutter:max(48px,calc((100vw - 1240px)/2));color:var(--green)}
.crv-design body.profile-brand-page .wrap {width:calc(100% - var(--profile-gutter)*2);max-width:1240px}
.crv-design body.profile-brand-page [hidden] {display:none!important}
.crv-design body.profile-brand-page .profile-header {position:sticky;top:0;background:var(--paper)}
.crv-design body.profile-brand-page .profile-header>nav {height:84px;gap:26px}
.crv-design body.profile-brand-page .profile-brand-slot {min-width:230px;flex:1;line-height:1.2}
.crv-design body.profile-brand-page .profile-home-link {display:inline-flex;align-items:center;gap:10px;min-height:48px;font-size:.88rem;text-decoration:none;color:var(--green)}
.crv-design body.profile-brand-page .profile-home-link:hover {text-decoration:underline}
.crv-design body.profile-brand-page .profile-compact-brand {display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:64px;text-decoration:none;color:var(--green)}
.crv-design body.profile-brand-page .profile-brand-given {font:400 .78rem/1.1 Georgia,'Times New Roman',serif;letter-spacing:.025em}
.crv-design body.profile-brand-page .profile-brand-surname {font:400 1.9rem/1 Georgia,'Times New Roman',serif;letter-spacing:-.04em}
.crv-design body.profile-brand-page .profile-brand-role {margin-top:4px;font-size:.5rem;line-height:1.3;letter-spacing:.16em;color:var(--gold-ink)}
.crv-design body.profile-brand-page .profile-header .navlinks {gap:30px}
.crv-design body.profile-brand-page .profile-header .navlinks>a:not(.button) {font-weight:500;font-size:.88rem}
.crv-design body.profile-brand-page a.button.ui-button {display:inline-flex;gap:20px;min-height:50px;padding:13px 23px;background:var(--green);border:1px solid var(--green);border-radius:2px;color:var(--paper);font-weight:500}
.crv-design body.profile-brand-page a.button.ui-button:visited {color:var(--paper)}
.crv-design body.profile-brand-page a.button.ui-button:hover {background:var(--green2);border-color:var(--green2);color:#fff}
.crv-design body.profile-brand-page a.button.ui-button::after {display:none;content:none}
.crv-design body.profile-brand-page .profile-arrow {display:block;width:17px;height:17px;flex:0 0 17px}
.crv-design body.profile-brand-page .profile-text-link {display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:8px 0;color:var(--green);font-size:.94rem;line-height:1.5;text-decoration:none;border-bottom:1px solid var(--gold)}
.crv-design body.profile-brand-page .profile-text-link:hover {color:var(--gold-ink);border-color:currentColor}

/* The portrait is one unfiltered, unaltered image in a small independent frame. */
.crv-design body.profile-brand-page main>.hero.profile-hero {padding:0;background:var(--paper);color:var(--green);overflow:clip;isolation:isolate}
.crv-design body.profile-brand-page .profile-hero::before,
.crv-design body.profile-brand-page .profile-hero::after {display:none;content:none;animation:none!important}
.crv-design body.profile-brand-page .profile-hero-grid {display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:52px;row-gap:0;align-items:center;padding-block:56px 52px;min-height:580px}
.crv-design body.profile-brand-page .profile-hero-grid>* {min-width:0}
.crv-design body.profile-brand-page .profile-hero-heading {grid-column:1;grid-row:1;align-self:end}
.crv-design body.profile-brand-page .profile-hero .eyebrow {color:var(--gold-ink);font-size:.7rem;font-weight:500;letter-spacing:.16em}
.crv-design body.profile-brand-page .profile-hero .eyebrow::before {display:none}
.crv-design body.profile-brand-page .profile-hero h1 {max-width:none;margin:16px 0 12px;font:400 clamp(2.4rem,3.8vw,3.5rem)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.045em;color:var(--green);overflow-wrap:normal;text-wrap:initial}
.crv-design body.profile-brand-page .profile-name-given {display:block}
.crv-design body.profile-brand-page .profile-name-surname {display:block;font-size:2.02em;line-height:.92;letter-spacing:-.055em;margin-top:0}
.crv-design body.profile-brand-page .profile-hero .credentials {display:flex;align-items:center;gap:16px;margin:20px 0 0;font-size:.87rem;color:var(--green)}
.crv-design body.profile-brand-page .profile-hero .credentials::before {content:'';width:34px;height:1px;background:var(--gold);flex:none}
.crv-design body.profile-brand-page .profile-hero-message {grid-column:1;grid-row:2;align-self:start;padding-top:22px}
.crv-design body.profile-brand-page .profile-hero-tagline {margin:0 0 14px;font:400 clamp(1.55rem,2.4vw,2.15rem)/1.22 Georgia,'Times New Roman',serif;letter-spacing:-.04em;color:var(--green);text-wrap:balance}
.crv-design body.profile-brand-page .profile-hero .hero-copy {margin:0 0 23px;max-width:500px;font-size:1rem;line-height:1.7;color:var(--muted)}
.crv-design body.profile-brand-page .profile-hero-actions {display:flex;align-items:center;gap:18px 28px;flex-wrap:wrap}
.crv-design body.profile-brand-page .profile-hero-actions>.profile-text-link {font-size:.88rem}
.crv-design body.profile-brand-page .profile-hero-media {position:relative;grid-column:2;grid-row:1 / span 2;align-self:stretch;display:flex;align-items:center;min-height:440px;padding:24px 0}
.crv-design body.profile-brand-page .profile-artwork {position:absolute;inset:-56px calc(-1*var(--profile-gutter)) -52px -18px;overflow:hidden;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);background:var(--green)}
.crv-design body.profile-brand-page .profile-artwork::before {content:'';position:absolute;inset:-45% -8% -15%;background:url('/assets/ricardo-cuadro.jpeg') 50% 62%/cover no-repeat;animation:none!important}
.crv-design body.profile-brand-page .profile-hero-media .portrait {position:relative;z-index:1;width:220px;max-width:46%;margin:0 0 0 -15px;padding:4px;background:var(--paper);border:1px solid var(--gold);box-shadow:0 4px 18px #102e2b15;animation:none!important}
.crv-design body.profile-brand-page .profile-hero-media .portrait img {display:block;width:100%;height:auto!important;max-width:100%;filter:none;transform:none!important;animation:none!important}
.crv-design body.profile-brand-page .profile-location {position:absolute;right:4px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-size:.65rem;letter-spacing:.2em;color:var(--paper);text-shadow:0 1px 4px #102e2b;background:#102e2ba8;padding:15px 5px}

/* Three equal areas. Civil remains a native, keyboard-accessible disclosure. */
.crv-design body.profile-brand-page main>.profile-practice {padding-block:32px;background:var(--green);color:var(--paper)}
.crv-design body.profile-brand-page .profile-practice-grid {display:grid;grid-template-columns:.76fr 1fr 1fr 1.1fr;align-items:stretch;gap:30px}
.crv-design body.profile-brand-page .profile-practice h2 {margin:0;font:400 2rem/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.035em;color:var(--paper);max-width:190px}
.crv-design body.profile-brand-page .profile-practice-heading::after {content:'';display:block;width:40px;height:1px;margin-top:20px;background:var(--gold-light)}
.crv-design body.profile-brand-page .profile-practice-item {display:flex;flex-direction:column;align-items:flex-start;min-width:0;border-left:1px solid #dec58e80;padding-left:30px}
.crv-design body.profile-brand-page .profile-practice-item h3 {font:400 1.4rem/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.03em;color:var(--paper);margin:0 0 10px;text-wrap:initial}
.crv-design body.profile-brand-page .profile-practice-item>p {font-size:.87rem;line-height:1.65;color:#e0e8df;margin:0 0 12px}
.crv-design body.profile-brand-page .profile-practice-item>.profile-text-link {margin-top:auto;color:var(--paper);font-size:.85rem;min-height:44px;border-color:var(--gold-light)}
.crv-design body.profile-brand-page .profile-practice-item>.profile-text-link:hover {color:var(--gold-light)}
.crv-design body.profile-brand-page .profile-civil-options {width:100%;margin-top:auto}
.crv-design body.profile-brand-page .profile-civil-options>summary {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:8px 0;border-bottom:1px solid var(--gold-light);list-style:none;cursor:pointer;color:var(--paper);font-size:.85rem}
.crv-design body.profile-brand-page .profile-civil-options>summary::-webkit-details-marker {display:none}
.crv-design body.profile-brand-page .profile-civil-options>summary::after {content:'+';font-size:1.4rem;line-height:1;font-weight:400}
.crv-design body.profile-brand-page .profile-civil-options[open]>summary::after {content:'−'}
.crv-design body.profile-brand-page .profile-civil-links {display:grid;padding-top:10px;gap:0}
.crv-design body.profile-brand-page .profile-civil-links a {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:10px 0;font-size:.85rem;line-height:1.5;color:var(--paper);text-decoration:none;border-bottom:1px solid #ffffff30}
.crv-design body.profile-brand-page .profile-civil-links a:hover {color:var(--gold-light);text-decoration:underline}

/* Real office, first-person explanation, optional detail. No invented credentials. */
.crv-design body.profile-brand-page main>.profile-approach {padding-block:56px 64px;background:var(--paper)}
.crv-design body.profile-brand-page .profile-approach-grid {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:48px}
.crv-design body.profile-brand-page .profile-office {margin:0;min-width:0}
.crv-design body.profile-brand-page .profile-office img {display:block;width:100%;height:380px;object-fit:cover;object-position:50% 68%;border:1px solid var(--line)}
.crv-design body.profile-brand-page .profile-approach-copy {min-width:0}
.crv-design body.profile-brand-page .profile-approach h2 {max-width:450px;margin:0;font:400 clamp(2rem,3.15vw,3rem)/1.09 Georgia,'Times New Roman',serif;letter-spacing:-.04em;color:var(--green)}
.crv-design body.profile-brand-page .profile-approach h2::after {content:'';display:block;width:40px;height:1px;background:var(--gold);margin-top:20px}
.crv-design body.profile-brand-page .profile-approach-lead {margin:22px 0 24px;font-size:1rem;line-height:1.75;color:var(--muted)}
.crv-design body.profile-brand-page .profile-disclosure {border:1px solid var(--line);margin-top:10px}
.crv-design body.profile-brand-page .profile-disclosure>summary {display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:52px;cursor:pointer;list-style:none;padding:13px 18px;color:var(--green);font-size:.94rem;line-height:1.5}
.crv-design body.profile-brand-page .profile-disclosure>summary::-webkit-details-marker {display:none}
.crv-design body.profile-brand-page .profile-disclosure>summary::after {content:'+';font-size:1.4rem;line-height:1;flex:none}
.crv-design body.profile-brand-page .profile-disclosure[open]>summary::after {content:'−'}
.crv-design body.profile-brand-page .profile-disclosure-copy {padding:0 18px 18px;font-size:.91rem;line-height:1.75;color:var(--muted)}
.crv-design body.profile-brand-page .profile-disclosure-copy p {margin:0 0 12px}
.crv-design body.profile-brand-page .profile-disclosure-copy p:last-child {margin-bottom:0}
.crv-design body.profile-brand-page .profile-disclosure-copy a {color:var(--green)}

/* Real existing publications, with a compact editorial rhythm instead of five tall cards. */
.crv-design body.profile-brand-page main>.profile-publications {padding-block:0 72px;background:var(--paper);color:var(--green)}
.crv-design body.profile-brand-page .profile-publications .editorial-heading {border-top:1px solid var(--line);padding-top:30px;gap:24px;margin-bottom:26px}
.crv-design body.profile-brand-page .profile-publications .editorial-heading h2 {font-size:clamp(1.9rem,3vw,2.65rem);max-width:800px;line-height:1.14;color:var(--green)}
.crv-design body.profile-brand-page .profile-publications .editorial-heading p {font-size:.95rem;color:var(--muted)}
.crv-design body.profile-brand-page .profile-publications .editorial-heading .eyebrow {color:var(--gold-ink)}
.crv-design body.profile-brand-page .profile-publications .editorial-all,
.crv-design body.profile-brand-page .profile-publications .editorial-all:visited {font-size:.85rem;line-height:1.5;color:var(--green);border-color:var(--green);background:transparent}
.crv-design body.profile-brand-page .profile-publications .editorial-all:hover,
.crv-design body.profile-brand-page .profile-publications .editorial-all:focus-visible {color:var(--paper);background:var(--green);border-color:var(--green)}
.crv-design body.profile-brand-page .profile-publications .editorial-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 38px}
.crv-design body.profile-brand-page .profile-publications .editorial-card {display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:20px;row-gap:8px;align-items:start;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 24px;box-shadow:none}
.crv-design body.profile-brand-page .profile-publications .editorial-image {grid-column:1;grid-row:1 / span 4;display:block;width:112px;height:112px;aspect-ratio:1;margin:0;overflow:hidden;border:1px solid var(--line)}
.crv-design body.profile-brand-page .profile-publications .editorial-image img {display:block;width:100%;height:100%;object-fit:cover}
.crv-design body.profile-brand-page .profile-publications .editorial-image .painting-crop {width:100%;height:100%}
.crv-design body.profile-brand-page .profile-publications .editorial-image .painting-crop img {position:absolute;max-width:none;width:103.56%;height:139.13%;left:-1.73%;top:-30.435%;object-fit:fill}
.crv-design body.profile-brand-page .profile-publications .editorial-meta {grid-column:2;grid-row:1;font-size:.6rem;gap:4px 10px}
.crv-design body.profile-brand-page .profile-publications .editorial-card h3 {grid-column:2;grid-row:2;font-size:1.3rem;line-height:1.2;margin:0;text-wrap:initial}
.crv-design body.profile-brand-page .profile-publications .editorial-card>p {grid-column:2;grid-row:3;font-size:.86rem;line-height:1.65;margin:2px 0 0}
.crv-design body.profile-brand-page .profile-publications .editorial-read {grid-column:2;grid-row:4;border:0;min-height:44px;padding:8px 0 0;margin:0;font-size:.85rem;line-height:1.5;justify-self:start;gap:20px}
.crv-design body.profile-brand-page .profile-publications .editorial-read span {display:none}
.crv-design body.profile-brand-page .profile-publications .editorial-read::after {content:'';display:block;width:17px;height:17px;background:currentColor;mask: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") center/contain no-repeat}
.crv-design body.profile-brand-page .profile-contact .button {background:var(--paper);color:var(--green);border-color:var(--paper)}
.crv-design body.profile-brand-page .profile-contact .button:visited {color:var(--green)}
.crv-design body.profile-brand-page .profile-contact .button:hover {background:var(--gold-light);color:var(--green);border-color:var(--gold-light)}

@media(max-width:1050px) {
  .crv-design body.profile-brand-page {--profile-gutter:32px}
  .crv-design body.profile-brand-page .profile-header>nav {height:78px;gap:16px}
  .crv-design body.profile-brand-page .profile-brand-slot {min-width:0}
  .crv-design body.profile-brand-page .profile-header .navlinks {display:none}
  .crv-design body.profile-brand-page .profile-header .menu-toggle {display:flex;flex:none}
  .crv-design body.profile-brand-page .profile-practice-grid {gap:22px}
  .crv-design body.profile-brand-page .profile-practice-item {padding-left:22px}
  .crv-design body.profile-brand-page .profile-practice h2 {font-size:1.7rem}
  .crv-design body.profile-brand-page .profile-practice-item h3 {font-size:1.25rem}
  .crv-design body.profile-brand-page .profile-hero-grid {column-gap:32px;min-height:550px;padding-block:44px}
  .crv-design body.profile-brand-page .profile-artwork {top:-44px;bottom:-44px}
  .crv-design body.profile-brand-page .profile-hero-media .portrait {width:200px;max-width:55%;margin-left:-8px}
  .crv-design body.profile-brand-page .profile-hero-actions {gap:8px 18px}
  .crv-design body.profile-brand-page .profile-approach-grid {gap:32px}
}
@media(max-width:850px) {
  .crv-design body.profile-brand-page .profile-hero-grid {grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding-block:30px 38px}
  .crv-design body.profile-brand-page .profile-hero-heading {grid-column:1;grid-row:1}
  .crv-design body.profile-brand-page .profile-hero h1 {font-size:clamp(2.1rem,5.8vw,3rem);max-width:600px;margin-top:14px}
  .crv-design body.profile-brand-page .profile-hero .credentials {font-size:.83rem;margin-top:17px}
  .crv-design body.profile-brand-page .profile-hero-media {grid-column:1;grid-row:2;min-height:0;height:204px;margin-top:24px;padding:12px 0}
  .crv-design body.profile-brand-page .profile-artwork {inset:0 calc(-1*var(--profile-gutter));clip-path:none}
  .crv-design body.profile-brand-page .profile-hero-media .portrait {width:132px;max-width:100%;margin:0;padding:3px}
  .crv-design body.profile-brand-page .profile-location {display:none}
  .crv-design body.profile-brand-page .profile-hero-message {grid-column:1;grid-row:3;padding-top:24px}
  .crv-design body.profile-brand-page .profile-hero-tagline {font-size:1.75rem;max-width:none;text-wrap:initial}
  .crv-design body.profile-brand-page .profile-hero .hero-copy {font-size:1rem;max-width:610px}
  .crv-design body.profile-brand-page .profile-practice-grid {grid-template-columns:minmax(0,1fr);gap:0}
  .crv-design body.profile-brand-page .profile-practice h2 {max-width:none;font-size:1.65rem}
  .crv-design body.profile-brand-page .profile-practice-heading {padding-bottom:14px}
  .crv-design body.profile-brand-page .profile-practice-heading::after {display:none}
  .crv-design body.profile-brand-page .profile-practice-item {position:relative;border:0;border-top:1px solid #dec58e70;padding:20px 0 12px}
  .crv-design body.profile-brand-page .profile-practice-item h3 {font-size:1.3rem;margin-bottom:8px}
  .crv-design body.profile-brand-page .profile-practice-item>p {font-size:.9rem;max-width:600px;margin-bottom:5px}
  .crv-design body.profile-brand-page .profile-practice-item>.profile-text-link {align-self:stretch;border-bottom:0;min-height:44px;margin-top:0;font-size:.88rem}
  .crv-design body.profile-brand-page .profile-civil-options>summary {border:0;font-size:.88rem}
  .crv-design body.profile-brand-page .profile-approach-grid {grid-template-columns:minmax(0,1fr);gap:28px}
  .crv-design body.profile-brand-page .profile-office img {height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 68%}
  .crv-design body.profile-brand-page .profile-approach h2 {max-width:540px;font-size:2.2rem}
  .crv-design body.profile-brand-page .profile-publications .editorial-grid {grid-template-columns:minmax(0,1fr)}
  .crv-design body.profile-brand-page .profile-publications .editorial-heading {padding-top:26px}
}
@media(max-width:650px) {
  .crv-design body.profile-brand-page {--profile-gutter:24px}
  .crv-design body.profile-brand-page .profile-header>nav {height:74px}
  .crv-design body.profile-brand-page .profile-brand-given {font-size:.68rem}
  .crv-design body.profile-brand-page .profile-brand-surname {font-size:1.65rem}
  .crv-design body.profile-brand-page .profile-brand-role {font-size:.46rem;letter-spacing:.12em}
  .crv-design body.profile-brand-page .profile-home-link {font-size:.85rem}
  .crv-design body.profile-brand-page .profile-hero-grid {padding-block:26px 30px}
  .crv-design body.profile-brand-page .profile-hero .eyebrow {font-size:.64rem;letter-spacing:.14em}
  .crv-design body.profile-brand-page .profile-hero h1 {font-size:clamp(1.65rem,6.7vw,2.5rem);letter-spacing:-.045em}
  .crv-design body.profile-brand-page .profile-name-surname {font-size:2.25em;margin-top:2px}
  .crv-design body.profile-brand-page .profile-hero .credentials {gap:12px;font-size:.73rem}
  .crv-design body.profile-brand-page .profile-hero .credentials::before {width:26px}
  .crv-design body.profile-brand-page .profile-hero-media {height:172px;margin-top:22px;padding:10px 0}
  .crv-design body.profile-brand-page .profile-hero-media .portrait {width:120px}
  .crv-design body.profile-brand-page .profile-hero-tagline {font-size:clamp(1.35rem,5.6vw,1.7rem);line-height:1.22;margin-bottom:12px}
  .crv-design body.profile-brand-page .profile-hero .hero-copy {font-size:.94rem;line-height:1.7;margin-bottom:18px}
  .crv-design body.profile-brand-page .profile-hero-actions {flex-direction:column;align-items:stretch;gap:6px}
  .crv-design body.profile-brand-page .profile-hero-actions>.button {width:100%;font-size:.88rem}
  .crv-design body.profile-brand-page .profile-hero-actions>.profile-text-link {align-self:center}
  .crv-design body.profile-brand-page main>.profile-practice {padding-block:24px 18px}
  .crv-design body.profile-brand-page .profile-practice-item {padding-top:18px}
  .crv-design body.profile-brand-page main>.profile-approach {padding-block:30px 40px}
  .crv-design body.profile-brand-page .profile-approach-grid {gap:24px}
  .crv-design body.profile-brand-page .profile-approach h2 {font-size:1.95rem;max-width:360px}
  .crv-design body.profile-brand-page .profile-approach-lead {font-size:.94rem;line-height:1.75}
  .crv-design body.profile-brand-page .profile-disclosure>summary {font-size:.9rem;padding:12px 14px}
  .crv-design body.profile-brand-page .profile-disclosure-copy {padding-inline:14px;font-size:.88rem}
  .crv-design body.profile-brand-page main>.profile-publications {padding-bottom:44px}
  .crv-design body.profile-brand-page .profile-publications .editorial-card {grid-template-columns:82px minmax(0,1fr);column-gap:16px}
  .crv-design body.profile-brand-page .profile-publications .editorial-image {width:82px;height:82px;grid-row:1 / span 2}
  .crv-design body.profile-brand-page .profile-publications .editorial-card h3 {font-size:1.2rem;line-height:1.25}
  .crv-design body.profile-brand-page .profile-publications .editorial-card>p {grid-column:1 / -1;margin-top:5px;font-size:.91rem}
  .crv-design body.profile-brand-page .profile-publications .editorial-read {grid-column:1 / -1;min-height:46px}
  .crv-design body.profile-brand-page .profile-publications .editorial-heading h2 {font-size:1.9rem}
  .crv-design body.profile-brand-page .profile-contact h2 {font-size:2.25rem}
}
@media(prefers-reduced-motion:reduce) {
  .crv-design body.profile-brand-page *, .crv-design body.profile-brand-page *::before {animation:none!important;transition:none!important}
}