/* Pavoneo 360 · Acabado visual inspirado en la referencia Artist Lab.
   Capa exclusivamente visual. Cargar después de los estilos originales.
   No modifica rutas, contenido, estados de proyecto ni comportamiento. */

:root {
  --ref-ink: #0c3065;
  --ref-blue: #105bbe;
  --ref-muted: #527697;
  --ref-line: #dcebf9;
  --ref-lemon: #f6f8ce;
  --ref-shadow: 0 8px 28px rgba(42, 107, 172, .065), 0 1px 3px rgba(42, 107, 172, .025);
  --ref-font: Manrope, "Segoe UI", Arial, sans-serif;
}

html body {
  background: #f8fcff !important;
  background-image: radial-gradient(ellipse at 85% 0, #eaf6ff 0, transparent 48%) !important;
  color: var(--ref-ink) !important;
  font-family: var(--ref-font) !important;
  -webkit-font-smoothing: antialiased;
  --blue: #105bbe; --deep: #0c3065; --ink: #0c3065;
  --paper: #f8fcff; --yellow: #f6f8ce; --muted: #527697; --line: #dcebf9;
  --b: #105bbe; --d: #0c3065; --y: #f6f8ce; --p: #f8fcff; --l: #dcebf9; --m: #527697;
  --pav-ink: #0c3065; --pav-blue: #105bbe; --pav-acid: #f6f8ce;
  --pav-line: #dcebf9; --pav-paper: #f8fcff; --pav-sans: var(--ref-font);
}
html h1, html h2, html h3 { text-wrap: balance; }
html p { text-wrap: pretty; }
html :is(a,button,input,select,textarea):focus-visible {
  outline: 3px solid #2986de !important;
  outline-offset: 4px;
}
html :is(button,a) { -webkit-tap-highlight-color: transparent; }

/* La misma firma azul en las tres navegaciones existentes. */
html .shell .sidebar,
html .pv-public .pv-header,
html .artist-sidebar,
html .artist-sidebar [data-slot="sidebar-inner"] {
  background: radial-gradient(ellipse at 0 0, #2475d4 0, transparent 63%),
    linear-gradient(160deg, #185db8 15%, #124481 100%) !important;
  box-shadow: 10px 0 36px rgba(28, 87, 145, .075) !important;
  border: 0 !important;
  border-radius: 0 0 24px 0 !important;
}
html .shell .sidebar { padding-top: 30px; }
html .shell .sidebar > small { color: #c9e1ff; margin-block: 28px 32px; }
html .shell .nav a, html .shell .nav button,
html .pv-header nav > a, html .nav-link[data-slot] {
  border-radius: 12px !important;
  transition: background .18s ease, box-shadow .18s ease !important;
}
html .shell .nav .active,
html .pv-header nav > a[aria-current="page"],
html .nav-link[data-slot][data-active="true"] {
  background: linear-gradient(105deg, #fff 0%, #f6f8d1 100%) !important;
  color: #1052a0 !important;
  box-shadow: 0 3px 16px #062d6330, inset 0 0 0 1px #ffffffb8 !important;
}
html .shell .nav a:hover, html .shell .nav button:hover,
html .pv-header nav > a:hover { background-color: #ffffff15; }
html .shell .nav i { width: 23px; text-align: center; color: #c2e1ff; }
html .shell .nav .active i { color: #105bbe; }
html .identity strong, html .identity strong span { font-family: var(--ref-font) !important; }
html .identity { padding-bottom: 14px; }
html .nav-link[data-slot] { min-height: 44px; height: auto; }
html .nav-link[data-slot] > span { white-space: normal; line-height: 1.4; }

/* Controles: consistentes, cómodos y con relieve discreto. */
html .btn, html .notice a,
html .pv-public .pv-button,
html .solid, html .yellow,
html .pav-history-link, html .pav-ready-panel > a,
html .pav-project-intake .pav-open-intake,
html .pav-community-foot a {
  border-radius: 999px !important;
  font-family: var(--ref-font) !important;
  font-weight: 700;
  line-height: 1.45;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}
html .btn-blue, html .solid,
html .pv-public .pv-button-blue,
html .pav-project-intake .pav-open-intake {
  background: linear-gradient(120deg, #1466cb, #0d51ac) !important;
  color: #fff !important;
  box-shadow: 0 4px 10px #0d51ac12, inset 0 1px 0 #ffffff20 !important;
}
html .btn-yellow, html .yellow {
  background: linear-gradient(105deg, #fffde9, #f4f7bf) !important;
  color: #0d4e82 !important;
  box-shadow: 0 3px 12px #0b3b7310;
}
html .btn-ghost { background: #ffffff78; border-color: #d4e6f6; }
html :is(.btn,.pv-button,.solid,.yellow,.pav-history-link):hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 7px 20px #1458a522 !important;
}
html :is(.btn,.pv-button,.solid,.yellow):disabled { transform: none; }

/* Presentación principal: mismos bloques, nueva luz y jerarquía. */
html .shell .topline { height: 70px; color: #6d91b2; }
html .shell .topline a { background: #fff; border-color: #e0edf7; color: #377861; }
html .shell .wrap { width: min(1380px, calc(100% - 56px)); }
html .shell .card { border: 1px solid var(--ref-line); border-radius: 22px; box-shadow: var(--ref-shadow); }
html .shell .hero {
  grid-template-columns: 1.1fr .9fr;
  min-height: 555px;
  background: radial-gradient(ellipse at 65% 0, #fff 0%, transparent 64%), linear-gradient(120deg, #eef8ff, #e9f5ff);
  overflow: hidden;
}
html .shell .hero-copy { padding: clamp(30px, 3.8vw, 58px); }
html .shell .hero h1 {
  font-family: var(--ref-font);
  font-size: clamp(42px, 4.55vw, 72px);
  font-weight: 800;
  letter-spacing: -.05em;
  line-height: 1.09;
  margin: 24px 0;
}
html .shell h1 em, html .shell h2 em {
  font-family: inherit; font-style: normal; font-weight: inherit; color: #1c70b4;
}
html .shell .hero-copy > p { color: #49769f; font-size: 14px; line-height: 1.85; }
html .shell .hero-art { min-height: 555px; background: #153d60; }
html .shell .hero-art img { opacity: 1; filter: saturate(.92); object-position: 55% center; }
html .shell .hero-art::before { font-family: var(--ref-font); color: #f6f8ce40; font-size: 80px; top: 25px; }
html .shell .hero-art::after { background: linear-gradient(0deg, #092c53ed 0%, #092c5310 72%); }
html .shell .hero-badge { left: 28px; right: 25px; bottom: 32px; }
html .shell .hero-badge strong { font-size: clamp(22px, 2vw, 30px); line-height: 1.3; font-weight: 650; letter-spacing: -.025em; }
html .shell .hero-stats { padding-top: 23px; margin-top: 28px; border-color: #cfe2f2; }
html .shell .hero-stats strong { color: #0e4c91; font-size: 25px; }
html .shell .hero-stats span { color: #6488a8; font-size: 8px; }
html .shell .section { padding-block: 76px; }
html .shell .section-head { gap: 35px; align-items: end; }
html .shell .section-head h2 { font-size: clamp(31px, 3vw, 46px); line-height: 1.17; letter-spacing: -.04em; }
html .shell .section-head p { color: var(--ref-muted); line-height: 1.8; }
html .kicker { color: #377dba; }
html .kicker::before { background: #74afe2; width: 21px; border-radius: 4px; }
html .shell .promise { gap: 0; overflow: hidden; }
html .shell .promise-lead, html .shell .sales-card, html .shell .pack.full {
  background: radial-gradient(ellipse at 100% 0, #2784da 0%, transparent 66%), linear-gradient(135deg, #105bbe, #124781);
}
html .shell .promise-lead { padding: 38px; }
html .shell .promise-lead h2 { font-size: clamp(31px, 2.8vw, 43px); line-height: 1.18; }
html .shell .promise-lead h2 em, html .shell .sales-copy h2 em { color: #f6f8ce; }
html .shell .promise-grid { background: #f8fcff; padding: 13px; gap: 12px; }
html .shell .deliverable {
  border: 1px solid #e1edf8; border-radius: 16px; padding: 24px;
  background: linear-gradient(140deg, #fff, #f1f9ff) !important;
}
html .shell .deliverable:nth-child(-n+2), html .shell .deliverable:nth-child(odd) { border-color: #e1edf8; }
html .shell .deliverable b {
  width: 35px; height: 35px; display: grid; place-items: center;
  background: #edf5ff; border: 4px solid #f6faff; border-radius: 50%;
  color: #165caf; font: 700 11px var(--ref-font);
}
html .shell .deliverable h3 { font-size: 21px; margin-top: 17px; }
html .shell .proof { background: linear-gradient(120deg, #ecf6ff, #f6fbff); border-block: 1px solid #e4eff9; color: var(--ref-ink); }
html .shell .proof .kicker { color: #3c7cb2; }
html .shell .proof h2 { color: var(--ref-ink); }
html .shell .proof h2 em { color: #1c70b4; }
html .shell .proof .section-head p { color: var(--ref-muted); }
html .shell .mario-feature { background: radial-gradient(ellipse at top right, #e96965, transparent 70%), linear-gradient(135deg, #933a48, #c33e4c); border: 0; }
html .shell .mario-copy h3 { color: #fff; }
html .shell .mario-copy .kicker { color: #fff3d8; }
html .shell .proof-metric { background: linear-gradient(130deg, #ffffe8, #f4f8de); padding: 32px; }
html .shell .proof-metric strong { font: 700 48px var(--ref-font); color: #12528f; }
html .shell .pack { padding: 34px; background: linear-gradient(135deg, #fff, #f3faff); }
html .shell .pack h3 { font-size: 29px; line-height: 1.25; letter-spacing: -.035em; }
html .shell .pack.full { border-color: #176bc3; box-shadow: 0 15px 30px #155fbd1a; }
html .shell .pack-label { line-height: 1.7; }
html .shell .checks li { border-bottom: 1px solid #daeafa8c; padding-bottom: 10px; }
html .shell .pack.full .checks li { border-color: #ffffff20; }
html .shell .checks { gap: 12px; }
html .shell .process { background: #edf7ff; border-block: 1px solid #e0eefb; }
html .shell .process-grid { border: 0; gap: 16px; }
html .shell .step, html .shell .step + .step {
  border: 1px solid var(--ref-line); background: linear-gradient(145deg, #fff, #f6fbff);
  border-radius: 20px; padding: 28px; box-shadow: var(--ref-shadow);
}
html .shell .step-number {
  display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%;
  background: #f7f8d2; color: #1e689b; font: 700 17px var(--ref-font);
}
html .shell .step h3 { font-size: 24px; }
html .shell .artists { background: linear-gradient(140deg, #eef8ff, #fafff5); border-color: #e0edf7; }
html .shell .artist { border-radius: 15px; box-shadow: 0 5px 16px #0b305b12; }
html .shell .video-card { background: #fff; padding: 10px; }
html .shell .video-frame { border-radius: 14px; }
html .shell .sales-access { background: linear-gradient(140deg, #ffffe8, #f2f6de); }
html .shell .sales-copy { padding: 42px; }
html .shell .sales-copy .btn-ghost { background: #ffffff0a; }
html .shell .footer { background: #103f78; }
html .login { border-radius: 23px; box-shadow: 0 28px 90px #052a5960; }
html .login input { border-color: #d4e5f4; background: #f5faff; border-radius: 12px; }

/* Comparativa de packs. */
html body > header.top .brand img { background: #1459b0; border-radius: 14px; }
html body > main .hero { background: radial-gradient(ellipse at 100% 0, #2b8cdc, transparent 65%), linear-gradient(130deg, #145cba, #0d3e7e); border-radius: 25px; }
html body > main .hero h1 { font-family: var(--ref-font); font-size: clamp(39px, 5vw, 67px); font-weight: 750; line-height: 1.13; }
html body > main .hero h1 em { font-family: inherit; font-style: normal; }
html body > main .notice { border: 1px solid #eaf0d7; border-radius: 18px; background: linear-gradient(120deg, #fcfde5, #f6faef); }
html body > main .pack { border-color: var(--ref-line); border-radius: 23px; background: linear-gradient(130deg, #fff, #f2f9ff); box-shadow: var(--ref-shadow); }
html body > main .pack.full { background: linear-gradient(135deg, #1868c4, #104980); border-color: #176bc3; }
html body > main .table-wrap { border: 1px solid var(--ref-line); border-radius: 20px; box-shadow: var(--ref-shadow); }
html body > main table th { background: #edf6ff; }
html body > main table th:nth-child(3) { background: #e0efff; }
html body > main table td:nth-child(3) { background: #f6fbea; }
html body > main .difference { background: #eef7ff; border-left-color: #66a5df; border-radius: 16px; }
html body > main .cta { background: linear-gradient(120deg, #115bbb, #164c89); border-radius: 24px; }

/* Portada React conservada dentro de INICIO y PORTADA EDITORIAL. */
html .pv-public { background: #f8fcff !important; font-family: var(--ref-font) !important; --pv-blue: #105bbe; --pv-ink: #0c3065; }
html .pv-public h1, html .pv-public h2, html .pv-public h3,
html .pv-public h1 em, html .pv-public h2 em {
  font-family: var(--ref-font) !important; font-style: normal !important; letter-spacing: -.04em !important;
}
html .pv-public h1 { font-weight: 750 !important; line-height: 1.13 !important; }
html .pv-public h1 em, html .pv-public h2 em { color: #1b6eab !important; }
html .pv-public .pv-hero {
  background: radial-gradient(ellipse at 60% 0, #fff 0%, transparent 67%), linear-gradient(115deg, #eef8ff, #e8f5ff) !important;
  border: 1px solid #dfeefa !important; border-radius: 24px !important; box-shadow: var(--ref-shadow) !important;
}
html .pv-public .pv-hero-art figure { border-radius: 18px !important; box-shadow: 0 10px 22px #143f6920; }
html .pv-public .pv-orbit { background: #f7facf !important; color: #11528f; box-shadow: 0 5px 20px #0b305b15; }
html .pv-public .pv-hero-copy > p { color: #517697 !important; line-height: 1.85; }
html .pv-public .pv-ticker { background: linear-gradient(110deg, #fff, #f5faff) !important; border-color: #dcebf9 !important; border-radius: 16px !important; box-shadow: var(--ref-shadow); }
html .pv-public :is(.pv-intro,.pv-method,.pv-artists,.pv-portal,.pv-faq,.pv-access) { border-color: #dcebf9 !important; border-radius: 21px !important; box-shadow: var(--ref-shadow) !important; }
html .pv-public .pv-method-grid article { background: linear-gradient(145deg, #fff, #f1f8ff) !important; border: 1px solid #dfecf8 !important; border-radius: 18px !important; }
html .pv-public .pv-method-top > span { font-family: var(--ref-font) !important; color: #216ea7 !important; }
html .pv-public :is(.pv-artist,.pv-demo,.pv-access-grid article) { border-radius: 18px !important; border-color: #dcebf9 !important; }
html .pv-public .pv-demo { box-shadow: 0 10px 30px #155fbd0c !important; }
html .pv-public .pv-sessions { background: linear-gradient(130deg, #10478a, #1267bf) !important; border-radius: 21px !important; }
html .pv-public .pv-sessions h2, html .pv-public .pv-sessions h2 em { color: #fff !important; }
html .pv-public .pv-video { border-radius: 14px !important; }
html .pv-public .pv-access-new { background: linear-gradient(130deg, #1262be, #124783) !important; }
html .pv-public .pv-access-existing { background: linear-gradient(130deg, #fcfde7, #f1f8ef) !important; }

/* Espace de artista: se mantienen orden, columnas y estados originales. */
html .artist-main { background: transparent !important; }
html .page-top { color: #7494b3 !important; letter-spacing: .12em; }
html .connection { background: #fff !important; border-color: #dceee4 !important; box-shadow: 0 2px 10px #287bbb06; }
html :is(.artist-main .card,.pav-people,.pav-community) {
  border: 1px solid var(--ref-line) !important;
  border-radius: 20px !important;
  box-shadow: var(--ref-shadow) !important;
}
html .welcome {
  height: auto !important;
  min-height: 230px !important;
  background: radial-gradient(ellipse at 35% 0, #fff 0%, transparent 65%), linear-gradient(120deg, #eef8ff, #e4f3ff) !important;
  border: 1px solid #e0effc !important;
  border-radius: 22px !important;
  box-shadow: var(--ref-shadow) !important;
}
html .welcome h1, html .welcome h1 em { font-family: var(--ref-font) !important; font-weight: 750 !important; line-height: 1.16 !important; letter-spacing: -.035em !important; }
html .welcome-copy > p:last-child { color: #49759f !important; line-height: 1.75 !important; }
html body.pav-mario .welcome .hero-photo {
  top: auto !important; bottom: 0 !important; right: 1% !important;
  height: calc(100% - 12px) !important; width: 44% !important;
  object-fit: contain !important; object-position: center bottom !important;
  clip-path: none !important;
}
html .pav-people-intro { grid-template-columns: 1.2fr 1fr !important; }
html .pav-people-copy { padding: 30px !important; }
html .pav-people h2, html .pav-community h2, html .pav-people h2 em, html .pav-community h2 em {
  font-family: var(--ref-font) !important; font-weight: 700 !important; line-height: 1.17 !important;
}
html .pav-people h2 { font-size: clamp(26px, 2.35vw, 38px) !important; }
html .pav-community h2 { font-size: clamp(27px, 2.65vw, 41px) !important; }
html .pav-people-copy > p, html .pav-community-copy p { color: #557797 !important; font-size: 13px !important; line-height: 1.8 !important; }
html .pav-brand-panel { min-height: 310px; padding: 30px; background: radial-gradient(ellipse at 100% 100%, #4a98e4, transparent 80%), linear-gradient(140deg, #155fba, #10467f); }
html .pav-brand-panel::before { opacity: .45; border-width: 30px; }
html .pav-brand-panel-mark { width: 78px; height: 78px; margin-bottom: 19px; transform: none; background: #ffffff12; box-shadow: inset 0 1px 0 #ffffff20; }
html .pav-brand-panel-mark img { transform: none; }
html .pav-brand-panel > strong { font-size: clamp(31px, 3vw, 46px); line-height: 1.04; }
html .pav-brand-sign { border-radius: 13px; background: #f7f9d9; }
html .pav-project-intake, html .pav-intake-guide,
html .pav-completed-creative, html .pav-final-stretch {
  border-color: #dcebf9 !important; border-radius: 16px !important; box-shadow: none;
}
html .pav-intake-guide, html .pav-final-stretch { background: linear-gradient(140deg, #fdfde1, #f1f7df) !important; }
html .pav-project-intake h3, html .pav-intake-guide h3,
html .pav-completed-creative h3, html .pav-final-stretch h3 { line-height: 1.22; font-size: 23px; }
html .journey-strip {
  border: 1px solid #dcebf9 !important; border-radius: 17px !important;
  background: linear-gradient(105deg, #fff, #f0f8ff) !important;
  box-shadow: var(--ref-shadow) !important;
}
html .journey-strip > button:not(.solid) { border-radius: 999px !important; }
html .focus-card, html .production, html .document-card, html .process-map { background: linear-gradient(130deg, #fff, #f1f8ff) !important; }
html .focus-card h2 { font-family: var(--ref-font) !important; line-height: 1.22 !important; }
html .focus-card p { color: #527697 !important; line-height: 1.75 !important; }
html .card-heading h3 { color: #144b84 !important; font-family: var(--ref-font) !important; letter-spacing: .005em !important; text-transform: none !important; }
html .card-heading > svg { color: #1968b6 !important; background: #fff; padding: 4px; width: 28px; height: 28px; border-radius: 50%; }
html .project-summary { background: linear-gradient(135deg, #fdfde5 0%, #f7fae9 65%, #eef6f3 100%) !important; }
html .project-summary p { color: #527b9a !important; }
html .summary-points > div > span { background: #fff9; color: #326c9e; }
html .project-tags span { border-color: #e0edf5; background: #f8fcff; border-radius: 999px; }
html .session-photo, html .media-art { border-radius: 13px !important; }
html .next-steps { background: linear-gradient(135deg, #edf7ff, #eaf4ff) !important; padding: 18px 12px 12px !important; }
html .next-steps .upcoming-list { background: #ffffffb8 !important; border-radius: 16px !important; padding-inline: 14px !important; }
html .next-steps .upcoming { padding-block: 16px !important; min-height: 73px; }
html .upcoming strong { color: #124784; line-height: 1.45; }
html .upcoming span { color: #668bb0; }
html body.pav-mario .next-steps .upcoming.pav-complete i {
  background: #348b78 !important; border-color: #348b78 !important;
  outline-color: #d8ece5 !important; box-shadow: 0 0 0 4px #eff8f3 !important;
}
html .next-steps .solid { min-height: 42px; }
html .landing-card, html .landing-card.is-project-ready {
  border: 0 !important; border-radius: 20px !important;
  background: radial-gradient(ellipse at 100% 100%, #82cbff, transparent 75%), linear-gradient(135deg, #0752b8, #187cd3) !important;
  box-shadow: 0 10px 30px #165fac17 !important;
}
html .landing-card h2 { font-family: var(--ref-font) !important; line-height: 1.2 !important; }
html .landing-cover, html .pav-landing-preview { border-radius: 14px !important; }
html .pav-resource { border-radius: 14px; border-color: #dcebf9; padding: 16px; }
html .pav-resource > strong { line-height: 1.4; }
html .pav-completed-count { border-radius: 16px; box-shadow: 0 5px 20px #175ba516; background: linear-gradient(130deg, #1d68bf, #164b82); }
html .pav-artist { border-radius: 13px !important; box-shadow: 0 4px 15px #164b8210 !important; }
html .pav-intake-dialog { border-radius: 23px !important; border: 1px solid #dcebf9; }
html .pav-intake-form :is(input,textarea,select) { border-radius: 11px; border-color: #d4e5f4; background: #f8fcff; }

/* Adaptación a pantallas medianas y móviles sin alterar la navegación. */
@media (min-width: 1101px) and (max-width: 1400px) {
  html .shell .hero { grid-template-columns: 1.1fr .9fr; }
  html .shell .hero h1 { font-size: 48px; }
  html .shell .hero-copy { padding: 34px; }
  html .shell .hero .actions { align-items: flex-start; }
  html .shell .hero-art { min-height: 550px; }
  html .pav-people-intro { grid-template-columns: 1fr 1fr !important; }
  html .pav-people-copy, html .pav-brand-panel { padding: 24px !important; }
}
@media (min-width: 768px) and (max-width: 1100px) {
  html .shell .hero { grid-template-columns: 1fr; }
  html .shell .hero h1 { max-width: 660px; font-size: 58px; }
  html .shell .hero-art { min-height: 350px; }
  html .shell .process-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  html .welcome { min-height: 440px !important; padding-bottom: 205px !important; }
  html .welcome .hero-photo, html body.pav-mario .welcome .hero-photo {
    top: auto !important; bottom: 0 !important; right: 0 !important;
    height: 200px !important; width: 100% !important;
    object-fit: contain !important; object-position: center bottom !important;
    clip-path: none !important; opacity: 1 !important;
  }
  html .welcome::after { background: linear-gradient(180deg, #edf7ff 0%, #edf7ff 48%, transparent 75%) !important; }
  html .shell .wrap { width: calc(100% - 28px); }
  html .shell .hero { grid-template-columns: 1fr; min-height: 0; border-radius: 20px; }
  html .shell .hero-copy { padding: 30px 24px; }
  html .shell .hero h1 { font-size: clamp(37px, 9.6vw, 58px); }
  html .shell .hero .btn { padding-inline: 15px; font-size: 11px; }
  html .shell .hero-art { min-height: 335px; }
  html .shell .hero-badge { left: 24px; bottom: 26px; }
  html .shell .hero-badge strong { font-size: 25px; }
  html .shell .hero-stats { gap: 8px; }
  html .shell .hero-stats strong { font-size: 22px; }
  html .shell .hero-stats span { font-size: 7px; }
  html .shell .section { padding-block: 52px; }
  html .shell .section-head { gap: 18px; }
  html .shell .section-head h2 { font-size: 33px; }
  html .shell .promise-lead, html .shell .pack, html .shell .sales-copy { padding: 30px 25px; }
  html .shell .promise-grid { gap: 9px; padding: 10px; }
  html .shell .deliverable { padding: 20px 14px; }
  html .shell .deliverable h3 { font-size: 19px; }
  html .shell .process-grid { grid-template-columns: 1fr; }
  html .shell .step, html .shell .step + .step { padding: 26px; }
  html .shell .mario-copy h3 { font-size: 36px; }
  html .shell .mario-feature { min-height: 660px; }
  html .shell .mario-feature img { height: 46%; }
  html .shell .mario-copy { padding: 30px 25px; }
  html .mobile-head { background: linear-gradient(120deg, #1c67c4, #124b92); }
  html .pv-public .pv-header { border-radius: 0 !important; }
  html .pv-public .pv-hero { border-radius: 20px !important; }
  html .pv-public h1 { font-size: clamp(34px, 8.7vw, 50px) !important; }
  html .pav-people-intro { grid-template-columns: 1fr !important; }
  html .pav-people-copy { padding: 25px !important; }
  html .pav-brand-panel { min-height: 300px; padding: 28px; }
  html .welcome h1 { font-size: clamp(25px, 6.8vw, 34px) !important; }
  html .welcome-copy > p:last-child { line-height: 1.65 !important; }
  html .pav-people h2 { font-size: 30px !important; }
  html .pav-community h2 { font-size: 31px !important; }
  html .journey-strip.pav-advanced-journey { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  html .pav-resource-grid { grid-template-columns: 1fr; }
  html .pav-resource { min-height: 125px; }
  html .pav-completed-creative { gap: 15px; }
  html .pav-completed-count { min-width: 78px; padding: 16px 12px; }
}
@media (max-width: 390px) {
  html .shell .promise-grid { grid-template-columns: 1fr; }
  html .shell .deliverable { padding: 23px; }
  html .pav-completed-creative { grid-template-columns: 1fr; }
  html .pav-completed-count { justify-self: start; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  html *, html *::before, html *::after { transition: none !important; animation: none !important; }
}