/* Cielo sereno · company pages. The culture illustration keeps its own
   markup, animation and Press Start 2P. No rules target its nested artwork. */
.serene-page :is(.serene-about-page,.serene-team-page) { font-family:"Inter",system-ui,sans-serif; }
.serene-page :is(.serene-about-hero,.serene-team-hero) h1 { max-width:18ch; }
.serene-page :is(.serene-about-hero,.serene-team-hero) h1 + p { margin-top:24px; font-size:clamp(17px,1.4vw,19px); line-height:1.65; }
.serene-page :is(.serene-about-section,.serene-team-section) { border:0; }
.serene-page :is(.serene-about-section,.serene-team-section) > [aria-hidden] { display:none; }
.serene-page :is(.serene-about-section,.serene-team-section) > .container-canvas { padding-block:var(--serene-space); }
.serene-page :is(.serene-about-section,.serene-team-section) h2 { font-size:clamp(30px,3.4vw,44px); line-height:1.15; max-width:24ch; }
.serene-page :is(.serene-about-mission,.serene-team-founders) { background:#eaf4fa; }
.serene-page :is(.serene-about-vision,.serene-team-core,.serene-team-ecosystem) { background:#f7fafc; }
.serene-page :is(.serene-about-mission,.serene-about-vision) [class*="md:col-span-7"] { font-size:17px; line-height:1.75; }
.serene-page :is(.serene-about-mission,.serene-about-vision) blockquote { margin-top:30px; border-left:2px solid #8fa8b9; padding-left:20px; }
.serene-page :is(.serene-about-mission,.serene-about-vision) blockquote > [aria-hidden] { display:none; }
.serene-page :is(.serene-about-mission,.serene-about-vision) blockquote p { font-size:20px; line-height:1.5; color:#123449; }
.serene-page .serene-about-values { background:#eaf4fa; color:#101820; }
.serene-page .serene-about-values [class*="text-bg"] { color:#344c5b; }
.serene-page .serene-about-values :is(h2,h3) { color:#101820; }
.serene-page .serene-value-card { padding:28px; gap:22px; background:#fff; border:1px solid #c9dae5; border-radius:20px; box-shadow:none; }
.serene-page .serene-value-card:hover { background:#fff; border-color:#c9dae5; transform:none; box-shadow:none; }
.serene-page .serene-value-card > [aria-hidden] { display:none; }
.serene-page .serene-value-card h3 { font-family:"Manrope","Inter",sans-serif; font-size:24px; line-height:1.25; font-weight:600; letter-spacing:-.025em; }
.serene-page .serene-value-card p { font-size:15px; line-height:1.7; }
.serene-page .serene-value-card ul { border-color:#dce7ee; padding-top:20px; }
.serene-page .serene-value-card li { font-size:14px; line-height:1.6; }
.serene-page .serene-value-card .relative > span:first-child { background:#f7fafc; }
.serene-page .serene-value-card [class*="group-hover"] { transform:none; transition:none; }
.serene-page .serene-team-founders-grid { gap:24px; }
.serene-page .serene-team-core-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
.serene-page .serene-team-person { min-width:0; padding:12px; border:1px solid #c9dae5; border-radius:20px; background:#fff; box-shadow:none; }
.serene-page .serene-team-person:hover { border-color:#c9dae5; box-shadow:none; transform:none; }
.serene-page .serene-team-person > [aria-hidden] { display:none; }
.serene-page .serene-team-photo { align-self:start; aspect-ratio:1; width:100%; overflow:hidden; border-radius:12px; background:#eaf4fa; }
.serene-page .serene-team-photo img { display:block; aspect-ratio:1; width:100%; height:100%; object-fit:cover; object-position:center; filter:none; transform:none; transition:none; }
.serene-page .serene-team-person-copy { padding:22px 12px 14px; gap:12px; }
.serene-page .serene-team-person-copy > p:first-child { font-family:"Inter",system-ui,sans-serif; font-size:12px; font-weight:500; line-height:1.5; text-transform:none; letter-spacing:0; color:#344c5b; }
.serene-page .serene-team-person-copy h3 { font-family:"Manrope","Inter",sans-serif; font-size:22px; font-weight:600; line-height:1.25; letter-spacing:-.025em; color:#101820; }
.serene-page .serene-team-person-copy h3 + p { font-size:14px; line-height:1.7; color:#344c5b; }
.serene-page .serene-team-linkedin { width:40px; height:40px; right:24px; top:24px; background:#fff; color:#123449; box-shadow:0 2px 8px rgb(18 52 73 / .1); }
.serene-page .serene-team-linkedin:hover { background:#2e31c8; color:#fff; }
.serene-page .serene-team-ecosystem { border-top:1px solid #c9dae5; }
.serene-page .serene-team-culture { margin-block:48px 56px; }
.serene-page .serene-team-traveler { border-color:#c9dae5; border-radius:16px; background:#fff; box-shadow:none; }
.serene-page .serene-team-traveler img { filter:none; transition:none; }
.serene-page .serene-team-advisor { padding:18px 16px; border-color:#c9dae5; border-radius:16px; background:#fff; box-shadow:none; }
.serene-page .serene-team-advisor:hover { border-color:#c9dae5; box-shadow:none; }
.serene-page .serene-team-advisor img { filter:none; transition:none; }
.serene-page .serene-team-advisor p { font-family:"Inter",system-ui,sans-serif; font-size:14px; line-height:1.4; }
.serene-page .serene-team-advisor > a { width:40px; height:40px; }
@media(min-width:640px) {
  .serene-page .serene-team-core-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .serene-page .serene-team-founder { display:grid; grid-template-columns:180px minmax(0,1fr); align-items:start; }
  .serene-page .serene-team-founder .serene-team-person-copy { padding:12px 16px 12px 24px; }
  .serene-page .serene-team-founder .serene-team-linkedin { right:auto; left:148px; }
}
@media(min-width:1100px) {
  .serene-page .serene-team-founders-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .serene-page .serene-team-core-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
  .serene-page .serene-team-member { padding:8px; border-radius:16px; }
  .serene-page .serene-team-member .serene-team-photo { border-radius:10px; }
  .serene-page .serene-team-member .serene-team-person-copy { padding:12px 6px 8px; gap:6px; }
  .serene-page .serene-team-member .serene-team-person-copy > p:first-child { font-size:11px; line-height:1.35; }
  .serene-page .serene-team-member .serene-team-person-copy h3 { font-size:16px; line-height:1.25; }
  .serene-page .serene-team-member .serene-team-linkedin { width:32px; height:32px; top:16px; right:16px; }
  .serene-page .serene-team-founder { grid-template-columns:160px minmax(0,1fr); }
  .serene-page .serene-team-founder .serene-team-linkedin { left:128px; }
}
@media(max-width:639px) {
  .serene-page .serene-value-card { padding:24px; }
  .serene-page .serene-team-person-copy h3 { font-size:21px; }
}
@media(prefers-reduced-motion:reduce) {
  .serene-page :is(.serene-team-linkedin,.serene-team-traveler) { transition:none; transform:none; }
}
