:root{--page-accent:#d95823;--page-deep:#153f3e;--page-soft:#f9e9c8;--page-second:#9bd8d0}
.detail-page{background:#fffdf8}.detail-header{color:var(--page-deep)}.detail-header .nav-cta{border-color:currentColor}
.detail-hero{position:relative;min-height:720px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;overflow:hidden;padding:140px max(6vw,calc((100vw - 1180px)/2)) 90px;background:linear-gradient(118deg,var(--page-soft) 0 61%,var(--page-second) 61%)}
.detail-hero-copy{position:relative;z-index:2}.detail-hero .back-link{display:inline-block;margin-bottom:44px;color:var(--page-accent);font-weight:700;text-decoration:none}.detail-hero h1{color:var(--page-deep);font-size:clamp(3.6rem,6vw,6.1rem)}.detail-hero h1 em{color:var(--page-accent)}.detail-hero-copy>p:not(.eyebrow){max-width:680px;margin:26px 0 30px;font-size:1.16rem}.detail-primary{color:white;background:var(--page-accent);border:0;cursor:pointer}.detail-primary:hover{filter:brightness(.88)}
.symbol-stage{position:relative;display:grid;place-items:center;min-height:500px}.symbol-stage:before,.symbol-stage:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--page-deep) 30%,transparent);border-radius:50%}.symbol-stage:before{width:88%;aspect-ratio:1;transform:translate(-3%,2%)}.symbol-stage:after{width:66%;aspect-ratio:1;transform:translate(7%,-5%)}.symbol-stage img{position:relative;z-index:2;width:min(360px,66%);border-radius:50%;transform:translate(-4%,3%);filter:drop-shadow(0 24px 28px rgba(20,60,57,.22))}.symbol-word{position:absolute;z-index:3;padding:8px 14px;border-radius:999px;color:var(--page-deep);background:white;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.word-one{top:13%;left:2%}.word-two{right:0;top:30%}.word-three{right:10%;bottom:10%}
@media(prefers-reduced-motion:no-preference){.detail-page .symbol-stage .word-one{animation:orbit-word-one 13s ease-in-out infinite}.detail-page .symbol-stage .word-two{animation:orbit-word-two 16s ease-in-out infinite reverse}.detail-page .symbol-stage .word-three{animation:orbit-word-three 11s ease-in-out infinite}@keyframes orbit-word-one{0%,100%{transform:translate(0,0) rotate(-7deg)}24%{transform:translate(42px,-18px) rotate(5deg)}53%{transform:translate(76px,34px) rotate(-3deg)}78%{transform:translate(18px,58px) rotate(8deg)}}@keyframes orbit-word-two{0%,100%{transform:translate(0,0) rotate(8deg)}31%{transform:translate(-28px,54px) rotate(-5deg)}61%{transform:translate(-82px,20px) rotate(7deg)}82%{transform:translate(-42px,-34px) rotate(-8deg)}}@keyframes orbit-word-three{0%,100%{transform:translate(0,0) rotate(-5deg)}22%{transform:translate(-54px,-25px) rotate(7deg)}49%{transform:translate(-18px,-66px) rotate(-9deg)}74%{transform:translate(42px,-28px) rotate(5deg)}}}
.detail-section{padding:105px max(6vw,calc((100vw - 1180px)/2))}.detail-section .lead{max-width:780px;font-size:1.2rem}.intro-grid,.step-grid,.summer-grid,.price-grid{display:grid;gap:20px;margin-top:48px}.intro-grid{grid-template-columns:repeat(3,1fr)}.step-grid{grid-template-columns:repeat(4,1fr)}.summer-grid,.price-grid{grid-template-columns:repeat(3,1fr)}
.info-card,.step-card,.summer-card,.price-card{padding:30px;border:1px solid rgba(21,63,62,.12);border-radius:24px;background:white;box-shadow:0 13px 32px rgba(21,63,62,.07)}.info-card span,.step-card span,.summer-card span{color:var(--page-accent);font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.info-card h3,.step-card h3,.summer-card h3,.price-card h3{margin:10px 0 10px;color:var(--page-deep);font-family:"Playfair Display",serif;font-size:1.55rem;line-height:1.15}.info-card p,.step-card p,.summer-card p,.price-card p{margin:0}.price-card strong{display:block;margin:12px 0;color:var(--page-accent);font-family:"Playfair Display",serif;font-size:2.1rem}.price-card.featured{color:white;background:var(--page-deep)}.price-card.featured h3{color:white}.price-card.featured strong{color:var(--page-second)}
.split-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;background:var(--page-soft)}.fact-list{display:grid;gap:0;margin:35px 0 0}.fact-list div{display:grid;grid-template-columns:145px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid rgba(21,63,62,.16)}.fact-list span{color:var(--page-accent);font-weight:700}.quote-panel{padding:40px;border-radius:28px;color:white;background:var(--page-deep)}.quote-panel blockquote{margin:0;font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.15}.quote-panel p{margin:24px 0 0;opacity:.88}
.form-section{display:grid;grid-template-columns:.78fr 1.22fr;gap:75px;align-items:start}.form-copy{position:sticky;top:35px}.form-copy>p:not(.eyebrow){max-width:460px}.contact-note{margin-top:28px;padding:22px;border-left:4px solid var(--page-accent);background:var(--page-soft)}.real-form{display:grid;gap:18px;padding:38px;border-radius:30px;background:white;box-shadow:0 18px 55px rgba(21,63,62,.11)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.real-form label{display:grid;gap:7px;color:var(--page-deep);font-size:.9rem;font-weight:700}.real-form small{font-weight:400}.real-form input,.real-form select,.real-form textarea{width:100%;padding:13px 14px;color:#253230;background:#fffaf2;border:1px solid #d9c9b5;border-radius:10px;font:inherit;font-size:1rem}.real-form input:focus,.real-form select:focus,.real-form textarea:focus{outline:3px solid color-mix(in srgb,var(--page-accent) 22%,transparent);border-color:var(--page-accent)}.real-form fieldset{display:flex;gap:24px;margin:0;padding:17px;border:1px solid #d9c9b5;border-radius:10px}.real-form legend{padding:0 7px;color:var(--page-deep);font-size:.9rem;font-weight:700}.real-form .radio,.real-form .check{display:flex;grid-template-columns:20px 1fr;align-items:start}.real-form .radio input,.real-form .check input{width:auto;margin-top:4px}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{margin:0;font-weight:700}.form-status.success{padding:18px;border-radius:12px;color:#07594f;background:#d9f2e9}.form-status.error{padding:18px;border-radius:12px;color:#7d1e24;background:#ffe3e3}
.notice{padding:70px max(6vw,calc((100vw - 1180px)/2));text-align:center;color:white;background:var(--page-deep)}.notice h2{color:white}.notice p{max-width:720px;margin:22px auto 0;font-size:1.1rem}.project-cloud{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.project-cloud span{padding:11px 16px;border-radius:999px;color:var(--page-deep);background:var(--page-soft);font-weight:600}.newsletter{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;color:white;background:var(--page-deep)}.newsletter h2{color:white}.newsletter .real-form{color:#253230}.newsletter .real-form label{color:var(--page-deep)}
.section-button{margin-top:34px}.project-doorways{display:grid;grid-template-columns:1fr 1fr;gap:22px;background:var(--page-soft)}.project-doorway{display:block;min-height:390px;padding:42px;border-radius:36px;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.project-doorway:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(21,63,62,.16)}.project-doorway span{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.project-doorway h2{margin:15px 0}.project-doorway p{max-width:520px}.project-doorway strong{display:inline-block;margin-top:30px}.story-doorway{color:white;background:linear-gradient(145deg,rgba(15,57,58,.9),rgba(15,57,58,.76)),url('assets/lieu-cercle-feu-allume.webp') center/cover}.story-doorway h2,.story-doorway span{color:white}.place-doorway{color:var(--page-deep);background:linear-gradient(145deg,rgba(255,240,207,.95),rgba(212,223,158,.85)),url('assets/lieu-salle.png') center/cover}.place-doorway h2{color:var(--page-deep)}
.meditation-page{--page-accent:#e5a933;--page-deep:#073f49;--page-soft:#eaf6f4;--page-second:#4faead}.meditation-page .detail-hero{color:white;background:radial-gradient(circle at 78% 22%,rgba(229,169,51,.25),transparent 25%),linear-gradient(118deg,#062f3a 0 61%,#0d6670 61%)}.meditation-page .detail-hero h1,.meditation-page .detail-hero .eyebrow{color:white}.meditation-page .detail-hero h1 em,.meditation-page .detail-hero .back-link{color:#f1c05c}.meditation-page .symbol-word{color:#073f49}.meditation-page .detail-header{color:white}
.stages-page{--page-accent:#e25c25;--page-deep:#315543;--page-soft:#fff0cf;--page-second:#d4df9e}
.conte-page{--page-accent:#d86b2b;--page-deep:#164e54;--page-soft:#fff0d1;--page-second:#9bd9d3}
.praticien-page{--page-accent:#c65332;--page-deep:#313e68;--page-soft:#f4e8d4;--page-second:#a9c5d8}
.clown-page{--page-accent:#c63c3c;--page-deep:#5c2040;--page-soft:#fff0c7;--page-second:#f0a255}
.couple-page{--page-accent:#b84e55;--page-deep:#542a4b;--page-soft:#f9e5df;--page-second:#e4a694}
.rire-page{--page-accent:#e85e2d;--page-deep:#075c63;--page-soft:#fff0ba;--page-second:#62c6c1}
.highlight-band{padding:72px max(6vw,calc((100vw - 1180px)/2));color:white;background:var(--page-deep)}.highlight-band h2{color:white}.highlight-band p{max-width:820px;margin:20px 0 0;font-size:1.12rem}.audience-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.audience-list div{padding:22px;border-radius:18px;background:color-mix(in srgb,var(--page-second) 25%,white);color:var(--page-deep);font-weight:700}.duo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:42px}.duo-grid article{padding:30px;border-radius:24px;background:white}.duo-grid h3{margin:0 0 10px;color:var(--page-deep);font-family:"Playfair Display",serif;font-size:1.65rem}.duo-grid p{margin:0}.formation-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.formation-nav a{padding:10px 15px;border:1px solid rgba(21,63,62,.2);border-radius:999px;color:var(--page-deep);font-weight:700;text-decoration:none;background:white}
@media(max-width:900px){.detail-header{color:var(--page-deep)}.meditation-page .detail-header{color:white}.detail-hero{grid-template-columns:1fr;padding-top:145px;background:linear-gradient(155deg,var(--page-soft) 0 70%,var(--page-second) 70%)}.meditation-page .detail-hero{background:linear-gradient(155deg,#062f3a 0 70%,#0d6670 70%)}.symbol-stage{min-height:420px}.intro-grid,.step-grid{grid-template-columns:1fr 1fr}.summer-grid,.price-grid,.audience-list{grid-template-columns:1fr}.split-section,.form-section,.newsletter,.project-doorways{grid-template-columns:1fr}.form-copy{position:static}}
@media(max-width:600px){.detail-hero{padding:125px 20px 65px}.detail-hero .back-link{margin-bottom:30px}.detail-hero h1{font-size:3.05rem}.symbol-stage{min-height:340px}.detail-section{padding:75px 20px}.intro-grid,.step-grid,.duo-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.real-form{padding:24px}.real-form fieldset{flex-wrap:wrap}.fact-list div{grid-template-columns:1fr;gap:4px}.form-section{gap:38px}}

.story-images{display:grid;grid-template-columns:.82fr 1.18fr;gap:22px;padding:0 max(6vw,calc((100vw - 1180px)/2)) 105px;background:#fffdf8}.story-images figure{position:relative;height:390px;margin:0;overflow:hidden;border-radius:45% 55% 49% 51% / 55% 42% 58% 45%;box-shadow:0 20px 46px rgba(21,63,62,.13)}.story-images figure:nth-child(2){height:450px;margin-top:35px;border-radius:57% 43% 42% 58% / 44% 56% 44% 56%}.story-images img{width:100%;height:100%;object-fit:cover}.story-images figure::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(to top,rgba(10,42,42,.82),transparent)}.story-images figcaption{position:absolute;z-index:2;right:12%;bottom:24px;left:12%;color:white;font-weight:700;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.45)}.meditation-images{background:linear-gradient(#fffdf8,#eaf6f4)}.clown-images{background:linear-gradient(#fffdf8,#fff0c7)}
@media(max-width:600px){.story-images{grid-template-columns:1fr;padding:0 20px 75px}.story-images figure,.story-images figure:nth-child(2){height:320px;margin-top:0;border-radius:28px}}

/* Les photos de la formation clown gardent leur format et leurs légendes dessous. */
.clown-images{grid-template-columns:1fr 1fr;align-items:start;background:linear-gradient(#fffdf8,#fff0c7)}
.clown-images figure,.clown-images figure:nth-child(2){height:auto;margin:0;overflow:visible;border-radius:0;background:transparent;box-shadow:none}
.clown-images figure::after{display:none}
.clown-images img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;box-shadow:0 20px 46px rgba(112,43,35,.14)}
.clown-images figure:first-child img{border-radius:28px 135px 28px 28px}
.clown-images figure:nth-child(2) img{border-radius:135px 28px 28px 28px}
.clown-images figcaption{position:relative;inset:auto;padding:17px 12px 0;color:#6c2c29;font-family:"Playfair Display",serif;font-size:1.08rem;text-align:center;text-shadow:none}
@media(max-width:600px){.clown-images{gap:34px}.clown-images figure,.clown-images figure:nth-child(2){height:auto;border-radius:0}.clown-images figure:first-child img{border-radius:22px 90px 22px 22px}.clown-images figure:nth-child(2) img{border-radius:90px 22px 22px 22px}.clown-images figcaption{padding-top:14px}}

/* Retours anonymes : synthèse des impressions reçues après les formations Racont’Art. */
.participant-echoes{padding:92px max(6vw,calc((100vw - 1180px)/2));background:linear-gradient(145deg,var(--page-deep),color-mix(in srgb,var(--page-deep) 82%,var(--page-accent)))}
.echoes-heading{max-width:760px;color:white}.echoes-heading .eyebrow,.echoes-heading h2{color:white}.echoes-heading>p:last-child{margin-top:16px;opacity:.82}
.echo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:42px}.echo-grid blockquote{position:relative;margin:0;padding:34px 34px 34px 48px;border-radius:8px 32px 8px 32px;color:var(--page-deep);background:#fffdf8;font-family:"Playfair Display",serif;font-size:1.25rem;line-height:1.5;box-shadow:0 14px 34px rgba(0,0,0,.12)}.echo-grid blockquote:nth-child(even){transform:translateY(14px);border-radius:32px 8px 32px 8px}.echo-grid blockquote:before{content:"“";position:absolute;top:13px;left:18px;color:var(--page-accent);font-size:2.8rem;line-height:1}
@media(max-width:900px){.echo-grid{grid-template-columns:1fr}.echo-grid blockquote:nth-child(even){transform:none}}
@media(max-width:600px){.participant-echoes{padding:72px 20px}.echo-grid blockquote{padding:28px 24px 28px 42px;font-size:1.1rem}}