.effet-mer-page{--em-ink:#234c56;--em-soft:#eaf1ed;--em-sand:#fbf5eb;color:#303d3b;background:#fffdf9}
.em-welcome{position:relative;background:var(--em-sand);padding:clamp(3rem,6vw,6rem) 0 5rem}
.em-welcome-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.effet-mer-page .eyebrow{color:var(--em-ink);letter-spacing:.13em}
.em-intro h1{font-size:clamp(3.8rem,7vw,7rem);line-height:1.02;letter-spacing:-.055em;color:var(--em-ink);margin:.6rem 0 1.2rem}
.em-intro h1 span{color:#bb742f}
.em-subtitle{font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.4;font-family:Georgia,serif;color:var(--em-ink)}
.em-intro p{max-width:38rem}
.em-opening{margin-top:1.8rem;font-style:italic}
.em-signature{font:italic 1.9rem Georgia,serif;color:var(--em-ink);margin:1rem 0 1.8rem}
.em-button{display:inline-flex;align-items:center;gap:1rem;border-radius:40px;padding:.9rem 1.4rem;background:var(--em-ink);color:#fff;text-decoration:none;font-weight:700}
.em-button:hover{background:#163941;color:#fff}
.em-button:focus-visible,.effet-mer-page a:focus-visible{outline:3px solid #bd762f;outline-offset:5px}
.em-portrait{position:relative;margin:0 0 4rem;padding:12px 12px 18px;background:white;box-shadow:0 18px 50px #234c5617;border-radius:150px 150px 10px 10px}
.em-portrait img{display:block;width:100%;height:auto;border-radius:140px 140px 3px 3px}
.em-portrait figcaption{text-align:center;font-size:.85rem;padding:.8rem .4rem 0;color:#56645f}
.em-bubble{position:absolute;right:-.5rem;bottom:-4rem;max-width:92%;padding:1rem 1.3rem;border:1px solid #bfd0c8;border-radius:22px 22px 22px 2px;background:#fffdf9;font:italic 1.1rem/1.5 Georgia,serif;box-shadow:0 8px 20px #234c5610}
.em-bubble span{display:block;font:600 .8rem/1.5 sans-serif;color:var(--em-ink);margin-top:.5rem}
.em-wave{position:absolute;bottom:-1px;left:0;width:100%;height:50px;color:#fffdf9}
.em-findings{padding-top:3.5rem;padding-bottom:4rem;scroll-margin-top:6rem}
.effet-mer-page h2{font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.2;color:var(--em-ink);letter-spacing:-.035em;margin:.6rem 0 1rem}
.em-section-lead{max-width:42rem;margin-bottom:2rem}
.em-empty{padding:2rem clamp(1.2rem,4vw,4rem);text-align:center;background:var(--em-soft);border-radius:18px;border:1px solid #d6e2da}
.em-empty p{max-width:40rem;margin:1rem auto}
.em-empty h3{font:1.5rem/1.4 Georgia,serif;color:var(--em-ink)}
.em-ripple{font-size:3.5rem;line-height:1;color:#638a85}
.em-farewell{text-align:center;padding-top:2rem;padding-bottom:4rem;color:var(--em-ink)}
.em-farewell p{font:italic clamp(1.3rem,2vw,1.8rem)/1.5 Georgia,serif;margin-bottom:.4rem}
@media(max-width:760px){.em-welcome-inner{grid-template-columns:1fr}.em-welcome{padding-top:2.5rem}.em-portrait{max-width:420px;margin:1rem auto 4rem}.em-bubble{right:0}.em-button{font-size:.9rem}.em-intro h1{font-size:4.5rem}}
/* Keep the caption readable above the Chaton's aside at every screen size. */
.em-bubble{position:relative;right:auto;bottom:auto;max-width:100%;margin:1rem 0 0}