/* Pichardo Rudd — white editorial layout, selective continuous ink surfaces. */
:root {
  --ink: #171817;
  --muted: #60635e;
  --quiet: #767a73;
  --line: #dcdfd9;
  --wash: #f4f4f0;
  --accent: #4f584a;
}

/* A dark surface owns its text, rules and interaction contrast. */
.ink-panel {
  --ink: #f7f7f2;
  --muted: #bfc2ba;
  --quiet: #b2b6ad;
  --line: #41453f;
  --accent: #dadfd2;
  background: #171917;
  color: var(--ink);
}
.ink-panel ::selection { background: #e2e5da; color: #171917; }
.ink-panel .text-link { border-color: #7b8075; }
.ink-panel .text-link:hover { color: #fff; border-color: #fff; }
.ink-panel .inline-link:hover { color: #fff; }
.ink-panel .button { background: #f7f7f2; color: #171917; }
.ink-panel :focus-visible { outline-color: #f7f7f2; }

.header { min-height: 108px; }
.nav .nav-contact { color: var(--ink); }
.kicker { letter-spacing: .075em; }
.kicker .tick { display: none; }
.text-link { font-size: 13px; }

/* An open, typographic introduction. No ghost image or decorative panel. */
.opening-scene {
  display: grid;
  grid-template-columns: 1.48fr 1fr;
  align-items: end;
  gap: 72px;
  padding: 63px 0 65px;
}
.opening-title h1 {
  font: 400 clamp(64px, 6.1vw, 86px)/1.055 var(--serif);
  letter-spacing: -.047em;
  margin-top: 23px;
}
.opening-title h1 em { font-weight: 400; }
.opening-copy { max-width: 325px; padding-bottom: 6px; justify-self: end; }
.opening-copy p { font-size: 16px; line-height: 1.85; color: var(--muted); }
.opening-copy .text-link { margin-top: 22px; }

/* A single investment profile, rather than a set of disconnected cards. */
.investment-panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 72px;
  padding: 40px 43px 23px;
}
.investment-heading .kicker, .investment-profile .kicker { color: #c2c6bc; }
.investment-heading h2 {
  font-size: clamp(37px, 3.5vw, 47px);
  letter-spacing: -.032em;
  line-height: 1.1;
  margin-top: 24px;
}
.investment-heading > p { font-size: 13px; color: var(--muted); margin-top: 27px; }
.investment-profile { border-left: 1px solid var(--line); padding-left: 41px; }
.investment-numbers { display: grid; grid-template-columns: 1fr; gap: 19px; margin-top: 23px; }
.investment-numbers > div { display: grid; grid-template-columns: 115px 1fr; align-items: baseline; gap: 15px; }
.investment-numbers dt { font-size: 12px; color: var(--muted); }
.investment-numbers dd { font: 400 33px/1.2 var(--serif); letter-spacing: -.03em; white-space: nowrap; }
.investment-description { color: var(--muted); font-size: 13px; line-height: 1.8; margin-top: 25px; max-width: 340px; }
.investment-base {
  grid-column: 1 / -1;
  border-top: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-top: 32px;
  padding-top: 14px;
}
.investment-base p { color: var(--muted); font-size: 12px; }
.investment-base .text-link { border: 0; padding: 7px 0; }
.panel-disclosure { color: var(--muted); font-size: 11px; margin-top: 13px; }

/* The final decision point returns to open white space. */
.owner-bridge {
  display: grid;
  grid-template-columns: .72fr 1.75fr .76fr;
  gap: 44px;
  align-items: start;
  padding: 71px 0 73px;
}
.owner-bridge > .kicker { padding-top: 8px; }
.owner-bridge h2 { font-size: 34px; line-height: 1.22; letter-spacing: -.024em; }
.owner-bridge p { font-size: 14px; line-height: 1.85; color: var(--muted); margin-top: 19px; max-width: 425px; }
.bridge-link { display: flex; gap: 22px; font-size: 12px; line-height: 1.8; align-items: center; padding: 6px 0 16px; margin-top: 4px; border-bottom: 1px solid #959b8f; }
.bridge-link .arrow { font-size: 24px; }
.bridge-link:hover .arrow { transform: translate(3px, -3px); }
.bridge-link:hover { border-color: #171917; }

/* Related pages share the palette, but not the same stack of boxes. */
.page-opening { padding-top: 53px; padding-bottom: 49px; }
.page-opening h1 { max-width: 930px; }
.next-band { background: transparent; padding: 0; margin: 0; }
.next-inner { border-top: 1px solid var(--line); padding-block: 41px 47px; }
.next-inner h2 { max-width: 620px; }
.next-inner .text-link { margin-top: 15px; }
.footer { border-top: 1px solid var(--line); padding-top: 28px; }
.ownership-panel, .operations-panel, .profile-contact {
  padding: 42px;
  border-top: 0;
  margin: 16px 0 29px;
  grid-template-columns: .82fr 1.75fr;
  gap: 62px;
}
.ownership-panel .section-label, .operations-panel .section-label, .profile-contact .section-label {
  font-size: 31px;
  line-height: 1.23;
}
.ownership-panel .principle {
  grid-template-columns: 24px 145px 1fr;
  gap: 20px;
  padding: 25px 0;
}
.ownership-panel .principle:first-child { padding-top: 0; }
.ownership-panel .principle:last-child { padding-bottom: 0; border: 0; }
.principle-index { padding-top: 5px; font: 11px/1.6 var(--sans); color: var(--muted); }
.ownership-panel .principle h3 { font-size: 22px; }
.ownership-panel .principle p { font-size: 14px; line-height: 1.85; }
.principals-links { gap: 38px; }
.principal-link { background: transparent; }
.operations-panel { padding-block: 44px; }
.operations-panel .detail-list { column-gap: 39px; row-gap: 35px; }
.operations-panel .detail-list h3 { font-size: 24px; }
.operations-panel .note { font-size: 11px; }

/* Acquisition facts: two financial measures on one dark strip; all detail open. */
.acquisition-sheet { display: block; }
.acquisition-sheet > .section-label { margin-bottom: 26px; }
.metrics-band { display: grid; grid-template-columns: 1fr 1fr; padding: 31px 38px 33px; margin-bottom: 31px; }
.metrics-band > div { padding-right: 42px; }
.metrics-band > div + div { padding-left: 42px; padding-right: 0; border-left: 1px solid var(--line); }
.metrics-band dt { font-size: 12px; color: var(--muted); margin-bottom: 13px; }
.metrics-band dd { font: 400 43px/1.15 var(--serif); letter-spacing: -.035em; }
.metrics-band dd small { display: block; max-width: 355px; font: 12px/1.75 var(--sans); color: var(--muted); letter-spacing: 0; margin-top: 17px; }
.acquisition-sheet .focus-ledger > div { grid-template-columns: 235px 1fr; padding: 17px 0; }
.acquisition-sheet .focus-ledger dt { padding-top: 4px; }
.acquisition-sheet .focus-ledger dd { font-size: 24px; }
.acquisition-sheet .focus-ledger .plain-dd { font: 16px/1.6 var(--sans); }
.acquisition-sheet .focus-ledger dd small { display: inline; font-size: 12px; margin-left: 16px; }
.acquisition-sheet .note { margin-top: 24px; }

/* One statement to orient an owner; the process itself stays readable and white. */
.owner-intro { grid-template-columns: 1fr 1.45fr; gap: 65px; align-items: start; }
.owner-statement { padding: 33px 33px 39px; }
.owner-statement .kicker { color: #c2c6bc; }
.owner-statement-title { font-size: 33px; line-height: 1.23; letter-spacing: -.025em; margin-top: 29px; }
.owner-intro .prose { padding-top: 2px; }
.owner-intro .prose p { font-size: 15px; }

/* Contact information is not boxed. The preparation note is its own surface. */
.contact-editorial { display: block; }
.contact-editorial > .section-label { margin-bottom: 34px; }
.contact-layout { grid-template-columns: 1.2fr 1fr; gap: 90px; align-items: start; }
.contact-side { border: 0; padding: 33px 34px 36px; }
.contact-side h3 { font-size: 31px; margin-bottom: 23px; }
.contact-side .kicker { margin-bottom: 23px; }
.contact-side p { font-size: 14px; }
.contact-card { padding-block: 28px; }
.contact-card h3 { font-size: 34px; }
.contact-card .phone { font-size: 17px; }
.contact-card:last-child { padding-bottom: 0; }
.profile-contact .note { max-width: 550px; }
.people-close { padding-bottom: 29px; }
.people-close .next-inner { padding: 39px 42px 44px; border: 0; }
.people-close .kicker { color: #c2c6bc; }
.legal-block p { max-width: 660px; }

@media (min-width: 1600px) {
  .opening-scene { padding-top: 78px; padding-bottom: 76px; }
}
@media (max-width: 1100px) {
  .opening-scene { gap: 45px; }
  .opening-title h1 { font-size: 74px; }
  .opening-copy { max-width: 295px; }
  .investment-panel { column-gap: 40px; padding-inline: 33px; }
  .investment-profile { padding-left: 30px; }
  .investment-numbers > div { grid-template-columns: 1fr; gap: 7px; }
  .investment-numbers { gap: 15px; }
  .investment-description { margin-top: 18px; }
  .investment-heading h2 { margin-top: 30px; font-size: 43px; }
  .investment-heading > p { margin-top: 43px; }
  .owner-bridge { grid-template-columns: .6fr 1.5fr .78fr; gap: 30px; }
  .owner-bridge h2 { font-size: 31px; }
  .ownership-panel, .operations-panel, .profile-contact { padding: 33px; gap: 35px; }
  .ownership-panel .principle { grid-template-columns: 21px 1fr; gap: 10px 18px; }
  .ownership-panel .principle p { grid-column: 2; }
  .metrics-band dd { font-size: 38px; }
  .contact-layout { gap: 55px; }
}
@media (max-width: 900px) {
  .header { min-height: 99px; }
  .opening-scene { grid-template-columns: 1.25fr 1fr; gap: 35px; padding: 48px 0 52px; }
  .opening-title h1 { font-size: 67px; }
  .opening-copy p { font-size: 14px; }
  .opening-copy { padding-bottom: 3px; }
  .opening-copy .text-link { margin-top: 15px; }
  .opening-title > .kicker { font-size: 10px; }
  .investment-panel { column-gap: 30px; padding-inline: 29px; padding-top: 30px; }
  .investment-profile { padding-left: 25px; }
  .investment-heading h2 { font-size: 39px; }
  .investment-numbers dd { font-size: 31px; }
  .owner-bridge { grid-template-columns: .7fr 1.8fr; gap: 22px 32px; padding: 52px 0; }
  .owner-bridge .bridge-link { grid-column: 2; width: fit-content; }
  .metrics-band { padding-inline: 29px; }
  .metrics-band > div { padding-right: 28px; }
  .metrics-band > div + div { padding-left: 28px; }
  .acquisition-sheet .focus-ledger > div { grid-template-columns: 160px 1fr; }
  .acquisition-sheet .focus-ledger dd small { display: block; margin: 8px 0 0; }
  .owner-intro { gap: 33px; }
  .owner-statement { padding: 29px; }
  .owner-statement-title { font-size: 29px; }
  .contact-layout { grid-template-columns: 1.1fr 1fr; gap: 32px; }
  .contact-side { padding: 28px; }
  .contact-side h3 { font-size: 28px; }
}
@media (max-width: 700px) {
  .opening-scene { display: block; padding: 39px 0 40px; }
  .opening-title h1 { font-size: 67px; }
  .opening-copy { max-width: 470px; margin-top: 23px; }
  .opening-copy p { font-size: 16px; }
  .opening-copy .text-link { margin-top: 17px; }
  .investment-panel { grid-template-columns: 1fr; padding: 30px 28px 20px; }
  .investment-heading h2 { margin-top: 18px; font-size: 42px; }
  .investment-heading > p { margin-top: 18px; }
  .investment-profile { border-left: 0; border-top: 1px solid var(--line); margin-top: 27px; padding: 22px 0 0; }
  .investment-profile > .kicker { display: none; }
  .investment-numbers { grid-template-columns: 1fr 1fr; column-gap: 22px; margin-top: 0; }
  .investment-numbers > div + div { border-left: 1px solid var(--line); padding-left: 22px; }
  .investment-numbers dd { font-size: 30px; }
  .investment-description { max-width: 390px; margin-top: 21px; }
  .investment-base { align-items: start; gap: 11px; flex-direction: column; margin-top: 24px; padding-top: 18px; }
  .investment-base .text-link { width: 100%; }
  .owner-bridge { grid-template-columns: 1fr; gap: 20px; }
  .owner-bridge .bridge-link { grid-column: auto; margin-top: 2px; }
  .owner-bridge > .kicker { padding: 0; }
  .owner-bridge h2 { font-size: 32px; }
  .page-opening { padding-top: 37px; padding-bottom: 38px; }
  .ownership-panel, .operations-panel, .profile-contact { grid-template-columns: 1fr; padding: 29px; gap: 28px; margin: 10px 0 22px; }
  .ownership-panel .section-label, .operations-panel .section-label, .profile-contact .section-label { font-size: 28px; }
  .ownership-panel .principle { grid-template-columns: 25px 1fr; }
  .operations-panel .detail-list { gap: 29px; }
  .metrics-band { padding: 26px 26px 28px; }
  .metrics-band > div { padding-right: 22px; }
  .metrics-band > div + div { padding-left: 22px; }
  .metrics-band dd { font-size: 33px; }
  .metrics-band dd small { font-size: 11px; }
  .acquisition-sheet .focus-ledger > div { grid-template-columns: 120px 1fr; gap: 22px; }
  .owner-intro { grid-template-columns: 1fr; gap: 28px; }
  .owner-statement { padding: 27px 29px 31px; }
  .owner-statement-title { max-width: 330px; font-size: 32px; margin-top: 21px; }
  .contact-layout { grid-template-columns: 1fr 1fr; gap: 25px; }
  .contact-side { padding: 24px; }
  .contact-side h3 { font-size: 27px; }
  .contact-card h3 { font-size: 29px; }
  .people-close .next-inner { padding: 28px; gap: 24px; }
  .next-inner { padding-block: 32px 37px; }
}
@media (max-width: 480px) {
  .header { min-height: 93px; }
  .opening-title h1 { font-size: clamp(45px, 12.7vw, 58px); margin-top: 22px; }
  .opening-scene { padding-top: 33px; padding-bottom: 36px; }
  .opening-title > .kicker { font-size: 9px; letter-spacing: .06em; }
  .opening-copy { margin-top: 21px; }
  .opening-copy p { font-size: 15px; line-height: 1.85; }
  .investment-panel { padding: 27px 24px 18px; }
  .investment-heading h2 { font-size: 38px; }
  .investment-heading .kicker { font-size: 10px; }
  .investment-heading > p { font-size: 12px; }
  .investment-numbers { column-gap: 16px; }
  .investment-numbers > div + div { padding-left: 16px; }
  .investment-numbers dd { font-size: 25px; }
  .investment-numbers dt { font-size: 11px; }
  .investment-description { font-size: 12px; }
  .investment-base p { font-size: 11px; }
  .panel-disclosure { font-size: 10px; line-height: 1.7; }
  .owner-bridge { padding: 44px 0 47px; }
  .owner-bridge h2 { font-size: 31px; }
  .owner-bridge p { margin-top: 16px; }
  .metrics-band { grid-template-columns: 1fr; gap: 26px; padding: 26px; }
  .metrics-band > div { padding: 0; }
  .metrics-band > div + div { padding: 23px 0 0; border-top: 1px solid var(--line); border-left: 0; }
  .metrics-band dd { font-size: 37px; }
  .metrics-band dd small { font-size: 12px; max-width: 290px; margin-top: 12px; }
  .acquisition-sheet .focus-ledger > div { grid-template-columns: 95px 1fr; gap: 17px; }
  .acquisition-sheet .focus-ledger .plain-dd { font-size: 14px; }
  .contact-layout { grid-template-columns: 1fr; gap: 34px; }
  .contact-side { padding: 29px; }
  .contact-side h3 { font-size: 30px; }
  .contact-card h3 { font-size: 31px; }
  .ownership-panel, .operations-panel, .profile-contact { padding: 26px 24px; }
  .owner-statement { padding-inline: 25px; }
  .view--information .page-opening h1 { font-size: 37px; }
}
@media (max-width: 360px) {
  .investment-panel { padding-inline: 20px; }
  .investment-numbers dd { font-size: 22px; }
  .investment-numbers dt { font-size: 10px; }
  .investment-numbers { gap: 13px; }
  .investment-numbers > div + div { padding-left: 13px; }
  .opening-title h1 { font-size: 43px; }
}
@media (prefers-reduced-motion: reduce) {
  .arrow, .bridge-link, .nav a::after { transition: none; }
}
@media print {
  .ink-panel { --ink:#111; --muted:#444; --line:#bbb; --accent:#111; background:#fff!important; color:#111; border:1px solid #ccc; }
  .investment-heading .kicker, .investment-profile .kicker, .owner-statement .kicker, .people-close .kicker { color:#444; }
  .opening-scene { padding:30px 0; }
  .opening-title h1 { font-size:54px; }
  .investment-panel, .metrics-band, .ownership-panel, .operations-panel, .owner-statement, .contact-side { break-inside:avoid; }
  .owner-bridge { padding:25px 0; }
}