@font-face{font-family:'Nunito';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/Nunito-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/Nunito-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/Nunito-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/Nunito-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/Nunito-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/Nunito-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/Poppins-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/Poppins-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/Poppins-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/Poppins-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/Poppins-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/Poppins-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/Poppins-800-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/Poppins-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* =========================================================================
   Con.Siente Lab — Colors & Type
   "Laboratorio de Conexiones · Conecta, Siente, Transforma"

   Palette is taken directly from the official brand boards
   (see assets/board-3-patterns-colors.png). Type is set with Poppins
   (humanist rounded sans) — see README "Caveats" if you have the real font.
   ========================================================================= */

:root {
  /* ---------- Brand palette (oficial) ---------- */
  --csl-magenta:    #c603d0;   /* Pasión, energía, creatividad   */
  --csl-turquesa:   #21bed4;   /* Confianza, claridad, comunicación */
  --csl-lila:       #fbe4ff;   /* Calidez, suavidad, imaginación  */
  --csl-lima:       #cddd19;   /* Crecimiento, vitalidad, optimismo */
  --csl-gris:       #b3acb3;   /* Equilibrio, neutralidad         */
  --csl-celeste:    #c9eff6;   /* Tranquilidad, enfoque           */
  --csl-blanco:     #ffffff;
  --csl-negro:      #000000;

  /* ---------- Tints / shades (derived, used in pastel washes) ---------- */
  --csl-magenta-50:  #fbe9fc;
  --csl-magenta-100: #f5c5f7;
  --csl-magenta-300: #e166ea;
  --csl-magenta-500: #c603d0;
  --csl-magenta-700: #8b0292;
  --csl-magenta-900: #4d0151;

  --csl-turquesa-50:  #e6f8fb;
  --csl-turquesa-100: #b8ecf3;
  --csl-turquesa-300: #5fd1de;
  --csl-turquesa-500: #21bed4;
  --csl-turquesa-700: #178294;
  --csl-turquesa-900: #0c4751;

  --csl-lima-50:   #f7fad0;
  --csl-lima-100: #eaf28a;
  --csl-lima-300: #d6e44a;
  --csl-lima-500: #cddd19;
  --csl-lima-700: #8e9a0f;
  --csl-lima-900: #4d5408;

  /* ---------- Signature gradient (heart logo) ---------- */
  --csl-gradient-brand: linear-gradient(135deg, #c603d0 0%, #21bed4 60%, #cddd19 100%);
  --csl-gradient-soft:  linear-gradient(135deg, #fbe4ff 0%, #c9eff6 60%, #f7fad0 100%);
  --csl-gradient-magenta-turquesa: linear-gradient(90deg, #c603d0 0%, #21bed4 100%);
  --csl-gradient-text-brand: linear-gradient(90deg, #c603d0 0%, #7a1fc7 50%, #21bed4 100%);

  /* ---------- Semantic surfaces ---------- */
  --csl-bg:           #ffffff;
  --csl-bg-soft:      #faf6fb;        /* off-white with hint of lila */
  --csl-bg-pastel:    #fbe4ff;        /* lila claro wash             */
  --csl-bg-pastel-2:  #c9eff6;        /* celeste wash                */
  --csl-surface:      #ffffff;
  --csl-surface-2:    #f7f3f8;
  --csl-overlay:      rgba(198, 3, 208, 0.06);

  /* ---------- Foreground / text ---------- */
  --csl-fg-1:        #1a1320;         /* near-black, warm           */
  --csl-fg-2:        #4a3f52;         /* secondary text             */
  --csl-fg-3:        #7c7184;         /* tertiary / captions        */
  --csl-fg-muted:    #b3acb3;         /* disabled / placeholder     */
  --csl-fg-on-brand: #ffffff;
  --csl-fg-accent:   #8b0292;         /* magenta-700 for body links */

  /* ---------- Borders / dividers ---------- */
  --csl-border:        #ece4ee;
  --csl-border-strong: #d8cedc;
  --csl-border-brand:  #c603d0;
  --csl-divider-soft:  rgba(198, 3, 208, 0.18);

  /* ---------- Status (semantic, derived from palette) ---------- */
  --csl-success: var(--csl-lima-700);
  --csl-success-bg: #f4f8c8;
  --csl-info:    var(--csl-turquesa-700);
  --csl-info-bg: var(--csl-turquesa-50);
  --csl-warning: #c97a00;
  --csl-warning-bg: #fff1d9;
  --csl-danger:  #b3163d;
  --csl-danger-bg: #ffe0e8;

  /* ---------- Typography ---------- */
  --csl-font-display: 'Poppins', 'Nunito', system-ui, -apple-system, sans-serif;
  --csl-font-body:    'Nunito', 'Poppins', system-ui, -apple-system, sans-serif;
  --csl-font-mono:    'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;

  /* Type scale (1.25 minor third) */
  --csl-text-xs:   0.75rem;   /* 12 */
  --csl-text-sm:   0.875rem;  /* 14 */
  --csl-text-md:   1rem;      /* 16 */
  --csl-text-lg:   1.125rem;  /* 18 */
  --csl-text-xl:   1.375rem;  /* 22 */
  --csl-text-2xl:  1.75rem;   /* 28 */
  --csl-text-3xl:  2.25rem;   /* 36 */
  --csl-text-4xl:  3rem;      /* 48 */
  --csl-text-5xl:  4rem;      /* 64 */
  --csl-text-display: 5.5rem; /* 88 */

  --csl-leading-tight:  1.15;
  --csl-leading-snug:   1.3;
  --csl-leading-normal: 1.55;
  --csl-leading-loose:  1.75;

  --csl-tracking-tight:  -0.02em;
  --csl-tracking-normal:  0em;
  --csl-tracking-wide:    0.06em;   /* eyebrows / ALL-CAPS labels  */
  --csl-tracking-wider:   0.14em;   /* board section labels        */

  /* ---------- Spacing scale ---------- */
  --csl-space-1:  4px;
  --csl-space-2:  8px;
  --csl-space-3:  12px;
  --csl-space-4:  16px;
  --csl-space-5:  20px;
  --csl-space-6:  24px;
  --csl-space-8:  32px;
  --csl-space-10: 40px;
  --csl-space-12: 48px;
  --csl-space-16: 64px;
  --csl-space-20: 80px;
  --csl-space-24: 96px;

  /* ---------- Radius — soft, generous, organic ---------- */
  --csl-radius-xs:  6px;
  --csl-radius-sm:  10px;
  --csl-radius-md:  16px;
  --csl-radius-lg:  22px;
  --csl-radius-xl:  32px;
  --csl-radius-2xl: 44px;
  --csl-radius-pill: 999px;

  /* ---------- Shadow / elevation — soft, magenta-tinted ---------- */
  --csl-shadow-xs: 0 1px 2px rgba(74, 16, 89, 0.06);
  --csl-shadow-sm: 0 4px 12px rgba(74, 16, 89, 0.06), 0 1px 2px rgba(74, 16, 89, 0.05);
  --csl-shadow-md: 0 10px 28px rgba(74, 16, 89, 0.10), 0 2px 6px rgba(74, 16, 89, 0.05);
  --csl-shadow-lg: 0 22px 50px rgba(74, 16, 89, 0.14), 0 4px 12px rgba(74, 16, 89, 0.06);
  --csl-shadow-glow-magenta: 0 0 0 6px rgba(198, 3, 208, 0.12);
  --csl-shadow-glow-turquesa: 0 0 0 6px rgba(33, 190, 212, 0.16);

  /* ---------- Motion ---------- */
  --csl-ease-out:    cubic-bezier(0.22, 0.61, 0.36, 1);
  --csl-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --csl-ease-soft:   cubic-bezier(0.4, 0.0, 0.2, 1);
  --csl-dur-1: 120ms;
  --csl-dur-2: 200ms;
  --csl-dur-3: 320ms;
  --csl-dur-4: 520ms;
}

/* =========================================================================
   Base type styles — semantic, not decorative
   ========================================================================= */

html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

body {
  font-family: var(--csl-font-body);
  font-size: var(--csl-text-md);
  line-height: var(--csl-leading-normal);
  color: var(--csl-fg-1);
  background: var(--csl-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1, .csl-h1 {
  font-family: var(--csl-font-display);
  font-weight: 700;
  font-size: var(--csl-text-4xl);
  line-height: var(--csl-leading-tight);
  letter-spacing: var(--csl-tracking-tight);
  color: var(--csl-fg-1);
  margin: 0 0 var(--csl-space-4);
  text-wrap: balance;
}

h2, .csl-h2 {
  font-family: var(--csl-font-display);
  font-weight: 600;
  font-size: var(--csl-text-3xl);
  line-height: var(--csl-leading-tight);
  letter-spacing: var(--csl-tracking-tight);
  color: var(--csl-fg-1);
  margin: 0 0 var(--csl-space-3);
  text-wrap: balance;
}

h3, .csl-h3 {
  font-family: var(--csl-font-display);
  font-weight: 600;
  font-size: var(--csl-text-2xl);
  line-height: var(--csl-leading-snug);
  color: var(--csl-fg-1);
  margin: 0 0 var(--csl-space-3);
}

h4, .csl-h4 {
  font-family: var(--csl-font-display);
  font-weight: 600;
  font-size: var(--csl-text-xl);
  line-height: var(--csl-leading-snug);
  color: var(--csl-fg-1);
  margin: 0 0 var(--csl-space-2);
}

p, .csl-body {
  font-family: var(--csl-font-body);
  font-size: var(--csl-text-md);
  line-height: var(--csl-leading-normal);
  color: var(--csl-fg-2);
  margin: 0 0 var(--csl-space-3);
  text-wrap: pretty;
}

.csl-lead {
  font-family: var(--csl-font-body);
  font-weight: 500;
  font-size: var(--csl-text-lg);
  line-height: var(--csl-leading-snug);
  color: var(--csl-fg-1);
}

.csl-eyebrow {
  display: inline-block;
  font-family: var(--csl-font-display);
  font-weight: 700;
  font-size: var(--csl-text-xs);
  letter-spacing: var(--csl-tracking-wider);
  text-transform: uppercase;
  color: var(--csl-magenta-700);
}

.csl-tagline {
  font-family: var(--csl-font-display);
  font-weight: 600;
  font-size: var(--csl-text-lg);
  letter-spacing: 0.01em;
  background: var(--csl-gradient-text-brand);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

.csl-display {
  font-family: var(--csl-font-display);
  font-weight: 800;
  font-size: var(--csl-text-display);
  line-height: 1.02;
  letter-spacing: var(--csl-tracking-tight);
}

small, .csl-caption {
  font-size: var(--csl-text-sm);
  color: var(--csl-fg-3);
}

a {
  color: var(--csl-fg-accent);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color var(--csl-dur-2) var(--csl-ease-out);
}
a:hover { color: var(--csl-magenta-500); }

code, .csl-mono {
  font-family: var(--csl-font-mono);
  font-size: 0.95em;
  background: var(--csl-bg-pastel);
  padding: 0.1em 0.35em;
  border-radius: var(--csl-radius-xs);
}


@keyframes cslShimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes cslFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes cslMarquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 48px))}}
/* responsive */
html,body{overflow-x:hidden}
img{max-width:100%}

@media (max-width:1100px){
  [style*="min-height: 90px"],[style*="min-height:90px"]{flex-wrap:wrap !important;gap:10px !important;min-height:0 !important;padding-top:10px !important;padding-bottom:10px !important}
  [style*="min-height: 90px"] > div:last-child,[style*="min-height:90px"] > div:last-child{margin-left:0 !important;gap:14px !important;row-gap:8px !important;flex-wrap:wrap !important}
  [style*="columns: 3"],[style*="columns:3"]{columns:2 !important}
  [data-like] span,[data-like]{white-space:nowrap !important}
}
@media (max-width:640px){
  [style*="columns: 3"],[style*="columns:3"]{columns:1 !important}
}

@media (max-width:900px){
  [style*="grid-template-columns"]{grid-template-columns:1fr !important}
  [style*="grid-column: span 2"],[style*="grid-column:span 2"]{grid-column:span 1 !important}
  [style*="max-width: 1240px"],[style*="max-width:1240px"],[style*="max-width: 1100px"],[style*="max-width:1100px"],[style*="max-width: 1000px"],[style*="max-width:1000px"],[style*="max-width: 960px"],[style*="max-width:960px"],[style*="max-width: 900px"],[style*="max-width:900px"],[style*="max-width: 860px"],[style*="max-width:860px"]{padding-left:18px !important;padding-right:18px !important}
  [style*="padding: 100px 40px"],[style*="padding:100px 40px"],[style*="padding: 90px 40px"],[style*="padding:90px 40px"],[style*="padding: 92px 40px"],[style*="padding:92px 40px"],[style*="padding: 80px 40px"],[style*="padding:80px 40px"],[style*="padding: 76px 40px"],[style*="padding:76px 40px"],[style*="padding: 70px 40px"],[style*="padding:70px 40px"],[style*="padding: 64px 40px"],[style*="padding:64px 40px"]{padding-top:40px !important;padding-bottom:48px !important}
  h1{font-size:33px !important;line-height:1.12 !important;letter-spacing:-0.015em !important}
  h2{font-size:26px !important;line-height:1.18 !important;letter-spacing:-0.01em !important}
  h3{font-size:20px !important;line-height:1.3 !important}
  [style*="min-height: 90px"],[style*="min-height:90px"]{flex-wrap:wrap !important;gap:10px !important;min-height:0 !important;padding-top:10px !important;padding-bottom:10px !important}
  [style*="min-height: 90px"],[style*="min-height:90px"] > div:last-child{margin-left:0 !important;gap:14px !important;row-gap:8px !important;flex-wrap:wrap !important}
  img[src*="logo-nav-full"]{height:52px !important}
  img[src*="logo-hero"]{width:250px !important}
  [style*="height: 420px"],[style*="height:420px"],[style*="height: 460px"],[style*="height:460px"],[style*="height: 480px"],[style*="height:480px"],[style*="height: 400px"],[style*="height:400px"],[style*="height: 380px"],[style*="height:380px"]{height:auto !important;min-height:210px !important}
  [style*="border-radius: 44px"],[style*="border-radius:44px"],[style*="border-radius: 40px"],[style*="border-radius:40px"],[style*="border-radius: 36px"],[style*="border-radius:36px"]{border-radius:24px !important}
  [style*="padding: 46px"],[style*="padding:46px"],[style*="padding: 44px 48px"],[style*="padding:44px 48px"],[style*="padding: 44px"],[style*="padding:44px"]{padding:26px !important}
  [style*="padding: 36px 32px 32px"],[style*="padding:36px 32px 32px"],[style*="padding: 34px 30px"],[style*="padding:34px 30px"],[style*="padding: 36px"],[style*="padding:36px"],[style*="padding: 34px"],[style*="padding:34px"]{padding:24px !important}
  [style*="padding: 32px 30px"],[style*="padding:32px 30px"],[style*="padding: 30px"],[style*="padding:30px"],[style*="padding: 28px 30px"],[style*="padding:28px 30px"]{padding:22px !important}
  [style*="padding: 24px 26px"],[style*="padding:24px 26px"]{padding:20px !important}
  [style*="font-size: 54px"],[style*="font-size:54px"]{font-size:40px !important}
  [style*="font-size: 44px"],[style*="font-size:44px"],[style*="font-size: 42px"],[style*="font-size:42px"],[style*="font-size: 40px"],[style*="font-size:40px"],[style*="font-size: 38px"],[style*="font-size:38px"],[style*="font-size: 34px"],[style*="font-size:34px"]{font-size:26px !important}
  [style*="font-size: 26px"],[style*="font-size:26px"],[style*="font-size: 24px"],[style*="font-size:24px"]{font-size:20px !important}
  [style*="gap: 64px"],[style*="gap:64px"],[style*="gap: 56px"],[style*="gap:56px"],[style*="gap: 48px"],[style*="gap:48px"]{gap:28px !important}
  [style*="filter: blur"],[style*="filter:blur"]{display:none !important}
  [style*="top: -180px"],[style*="top:-180px"],[style*="bottom: -220px"],[style*="bottom:-220px"],[style*="top: -18px"],[style*="top:-18px"],[style*="right: -18px"],[style*="right:-18px"]{display:none !important}
  [style*="justify-content: space-between"],[style*="justify-content:space-between"]{flex-wrap:wrap !important;row-gap:12px !important}
  [style*="margin-left: auto"],[style*="margin-left:auto"]{margin-left:0 !important}
}
@media (max-width:560px){
  h1{font-size:29px !important}
  [style*="white-space: nowrap"],[style*="white-space:nowrap"]{white-space:normal !important}
  [style*="padding: 16px 30px"],[style*="padding:16px 30px"],[style*="padding: 16px 32px"],[style*="padding:16px 32px"],[style*="padding: 16px 28px"],[style*="padding:16px 28px"]{padding:15px 22px !important}
}


.hv1{transition:all 200ms var(--csl-ease-out)}
.hv1:hover{color:var(--csl-magenta-500)}
.hv2{transition:all 200ms var(--csl-ease-out)}
.hv2:hover{transform:translateY(-2px);box-shadow:var(--csl-shadow-md)}
.hv3{transition:all 200ms var(--csl-ease-out)}
.hv3:hover{transform:translateY(-2px);box-shadow:var(--csl-shadow-lg)}
.hv4{transition:all 200ms var(--csl-ease-out)}
.hv4:hover{border-color:var(--csl-magenta-500);color:var(--csl-magenta-700)}
.hv5{transition:all 200ms var(--csl-ease-out)}
.hv5:hover{animation-play-state:paused}
.hv6{transition:all 200ms var(--csl-ease-out)}
.hv6:hover{transform:translateY(-6px);box-shadow:var(--csl-shadow-lg)}
.hv7{transition:all 200ms var(--csl-ease-out)}
.hv7:hover{box-shadow:var(--csl-shadow-md);transform:translateY(-2px)}
.hv8{transition:all 200ms var(--csl-ease-out)}
.hv8:hover{border-color:var(--csl-magenta-500);transform:translateY(-2px);box-shadow:var(--csl-shadow-sm)}
.hv9{transition:all 200ms var(--csl-ease-out)}
.hv9:hover{color:#fff}
.hv10{transition:all 200ms var(--csl-ease-out)}
.hv10:hover{background:var(--csl-magenta-700)}
.hv11{transition:all 200ms var(--csl-ease-out)}
.hv11:hover{transform:translateY(-3px);box-shadow:var(--csl-shadow-md)}
.hv12{transition:all 200ms var(--csl-ease-out)}
.hv12:hover{transform:translateY(-1px)}
.hv13{transition:all 200ms var(--csl-ease-out)}
.hv13:hover{transform:rotate(0deg) translateY(-6px) scale(1.02);box-shadow:var(--csl-shadow-lg);z-index:2}
.hv14{transition:all 200ms var(--csl-ease-out)}
.hv14:hover{transform:translateY(-4px);box-shadow:var(--csl-shadow-md)}


a{color:var(--csl-magenta-700)}
a:hover{color:var(--csl-magenta-500)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--csl-magenta-500);outline-offset:3px;border-radius:6px}
img{max-width:100%;height:auto}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}