.newsletter-section{padding-top:48px;padding-bottom:64px}.newsletter-card{position:relative;display:grid;grid-template-columns:1fr 1.15fr;isolation:isolate;overflow:hidden;border:1px solid #dce9e5;border-radius:30px;background:#f4f9f7;box-shadow:0 18px 50px -24px #123d3b40}.newsletter-copy{position:relative;padding:48px;background:radial-gradient(ellipse at 0 100%,#63baaa42,transparent 70%),linear-gradient(135deg,#e2f3ed,#f3f9f5)}.newsletter-copy:after{content:"";position:absolute;width:320px;height:320px;right:-175px;top:60px;border:1px solid #419c8e25;border-radius:50%;box-shadow:0 0 0 36px #419c8e09,0 0 0 72px #419c8e07;z-index:-1}.newsletter-symbol{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #c7ded6;border-radius:16px;background:#ffffffb8;color:#007f76;margin-bottom:24px;box-shadow:0 8px 16px #215d4d0c}.newsletter-symbol svg{width:25px;height:25px}.newsletter-copy .eyebrow{font-size:11px;margin:0 0 14px;color:#3e7065}.newsletter-copy h2{font-size:clamp(27px,3.2vw,43px);line-height:1.12;letter-spacing:-.045em;margin:0 0 18px}.newsletter-copy h2 em{color:#007f76;font-style:normal}.newsletter-copy>p:not(.eyebrow){max-width:36ch;font-size:16px;line-height:1.65;color:#516860}.newsletter-signature{display:flex;gap:10px;align-items:center;margin-top:28px;font-size:12px;color:#528071}.newsletter-signature svg{width:22px}.newsletter-form-panel{padding:48px;background:#ffffffb5;align-content:center;min-width:0}.newsletter-form-panel label:not(.newsletter-consent){font-size:14px;font-weight:600;color:#273e38}.newsletter-input-row{display:flex;gap:10px;margin:10px 0 18px}.newsletter-input-row input{width:100%;min-width:0;border:1px solid #c6d8d2;background:white;border-radius:12px;padding:14px 16px;color:#17332c;font:inherit}.newsletter-input-row input:focus-visible{outline:3px solid #007f7630;border-color:#007f76}.newsletter-input-row .button{flex-shrink:0;padding:14px 20px;font-size:14px;min-height:52px;gap:9px}.newsletter-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;color:#50645c;cursor:pointer}.newsletter-consent input{width:18px;height:18px;flex-shrink:0;accent-color:#007f76;margin-top:2px}.newsletter-note{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.5;color:#62756c;margin:18px 0 12px}.newsletter-note svg{width:16px;height:18px;flex-shrink:0}.newsletter-links{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px}.newsletter-links a{text-decoration:underline;text-underline-offset:3px;color:#21685d}.newsletter-sender{font-size:10px;line-height:1.5;color:#738279;margin:14px 0 0}.newsletter-feedback{font-size:14px;line-height:1.55;color:#195d4d}.newsletter-feedback:empty{display:none}.newsletter-feedback.is-error{color:#a92c39}.newsletter-feedback:not(:empty){padding:14px;border-radius:12px;background:#ebf6f1;margin-top:16px}.newsletter-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.newsletter-compact .newsletter-copy,.newsletter-compact .newsletter-form-panel{padding:32px}.newsletter-compact .newsletter-symbol,.newsletter-compact .newsletter-signature{display:none}.newsletter-compact .newsletter-copy{align-content:center}.newsletter-preferences{max-width:850px}.newsletter-preferences h1{font-size:clamp(36px,5vw,64px)}.newsletter-preferences-card{background:#f5f9f7;border:1px solid #dbe9e3;border-radius:24px;padding:32px;margin:32px 0;box-shadow:0 14px 32px -20px #123d3b40}.newsletter-preferences-card h2{font-size:28px}.newsletter-preferences-card p{overflow-wrap:anywhere;line-height:1.6}.newsletter-preferences-card form{margin:20px 0}.newsletter-input-row .button:disabled{opacity:.6;cursor:wait}
@media(max-width:1050px){.newsletter-card{grid-template-columns:.9fr 1.1fr}.newsletter-copy,.newsletter-form-panel{padding:32px}.newsletter-input-row{flex-wrap:wrap}.newsletter-input-row .button{width:100%;justify-content:center}}
@media(max-width:680px){.newsletter-section{padding-top:28px;padding-bottom:36px}.newsletter-card{grid-template-columns:1fr;border-radius:22px}.newsletter-copy,.newsletter-form-panel,.newsletter-compact .newsletter-copy,.newsletter-compact .newsletter-form-panel{padding:26px}.newsletter-copy .newsletter-symbol{display:none}.newsletter-signature{margin-top:16px}.newsletter-preferences-card{padding:24px}.newsletter-copy h2{font-size:32px}.newsletter-input-row input{font-size:16px}}

.newsletter-page-heading{padding-top:38px}.newsletter-page-heading h1{font-size:clamp(30px,4vw,48px);line-height:1.15;margin:8px 0 0}.newsletter-page-heading .eyebrow{margin:0}.page-infolettre .newsletter-preferences{padding-top:35px}