:root {
    --forest: #153f37;
    --forest-deep: #0c2d29;
    --forest-soft: #eaf1ed;
    --gold: #d7a64a;
    --gold-light: #f2dfb7;
    --ink: #1d2926;
    --muted: #62716c;
    --paper: #fbfaf6;
    --white: #fff;
    --line: #e4e9e5;
    --shadow: 0 22px 60px rgba(18, 48, 41, .10);
    --radius: 20px;
    --font-body: 'DM Sans', Arial, sans-serif;
    --font-display: 'Manrope', 'DM Sans', Arial, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--font-body); font-size: 16px; line-height: 1.7; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.container { width: min(1160px, calc(100% - 44px)); margin-inline: auto; }
.skip-link { position: fixed; z-index: 2000; top: 10px; left: 10px; padding: 10px 16px; background: var(--white); color: var(--forest); border-radius: 8px; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
.site-header { position: relative; z-index: 100; background: rgba(255,255,255,.97); box-shadow: 0 5px 24px rgba(12,45,41,.06); }
.topline { background: var(--forest-deep); color: rgba(255,255,255,.82); font-size: 12px; letter-spacing: .02em; }
.topline-inner { display: flex; justify-content: space-between; align-items: center; min-height: 34px; gap: 15px; }
.topline-dot { display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--gold); vertical-align: 1px; }
.topline-contact { display: flex; gap: 10px; align-items: center; white-space: nowrap; }
.topline a:hover { color: #fff; }
.nav-container { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.brand-symbol { width: 48px; height: 48px; border-radius: 16px 16px 16px 5px; display: grid; place-items: center; background: linear-gradient(145deg, var(--forest), #235f50); color: var(--gold-light); font-family: var(--font-display); font-size: 25px; font-weight: 800; box-shadow: 0 8px 22px rgba(21,63,55,.2); }
.brand-copy { display: flex; flex-direction: column; line-height: 1.2; }
.brand-copy strong { max-width: 280px; color: var(--forest-deep); font-family: var(--font-display); font-size: 15px; font-weight: 800; }
.brand-copy small { margin-top: 5px; color: var(--muted); font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
.brand-logo { max-width: 54px; max-height: 54px; object-fit: contain; }
.primary-navigation { display: flex; align-items: center; gap: 24px; }
.nav-link { color: #4b5a55; font-size: 13px; font-weight: 700; transition: color .2s ease; }
.nav-link:hover, .nav-link.is-active { color: var(--forest); }
.nav-link.is-active { box-shadow: 0 2px 0 var(--gold); padding-bottom: 7px; }
.nav-toggle { display: none; width: 44px; height: 42px; padding: 9px; border: 1px solid var(--line); border-radius: 11px; background: white; cursor: pointer; }
.nav-toggle span { display: block; height: 2px; margin: 5px 0; border-radius: 4px; background: var(--forest); }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 9px; min-height: 52px; padding: 0 23px; border: 1px solid transparent; border-radius: 10px; font-weight: 800; font-size: 13px; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; cursor: pointer; }
.button:hover { transform: translateY(-2px); }
.button-small { min-height: 43px; padding-inline: 17px; font-size: 12px; }
.button-gold { color: #1d2b26; background: var(--gold); box-shadow: 0 8px 20px rgba(215,166,74,.22); }
.button-gold:hover { color: #1d2b26; background: #e2b65d; box-shadow: 0 11px 25px rgba(215,166,74,.32); }
.button-light { color: var(--forest); background: #fff; }
.button-outline-light { min-height: 43px; margin-top: 9px; border-color: rgba(255,255,255,.38); color: #fff; font-size: 12px; }
.button-outline-light:hover { color: var(--forest-deep); background: #fff; }
.button-outline { border-color: rgba(21,63,55,.22); color: var(--forest); background: transparent; }
.button-outline:hover { background: var(--forest-soft); }
.hero { position: relative; min-height: 650px; display: flex; align-items: center; overflow: hidden; color: white; background-color: var(--forest-deep); background-image: linear-gradient(90deg, rgba(7,34,31,.90) 0%, rgba(7,34,31,.77) 47%, rgba(7,34,31,.24) 100%), url('../images/hero-children.jpg'); background-size: cover; background-position: center 42%; }
.hero::after { content: ''; position: absolute; inset: auto 0 0; height: 120px; background: linear-gradient(transparent, rgba(7,34,31,.28)); pointer-events: none; }
.hero-content { position: relative; z-index: 1; width: min(760px, 100%); padding-block: 90px 120px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 19px; color: #98702e; font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow::before { content: ''; display: inline-block; width: 30px; height: 2px; background: var(--gold); }
.eyebrow-light { color: #f2dfb7; }
.hero h1, .page-hero h1 { max-width: 790px; margin: 0; color: #fff; font-family: var(--font-display); font-size: clamp(38px, 5.6vw, 68px); font-weight: 800; line-height: 1.08; letter-spacing: -.045em; }
.hero p { max-width: 660px; margin: 25px 0 30px; color: rgba(255,255,255,.85); font-size: clamp(16px, 1.5vw, 19px); line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; }
.hero-note { display: flex; align-items: center; gap: 11px; margin-top: 37px; color: rgba(255,255,255,.72); font-size: 12px; }
.hero-note strong { color: white; }
.hero-note span { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--gold); }
.section { padding: 92px 0; }
.section-tight { padding: 62px 0; }
.section-soft { background: #eef3ef; }
.section-dark { color: white; background: var(--forest-deep); }
.section-heading { max-width: 730px; margin-bottom: 44px; }
.section-heading.center { margin-inline: auto; text-align: center; }
.section-heading.center .eyebrow { justify-content: center; }
.section-heading h2 { margin: 0 0 17px; color: var(--forest-deep); font-family: var(--font-display); font-size: clamp(29px, 4vw, 44px); font-weight: 800; line-height: 1.16; letter-spacing: -.035em; }
.section-dark .section-heading h2 { color: white; }
.section-heading p { margin: 0; color: var(--muted); font-size: 16px; }
.section-dark .section-heading p { color: rgba(255,255,255,.7); }
.intro-grid { display: grid; grid-template-columns: 1fr .85fr; gap: 74px; align-items: center; }
.intro-copy h2 { margin: 0 0 20px; color: var(--forest-deep); font-family: var(--font-display); font-size: clamp(31px, 4vw, 45px); line-height: 1.15; letter-spacing: -.035em; }
.intro-copy p { color: var(--muted); }
.intro-quote { position: relative; padding: 37px; border: 1px solid #e2e9e3; border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.intro-quote::before { content: '“'; position: absolute; top: -14px; left: 28px; color: var(--gold); font-family: Georgia, serif; font-size: 76px; line-height: 1; }
.intro-quote p { margin: 16px 0 17px; color: var(--forest-deep); font-family: var(--font-display); font-size: 22px; font-weight: 700; line-height: 1.45; }
.intro-quote small { color: var(--muted); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.pillar-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.pillar-card { min-height: 220px; padding: 29px; border: 1px solid var(--line); border-radius: 17px; background: white; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.pillar-card:hover { transform: translateY(-6px); border-color: #d6c093; box-shadow: var(--shadow); }
.pillar-icon { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 23px; border-radius: 15px; color: var(--forest); background: var(--forest-soft); font-size: 21px; }
.pillar-card h3 { margin: 0 0 10px; color: var(--forest-deep); font-family: var(--font-display); font-size: 18px; font-weight: 800; line-height: 1.3; }
.pillar-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.pillar-card a { display: inline-flex; margin-top: 15px; color: #8a672e; font-size: 12px; font-weight: 800; }
.stats-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; border-radius: 17px; background: rgba(255,255,255,.17); }
.stat-item { padding: 31px; background: rgba(255,255,255,.06); }
.stat-item strong { display: block; color: var(--gold-light); font-family: var(--font-display); font-size: 25px; font-weight: 800; }
.stat-item span { color: rgba(255,255,255,.7); font-size: 12px; }
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; counter-reset: steps; }
.process-card { position: relative; padding: 25px 20px; border-top: 2px solid var(--gold); background: white; }
.process-card::before { counter-increment: steps; content: '0' counter(steps); display: block; margin-bottom: 24px; color: #b2873e; font-family: var(--font-display); font-size: 25px; font-weight: 800; }
.process-card h3 { margin: 0 0 8px; color: var(--forest); font-size: 16px; }
.process-card p { margin: 0; color: var(--muted); font-size: 13px; }
.cta-band { position: relative; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 35px; overflow: hidden; padding: 54px 60px; border-radius: 22px; color: white; background: linear-gradient(110deg, #123b35, #20584b); }
.cta-band::after { content: ''; position: absolute; right: -70px; top: -100px; width: 310px; height: 310px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; box-shadow: 0 0 0 35px rgba(255,255,255,.035), 0 0 0 72px rgba(255,255,255,.025); }
.cta-band > * { position: relative; z-index: 1; }
.cta-band h2 { margin: 0 0 10px; color: white; font-family: var(--font-display); font-size: clamp(25px, 3vw, 36px); line-height: 1.2; }
.cta-band p { max-width: 700px; margin: 0; color: rgba(255,255,255,.74); }
.page-hero { position: relative; overflow: hidden; color: white; background: linear-gradient(110deg, rgba(8,38,34,.96), rgba(21,63,55,.88)), url('../images/medical-care.jpg') center/cover; }
.page-hero::after { content: ''; position: absolute; right: 7%; top: -130px; width: 390px; height: 390px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; box-shadow: 0 0 0 45px rgba(255,255,255,.03), 0 0 0 90px rgba(255,255,255,.025); }
.page-hero-inner { position: relative; z-index: 1; padding-block: 78px 83px; }
.page-hero h1 { max-width: 850px; font-size: clamp(36px, 5vw, 57px); }
.page-hero p { max-width: 760px; margin: 19px 0 0; color: rgba(255,255,255,.78); font-size: 17px; }
.content-layout { display: grid; grid-template-columns: minmax(0, 1fr) 285px; gap: 65px; align-items: start; }
.content-main { min-width: 0; }
.content-main > p { margin: 0 0 23px; color: #586761; font-size: 16px; line-height: 1.9; }
.content-subtitle { margin: 37px 0 13px; color: var(--forest); font-family: var(--font-display); font-size: 20px; font-weight: 800; }
.content-main > p + .content-subtitle { margin-top: 37px; }
.content-aside { position: sticky; top: 22px; padding: 25px; border: 1px solid var(--line); border-radius: 16px; background: white; }
.content-aside h2 { margin: 0 0 14px; color: var(--forest); font-family: var(--font-display); font-size: 17px; }
.content-aside a { display: block; padding: 9px 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 13px; }
.content-aside a:last-child { border-bottom: 0; }
.values-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 38px; }
.value-card { padding: 20px; border-radius: 14px; background: #f1f5f2; }
.value-card strong { display: block; margin-bottom: 7px; color: var(--forest); font-size: 14px; }
.value-card span { color: var(--muted); font-size: 12px; }
.action-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.action-card { padding: 29px; border: 1px solid var(--line); border-radius: 16px; background: white; }
.action-card .number { color: #ac8039; font-family: var(--font-display); font-size: 13px; font-weight: 800; letter-spacing: .12em; }
.action-card h2 { margin: 12px 0 10px; color: var(--forest); font-family: var(--font-display); font-size: 21px; line-height: 1.25; }
.action-card p { margin: 0; color: var(--muted); font-size: 14px; }
.note-box { margin-top: 32px; padding: 20px 23px; border-left: 4px solid var(--gold); border-radius: 0 12px 12px 0; background: #f7f1e5; color: #665637; font-size: 13px; }
.contact-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 60px; }
.contact-card { padding: 25px 0; border-bottom: 1px solid var(--line); }
.contact-card:last-child { border-bottom: 0; }
.contact-card strong { display: block; margin-bottom: 5px; color: var(--forest); }
.contact-card span, .contact-card a { color: var(--muted); font-size: 14px; }
.form-card { padding: 34px; border: 1px solid var(--line); border-radius: 19px; background: white; box-shadow: var(--shadow); }
.form-card h2 { margin: 0 0 8px; color: var(--forest); font-family: var(--font-display); font-size: 27px; }
.form-card > p { margin: 0 0 25px; color: var(--muted); font-size: 14px; }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 17px; }
.form-field { display: flex; flex-direction: column; gap: 7px; }
.form-field.full { grid-column: 1 / -1; }
.form-field label { color: #344740; font-size: 12px; font-weight: 800; }
.form-field input, .form-field select, .form-field textarea { width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid #dfe6e1; border-radius: 9px; outline: none; background: #fff; color: var(--ink); font-size: 14px; }
.form-field textarea { min-height: 130px; resize: vertical; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color: #72988a; box-shadow: 0 0 0 3px rgba(21,63,55,.09); }
.form-hint { color: var(--muted); font-size: 11px; }
.alert { margin-bottom: 23px; padding: 15px 17px; border-radius: 10px; font-size: 13px; }
.alert-success { border: 1px solid #badbc3; color: #245b36; background: #eff9f1; }
.alert-error { border: 1px solid #edc6c2; color: #842a22; background: #fff2f0; }
.donation-methods { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 22px 0 30px; }
.method-card { padding: 21px; border: 1px solid var(--line); border-radius: 13px; background: white; }
.method-card h3 { margin: 0 0 7px; color: var(--forest); font-size: 15px; }
.method-card p { margin: 0; color: var(--muted); white-space: pre-line; font-size: 13px; }
.reference-panel { margin-top: 22px; padding: 24px; border: 1px solid #cbded2; border-radius: 14px; background: #f1f7f2; }
.reference-panel strong { color: var(--forest); }
.reference-code { display: inline-block; margin: 9px 0; padding: 8px 13px; border-radius: 7px; color: #fff; background: var(--forest); font-family: monospace; font-size: 17px; letter-spacing: .06em; }
.site-footer { color: rgba(255,255,255,.74); background: #0a2925; }
.footer-main { display: grid; grid-template-columns: 1.4fr .8fr .8fr 1fr; gap: 55px; padding-block: 70px 58px; }
.brand-footer .brand-copy strong { color: white; }
.brand-footer .brand-copy small { color: rgba(255,255,255,.53); }
.footer-about > p { max-width: 330px; margin: 23px 0; color: rgba(255,255,255,.62); font-size: 13px; }
.footer-socials { display: flex; gap: 15px; }
.footer-socials a { color: var(--gold-light); font-size: 12px; font-weight: 700; }
.footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.footer-column h2 { margin: 4px 0 9px; color: white; font-family: var(--font-display); font-size: 14px; }
.footer-column > a, .footer-column > p { margin: 0; color: rgba(255,255,255,.62); font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.footer-column > a:hover { color: var(--gold-light); }
.footer-contact .button { margin-top: 7px; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.12); }
.footer-bottom-inner { display: flex; justify-content: space-between; gap: 20px; padding-block: 19px; color: rgba(255,255,255,.46); font-size: 11px; }
/* Administration de la vitrine */
.admin-body { min-height: 100vh; background: #f1f4f1; }
.admin-top { padding: 20px 0; color: white; background: var(--forest-deep); }
.admin-top .container { display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.admin-shell { display: grid; grid-template-columns: 225px minmax(0,1fr); gap: 25px; padding-block: 30px 60px; }
.admin-menu, .admin-panel { border: 1px solid var(--line); border-radius: 14px; background: white; }
.admin-menu { align-self: start; padding: 14px; }
.admin-menu a { display: block; margin: 3px 0; padding: 10px 12px; border-radius: 8px; color: var(--muted); font-size: 13px; font-weight: 700; }
.admin-menu a.active, .admin-menu a:hover { color: var(--forest); background: var(--forest-soft); }
.admin-panel { min-width: 0; padding: 29px; }
.admin-panel h1 { margin: 0 0 7px; color: var(--forest); font-family: var(--font-display); font-size: 26px; }
.admin-panel > p { color: var(--muted); font-size: 13px; }
.admin-form-section { margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--line); }
.admin-form-section h2 { margin: 0 0 17px; color: var(--forest); font-size: 16px; }
.admin-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.admin-table-wrap { overflow-x: auto; }
.admin-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.admin-table th, .admin-table td { padding: 12px 10px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.admin-table th { color: var(--forest); background: #f6f8f6; }
.admin-table input, .admin-table select { min-width: 115px; max-width: 100%; padding: 8px; border: 1px solid var(--line); border-radius: 7px; }
.admin-help { padding: 15px; border-radius: 10px; color: #665637; background: #f7f1e5; font-size: 12px; }
.admin-status { display: inline-block; padding: 4px 8px; border-radius: 20px; color: #315a42; background: #e8f4eb; font-size: 11px; font-weight: 800; }
.admin-status.pending { color: #795820; background: #fff3d8; }
.honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
@media (max-width: 1050px) {
    .primary-navigation { gap: 15px; }
    .nav-link { font-size: 12px; }
    .footer-main { grid-template-columns: 1.2fr 1fr 1fr; }
    .footer-contact { grid-column: 2 / 4; }
}
@media (max-width: 860px) {
    .topline-inner { min-height: 30px; }
    .topline-inner > span { display: none; }
    .topline-contact { width: 100%; justify-content: center; }
    .nav-container { min-height: 75px; }
    .nav-toggle { display: block; }
    .primary-navigation { position: absolute; top: 100%; left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 12px 22px 22px; border-top: 1px solid var(--line); background: #fff; box-shadow: 0 20px 24px rgba(12,45,41,.10); }
    .primary-navigation.is-open { display: flex; }
    .nav-link { padding: 12px 5px; border-bottom: 1px solid #eef1ee; font-size: 14px; }
    .nav-link.is-active { box-shadow: none; }
    .nav-donate { margin-top: 12px; }
    .hero { min-height: 610px; background-position: 62% center; }
    .intro-grid, .contact-grid { grid-template-columns: 1fr; gap: 35px; }
    .content-layout { grid-template-columns: 1fr; gap: 35px; }
    .content-aside { position: static; }
    .pillar-grid { grid-template-columns: repeat(2, 1fr); }
    .values-grid { grid-template-columns: repeat(2, 1fr); }
    .process-grid { grid-template-columns: repeat(2, 1fr); }
    .cta-band { grid-template-columns: 1fr; padding: 40px; }
}
@media (max-width: 600px) {
    .container { width: min(100% - 32px, 1160px); }
    .topline-contact { font-size: 10px; }
    .brand-symbol { width: 42px; height: 42px; border-radius: 13px 13px 13px 4px; font-size: 22px; }
    .brand-copy strong { max-width: 220px; font-size: 12px; }
    .brand-copy small { font-size: 8px; }
    .hero { min-height: 620px; background-image: linear-gradient(90deg, rgba(7,34,31,.91), rgba(7,34,31,.70)), url('../images/hero-children.jpg'); }
    .hero-content { padding-block: 75px 90px; }
    .hero h1 { font-size: 41px; }
    .hero p { font-size: 15px; }
    .section { padding: 65px 0; }
    .section-tight { padding: 48px 0; }
    .section-heading { margin-bottom: 30px; }
    .section-heading h2, .intro-copy h2 { font-size: 30px; }
    .pillar-grid, .action-grid, .donation-methods { grid-template-columns: 1fr; }
    .pillar-card { min-height: auto; }
    .stats-strip { grid-template-columns: 1fr; }
    .stat-item { padding: 22px; }
    .process-grid { grid-template-columns: 1fr; gap: 12px; }
    .process-card { padding: 20px; }
    .cta-band { padding: 30px 24px; }
    .page-hero-inner { padding-block: 61px; }
    .page-hero h1 { font-size: 37px; }
    .page-hero p { font-size: 15px; }
    .values-grid { grid-template-columns: 1fr 1fr; gap: 9px; }
    .value-card { padding: 15px; }
    .form-card { padding: 23px 18px; }
    .form-grid { grid-template-columns: 1fr; }
    .form-field.full { grid-column: auto; }
    .footer-main { grid-template-columns: 1fr 1fr; gap: 33px 20px; padding-block: 52px 42px; }
    .footer-about { grid-column: 1 / -1; }
    .footer-contact { grid-column: 1 / -1; }
    .footer-bottom-inner { flex-direction: column; gap: 5px; text-align: center; }
    .admin-shell { grid-template-columns: 1fr; }
    .admin-menu { display: flex; flex-wrap: wrap; gap: 4px; }
    .admin-menu a { margin: 0; }
    .admin-panel { padding: 21px 16px; }
    .admin-top .container { align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* ========================================================================== */
/* CRESH — Direction artistique immersive : photographie, profondeur, mouvement */
/* ========================================================================== */
.site-header { position: sticky; top: 0; backdrop-filter: blur(18px); background: rgba(255,255,255,.94); transition: box-shadow .25s ease, background .25s ease; }
.site-header.is-scrolled { box-shadow: 0 12px 34px rgba(8,38,34,.12); background: rgba(255,255,255,.98); }
.brand-symbol { position: relative; overflow: hidden; }
.brand-symbol::after { content: ''; position: absolute; inset: -60% auto -60% -45%; width: 28%; transform: rotate(24deg); background: rgba(255,255,255,.3); animation: brandShimmer 5.5s ease-in-out infinite; }
@keyframes brandShimmer { 0%,65%,100% { left: -45%; } 85% { left: 130%; } }

.hero-home { min-height: min(790px, calc(100vh - 120px)); isolation: isolate; background-image: linear-gradient(90deg, rgba(5,28,25,.96) 0%, rgba(7,34,31,.84) 49%, rgba(7,34,31,.38) 100%), var(--hero-image); background-position: center 38%; }
.hero-home::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .22; background: radial-gradient(circle at 76% 20%, rgba(225,184,101,.34), transparent 26%), radial-gradient(circle at 4% 95%, rgba(46,132,104,.32), transparent 34%); }
.hero-home::after { height: 190px; background: linear-gradient(transparent, rgba(5,28,25,.6)); }
.hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1fr) minmax(330px,.72fr); align-items: center; gap: 65px; }
.hero-content { width: 100%; max-width: 780px; padding-block: 88px 110px; }
.hero-content h1 { max-width: 760px; font-size: clamp(43px,5.5vw,74px); text-wrap: balance; }
.hero-content p { max-width: 630px; }
.hero-home .eyebrow { color: #f2dfb7; }
.eyebrow-line { width: 28px; height: 2px; background: var(--gold); }
.hero-note { flex-wrap: wrap; }
.hero-note i { width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,.55); }
.hero-pulse { position: relative; }
.hero-pulse::after { content: ''; position: absolute; inset: -7px; border: 1px solid rgba(215,166,74,.55); border-radius: 50%; animation: pulseRing 2.5s ease-out infinite; }
@keyframes pulseRing { from { transform: scale(.5); opacity: .9; } to { transform: scale(1.8); opacity: 0; } }
.hero-side { position: relative; min-height: 455px; display: flex; align-items: center; justify-content: center; }
.hero-photo-card { position: relative; width: min(390px,100%); height: 400px; padding: 10px; transform: rotate(3deg); border: 1px solid rgba(255,255,255,.32); border-radius: 190px 190px 34px 34px; background: rgba(255,255,255,.13); box-shadow: 0 35px 100px rgba(0,0,0,.3); backdrop-filter: blur(8px); animation: photoFloat 7s ease-in-out infinite; }
.hero-photo-card::before { content: ''; position: absolute; inset: 16px; z-index: 1; border: 1px solid rgba(255,255,255,.48); border-radius: inherit; pointer-events: none; }
.hero-photo-card img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; filter: saturate(.86); }
.photo-tag { position: absolute; right: -18px; bottom: 49px; z-index: 2; padding: 10px 16px; border: 1px solid rgba(255,255,255,.35); border-radius: 30px; color: white; background: rgba(8,38,34,.68); backdrop-filter: blur(14px); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.hero-floating-card { position: absolute; left: -42px; bottom: 63px; z-index: 3; display: flex; align-items: center; gap: 12px; max-width: 290px; padding: 17px 20px; border: 1px solid rgba(255,255,255,.6); border-radius: 15px; color: var(--ink); background: rgba(255,255,255,.94); box-shadow: 0 22px 60px rgba(0,0,0,.22); animation: cardFloat 6s ease-in-out infinite; }
.floating-card-icon { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 12px; color: var(--forest); background: #f3e8cf; font-size: 20px; }
.hero-floating-card strong, .hero-floating-card small { display: block; }
.hero-floating-card strong { color: var(--forest-deep); font-size: 12px; }
.hero-floating-card small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.hero-round-stamp { position: absolute; top: 19px; right: -7px; z-index: 3; width: 105px; height: 105px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; color: #fff; background: rgba(11,48,41,.7); box-shadow: 0 13px 40px rgba(0,0,0,.16); backdrop-filter: blur(12px); transform: rotate(9deg); }
.hero-round-stamp span, .hero-round-stamp small { font-size: 9px; letter-spacing: .15em; text-transform: uppercase; }
.hero-round-stamp strong { color: var(--gold-light); font-family: var(--font-display); font-size: 28px; line-height: 1.1; }
.hero-orbit { position: absolute; z-index: 0; border: 1px solid rgba(255,255,255,.11); border-radius: 50%; pointer-events: none; }
.hero-orbit-a { width: 520px; height: 520px; top: -230px; right: -70px; box-shadow: 0 0 0 40px rgba(255,255,255,.025), 0 0 0 90px rgba(255,255,255,.02); animation: orbitDrift 24s linear infinite; }
.hero-orbit-b { width: 340px; height: 340px; bottom: -215px; left: 35%; box-shadow: 0 0 0 55px rgba(255,255,255,.025); animation: orbitDrift 30s linear infinite reverse; }
.hero-float { position: absolute; z-index: 1; color: var(--gold-light); opacity: .7; pointer-events: none; }
.hero-float-one { top: 19%; left: 51%; font-size: 27px; animation: starDrift 7s ease-in-out infinite; }
.hero-float-two { top: 64%; left: 6%; font-size: 29px; animation: starDrift 8s ease-in-out infinite reverse; }
.hero-float-three { top: 23%; right: 8%; font-size: 45px; animation: orbitDrift 22s linear infinite; }
@keyframes photoFloat { 0%,100% { transform: translateY(0) rotate(3deg); } 50% { transform: translateY(-13px) rotate(1deg); } }
@keyframes cardFloat { 0%,100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-12px) rotate(0); } }
@keyframes starDrift { 0%,100% { transform: translate3d(0,0,0) rotate(0); } 50% { transform: translate3d(12px,-18px,0) rotate(20deg); } }
@keyframes orbitDrift { to { transform: rotate(360deg); } }
.hero-scroll { position: absolute; z-index: 3; left: 50%; bottom: 22px; display: flex; flex-direction: column; align-items: center; gap: 7px; color: rgba(255,255,255,.65); font-size: 9px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; transform: translateX(-50%); }
.hero-scroll span { width: 19px; height: 31px; border: 1px solid rgba(255,255,255,.45); border-radius: 14px; }
.hero-scroll span::after { content: ''; display: block; width: 3px; height: 6px; margin: 6px auto; border-radius: 4px; background: var(--gold); animation: scrollDot 1.5s ease-in-out infinite; }
@keyframes scrollDot { to { transform: translateY(8px); opacity: 0; } }
.trust-ribbon { position: relative; z-index: 4; color: var(--forest-deep); background: #fff; box-shadow: 0 12px 38px rgba(16,51,43,.06); }
.trust-ribbon-inner { min-height: 76px; display: flex; justify-content: space-around; align-items: center; gap: 20px; }
.trust-ribbon span { font-family: var(--font-display); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.trust-ribbon i { color: var(--gold); font-size: 13px; font-style: normal; }

.identity-section { overflow: hidden; }
.identity-grid { grid-template-columns: .95fr 1fr; gap: 90px; }
.identity-visual { position: relative; min-height: 480px; }
.identity-photo { position: absolute; overflow: hidden; border-radius: 18px; box-shadow: 0 30px 75px rgba(13,48,40,.19); }
.identity-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.identity-photo:hover img { transform: scale(1.07); }
.identity-photo-main { top: 12px; left: 0; width: 76%; height: 370px; border-radius: 145px 145px 18px 18px; }
.identity-photo-small { right: 0; bottom: 10px; width: 50%; height: 230px; border: 8px solid var(--paper); }
.identity-ring { position: absolute; top: -26px; right: 10px; z-index: -1; width: 190px; height: 190px; border: 1px solid rgba(215,166,74,.7); border-radius: 50%; box-shadow: 0 0 0 18px rgba(215,166,74,.09),0 0 0 38px rgba(215,166,74,.05); animation: ringPulse 6s ease-in-out infinite; }
@keyframes ringPulse { 50% { transform: scale(1.05); opacity: .55; } }
.identity-caption { position: absolute; left: 18px; bottom: 46px; width: 205px; padding: 15px 18px; border: 1px solid rgba(255,255,255,.8); border-radius: 11px; color: white; background: rgba(12,45,41,.86); backdrop-filter: blur(12px); }
.identity-caption strong, .identity-caption span { display: block; }
.identity-caption strong { font-size: 13px; }
.identity-caption span { margin-top: 3px; color: rgba(255,255,255,.72); font-size: 10px; line-height: 1.5; }
.intro-copy p { color: #61716b; line-height: 1.9; }
.text-link { display: inline-flex; align-items: center; gap: 14px; margin-top: 10px; color: var(--forest); font-size: 13px; font-weight: 800; }
.text-link span { color: #b28232; transition: transform .2s ease; }
.text-link:hover span { transform: translateX(5px); }
.photo-divider { position: relative; min-height: 430px; display: flex; align-items: center; overflow: hidden; color: white; background: var(--forest-deep); isolation: isolate; }
.photo-divider::before { content: ''; position: absolute; z-index: -2; inset: 0; background-image: var(--photo-divider); background-size: cover; background-position: center 42%; transform: scale(1.035); }
.photo-divider-overlay { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,rgba(6,29,25,.93),rgba(9,43,36,.66) 70%,rgba(9,43,36,.42)); }
.photo-divider-content { position: relative; z-index: 1; max-width: 880px; padding-block: 85px; }
.photo-divider-content h2 { margin: 0 0 28px; color: white; font-family: var(--font-display); font-size: clamp(31px,4.5vw,52px); line-height: 1.2; letter-spacing: -.035em; }
.photo-divider-mark { position: absolute; right: 4%; bottom: -42px; color: rgba(255,255,255,.07); font-family: var(--font-display); font-size: clamp(100px,20vw,250px); font-weight: 800; letter-spacing: -.1em; pointer-events: none; }

.pillar-grid-rich { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 17px; }
.pillar-card-rich { position: relative; min-height: 335px; overflow: hidden; padding: 0; border: 0; border-radius: 17px; background: var(--forest-deep); box-shadow: 0 15px 40px rgba(15,51,43,.08); isolation: isolate; }
.pillar-card-photo { position: absolute; z-index: -2; inset: 0; background-size: cover; background-position: center; opacity: .58; transition: transform .8s cubic-bezier(.2,.7,.2,1),opacity .4s ease; }
.pillar-card-rich::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg,rgba(8,38,34,.12) 0%,rgba(8,38,34,.48) 29%,rgba(8,38,34,.96) 100%); }
.pillar-card-rich:hover .pillar-card-photo { transform: scale(1.1); opacity: .78; }
.pillar-card-content { position: absolute; inset: auto 0 0; padding: 25px 22px 23px; }
.pillar-card-rich .pillar-icon { width: 42px; height: 42px; margin-bottom: 12px; border: 1px solid rgba(255,255,255,.25); color: var(--gold-light); background: rgba(255,255,255,.12); backdrop-filter: blur(8px); }
.pillar-index { position: absolute; top: 27px; right: 22px; color: rgba(255,255,255,.58); font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.pillar-card-rich h3 { color: white; font-size: 17px; }
.pillar-card-rich p { color: rgba(255,255,255,.7); font-size: 12px; }
.pillar-card-rich a { color: var(--gold-light); }
.pillar-card-rich a span { display: inline-block; margin-left: 8px; transition: transform .2s ease; }
.pillar-card-rich a:hover span { transform: translateX(5px); }
.center-actions { margin-top: 38px; text-align: center; }
.mission-section { position: relative; overflow: hidden; color: white; background: linear-gradient(120deg,#092b26,#164b3e); }
.mission-section::before { content: ''; position: absolute; top: -240px; left: -140px; width: 510px; height: 510px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 50px rgba(255,255,255,.025),0 0 0 100px rgba(255,255,255,.018); }
.mission-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 85px; align-items: center; }
.mission-copy h2 { max-width: 580px; margin: 0 0 24px; color: white; font-family: var(--font-display); font-size: clamp(34px,4.3vw,52px); line-height: 1.12; letter-spacing: -.04em; }
.mission-copy p { max-width: 540px; color: rgba(255,255,255,.76); font-size: 17px; line-height: 1.8; }
.mission-visual { position: relative; min-height: 440px; display: grid; place-items: center; }
.mission-image { width: 78%; height: 390px; padding: 9px; border: 1px solid rgba(255,255,255,.25); border-radius: 18px 150px 18px 18px; transform: rotate(-3deg); background: rgba(255,255,255,.1); }
.mission-image img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.mission-glass { position: absolute; right: 0; bottom: 13px; width: 265px; padding: 22px; border: 1px solid rgba(255,255,255,.34); border-radius: 15px; color: white; background: rgba(255,255,255,.12); backdrop-filter: blur(16px); box-shadow: 0 19px 60px rgba(0,0,0,.18); animation: cardFloat 7s ease-in-out infinite; }
.glass-symbol { display: block; margin-bottom: 11px; color: var(--gold-light); font-size: 25px; }
.mission-glass strong { display: block; font-family: var(--font-display); font-size: 16px; line-height: 1.45; }
.mission-glass small { display: block; margin-top: 10px; color: rgba(255,255,255,.66); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.mission-orbit { position: absolute; z-index: -1; top: 15px; left: 0; width: 160px; height: 160px; border: 1px solid rgba(215,166,74,.6); border-radius: 50%; box-shadow: 0 0 0 25px rgba(215,166,74,.08),0 0 0 52px rgba(215,166,74,.04); }
.process-grid-modern { gap: 14px; }
.process-grid-modern .process-card { position: relative; min-height: 270px; padding: 27px 24px; border: 1px solid var(--line); border-radius: 15px; background: white; transition: transform .3s ease,box-shadow .3s ease; }
.process-grid-modern .process-card:hover { transform: translateY(-8px); box-shadow: var(--shadow); }
.process-number { position: absolute; top: 23px; right: 23px; color: rgba(21,63,55,.22); font-family: var(--font-display); font-size: 30px; font-weight: 800; }
.process-symbol { width: 50px; height: 50px; display: grid; place-items: center; margin-bottom: 22px; border-radius: 15px; color: var(--forest); background: #eaf1ed; font-size: 23px; }
.process-grid-modern .process-card h3 { color: var(--forest-deep); font-family: var(--font-display); font-size: 18px; }
.process-grid-modern .process-card p { color: var(--muted); font-size: 13px; }
.section-photo-soft { position: relative; overflow: hidden; background: #eff3ef; isolation: isolate; }
.section-photo-soft::before { content: ''; position: absolute; z-index: -2; inset: 0; background: var(--section-photo) center/cover; opacity: .1; filter: grayscale(1); }
.section-photo-soft::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,rgba(238,243,239,.98),rgba(238,243,239,.9)); }
.partnership-panel { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 55px; padding: 45px; border: 1px solid rgba(21,63,55,.1); border-radius: 20px; background: rgba(255,255,255,.86); box-shadow: var(--shadow); backdrop-filter: blur(10px); }
.partnership-panel h2 { max-width: 680px; margin: 0 0 12px; color: var(--forest-deep); font-family: var(--font-display); font-size: clamp(28px,3.6vw,39px); line-height: 1.2; }
.partnership-panel p { max-width: 700px; margin: 0; color: var(--muted); }
.partnership-actions { display: flex; min-width: 220px; flex-direction: column; align-items: flex-start; gap: 10px; }
.partnership-actions .text-link { font-size: 11px; }
.support-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 90px; }
.support-image { position: relative; height: 475px; }
.support-image::after { content: ''; position: absolute; inset: 20px -20px -20px 20px; z-index: -1; border: 1px solid var(--gold); border-radius: 15px; }
.support-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 14px; box-shadow: 0 28px 70px rgba(16,52,44,.16); }
.support-image-label { position: absolute; left: -17px; bottom: 31px; padding: 13px 20px; border-radius: 8px; color: var(--forest-deep); background: var(--gold-light); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.support-copy h2 { margin: 0 0 18px; color: var(--forest-deep); font-family: var(--font-display); font-size: clamp(32px,4vw,47px); line-height: 1.13; letter-spacing: -.04em; }
.support-copy > p { color: var(--muted); line-height: 1.8; }
.support-options { display: grid; gap: 12px; margin: 25px 0 28px; }
.support-options div { display: flex; align-items: center; gap: 14px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.support-options b { color: #b18a48; font-family: var(--font-display); font-size: 12px; }
.support-options span { color: #465951; font-size: 13px; font-weight: 700; }

.page-hero { min-height: 340px; display: flex; align-items: center; background-image: linear-gradient(100deg,rgba(5,29,25,.94),rgba(9,43,36,.72)),var(--page-hero-image); background-position: center; background-size: cover; isolation: isolate; }
.page-hero::before { content: ''; position: absolute; z-index: -1; inset: 0; opacity: .5; background: radial-gradient(circle at 79% 20%,rgba(214,168,79,.24),transparent 28%),linear-gradient(180deg,transparent 65%,rgba(0,0,0,.18)); }
.page-hero-inner { padding-block: 73px 80px; }
.page-hero h1 { text-wrap: balance; }
.page-hero-orb { position: absolute; z-index: -1; border: 1px solid rgba(255,255,255,.17); border-radius: 50%; pointer-events: none; }
.page-hero-orb-one { width: 300px; height: 300px; top: -120px; right: 10%; box-shadow: 0 0 0 30px rgba(255,255,255,.03),0 0 0 65px rgba(255,255,255,.025); animation: orbitDrift 30s linear infinite; }
.page-hero-orb-two { width: 145px; height: 145px; bottom: -78px; right: 35%; box-shadow: 0 0 0 25px rgba(255,255,255,.025); }
.about-lead-grid { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 70px; align-items: start; }
.about-aside { position: sticky; top: 130px; padding: 17px 17px 22px; border: 1px solid var(--line); border-radius: 17px; background: white; box-shadow: var(--shadow); }
.about-aside-image { height: 185px; overflow: hidden; margin-bottom: 22px; border-radius: 11px; }
.about-aside-image img { width: 100%; height: 100%; object-fit: cover; }
.about-aside h2 { margin: 0 0 10px; color: var(--forest-deep); font-family: var(--font-display); font-size: 19px; line-height: 1.35; }
.about-aside p { color: var(--muted); font-size: 12px; }
.values-grid-rich { grid-template-columns: repeat(4,1fr); gap: 13px; }
.value-card-rich { min-height: 190px; padding: 22px; border: 1px solid rgba(21,63,55,.06); background: white; box-shadow: 0 10px 28px rgba(20,57,47,.035); transition: transform .25s ease,box-shadow .25s ease; }
.value-card-rich:hover { transform: translateY(-6px); box-shadow: var(--shadow); }
.value-card-rich > span { width: 39px; height: 39px; display: grid; place-items: center; margin-bottom: 16px; border-radius: 12px; color: #9a722f; background: #f5eedf; font-size: 18px; }
.value-card-rich strong { font-size: 13px; }
.value-card-rich p { margin: 7px 0 0; color: var(--muted); font-size: 11px; line-height: 1.65; }
.image-story-section { overflow: hidden; background: #fff; }
.story-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.story-image { position: relative; height: 390px; }
.story-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 15px; box-shadow: var(--shadow); }
.story-image span { position: absolute; right: -18px; bottom: 24px; max-width: 230px; padding: 15px 18px; border-radius: 8px; color: white; background: var(--forest); font-size: 11px; font-weight: 800; }
.story-copy h2 { color: var(--forest-deep); font-family: var(--font-display); font-size: clamp(30px,3.5vw,42px); line-height: 1.2; }
.story-copy p { color: var(--muted); }
.mission-statement-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 70px; align-items: start; }
.mission-statement-mark { position: sticky; top: 135px; padding: 32px; border-radius: 17px; color: white; background: linear-gradient(145deg,#0b302a,#1b5747); box-shadow: var(--shadow); }
.mission-statement-mark > span { color: var(--gold-light); font-family: Georgia,serif; font-size: 75px; line-height: .8; }
.mission-statement-mark p { margin: 15px 0; color: white; font-family: var(--font-display); font-size: 22px; font-weight: 800; line-height: 1.4; }
.mission-statement-mark small { color: rgba(255,255,255,.6); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.mission-text .content-subtitle:first-child { margin-top: 0; }
.mission-vision-band { position: relative; overflow: hidden; color: white; background: linear-gradient(115deg,#0b2f29,#1d594a); }
.mission-vision-band::after { content: ''; position: absolute; top: -200px; right: 12%; width: 430px; height: 430px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 45px rgba(255,255,255,.03),0 0 0 90px rgba(255,255,255,.02); }
.mission-vision-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 75px; padding-block: 75px; }
.mission-vision-grid article + article { padding-left: 65px; border-left: 1px solid rgba(255,255,255,.2); }
.vision-icon { display: block; margin-bottom: 16px; color: var(--gold-light); font-size: 31px; }
.mission-vision-grid h2 { margin: 0 0 14px; color: white; font-family: var(--font-display); font-size: clamp(25px,3.2vw,36px); line-height: 1.2; }
.mission-vision-grid p { max-width: 460px; color: rgba(255,255,255,.7); font-size: 13px; }
.principle-row { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }
.principle-row > div { display: flex; flex-direction: column; padding: 22px; border-left: 2px solid var(--gold); background: #f7f8f5; }
.principle-row b { color: #b58a44; font-size: 11px; }
.principle-row strong { margin: 12px 0 7px; color: var(--forest); font-size: 14px; }
.principle-row span { color: var(--muted); font-size: 11px; }
.actions-feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.action-card-photo { overflow: hidden; padding: 0; border: 1px solid var(--line); border-radius: 16px; background: white; transition: transform .3s ease,box-shadow .3s ease; }
.action-card-photo:hover { transform: translateY(-7px); box-shadow: var(--shadow); }
.action-card-image { position: relative; height: 195px; background-size: cover; background-position: center; }
.action-card-image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(8,38,34,.55),transparent 70%); }
.action-card-image > span { position: absolute; left: 17px; bottom: 14px; z-index: 1; color: white; font-family: var(--font-display); font-size: 13px; font-weight: 800; letter-spacing: .1em; }
.action-card-image > b { position: absolute; right: 15px; bottom: 5px; z-index: 1; color: rgba(255,255,255,.85); font-size: 35px; }
.action-card-body { padding: 23px; }
.action-card-body h2 { min-height: 53px; margin: 0 0 10px; color: var(--forest-deep); font-family: var(--font-display); font-size: 18px; line-height: 1.35; }
.action-card-body p { min-height: 88px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.action-card-body a { display: inline-flex; align-items: center; gap: 10px; margin-top: 16px; color: #98702e; font-size: 11px; font-weight: 800; }
.action-card-body a span { transition: transform .2s ease; }
.action-card-body a:hover span { transform: translateX(4px); }
.transparency-layout { display: grid; grid-template-columns: minmax(0,1fr) 315px; gap: 70px; align-items: start; }
.transparency-aside { padding: 30px; border-radius: 16px; background: #f0f4ef; }
.transparency-seal { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 20px; border: 1px solid rgba(21,63,55,.22); border-radius: 50%; color: #a87c35; font-size: 24px; }
.transparency-aside h2 { color: var(--forest-deep); font-family: var(--font-display); font-size: 25px; line-height: 1.25; }
.transparency-aside p { color: var(--muted); font-size: 13px; }
.transparency-pillars { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }
.transparency-pillars article { padding: 23px; border-radius: 14px; background: white; }
.transparency-pillars b { color: #b58a44; font-family: var(--font-display); font-size: 12px; }
.transparency-pillars h3 { margin: 11px 0 8px; color: var(--forest); font-size: 15px; }
.transparency-pillars p { margin: 0; color: var(--muted); font-size: 12px; }
.protection-intro { display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 70px; align-items: start; }
.protection-symbol { position: sticky; top: 130px; width: 230px; height: 230px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(215,166,74,.55); border-radius: 50%; color: var(--forest); background: radial-gradient(circle,#fff 42%,#f4f1e8 100%); box-shadow: 0 0 0 17px rgba(215,166,74,.08),0 0 0 38px rgba(215,166,74,.045); }
.protection-symbol span { color: #b58a44; font-size: 70px; line-height: 1; }
.protection-symbol small { margin-top: 10px; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.protection-banner { position: relative; overflow: hidden; padding-block: 83px; color: white; background: linear-gradient(110deg,rgba(7,34,31,.94),rgba(14,65,51,.86)),url('../images/team-BySd.jpg') center/cover; }
.protection-banner h2 { max-width: 800px; margin: 0 0 24px; color: white; font-family: var(--font-display); font-size: clamp(29px,4.3vw,48px); line-height: 1.2; }
.legal-content .legal-updated { margin-top: 45px; color: #82918a; font-size: 11px; }
.privacy-contact { padding: 20px; border-radius: 12px; background: #edf3ee; }
.privacy-contact a { color: var(--forest); font-weight: 800; }

/* Formulaires et espace de contribution */
.contact-grid { grid-template-columns: .85fr 1.15fr; gap: 65px; }
.contact-information h2 { margin: 0 0 15px; color: var(--forest-deep); font-family: var(--font-display); font-size: 36px; }
.contact-intro { margin-bottom: 25px; color: var(--muted); font-size: 14px; }
.contact-card { display: flex; align-items: flex-start; gap: 15px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.contact-card-icon { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 12px; color: var(--forest); background: #eaf1ed; font-size: 18px; }
.contact-card strong { color: var(--forest); font-size: 13px; }
.contact-card span, .contact-card a { display: block; color: var(--muted); font-size: 12px; }
.contact-map { position: relative; height: 230px; overflow: hidden; margin-top: 28px; border-radius: 15px; background: #dce6dd; }
.contact-map iframe { width: 100%; height: 100%; border: 0; filter: saturate(.7); }
.contact-map-overlay { position: absolute; left: 15px; bottom: 15px; z-index: 1; display: flex; flex-direction: column; padding: 11px 15px; border-radius: 9px; color: white; background: rgba(9,43,36,.88); pointer-events: none; }
.contact-map-overlay span { font-size: 9px; color: rgba(255,255,255,.65); text-transform: uppercase; letter-spacing: .1em; }
.contact-map-overlay strong { font-size: 13px; }
.form-card { border-radius: 18px; }
.form-card h2, .donation-form-card h2 { font-size: 28px; }
.form-submit { width: 100%; margin-top: 23px; }
.form-submit:disabled { cursor: wait; opacity: .65; }
.checkbox-field label { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 12px; font-weight: 600; }
.checkbox-field input { width: 17px; min-height: 17px; accent-color: var(--forest); }
.donation-section { background: linear-gradient(180deg,#fbfaf6,#f2f5f0); }
.donation-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 62px; align-items: start; }
.donation-copy { position: sticky; top: 130px; }
.donation-copy h2 { margin: 0 0 18px; color: var(--forest-deep); font-family: var(--font-display); font-size: clamp(32px,4vw,45px); line-height: 1.15; }
.donation-copy > p { color: var(--muted); font-size: 14px; line-height: 1.85; }
.donation-impact-list { margin-top: 28px; }
.donation-impact-list > div { display: flex; align-items: flex-start; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.donation-impact-list > div > span { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 11px; color: #9e7638; background: #f2ebdc; }
.donation-impact-list p { margin: 0; }
.donation-impact-list strong, .donation-impact-list small { display: block; }
.donation-impact-list strong { color: var(--forest); font-size: 13px; }
.donation-impact-list small { margin-top: 3px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.donation-quote { margin-top: 28px; padding: 18px 20px; border-left: 3px solid var(--gold); color: #6c624c; background: #f5efe1; font-family: var(--font-display); font-size: 14px; font-weight: 700; line-height: 1.6; }
.donation-form-card, .donation-success { padding: 33px; border: 1px solid var(--line); border-radius: 18px; background: white; box-shadow: var(--shadow); }
.donation-form-card > p, .donation-success > p { margin-top: 0; color: var(--muted); font-size: 13px; }
.amount-selector { margin: 22px 0; }
.amount-selector > label { display: block; margin-bottom: 10px; color: var(--forest); font-size: 12px; font-weight: 800; }
.amount-presets { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }
.amount-presets button { min-height: 39px; border: 1px solid #dfe7e1; border-radius: 8px; color: var(--forest); background: #f8faf8; font-size: 12px; font-weight: 800; cursor: pointer; transition: border .2s ease,background .2s ease,transform .2s ease; }
.amount-presets button:hover { transform: translateY(-2px); border-color: var(--gold); background: #fbf6eb; }
.donation-method-details { min-height: 42px; margin-top: 16px; padding: 12px 14px; border-radius: 9px; color: #5c685f; background: #f1f5f1; font-size: 11px; line-height: 1.55; }
.form-privacy { margin: 14px 0 0; color: #87918b; font-size: 10px; text-align: center; }
.form-privacy a { color: var(--forest); font-weight: 800; }
.donation-success { text-align: center; }
.success-check { width: 60px; height: 60px; display: grid; place-items: center; margin: 0 auto 20px; border-radius: 50%; color: white; background: var(--forest); font-size: 26px; box-shadow: 0 0 0 10px #eaf1ed; }
.donation-success h2 { color: var(--forest-deep); font-family: var(--font-display); font-size: 29px; }
.donation-success .reference-panel { margin: 25px 0; text-align: center; }
.reference-panel small { display: block; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.reference-panel p { margin: 5px 0 0; color: var(--muted); font-size: 11px; }
.payment-after { margin: 22px 0; padding: 20px; border: 1px solid var(--line); border-radius: 12px; text-align: left; background: #fbfcfa; }
.payment-after h3 { margin: 0 0 8px; color: var(--forest); font-size: 15px; }
.payment-after p { margin: 0; color: var(--muted); font-size: 12px; }
.donation-trust { padding-block: 30px; color: white; background: var(--forest-deep); }
.donation-trust-inner { display: flex; align-items: center; gap: 17px; }
.donation-trust-inner > span { color: var(--gold-light); font-size: 32px; }
.donation-trust-inner div { flex: 1; }
.donation-trust-inner strong { font-family: var(--font-display); font-size: 15px; }
.donation-trust-inner p { margin: 3px 0 0; color: rgba(255,255,255,.65); font-size: 11px; }
.donation-trust-inner > a { color: var(--gold-light); font-size: 12px; font-weight: 800; }
.site-footer { position: relative; overflow: hidden; }
.footer-glow { position: absolute; top: -200px; right: -120px; width: 500px; height: 500px; border: 1px solid rgba(255,255,255,.06); border-radius: 50%; box-shadow: 0 0 0 45px rgba(255,255,255,.02),0 0 0 95px rgba(255,255,255,.015); pointer-events: none; }
.site-footer .footer-main, .site-footer .footer-bottom { position: relative; z-index: 1; }

/* Administration éditoriale */
.admin-body { background: #f2f5f2; }
.admin-top { position: sticky; top: 0; z-index: 50; box-shadow: 0 8px 28px rgba(4,32,27,.16); }
.admin-top .container { min-height: 74px; }
.admin-top strong, .admin-top small { display: block; }
.admin-top strong { font-family: var(--font-display); font-size: 15px; }
.admin-top small { color: rgba(255,255,255,.65); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.admin-top-actions { display: flex; gap: 18px; }
.admin-top-actions a { color: white; font-size: 12px; font-weight: 700; }
.admin-shell { grid-template-columns: 240px minmax(0,1fr); align-items: start; }
.admin-menu { position: sticky; top: 100px; padding: 17px 12px; }
.admin-menu-title { padding: 4px 12px 12px; color: #9aa7a0; font-size: 9px; font-weight: 800; letter-spacing: .15em; }
.admin-menu a { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 8px; font-size: 12px; }
.admin-menu a em { min-width: 21px; padding: 2px 6px; border-radius: 15px; color: #754f16; background: #f6e8c9; font-size: 10px; font-style: normal; text-align: center; }
.admin-menu-note { margin: 18px 7px 4px; padding: 12px; border-radius: 9px; color: #6b766f; background: #f5f7f5; font-size: 10px; line-height: 1.55; }
.admin-panel { padding: 34px; box-shadow: 0 12px 40px rgba(18,48,41,.04); }
.admin-panel-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 19px; }
.admin-panel-heading .eyebrow { margin-bottom: 8px; }
.admin-panel-heading h1 { margin: 0; font-size: 27px; }
.admin-panel > p { margin: 0 0 20px; line-height: 1.75; }
.admin-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.admin-grid label, .admin-media-card label { display: flex; flex-direction: column; gap: 7px; color: #41534a; font-size: 11px; font-weight: 800; }
.admin-grid label.wide { grid-column: 1 / -1; }
.admin-grid input, .admin-grid textarea, .admin-grid select, .admin-media-card input { width: 100%; min-height: 42px; padding: 10px 12px; border: 1px solid #dce5de; border-radius: 8px; color: #243a31; background: #fff; outline: none; font-size: 12px; font-weight: 500; }
.admin-grid textarea { resize: vertical; line-height: 1.7; }
.admin-grid input:focus, .admin-grid textarea:focus { border-color: #86a696; box-shadow: 0 0 0 3px rgba(21,63,55,.07); }
.admin-grid small, .admin-media-card small { color: #88958e; font-size: 10px; font-weight: 500; }
.admin-form-section { margin-top: 27px; padding-top: 25px; }
.admin-form-section h2, .add-nav-form h2 { font-family: var(--font-display); font-size: 16px; }
.admin-checkbox { flex-direction: row !important; align-items: center; gap: 9px !important; }
.page-selector { display: flex; flex-wrap: wrap; gap: 7px; margin: 22px 0 8px; }
.page-selector a { padding: 8px 11px; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); background: #fff; font-size: 10px; font-weight: 800; }
.page-selector a.active { border-color: var(--forest); color: white; background: var(--forest); }
.page-body-editor { min-height: 420px; font-family: ui-monospace,SFMono-Regular,Consolas,monospace !important; font-size: 11px !important; }
.admin-media-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.admin-media-card { display: flex; flex-direction: column; gap: 9px; padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: #fbfcfb; }
.admin-media-card strong { color: var(--forest); font-size: 12px; }
.admin-media-card img { width: 100%; height: 125px; object-fit: cover; border-radius: 8px; background: #e8eee9; }
.admin-media-card input[type=file] { padding: 7px; font-size: 10px; }
.admin-table { min-width: 680px; }
.admin-table .wide-input { min-width: 210px; }
.admin-table input[type=text], .admin-table input:not([type]), .admin-table input[type=number], .admin-table select { font-size: 11px; }
.admin-table input[type=checkbox] { min-width: 0; }
.admin-table .inline-admin-form { min-width: 210px; display: flex; flex-direction: column; gap: 6px; }
.admin-table .inline-admin-form input { width: 100%; }
.admin-message-text { max-width: 440px; margin: 6px 0 0; color: var(--muted); white-space: pre-wrap; overflow-wrap: anywhere; }
.add-nav-form { margin-top: 30px; padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: #f8faf8; }
.add-nav-form h2 { margin-top: 0; }
.add-nav-form .button { margin-top: 16px; }
.admin-kpi-row { display: flex; gap: 13px; margin: 22px 0; }
.admin-kpi-row > div { min-width: 160px; padding: 17px 20px; border: 1px solid var(--line); border-radius: 11px; background: #f8faf8; }
.admin-kpi-row small, .admin-kpi-row strong { display: block; }
.admin-kpi-row small { color: var(--muted); font-size: 10px; }
.admin-kpi-row strong { margin-top: 3px; color: var(--forest); font-family: var(--font-display); font-size: 24px; }
.admin-last-note { margin-top: 35px; padding-top: 18px; border-top: 1px solid var(--line); color: #97a29b; font-size: 10px; }

/* Entrées animées au défilement : visibles aussi si JavaScript est désactivé */
html.js [data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .75s cubic-bezier(.2,.7,.2,1), transform .75s cubic-bezier(.2,.7,.2,1); }
html.js [data-reveal].is-visible { opacity: 1; transform: translateY(0); }
html.js [data-reveal][data-reveal-delay="80"] { transition-delay: 80ms; }
html.js [data-reveal][data-reveal-delay="120"] { transition-delay: 120ms; }
html.js [data-reveal][data-reveal-delay="130"] { transition-delay: 130ms; }
html.js [data-reveal][data-reveal-delay="140"] { transition-delay: 140ms; }
html.js [data-reveal][data-reveal-delay="150"] { transition-delay: 150ms; }
html.js [data-reveal][data-reveal-delay="160"] { transition-delay: 160ms; }
html.js [data-reveal][data-reveal-delay="180"] { transition-delay: 180ms; }
html.js [data-reveal][data-reveal-delay="210"] { transition-delay: 210ms; }
html.js [data-reveal][data-reveal-delay="240"] { transition-delay: 240ms; }

@media (max-width: 1100px) {
    .hero-layout { grid-template-columns: minmax(0,1fr) minmax(280px,.7fr); gap: 35px; }
    .hero-photo-card { height: 350px; }
    .pillar-grid-rich { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .actions-feature-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 860px) {
    .hero-home { min-height: auto; }
    .hero-layout { grid-template-columns: 1fr; gap: 0; }
    .hero-content { padding: 72px 0 40px; }
    .hero-side { min-height: 355px; margin: 0 auto 65px; width: min(470px,100%); }
    .hero-photo-card { width: 290px; height: 315px; }
    .hero-floating-card { left: -5px; bottom: 30px; }
    .hero-round-stamp { right: 10px; top: 7px; }
    .identity-grid, .mission-grid, .support-grid, .story-grid, .donation-grid { grid-template-columns: 1fr; gap: 50px; }
    .identity-visual { width: min(540px,100%); margin-inline: auto; }
    .mission-grid { gap: 25px; }
    .mission-visual { min-height: 385px; }
    .mission-image { height: 340px; }
    .support-image { width: min(540px,90%); margin-inline: auto; }
    .donation-copy, .mission-statement-mark, .protection-symbol, .about-aside { position: static; }
    .donation-copy { order: 1; }
    .donation-form-wrap { order: 0; }
    .about-lead-grid, .transparency-layout { grid-template-columns: 1fr; gap: 35px; }
    .about-aside { max-width: 430px; }
    .mission-statement-layout { grid-template-columns: 1fr; gap: 38px; }
    .mission-statement-mark { max-width: 540px; }
    .mission-vision-grid { gap: 38px; }
    .protection-intro { grid-template-columns: 1fr; gap: 45px; }
    .protection-symbol { width: 180px; height: 180px; margin-inline: auto; }
    .protection-symbol span { font-size: 55px; }
    .partnership-panel { grid-template-columns: 1fr; gap: 25px; }
    .partnership-actions { flex-direction: row; flex-wrap: wrap; align-items: center; }
    .contact-grid { grid-template-columns: 1fr; }
    .footer-main { grid-template-columns: repeat(2,1fr); }
    .admin-shell { grid-template-columns: 1fr; }
    .admin-menu { position: static; display: flex; flex-wrap: wrap; gap: 5px; }
    .admin-menu-title, .admin-menu-note { width: 100%; }
}
@media (max-width: 600px) {
    .hero-home { background-image: linear-gradient(90deg,rgba(5,28,25,.94),rgba(7,34,31,.75)),var(--hero-image); background-position: 58% center; }
    .hero-content { padding-top: 63px; }
    .hero-content h1 { font-size: clamp(38px,11vw,49px); }
    .hero-content p { font-size: 14px; }
    .hero-side { min-height: 300px; width: 100%; }
    .hero-photo-card { width: 230px; height: 270px; }
    .hero-floating-card { left: -4px; bottom: 20px; max-width: 220px; padding: 12px; }
    .hero-round-stamp { width: 80px; height: 80px; }
    .hero-round-stamp strong { font-size: 22px; }
    .hero-float-one { left: 83%; }
    .trust-ribbon-inner { min-height: 66px; flex-wrap: wrap; justify-content: center; gap: 8px 12px; padding-block: 14px; }
    .trust-ribbon span { font-size: 9px; }
    .trust-ribbon i { font-size: 9px; }
    .identity-visual { min-height: 355px; }
    .identity-photo-main { height: 285px; width: 79%; }
    .identity-photo-small { height: 165px; width: 49%; border-width: 5px; }
    .identity-caption { bottom: 28px; left: 5px; width: 180px; padding: 11px 13px; }
    .photo-divider { min-height: 380px; }
    .photo-divider-content { padding-block: 65px; }
    .pillar-grid-rich, .actions-feature-grid { grid-template-columns: 1fr; }
    .pillar-card-rich { min-height: 295px; }
    .mission-image { width: 85%; height: 300px; }
    .mission-glass { right: 0; bottom: 0; width: 225px; padding: 16px; }
    .mission-visual { min-height: 345px; }
    .process-grid-modern { grid-template-columns: 1fr; }
    .process-grid-modern .process-card { min-height: 210px; }
    .partnership-panel { padding: 28px 22px; }
    .partnership-actions { flex-direction: column; align-items: flex-start; }
    .support-image { height: 335px; }
    .page-hero { min-height: 290px; }
    .page-hero-inner { padding-block: 58px; }
    .values-grid-rich { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .value-card-rich { min-height: 185px; padding: 16px; }
    .story-grid { gap: 40px; }
    .story-image { height: 290px; }
    .story-image span { right: -5px; bottom: 14px; }
    .mission-vision-grid { grid-template-columns: 1fr; padding-block: 58px; }
    .mission-vision-grid article + article { padding: 0; border: 0; }
    .principle-row, .transparency-pillars { grid-template-columns: repeat(2,1fr); }
    .donation-form-card, .donation-success { padding: 24px 17px; }
    .amount-presets { grid-template-columns: repeat(2,1fr); }
    .donation-trust-inner { flex-wrap: wrap; }
    .donation-trust-inner > a { width: 100%; padding-left: 49px; }
    .admin-panel-heading { align-items: flex-start; flex-direction: column; }
    .admin-grid, .admin-media-grid { grid-template-columns: 1fr; }
    .admin-grid label.wide { grid-column: auto; }
    .admin-kpi-row { flex-wrap: wrap; }
    .admin-top-actions { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
    html.js [data-reveal] { opacity: 1; transform: none; }
    .hero-photo-card, .hero-floating-card, .hero-orbit, .hero-float, .brand-symbol::after, .identity-ring, .mission-glass, .page-hero-orb { animation: none !important; }
}

/* ======================================================================
   CRESH VITRINE 2.1 — pages d'entités, partenaires et sections CMS
   ====================================================================== */
.brand-logo { width: 58px; height: 58px; max-width: 58px; max-height: 58px; object-fit: contain; border-radius: 50%; background: #fff; box-shadow: 0 3px 16px rgba(0,0,0,.10); }
.brand-logo-footer { width: 66px; height: 66px; max-width: 66px; max-height: 66px; }

.entity-intro-band { position: relative; overflow: hidden; background: #f0f5ef; }
.entity-intro-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: center; gap: 9%; }
.entity-intro-grid h2 { margin: 12px 0 0; max-width: 620px; color: var(--forest); font: 800 clamp(27px,3vw,42px)/1.13 var(--font-display); letter-spacing: -.04em; }
.entity-intro-grid p { max-width: 690px; color: var(--muted); font-size: 15px; line-height: 1.9; }
.entity-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; align-items: stretch; }
.entity-card { position: relative; min-width: 0; overflow: hidden; border: 1px solid rgba(28,65,50,.10); border-radius: 18px; background: #fff; box-shadow: 0 15px 44px rgba(20,50,37,.07); transition: transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s; }
.entity-card:hover { transform: translateY(-9px); border-color: rgba(198,158,66,.5); box-shadow: 0 25px 55px rgba(20,50,37,.14); }
.entity-card-image { position: relative; display: block; height: 205px; overflow: hidden; background: #dfe9de; }
.entity-card-image::after { position: absolute; inset: 0; background: linear-gradient(180deg,transparent 45%,rgba(7,30,24,.48)); content: ""; }
.entity-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.entity-card:hover .entity-card-image img { transform: scale(1.07); }
.entity-card-number { position: absolute; z-index: 1; top: 13px; left: 15px; color: #fff; font: 800 12px/1 var(--font-display); letter-spacing: .13em; text-shadow: 0 1px 9px rgba(0,0,0,.3); }
.entity-card-symbol { position: absolute; z-index: 2; right: 14px; bottom: 13px; display: grid; width: 45px; height: 45px; place-items: center; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; background: rgba(255,255,255,.91); color: var(--forest); font-size: 22px; box-shadow: 0 6px 20px rgba(0,0,0,.15); }
.entity-card-content { padding: 21px 20px 23px; }
.entity-card-content .eyebrow { font-size: 9px; }
.entity-card-content h2 { min-height: 66px; margin: 10px 0 11px; color: var(--forest); font: 750 19px/1.23 var(--font-display); letter-spacing: -.025em; }
.entity-card-content h2 a { color: inherit; text-decoration: none; }
.entity-card-content p { min-height: 105px; margin: 0 0 20px; color: var(--muted); font-size: 12px; line-height: 1.75; }
.entity-card-content .text-link { font-size: 11px; }
.entity-partner-cta { position: relative; overflow: hidden; color: #fff; background: linear-gradient(115deg,#0c3029 0%,#174d3e 57%,#285d45 100%); }
.entity-partner-cta::before,.entity-partner-cta::after { position: absolute; width: 330px; height: 330px; border: 1px solid rgba(238,196,87,.23); border-radius: 50%; content: ""; pointer-events: none; }
.entity-partner-cta::before { top: -190px; right: 9%; box-shadow: 0 0 0 28px rgba(255,255,255,.025),0 0 0 62px rgba(255,255,255,.02); }
.entity-partner-cta::after { right: -150px; bottom: -240px; width: 450px; height: 450px; }
.entity-cta-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 55px; }
.entity-cta-inner h2 { max-width: 790px; margin: 12px 0; color: #fff; font: 800 clamp(28px,3.5vw,46px)/1.1 var(--font-display); letter-spacing: -.04em; }
.entity-cta-inner p { max-width: 680px; margin: 0; color: rgba(255,255,255,.74); font-size: 14px; line-height: 1.8; }
.eyebrow-light { color: #edc969 !important; }
.entity-cta-actions { display: flex; min-width: 215px; flex-direction: column; gap: 11px; align-items: stretch; }
.entity-cta-actions .button { justify-content: center; white-space: nowrap; }
.entity-lead-section { overflow: hidden; }
.entity-lead-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,.85fr); align-items: center; gap: 8%; }
.entity-lead-copy h2 { max-width: 690px; margin: 13px 0 20px; color: var(--forest); font: 800 clamp(30px,3.8vw,48px)/1.1 var(--font-display); letter-spacing: -.045em; }
.entity-lead-copy > p { color: var(--muted); font-size: 14px; line-height: 1.9; }
.entity-lead-copy .entity-lead-summary { color: var(--forest); font-size: 17px; font-weight: 650; }
.entity-lead-actions { display: flex; flex-wrap: wrap; gap: 22px; align-items: center; margin-top: 25px; }
.entity-lead-visual { position: relative; min-height: 420px; }
.entity-lead-visual::before { position: absolute; z-index: 0; top: 25px; right: -10px; width: 78%; height: 90%; border: 1px solid #d8bb67; border-radius: 47% 47% 18px 18px; content: ""; transform: rotate(5deg); }
.entity-lead-visual img { position: relative; z-index: 1; width: 88%; height: 410px; border-radius: 46% 46% 17px 17px; object-fit: cover; box-shadow: 0 22px 55px rgba(20,55,39,.17); }
.entity-image-caption { position: absolute; z-index: 2; right: 0; bottom: 24px; max-width: 230px; padding: 12px 16px; border-radius: 10px; background: #fff; color: var(--forest); font-size: 10px; font-weight: 700; box-shadow: 0 10px 34px rgba(15,44,31,.16); }
.entity-image-orbit { position: absolute; z-index: 2; top: 2px; right: 11%; width: 75px; height: 75px; border: 11px solid rgba(218,179,69,.85); border-radius: 50%; box-shadow: 0 0 0 10px rgba(218,179,69,.14); animation: orbitDrift 18s linear infinite; }
.entity-body-layout { display: grid; grid-template-columns: minmax(250px,.6fr) minmax(0,1.4fr); align-items: start; gap: 9%; }
.entity-body-heading { position: sticky; top: 115px; }
.entity-body-heading h2 { margin: 13px 0 15px; color: var(--forest); font: 800 clamp(27px,3vw,39px)/1.13 var(--font-display); letter-spacing: -.04em; }
.entity-body-heading p { color: var(--muted); font-size: 13px; line-height: 1.85; }
.entity-long-content { max-width: 850px; padding: 32px 38px; border: 1px solid rgba(30,69,51,.09); border-radius: 18px; background: #fff; box-shadow: 0 18px 48px rgba(21,48,37,.05); }
.entity-related-section { background: #fff; }
.entity-related-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; }
.entity-related-card { display: flex; min-width: 0; align-items: center; gap: 15px; padding: 12px; border: 1px solid var(--line); border-radius: 13px; background: #fff; text-decoration: none; transition: transform .3s,box-shadow .3s; }
.entity-related-card:hover { transform: translateY(-4px); box-shadow: 0 13px 30px rgba(20,50,37,.09); }
.entity-related-card img { width: 76px; height: 76px; flex: 0 0 76px; border-radius: 9px; object-fit: cover; }
.entity-related-card span,.entity-related-card strong,.entity-related-card small { display: block; }
.entity-related-card strong { color: var(--forest); font: 700 13px/1.3 var(--font-display); }
.entity-related-card small { margin-top: 7px; color: var(--gold-deep,var(--accent)); font-size: 10px; }

/* Blocs entièrement administrables dans le gestionnaire de contenu. */
.dynamic-section { position: relative; padding: clamp(66px,8vw,112px) 0; overflow: hidden; background: #fff; }
.dynamic-section:nth-of-type(even) { background: #f5f7f3; }
.dynamic-section-inner { position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: clamp(35px,7vw,95px); }
.dynamic-section-image-left .dynamic-section-media { order: 0; }
.dynamic-section-image-left .dynamic-section-copy { order: 1; }
.dynamic-section-image-right .dynamic-section-media { order: 1; }
.dynamic-section-image-right .dynamic-section-copy { order: 0; }
.dynamic-section-media { position: relative; min-height: 350px; overflow: hidden; border-radius: 17px; background: #dce7dd; box-shadow: 0 22px 55px rgba(14,52,37,.13); }
.dynamic-section-media::after { position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.22); border-radius: inherit; content: ""; pointer-events: none; }
.dynamic-section-media img { width: 100%; height: 100%; min-height: 350px; position: absolute; inset: 0; object-fit: cover; transition: transform 1.1s cubic-bezier(.2,.7,.2,1); }
.dynamic-section:hover .dynamic-section-media img { transform: scale(1.035); }
.dynamic-section-copy { max-width: 680px; }
.dynamic-section-copy h2 { margin: 12px 0 18px; color: var(--forest); font: 800 clamp(27px,3.4vw,44px)/1.12 var(--font-display); letter-spacing: -.04em; }
.dynamic-section-copy p { color: var(--muted); font-size: 14px; line-height: 1.95; }
.dynamic-section-copy .button { margin-top: 17px; }
.dynamic-section-full { min-height: 470px; color: #fff; background-image: linear-gradient(90deg,rgba(5,31,26,.91),rgba(8,41,34,.68)),var(--dynamic-background); background-size: cover; background-position: center; background-attachment: fixed; }
.dynamic-section-full .dynamic-section-inner { display: block; }
.dynamic-section-full .dynamic-section-copy { max-width: 840px; padding: 65px 0; }
.dynamic-section-full .dynamic-section-copy h2 { color: #fff; font-size: clamp(32px,4.4vw,57px); }
.dynamic-section-full .dynamic-section-copy p { color: rgba(255,255,255,.84); font-size: 15px; }
.dynamic-section-full .dynamic-section-copy .eyebrow { color: #f0cb6e; }
.dynamic-section-quote { background: linear-gradient(135deg,#f7f2e3,#eef4ed); }
.dynamic-section-quote .dynamic-section-inner { display: block; max-width: 1000px; text-align: center; }
.dynamic-section-quote .dynamic-quote-mark { color: #d2ad53; font: 800 100px/.65 Georgia,serif; }
.dynamic-section-quote .dynamic-section-copy { margin-inline: auto; }
.dynamic-section-quote .dynamic-section-copy h2 { font-size: clamp(30px,4vw,49px); }
.dynamic-section-plain .dynamic-section-inner { display: block; max-width: 990px; }
.dynamic-section-plain .dynamic-section-copy { margin-inline: auto; }

/* Partenaires et réseaux de collaboration. */
.partner-intro-layout { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(260px,.8fr); gap: 8%; align-items: center; }
.partner-quote-card { position: relative; padding: 34px; border-radius: 16px; background: linear-gradient(145deg,#153f37,#245c47); color: #fff; box-shadow: 0 20px 52px rgba(13,52,38,.16); }
.partner-quote-symbol { display: block; color: #e8c568; font-size: 30px; }
.partner-quote-card p { margin: 17px 0 22px; color: #fff; font: 700 21px/1.48 var(--font-display); }
.partner-quote-card strong { color: #ebc96f; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.partner-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.partner-card { overflow: hidden; border: 1px solid rgba(28,65,50,.10); border-radius: 16px; background: #fff; box-shadow: 0 14px 38px rgba(20,50,37,.06); transition: transform .35s,box-shadow .35s; }
.partner-card:hover { transform: translateY(-6px); box-shadow: 0 22px 45px rgba(20,50,37,.12); }
.partner-logo-area { display: flex; min-height: 150px; align-items: center; justify-content: center; padding: 25px; background: #f5f7f3; }
.partner-logo-area img { max-width: 80%; max-height: 105px; object-fit: contain; }
.partner-logo-area > span { display: grid; width: 78px; height: 78px; place-items: center; border: 1px solid #dcc67f; border-radius: 50%; background: #fff; color: var(--forest); font: 800 25px var(--font-display); }
.partner-card-copy { padding: 22px; }
.partner-card-copy h3 { margin: 8px 0 11px; color: var(--forest); font: 750 20px/1.2 var(--font-display); }
.partner-card-copy p { min-height: 56px; color: var(--muted); font-size: 12px; line-height: 1.75; }
.partner-empty { max-width: 750px; margin: 0 auto; padding: 54px 35px; border: 1px dashed #c7d4c8; border-radius: 19px; background: #fff; text-align: center; }
.partner-empty-icon { display: grid; width: 64px; height: 64px; margin: 0 auto 18px; place-items: center; border-radius: 50%; background: #edf3e9; color: var(--forest); font-size: 31px; }
.partner-empty h3 { margin: 0 0 10px; color: var(--forest); font: 800 26px var(--font-display); }
.partner-empty p { max-width: 620px; margin: 0 auto 23px; color: var(--muted); font-size: 13px; line-height: 1.85; }
.home-partners-section { padding-top: 54px; padding-bottom: 54px; background: #f6f8f4; }
.home-partners-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 26px; }
.home-partners-heading h2 { max-width: 640px; margin: 8px 0; color: var(--forest); font: 800 clamp(24px,3vw,36px)/1.14 var(--font-display); letter-spacing: -.035em; }
.home-partners-heading p,.home-partners-empty { max-width: 690px; color: var(--muted); font-size: 13px; line-height: 1.8; }
.home-partner-logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; }
.home-partner-logo { display: flex; min-width: 120px; min-height: 80px; align-items: center; justify-content: center; gap: 10px; padding: 13px 18px; border: 1px solid var(--line); border-radius: 11px; background: #fff; text-decoration: none; }
.home-partner-logo img { max-width: 130px; max-height: 52px; object-fit: contain; }
.home-partner-logo strong { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 50%; background: #edf3e9; color: var(--forest); font: 800 15px var(--font-display); }
.home-partner-logo span { color: var(--forest); font-size: 11px; font-weight: 700; }

/* Soutenir la mission : étapes, confirmation et passerelle de paiement. */
.donation-overview-section { overflow: hidden; }
.donation-overview-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(300px,.9fr); align-items: center; gap: 8%; }
.donation-overview-grid h2 { max-width: 760px; margin: 12px 0 18px; color: var(--forest); font: 800 clamp(29px,3.4vw,45px)/1.12 var(--font-display); letter-spacing: -.045em; }
.donation-overview-grid p { color: var(--muted); font-size: 14px; line-height: 1.9; }
.donation-overview-visual { position: relative; min-height: 380px; }
.donation-overview-visual img { width: 100%; height: 360px; border-radius: 16px 90px 16px 16px; object-fit: cover; box-shadow: 0 23px 52px rgba(19,52,38,.14); }
.donation-floating-note { position: absolute; right: -18px; bottom: 5px; display: flex; max-width: 245px; flex-direction: column; gap: 6px; padding: 17px 19px; border: 1px solid rgba(255,255,255,.7); border-radius: 12px; background: rgba(255,255,255,.94); box-shadow: 0 14px 34px rgba(20,50,37,.17); animation: cardFloat 5.2s ease-in-out infinite; }
.donation-floating-note strong { color: var(--forest); font: 750 14px var(--font-display); }
.donation-floating-note span { color: var(--muted); font-size: 10px; line-height: 1.6; }
.donation-principles { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.donation-principles div { display: flex; min-width: 145px; align-items: center; gap: 9px; padding: 10px 12px; border-radius: 8px; background: #f1f5ef; color: var(--forest); font-size: 10px; font-weight: 650; }
.donation-principles b { color: #b58b2e; font: 800 14px var(--font-display); }
.donation-impact-list > div { display: flex; gap: 14px; margin-bottom: 16px; }
.donation-impact-list > div > span { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; border-radius: 50%; background: #e9f0e6; color: var(--forest); font-size: 18px; }
.donation-impact-list p { margin: 0; }
.donation-impact-list strong,.donation-impact-list small { display: block; }
.donation-impact-list strong { color: var(--forest); font-size: 13px; }
.donation-impact-list small { margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.6; }
.donation-quote { margin-top: 30px; padding: 18px 22px; border-left: 3px solid #d1ad55; background: #f2f5ef; color: var(--forest); font: 700 16px/1.65 var(--font-display); }
.donation-form-card > p { color: var(--muted); font-size: 12px; line-height: 1.7; }
.donation-form-card .form-field input,.donation-form-card .form-field select,.donation-form-card .form-field textarea { min-height: 45px; }
.donation-form-card .checkbox-field label { display: flex; align-items: flex-start; gap: 9px; font-size: 11px; }
.donation-form-card .checkbox-field input { width: auto; min-height: 0; margin-top: 2px; }
.donation-method-details { min-height: 20px; margin: 13px 0; padding: 12px 14px; border-radius: 8px; background: #f3f6f1; color: var(--muted); font-size: 11px; line-height: 1.65; }
.reference-panel { margin: 25px 0; padding: 20px; border: 1px dashed #c4d4c6; border-radius: 13px; background: #f5f8f3; }
.reference-panel small,.reference-panel strong,.reference-panel p { display: block; }
.reference-panel small { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.reference-panel .reference-code { margin: 8px 0; color: var(--forest); font: 800 clamp(21px,3vw,29px)/1.1 var(--font-display); letter-spacing: .05em; overflow-wrap: anywhere; }
.reference-panel p { margin: 0 0 10px; color: var(--muted); font-size: 12px; }
.donation-status-pill { display: inline-flex; padding: 7px 10px; border-radius: 99px; font-size: 10px; font-weight: 750; }
.donation-status-pill.is-pending { background: #fbf2d9; color: #785d1e; }
.donation-status-pill.is-paid { background: #e3f2e7; color: #1a633a; }
.payment-after { padding-top: 16px; border-top: 1px solid var(--line); }
.payment-after h3 { color: var(--forest); font: 750 18px var(--font-display); }
.payment-after p { color: var(--muted); font-size: 12px; line-height: 1.8; }
.tranzak-card-element { min-height: 170px; margin: 15px 0; padding: 16px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.payment-after .form-submit { width: 100%; }

/* Gestion de contenu étendue. */
.admin-filter-form { display: flex; align-items: end; gap: 15px; margin: 18px 0 25px; padding: 14px 17px; border: 1px solid var(--line); border-radius: 10px; background: #f8faf8; }
.admin-filter-form label { min-width: min(100%,360px); }
.admin-entity-list { margin: 22px 0 32px; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.admin-entity-row { display: flex; align-items: center; gap: 15px; padding: 13px 16px; border-bottom: 1px solid var(--line); background: #fff; }
.admin-entity-row:last-child { border-bottom: 0; }
.admin-entity-thumb { width: 55px; height: 55px; flex: 0 0 55px; overflow: hidden; border-radius: 8px; background: #eef2ec; }
.admin-entity-thumb img { width: 100%; height: 100%; object-fit: cover; }
.admin-entity-meta { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 5px; }
.admin-entity-meta strong { color: var(--forest); font-size: 13px; }
.admin-entity-meta small { color: var(--muted); font-size: 10px; }
.admin-entity-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.admin-entity-actions form { margin: 0; }
.admin-accordion { margin: 12px 0; padding: 15px 18px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.admin-accordion summary { color: var(--forest); font-weight: 750; cursor: pointer; }
.admin-accordion summary small { color: var(--muted); font-weight: 400; }
.admin-partner-edit { padding-top: 18px; }
.admin-gateway-status { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 18px; padding: 14px; border-radius: 9px; background: #f3f6f2; color: var(--muted); font-size: 11px; }
.admin-status { display: inline-flex; padding: 6px 10px; border-radius: 99px; background: #e2f2e7; color: #1b603a; font-weight: 800; }
.admin-status.pending { background: #f8efd9; color: #87651f; }
.admin-help { margin: 14px 0; padding: 14px 16px; border-left: 3px solid #c8a54c; border-radius: 7px; background: #f7f5ed; color: #57665d; font-size: 11px; line-height: 1.8; overflow-wrap: anywhere; }
.admin-help code { color: var(--forest); font-size: 10px; }
.button-danger { border-color: #e6c9c6 !important; color: #943c33 !important; background: #fff8f7 !important; }
.button-danger:hover { background: #f9e9e7 !important; }

@media (max-width: 1100px) {
    .entity-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .partner-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .dynamic-section-inner { gap: 38px; }
}
@media (max-width: 860px) {
    .entity-intro-grid,.entity-lead-grid,.entity-body-layout,.partner-intro-layout,.donation-overview-grid { grid-template-columns: 1fr; gap: 38px; }
    .entity-body-heading { position: static; }
    .entity-lead-visual { width: min(550px,100%); margin-inline: auto; }
    .entity-cta-inner { grid-template-columns: 1fr; gap: 25px; }
    .entity-cta-actions { flex-direction: row; flex-wrap: wrap; }
    .entity-cta-actions .button { flex: 1 1 180px; }
    .entity-related-grid { grid-template-columns: 1fr; }
    .dynamic-section-inner { grid-template-columns: 1fr; }
    .dynamic-section-image-left .dynamic-section-media,.dynamic-section-image-left .dynamic-section-copy,.dynamic-section-image-right .dynamic-section-media,.dynamic-section-image-right .dynamic-section-copy { order: initial; }
    .dynamic-section-media,.dynamic-section-media img { min-height: 290px; }
    .dynamic-section-full { background-attachment: scroll; }
    .partner-intro-layout .partner-quote-card { max-width: 520px; }
    .donation-overview-visual { width: min(550px,100%); margin-inline: auto; }
}
@media (max-width: 600px) {
    .entity-grid,.partner-grid { grid-template-columns: 1fr; }
    .entity-card-image { height: 225px; }
    .entity-card-content h2,.entity-card-content p { min-height: 0; }
    .entity-lead-visual { min-height: 310px; }
    .entity-lead-visual img { height: 300px; width: 88%; }
    .entity-image-orbit { width: 57px; height: 57px; border-width: 8px; }
    .entity-long-content { padding: 22px 18px; }
    .entity-cta-actions { flex-direction: column; align-items: stretch; }
    .entity-cta-actions .button { width: 100%; }
    .dynamic-section { padding: 58px 0; }
    .dynamic-section-media,.dynamic-section-media img { min-height: 235px; }
    .dynamic-section-full { min-height: 380px; }
    .dynamic-section-full .dynamic-section-copy { padding: 38px 0; }
    .home-partners-heading { flex-direction: column; align-items: flex-start; }
    .home-partner-logos { justify-content: flex-start; }
    .home-partner-logo { min-width: 115px; }
    .donation-overview-visual { min-height: 290px; }
    .donation-overview-visual img { height: 275px; }
    .donation-floating-note { right: 0; }
    .donation-principles div { min-width: calc(50% - 5px); }
    .admin-entity-row { align-items: flex-start; flex-wrap: wrap; }
    .admin-entity-actions { width: 100%; padding-left: 70px; }
    .admin-filter-form { align-items: stretch; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
    .entity-card,.entity-related-card,.partner-card,.dynamic-section-media img { transition: none !important; }
    .entity-image-orbit,.donation-floating-note { animation: none !important; }
}

/* Sélecteur de langue visible dans l'en-tête public */
.language-switcher {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 40px;
    padding: 0 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    color: var(--forest);
}
.language-switcher .language-globe { color: #9a7436; font-size: 18px; line-height: 1; }
.language-dropdown {
    position: relative;
    padding: 0;
    z-index: 30;
}
.language-dropdown > summary {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 10px;
    color: var(--forest-deep);
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
    white-space: nowrap;
}
.language-dropdown > summary::-webkit-details-marker { display: none; }
.language-dropdown > summary::after {
    content: "⌄";
    margin-left: 2px;
    color: #9a7436;
    font-size: 15px;
}
.language-dropdown[open] { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(215,166,74,.13); }
.language-dropdown-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 1000;
    display: grid;
    min-width: 172px;
    gap: 3px;
    padding: 7px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(17, 45, 37, .16);
}
.language-dropdown-menu a {
    display: block;
    padding: 10px 12px;
    border-radius: 8px;
    color: var(--forest-deep);
    font-size: 12px;
    font-weight: 750;
    line-height: 1.35;
    text-decoration: none;
    white-space: nowrap;
}
.language-dropdown-menu a:hover,
.language-dropdown-menu a:focus-visible,
.language-dropdown-menu a.is-current {
    outline: none;
    background: rgba(215,166,74,.13);
    color: var(--forest-deep);
}
.language-dropdown:focus-within { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(215,166,74,.13); }
@media (max-width: 1100px) {
    .primary-navigation { gap: 13px; }
    .nav-link { font-size: 12px; }
    .language-switcher { padding-inline: 8px; }
}
@media (max-width: 960px) {
    .primary-navigation .language-switcher { align-self: flex-start; margin: 12px 0 5px; }
    .primary-navigation .nav-donate { align-self: flex-start; }
}


/* CRESH — sélecteur de langue compact pour les en-têtes avec beaucoup de liens */
.primary-navigation { gap: clamp(9px, 1.1vw, 16px); }
.language-dropdown {
    display: inline-flex;
    flex: 0 0 48px;
    width: 48px;
    min-width: 48px;
    height: 35px;
    min-height: 35px;
    padding: 0;
    border: 1px solid #e4e9e5;
    border-radius: 10px;
    background: #fff;
    color: var(--forest-deep);
}
.language-dropdown > summary {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 100%;
    min-height: 33px;
    padding: 0 6px;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .045em;
}
.language-current-code { line-height: 1; }
.language-dropdown > summary::after {
    margin-left: 0;
    font-size: 13px;
    line-height: 1;
}
.language-dropdown-menu {
    min-width: 190px;
    padding: 6px;
    border-radius: 12px;
}
.language-dropdown-menu a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 39px;
    padding: 8px 10px;
}
.language-option-code {
    display: inline-grid;
    flex: 0 0 29px;
    width: 29px;
    height: 24px;
    place-items: center;
    border-radius: 6px;
    background: #f0f4f1;
    color: var(--forest);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .04em;
}
.language-option-name { flex: 1; }
.language-option-check { color: #9a7436; font-weight: 900; }
@media (max-width: 1100px) {
    .primary-navigation { gap: 9px; }
    .language-dropdown { flex-basis: 46px; width: 46px; min-width: 46px; }
}
@media (max-width: 860px) {
    .primary-navigation .language-dropdown {
        align-self: flex-start;
        margin: 10px 0 4px;
    }
    .language-dropdown-menu { left: 0; right: auto; }
}