@font-face {font-family:'Poppins';src:local('Poppins Regular'),local('Poppins-Regular'),url('../Poppins-Regular.woff2') format('woff2'),url('../Poppins-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face {font-family:'Poppins';src:local('Poppins SemiBold'),local('Poppins-SemiBold'),url('../Poppins-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face {font-family:'Marcellus';src:local('Marcellus'),local('Marcellus-Regular'),url('../Marcellus-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
:root {--abysse:#04181D;--profond:#062C35;--lagon:#2A7F82;--or:#F2C48D;--or-clair:#F8DDBB;--ecume:#EFE8DC;--brume:rgba(239,232,220,.74);--titre:'Marcellus',Georgia,'Times New Roman',serif;}
html {margin:0;padding:0;scroll-behavior:smooth;}
body {margin:0;padding:0;font-family:'Poppins',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-weight:400;font-size:18px;line-height:1.7;background-color:var(--abysse);color:var(--ecume);overflow-x:hidden;}
.mer {position:fixed;inset:0;background-color:var(--profond);background-image:url(../yoga-images/mer-fond-2560.webp);background-size:cover;background-position:center;z-index:-3;}
.profondeur {position:fixed;inset:0;background-color:var(--abysse);opacity:0;z-index:-2;pointer-events:none;}
.goeland {position:fixed;left:0;top:0;height:auto;z-index:-1;opacity:0;pointer-events:none;transform-origin:50% 50%;will-change:transform,opacity;filter:drop-shadow(0 0 18px rgba(242,196,141,.25));}
.goeland.vole {opacity:1;}
h1, h2, h3 {font-family:var(--titre);font-weight:400;color:var(--ecume);margin:0;}
h2 {font-size:38px;line-height:1.2;margin:0 0 22px 0;}
h3 {font-size:25px;line-height:1.3;margin:0 0 12px 0;}
p {margin:0 0 18px 0;}
a {color:var(--or);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .3s;}
a:hover {color:var(--or-clair);}
a:focus-visible, button:focus-visible {outline:2px solid var(--or);outline-offset:4px;}
strong {font-weight:600;color:var(--or);}
.surface {position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 6vw 13vh 6vw;box-sizing:border-box;}
.surface::before {content:'';position:absolute;left:0;right:0;bottom:0;height:65%;background:linear-gradient(to top,rgba(4,24,29,.82) 0%,rgba(4,24,29,.45) 55%,rgba(4,24,29,0) 100%);z-index:-1;}
.surface-texte {max-width:780px;text-shadow:0 1px 3px rgba(0,0,0,.45);}
.signature {font-size:16px;color:var(--or);letter-spacing:.04em;margin:0 0 16px 0;}
.promesse {display:block;font-size:clamp(40px,5.6vw,76px);line-height:1.08;}
.lieu {display:block;font-family:'Poppins',system-ui,sans-serif;font-size:19px;line-height:1.5;color:var(--brume);margin:22px 0 0 0;max-width:620px;}
.actions {margin:34px 0 0 0;display:flex;flex-wrap:wrap;gap:14px;}
.bouton {display:inline-block;padding:15px 28px;background-color:var(--or);color:var(--abysse);font-weight:600;font-size:17px;line-height:1.3;text-decoration:none;text-shadow:none;border-radius:14px 0 14px 14px;transition:background-color .3s,color .3s;}
.bouton:hover {background-color:var(--or-clair);color:var(--abysse);}
.bouton-clair {background-color:transparent;color:var(--or);box-shadow:inset 0 0 0 1px var(--or);}
.bouton-clair:hover {background-color:rgba(242,196,141,.14);color:var(--or-clair);}
.plonger {position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;letter-spacing:.08em;color:var(--brume);text-decoration:none;}
.plonger span {display:block;width:1px;height:46px;background:linear-gradient(to bottom,var(--or),rgba(242,196,141,0));}
.voile {position:relative;isolation:isolate;max-width:680px;margin:0 auto 24vh auto;padding:56px 60px;text-shadow:0 1px 2px rgba(0,0,0,.5);}
.voile::before {content:'';position:absolute;inset:-30px;background-color:rgba(4,24,29,.78);border-radius:80px;filter:blur(40px);z-index:-1;}
.voile:first-of-type {margin-top:18vh;}
.gauche {margin-left:6vw;margin-right:auto;}
.droite {margin-left:auto;margin-right:6vw;}
.large {max-width:900px;}
.voile ul {margin:0 0 22px 0;padding:0 0 0 20px;}
.voile li {margin:0 0 8px 0;}
.portrait {float:right;width:220px;height:auto;margin:6px 0 18px 28px;border-radius:40px 0 40px 40px;}
.date {font-family:var(--titre);font-size:46px;line-height:1.1;color:var(--or);margin:0 0 14px 0;}
.theme {font-family:var(--titre);font-size:24px;line-height:1.45;color:var(--ecume);margin:0 0 22px 0;}
.sous-titre {font-family:var(--titre);font-size:22px;color:var(--or);margin:-10px 0 24px 0;}
.deux-lieux {display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:34px 0 0 0;}
.lieu-formation {border-top:1px solid rgba(242,196,141,.55);padding:20px 0 0 0;}
.lieu-formation p {color:var(--brume);}
.lien-suite {display:inline-block;margin:6px 0 0 0;font-weight:600;}
.abysse {max-width:820px;margin:34vh auto 0 auto;padding:0 24px;text-align:center;}
.abysse blockquote {margin:0;padding:0;font-family:var(--titre);font-size:27px;line-height:1.6;color:var(--ecume);}
.abysse blockquote p {margin:0 0 20px 0;}
.abysse .auteur {font-size:16px;letter-spacing:.06em;color:var(--or);margin:26px 0 0 0;}
.liens {max-width:820px;margin:22vh auto 0 auto;padding:40px 24px 0 24px;border-top:1px solid rgba(242,196,141,.3);}
.liens ul {list-style:none;margin:0;padding:0;columns:2;column-gap:40px;}
.liens li {margin:0 0 12px 0;break-inside:avoid;}
.liens a {text-decoration:none;font-size:17px;}
.liens a:hover {text-decoration:underline;}
.contact {text-align:center;margin:60px auto 0 auto;padding:0 24px;color:var(--brume);}
.contact .tel {font-size:22px;color:var(--ecume);font-weight:600;}
.reseaux {margin:18px 0 0 0;}
.reseaux a {margin:0 10px;}
footer {max-width:900px;margin:60px auto 0 auto;padding:30px 24px 60px 24px;text-align:center;font-size:14px;line-height:1.7;color:rgba(239,232,220,.55);}
footer a {color:rgba(239,232,220,.7);}
.back_top {position:fixed;bottom:30px;right:30px;width:60px;height:60px;opacity:.4;transition:opacity .5s;background-image:url(../yoga-images/fleche-page2.png);cursor:pointer;background-size:contain;background-repeat:no-repeat;border:0;background-color:transparent;}
.back_top:hover {opacity:.9;}
@media only screen and (max-width:1280px) {
.mer {background-image:url(../yoga-images/mer-fond-1280.webp);}
}
@media only screen and (max-width:768px) {
body {font-size:17px;}
h2 {font-size:28px;}
h3 {font-size:21px;}
.surface {padding:0 22px 9vh 22px;}
.plonger {display:none;}
.lieu {font-size:17px;}
.bouton {width:100%;text-align:center;box-sizing:border-box;}
.voile, .gauche, .droite, .large {margin:0 0 14vh 0;padding:36px 22px;max-width:none;}
.voile::before {inset:-10px 0;border-radius:40px;filter:blur(24px);background-color:rgba(4,24,29,.84);}
.voile:first-of-type {margin-top:12vh;}
.portrait {float:none;display:block;width:100%;max-width:320px;margin:0 auto 22px auto;}
.date {font-size:34px;}
.theme {font-size:20px;}
.deux-lieux {grid-template-columns:1fr;gap:28px;}
.abysse blockquote {font-size:21px;}
.liens ul {columns:1;}
.back_top {bottom:10px;right:10px;width:40px;height:40px;}
}
@media (prefers-reduced-motion:reduce) {
html {scroll-behavior:auto;}
.goeland {transition:none;}
}