:root {
    --bg: #f7f4ef;
    --bg-alt: #f3efe8;
    --bg-soft: #fbfaf7;
    --card: rgba(255, 255, 255, 0.86);
    --text: #1f2937;
    --muted: #6b7280;
    --line: #e7e0d7;
    --accent: #1f3a2f;
    --gold-soft: #efe3c4;
    --radius: 28px;
    --radius-sm: 20px;
    --shadow: 0 20px 60px rgba(120, 110, 90, 0.12);
    --shadow-soft: 0 14px 35px rgba(120, 110, 90, 0.08);
    --header-h: 82px;
}
* {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {
    margin: 0;
    font-family: Inter, Arial, sans-serif;
    color: var(--text);
    background: var(--bg);
    line-height: 1.7;
}
body.home {
    scroll-snap-type: y mandatory;
    overflow-y: auto;
}
a {
    color: inherit;
    text-decoration: none;
}
img {
    max-width: 100%;
    height: auto;
    display: block;
}
.container {
    width: min(1220px, calc(100% - 40px));
    margin: 0 auto;
}
.narrow {
    width: min(860px, calc(100% - 32px));
}
.section {
    padding: 88px 0;
}
.section-alt {
    background: var(--bg-alt);
}
.center {
    text-align: center;
}
.center-text {
    text-align: center;
}
.site-header {
    position: sticky;
    top: 0;
    z-index: 40;
    backdrop-filter: blur(14px);
    background: rgba(247, 244, 239, 0.82);
    border-bottom: 1px solid rgba(231, 224, 215, 0.85);
}
.header-inner {
    min-height: var(--header-h);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.brand strong {
    display: block;
    font-size: 1.1rem;
}
.eyebrow {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 0.78rem;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: var(--muted);
}
.main-nav ul,
.menu-fallback {
    list-style: none;
    display: flex;
    gap: 22px;
    padding: 0;
    margin: 0;
}
.main-nav a {
    color: var(--muted);
}
.main-nav a:hover {
    color: var(--text);
}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 22px;
    border-radius: 999px;
    transition: 0.25s ease;
    border: 1px solid transparent;
}
.btn:hover {
    transform: translateY(-1px);
}
.btn-primary {
    background: var(--accent);
    color: #fff;
}
.btn-secondary {
    background: rgba(255, 255, 255, 0.78);
    color: var(--text);
    border-color: var(--line);
}
.home-wrapper {
    scroll-snap-type: y mandatory;
}
.panel {
    min-height: calc(100svh - var(--header-h));
    scroll-snap-align: start;
    scroll-snap-stop: always;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 64px 0;
}
.section-full {
    width: 100%;
}

.section-copyright{
    position: absolute;
    right: 16px;
    bottom: 12px;
    font-size: 12px;
    color: #6b7280;
    opacity: .85;
    z-index: 5;
}

.section-copyright a{
    color: inherit;
    text-decoration: underline;
}

.section-copyright a:hover{
    opacity: .7;
}



.hero-full,
.panel-last,
.pricing-panel {
    min-height: calc(100svh - var(--header-h));
}
.panel-soft {
    background: linear-gradient(
        180deg,
        rgba(251, 250, 247, 0.98),
        rgba(247, 244, 239, 0.96)
    );
}
.panel-soft-2 {
    background: radial-gradient(
            circle at 85% 20%,
            rgba(233, 243, 238, 0.9),
            transparent 18%
        ),
        linear-gradient(
            180deg,
            rgba(247, 244, 239, 0.98),
            rgba(243, 239, 232, 0.98)
        );
}
.hero-panel {
    background: radial-gradient(
            circle at 20% 20%,
            rgba(167, 243, 208, 0.18),
            transparent 22%
        ),
        radial-gradient(
            circle at 80% 18%,
            rgba(253, 230, 138, 0.16),
            transparent 18%
        ),
        radial-gradient(
            circle at 50% 75%,
            rgba(255, 255, 255, 0.55),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            rgba(247, 244, 239, 0.78),
            rgba(243, 239, 232, 0.96)
        );
}
.hero-grid,
.split-section,
.about-grid,
.cta-grid,
.footer-grid {
    display: grid;
    gap: 36px;
    align-items: center;
}
.hero-grid {
    grid-template-columns: 1.03fr 0.97fr;
}
.hero-grid-marina {
    align-items: center;
}
.split-section {
    grid-template-columns: 0.98fr 1.02fr;
}
.about-grid,
.cta-grid,
.footer-grid {
    grid-template-columns: 1fr 1fr;
}
.hero h1,
.page-hero h1,
.panel h2,
.section h2 {
    line-height: 1.04;
    margin: 0 0 18px;
}
.hero h1 {
    font-size: clamp(2.8rem, 6vw, 5.6rem);
}
.panel h2,
.section h2 {
    font-size: clamp(2rem, 4vw, 3.8rem);
}
.page-hero h1 {
    font-size: clamp(2.4rem, 4vw, 4rem);
}
.hero p,
.panel p,
.section p,
blockquote,
.hero-text-page {
    color: var(--muted);
}
.hero-lead {
    font-size: 1.08rem;
    max-width: 760px;
}
.hero-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 24px;
}
.hero-cards,
.grid-2,
.grid-3,
.grid-4 {
    display: grid;
    gap: 18px;
    margin-top: 28px;
}
.hero-cards {
    grid-template-columns: repeat(3, 1fr);
}
.hero-cards-2 {
    grid-template-columns: repeat(2, 1fr);
}
.grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.card-soft,
.content-card,
.info-card {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}
.card-soft,
.content-card {
    padding: 28px;
}
.info-card {
    padding: 18px;
    display: grid;
    gap: 6px;
}
.media-card {
    padding: 14px;
}
.media-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: calc(var(--radius) - 10px);
}
.hero-grid-refined {
    align-items: center;
}
.hero-visual-stack {
    position: relative;
    min-height: 620px;
    padding: 24px 28px 24px 0;
}
.hero-main-photo {
    height: 100%;
    min-height: 620px;
}
.hero-side-photo {
    position: absolute;
    right: 0;
    bottom: 0;
    width: min(260px, 42%);
    min-height: 340px;
}
.hero-side-photo img {
    object-position: center top;
}
.profile-section {
    grid-template-columns: 1.05fr 0.95fr;
}
.profile-visuals {
    display: grid;
    gap: 18px;
    align-items: stretch;
}
.profile-photo-card {
    min-height: 310px;
}
.diploma-card {
    min-height: 250px;
}
.diploma-landscape img {
    object-fit: contain;
    background: #fff;
    padding: 10px;
}
.profile-highlights {
    grid-template-columns: repeat(3, minmax(170px, 1fr));
}
.wide-mini-card {
    min-height: 156px;
}
.reflexo-layout {
    display: grid;
    grid-template-columns: 1.08fr 0.88fr 0.96fr;
    gap: 22px;
    align-items: stretch;
}
.equal-card,
.same-height-card {
    height: 100%;
}
.reflexo-copy,
.reflexo-benefits-card,
.reflexo-schema-card {
    min-height: 100%;
}
.reflexo-schema-card {
    display: flex;
    align-items: stretch;
    min-height: 420px;
}
.reflexo-schema-card img {
    object-fit: contain;
    background: #fff;
}
.stress-layout {
    grid-template-columns: 0.98fr 1.02fr;
}
.stress-info-grid .same-height-card {
    min-height: 170px;
}
.stress-card,
.stress-visual {
    min-height: 480px;
}
.service-grid,
.steps-grid,
.session-detail-grid {
    margin-top: 24px;
}
.service-grid-balanced .service-card {
    min-height: 210px;
}
.service-card {
    text-align: left;
}
.session-detail-card {
    min-height: 230px;
}
.soa-card {
    margin-top: 20px;
}
.oncology-stack .same-height-card {
    min-height: 250px;
}
.section-head {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: end;
}
.section-head.center {
    display: block;
    text-align: center;
}
.section-head-left {
    margin-bottom: 18px;
}
.pricing-layout {
    display: grid;
    grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr);
    gap: 28px;
    align-items: stretch;
}
.pricing-card {
    min-height: 100%;
}
.pricing-card-tall {
    min-height: calc(100svh - var(--header-h) - 128px);
    position: sticky;
    top: calc(var(--header-h) + 24px);
}
.pricing-card-tall img {
    object-fit: contain;
    background: #fff;
}
.pricing-side-column {
    display: grid;
    gap: 18px;
    align-content: center;
}
.practical-card {
    padding-top: 28px;
}
.pricing-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.mutuelle-list-card h3,
.pricing-copy h3,
.mini-feature h3,
.service-card h3,
.soa-card h3 {
    margin-top: 0;
    font-size: 1.25rem;
}
.mutuelle-columns {
    margin-top: 10px;
}
.list-clean {
    margin: 18px 0 0;
    padding-left: 18px;
    color: var(--muted);
}
.list-columns {
    columns: 2;
    column-gap: 28px;
}
.list-columns li {
    break-inside: avoid;
    margin-bottom: 8px;
}
.page-hero {
    padding: 86px 0 52px;
    border-bottom: 1px solid var(--line);
}
.content-card {
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.88),
        rgba(255, 255, 255, 0.82)
    );
}
.rich-content {
    box-shadow: var(--shadow-soft);
}
.rich-content h2,
.rich-content h3,
.rich-content h4 {
    color: var(--text);
    line-height: 1.15;
    margin-top: 1.8em;
}
.rich-content p,
.rich-content li {
    color: #4b5563;
}
.rich-content ul,
.rich-content ol {
    padding-left: 1.2rem;
}
.rich-content blockquote {
    margin: 24px 0;
    padding: 20px 22px;
    border-left: 4px solid var(--gold-soft);
    background: var(--bg-soft);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}
.article-cover {
    margin-bottom: 24px;
    overflow: hidden;
    border-radius: var(--radius);
    border: 1px solid var(--line);
}
.post-card h2 {
    font-size: 1.4rem;
    margin-top: 0;
}
.post-thumb {
    display: block;
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 18px;
}
.post-thumb img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}
.lift-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.lift-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px rgba(100, 90, 70, 0.12);
}
.text-link {
    display: inline-flex;
    margin-top: 12px;
    color: var(--accent);
    font-weight: 600;
}
.pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(231, 224, 215, 0.92);
    font-size: 0.85rem;
    color: #4b5563;
    margin-bottom: 22px;
}
.benefits-list {
    margin: 16px 0 0;
    padding-left: 18px;
    color: var(--muted);
}
.benefits-list li + li {
    margin-top: 10px;
}
.mini-feature p,
.service-card p,
.session-detail-card p,
.mutuelle-list-card p {
    margin-bottom: 0;
}
.soft-hero {
    background: linear-gradient(
        180deg,
        rgba(251, 250, 247, 0.95),
        rgba(243, 239, 232, 0.85)
    );
}
.hero-text-page {
    font-size: 1.06rem;
    max-width: 760px;
}
.site-footer {
    padding: 42px 0;
    background: #efe8dc;
    border-top: 1px solid var(--line);
}
.footer-grid {
    align-items: start;
}
.footer-note {
    color: var(--muted);
}
.stack-cards {
    display: grid;
    gap: 20px;
}
.panel-center {
    width: 100%;
}
.marina-home .panel .container {
    position: relative;
    z-index: 1;
}
.pricing-panel .container,
.session-panel .container {
    align-items: stretch;
}
.service-card,
.session-detail-card,
.mutuelle-list-card,
.pricing-copy,
.soa-card,
.mini-feature,
.reflexo-copy,
.reflexo-benefits-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.portrait-overlay {
    box-shadow: 0 30px 60px rgba(31, 58, 47, 0.18);
}
@media (max-width: 1180px) {
    .hero-grid,
    .split-section,
    .reflexo-layout,
    .pricing-layout,
    .about-grid,
    .cta-grid,
    .footer-grid {
        grid-template-columns: 1fr;
    }
    .grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .hero-visual-stack {
        min-height: unset;
        padding: 0;
    }
    .hero-main-photo {
        min-height: 440px;
    }
    .hero-side-photo {
        position: relative;
        right: auto;
        bottom: auto;
        width: min(320px, 58%);
        margin: -80px 0 0 auto;
    }
    .pricing-card-tall {
        position: relative;
        top: auto;
        min-height: 420px;
    }
    .reflexo-layout {
        gap: 20px;
    }
}
@media (max-width: 980px) {
    body.home,
    .home-wrapper {
        scroll-snap-type: none;
    }
    .panel {
        min-height: auto;
        scroll-snap-align: none;
        scroll-snap-stop: normal;
        padding: 72px 0;
    }
    .hero-full,
    .panel-last,
    .pricing-panel {
        min-height: auto;
    }
    .grid-2,
    .grid-3,
    .grid-4,
    .hero-cards,
    .hero-cards-2,
    .profile-highlights {
        grid-template-columns: 1fr;
    }
    .section-head {
        display: block;
    }
    .hero h1,
    .page-hero h1,
    .panel h2,
    .section h2 {
        line-height: 1.08;
    }
    .hero-side-photo {
        width: min(260px, 72%);
        margin: -60px 0 0 auto;
    }
    .stress-card,
    .stress-visual,
    .reflexo-schema-card,
    .pricing-card-tall {
        min-height: 340px;
    }
    .list-columns {
        columns: 1;
    }
}
@media (max-width: 640px) {
    .container {
        width: min(100% - 24px, 1220px);
    }
    .panel,
    .section {
        padding: 56px 0;
    }
    .card-soft,
    .content-card {
        padding: 22px;
    }
    .media-card {
        padding: 10px;
    }
    .hero-main-photo {
        min-height: 300px;
    }
    .hero-side-photo {
        min-height: 220px;
        width: 54%;
        margin: -46px 0 0 auto;
    }
    .hero-lead,
    .hero-text-page {
        font-size: 1rem;
    }
    .btn {
        width: 100%;
    }
    .hero-actions {
        display: grid;
        grid-template-columns: 1fr;
    }
    .post-thumb img {
        height: 220px;
    }
    .site-header {
        position: sticky;
    }
}



    .marina-home {
        --section-gap: 28px;
        --section-pad: 28px;
        --frame-radius: 30px;
        --frame-border: 1px solid rgba(231, 224, 215, 0.95);
        --frame-bg: rgba(255, 255, 255, 0.72);
        --frame-shadow: 0 20px 60px rgba(120, 110, 90, 0.10);
    }

    html {
        scroll-behavior: smooth;
    }

	.marina-home .pricing-section{
		width:100%;
	}

	.marina-home .center-head{
		text-align:center;
		margin-bottom:28px;
	}

	.marina-home .center-head h2{
		max-width:none;
	}

	.marina-home .pricing-layout{
		display:grid;
		grid-template-columns: 1fr 1fr;
		gap:28px;
	}

	.marina-home .soa-card{
		margin-top: 18px;
		min-height: 260px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	.marina-home .soa-card h3{
		margin-top: 0;
		margin-bottom: 18px;
	}

	.marina-home .soa-card p{
		margin: 0;
	}

	.marina-home .hero-section{
		background:
			radial-gradient(circle at 20% 20%, rgba(167,243,208,.18), transparent 24%),
			radial-gradient(circle at 80% 18%, rgba(253,230,138,.16), transparent 22%),
			linear-gradient(180deg, #f7f4ef 0%, #f3efe8 100%);
	}

	.marina-home .soft-section{
		background:
			linear-gradient(180deg,#fbfaf7 0%,#f7f4ef 100%);
	}

	.marina-home .alt-section{
		background:
			linear-gradient(180deg,#f3efe8 0%,#f7f4ef 100%);
	}
	
	.marina-home .hero-section,
	.marina-home .soft-section,
	.marina-home .alt-section{
		background-repeat:no-repeat;
		background-size:100% 100%;
	}

    body.home {
        scroll-snap-type: y mandatory;
        overflow-y: auto;
    }

    .marina-home {
        scroll-snap-type: y mandatory;
    }

	.marina-home .uniform-section {
		padding: var(--section-gap);
		height: 100svh;
		min-height: 100svh;
		max-height: 100svh;
		display: flex;
		align-items: stretch;
		box-sizing: border-box;
		overflow: hidden;
		scroll-snap-align: start;
		scroll-snap-stop: always;
		position: relative;
		z-index: 1;
	}

	.marina-home .uniform-container {
		width: min(1280px, 100%);
		height: 100%;
		margin: 0 auto;
		display: flex;
	}
	
	.marina-home .uniform-frame {
		width: 100%;
		height: 100%;
		min-height: 0;
		background: var(--frame-bg);
		border: var(--frame-border);
		border-radius: var(--frame-radius);
		box-shadow: var(--frame-shadow);
		padding: var(--section-pad);
		display: flex;
		align-items: stretch;
		box-sizing: border-box;
		overflow: hidden;
	}
	
	.marina-home .hero-grid,
	.marina-home .split-grid,
	.marina-home .triple-grid,
	.marina-home .stress-section-grid,
	.marina-home .pricing-layout {
		height: 100%;
		min-height: 0;
	}

    .marina-home .hero-grid,
    .marina-home .split-grid,
    .marina-home .triple-grid,
    .marina-home .pricing-layout,
    .marina-home .stress-section-grid {
        width: 100%;
    }

    .marina-home .hero-grid {
        display: grid;
        grid-template-columns: 1.12fr 0.88fr;
        gap: 24px;
        align-items: stretch;
    }

	.marina-home .hero-copy {
		display: flex;
		flex-direction: column;
		min-width: 0;
		min-height: 0;
	}

	.marina-home .hero-copy h1 {
		margin: 0 0 12px;
		line-height: 1.02;
		font-size: clamp(1.9rem, 3.6vw, 3.4rem);
		max-width: 10ch;
	}

	.marina-home .hero-copy p {
		margin: 0 0 14px;
	}

    .marina-home .hero-lead {
        font-size: 1.03rem;
    }

    .marina-home .hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
        margin-top: 14px;
		margin-bottom: 14px;
    }

    .marina-home .hero-cards,
    .marina-home .mini-cards,
    .marina-home .quad-grid,
    .marina-home .double-grid {
        display: grid;
        gap: 18px;
    }

	.marina-home .hero-cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		margin-top: 18px;
	}

	.marina-home .hero-visual-side {
		display: flex;
		align-items: stretch;
		height: 100%;
		min-height: 0;
	}

	.marina-home .hero-portrait {
		width: 100%;
		height: 100%;
		min-height: 0;
	}

    .marina-home .hero-portrait img {
        object-position: center top;
    }

    .marina-home .split-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 28px;
        align-items: stretch;
    }

    .marina-home .triple-grid {
        display: grid;
        grid-template-columns: 1.08fr 0.88fr 0.96fr;
        gap: 22px;
        align-items: stretch;
    }

    .marina-home .quad-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .marina-home .double-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .marina-home .section-head {
        margin-bottom: 24px;
    }

    .marina-home .section-head h2,
    .marina-home .split-grid h2,
    .marina-home .triple-grid h2,
    .marina-home .stress-top-copy h2 {
        margin-top: 0;
        margin-bottom: 16px;
        line-height: 1.08;
        font-size: clamp(2rem, 4vw, 3.2rem);
    }

    .marina-home .eyebrow {
        display: inline-block;
        margin-bottom: 8px;
        font-size: .78rem;
        letter-spacing: .22em;
        text-transform: uppercase;
        color: var(--muted);
    }

    .marina-home .card-soft,
    .marina-home .info-card {
        background: rgba(255,255,255,.82);
        border: 1px solid rgba(231, 224, 215, 0.95);
        border-radius: 26px;
        padding: 22px;
        box-sizing: border-box;
        height: 100%;
    }

    .marina-home .info-card {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 6px;
    }

    .marina-home .media-card {
        padding: 12px;
        overflow: hidden;
    }

    .marina-home .media-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 20px;
        display: block;
    }

    .marina-home .diploma-card img,
    .marina-home .schema-card img,
    .marina-home .pricing-card img,
    .marina-home .stress-image-card img {
        object-fit: contain;
        background: #fff;
    }

    .marina-home .mini-cards {
        margin-top: 24px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .marina-home .mini-card,
    .marina-home .service-card,
    .marina-home .detail-card,
    .marina-home .list-card {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .marina-home .mini-card h3,
    .marina-home .service-card h3,
    .marina-home .detail-card h3,
    .marina-home .list-card h3 {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .marina-home .benefits-list {
        margin: 0;
        padding-left: 18px;
        color: var(--muted);
    }

    .marina-home .benefits-list li + li {
        margin-top: 10px;
    }

    .marina-home .stress-section-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 28px;
        align-items: stretch;
    }

    .marina-home .stress-left {
        display: grid;
        grid-template-rows: auto 1fr auto;
        gap: 18px;
        height: 100%;
    }

    .marina-home .stress-top-copy {
        padding-right: 4px;
    }

    .marina-home .stress-bottom-cards {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        align-self: end;
    }

    .marina-home .stress-image-card {
        display: flex;
        align-items: stretch;
        justify-content: stretch;
        min-height: 100%;
        align-self: stretch;
    }

    .marina-home .stress-image-card .inner-image-wrap {
        width: 100%;
        height: 100%;
        min-height: 100%;
    }

    .marina-home .pricing-layout {
        display: grid;
        grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr);
        gap: 28px;
        align-items: stretch;
    }

    .marina-home .pricing-card {
        min-height: 100%;
    }

    .marina-home .pricing-side {
        display: grid;
        gap: 18px;
        align-content: stretch;
    }

    .marina-home .list-columns {
        columns: 2;
        column-gap: 28px;
        margin: 0;
        padding-left: 18px;
        color: var(--muted);
    }

    .marina-home .list-columns li {
        break-inside: avoid;
        margin-bottom: 8px;
    }

	@media (max-width: 1180px) {
		.marina-home .uniform-section {
			height: auto;
			min-height: 100svh;
			max-height: none;
			overflow: visible;
		}

		.marina-home .uniform-container,
		.marina-home .uniform-frame,
		.marina-home .hero-grid,
		.marina-home .split-grid,
		.marina-home .triple-grid,
		.marina-home .stress-section-grid,
		.marina-home .pricing-layout {
			height: auto;
			min-height: 0;
		}

		.marina-home .hero-grid,
		.marina-home .split-grid,
		.marina-home .triple-grid,
		.marina-home .pricing-layout,
		.marina-home .stress-section-grid {
			grid-template-columns: 1fr;
		}

		.marina-home .hero-cards,
		.marina-home .mini-cards,
		.marina-home .quad-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}

	@media (max-width: 980px) {
		body.home,
		.marina-home {
			scroll-snap-type: none;
		}

		.marina-home .uniform-section {
			height: auto;
			min-height: auto;
			max-height: none;
			overflow: visible;
			scroll-snap-align: none;
			scroll-snap-stop: normal;
		}

		.marina-home .uniform-container,
		.marina-home .uniform-frame,
		.marina-home .hero-grid,
		.marina-home .split-grid,
		.marina-home .triple-grid,
		.marina-home .stress-section-grid,
		.marina-home .pricing-layout {
			height: auto;
			min-height: 0;
		}

		.marina-home .quad-grid,
		.marina-home .double-grid,
		.marina-home .mini-cards,
		.marina-home .hero-cards,
		.marina-home .stress-bottom-cards {
			grid-template-columns: 1fr;
		}

		.marina-home .list-columns {
			columns: 1;
		}

		.marina-home .hero-copy h1 {
			font-size: clamp(2rem, 8vw, 3rem);
			max-width: none;
		}
	}

    @media (max-width: 640px) {
        .marina-home {
            --section-gap: 12px;
            --section-pad: 18px;
            --frame-radius: 22px;
        }

        .marina-home .hero-actions {
            display: grid;
            grid-template-columns: 1fr;
        }
    }
	
	
.marina-home .hero-section{
	position: relative;
	background:
		radial-gradient(circle at 20% 20%, rgba(167,243,208,.18), transparent 24%),
		radial-gradient(circle at 80% 18%, rgba(253,230,138,.16), transparent 22%),
		linear-gradient(180deg, #f7f4ef 0%, #f3efe8 100%);
	overflow: hidden;
}

.marina-home .hero-section::before{
	content:"";
	position:absolute;
	inset:0;
	background-image:url("https://reflexologiemarina.fr/wp-content/uploads/2024/07/20240724_093225-2048x1153.jpg");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	opacity:.20;
	pointer-events:none;
	z-index:0;
}

.marina-home .hero-section .uniform-container{
	position:relative;
	z-index:1;
}

.marina-home .hero-title-row{
	display:grid;
	grid-template-columns: minmax(0, 1fr) minmax(180px, 320px);
	gap: 22px;
	align-items:center;
	margin-bottom: 18px;
}

.marina-home .hero-title-copy h1{
	margin:0 0 10px;
	max-width:none;
}

.marina-home .hero-title-copy h2{
	margin:0;
	line-height:1.1;
	font-size: clamp(1.2rem, 2.2vw, 2rem);
}

.marina-home .hero-logo{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height: 100%;
}

.marina-home .hero-logo img{
	width:80%;
	height:auto;
	display:block;
	object-fit:contain;
}

.marina-home .who-section-right{
	display:flex;
	flex-direction:column;
	height:100%;
	min-height:0;
}

.marina-home .who-section-right .mini-cards{
	margin-top: 25px;
	align-items:end;
}

.marina-home .who-section-right .mini-card{
	height:100%;
}

.marina-home .reflex-duo-grid{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 22px;
	height:100%;
	width:100%;
}

.marina-home .reflex-duo-card{
	display:grid;
	grid-template-columns: 1.12fr 0.88fr;
	gap: 18px;
	align-items:stretch;
}

.marina-home .reflex-duo-card .media-card{
	height:100%;
	min-height:0;
}

.marina-home .reflex-duo-card .media-card img{
	height:100%;
}

.marina-home .stress-layout{
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto 1fr;
	gap: 22px;
	width:100%;
	height:100%;
	min-height:0;
}

.marina-home .stress-copy{
	min-width:0;
}

.marina-home .stress-side-image{
	min-height: 320px;
	height:100%;
}

.marina-home .stress-cards-row{
	grid-column: 1 / -1;
	display:grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap:18px;
	align-self:end;
}

@media (max-width: 1180px){
	.marina-home .hero-title-row,
	.marina-home .reflex-duo-grid,
	.marina-home .reflex-duo-card,
	.marina-home .stress-layout,
	.marina-home .stress-cards-row{
		grid-template-columns:1fr;
	}

	.marina-home .stress-cards-row{
		grid-column:auto;
	}
}

@media (max-width: 980px){
	.marina-home .hero-title-row{
		grid-template-columns:1fr;
	}
}

.marina-home .reflex-duo-grid{
	display:grid;
	grid-template-columns: 1fr;
	gap: 22px;
}

.marina-home .reflex-duo-card{
	display:grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
	gap: 18px;
	align-items:stretch;
}

.marina-home .reflex-duo-card .list-card{
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.marina-home .reflex-duo-card .media-card{
	height:100%;
	min-height:260px;
}

.marina-home .reflex-duo-card .media-card img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

@media (max-width: 980px){
	.marina-home .reflex-duo-card{
		grid-template-columns: 1fr;
	}
}


.marina-home .oncology-grid{
	display:grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap:22px;
	align-items:stretch;
}

.marina-home .oncology-right{
	display:grid;
	grid-template-columns: 1fr;
	gap:18px;
	height:100%;
}

.marina-home .oncology-right .card-soft{
	height:100%;
	display:flex;
	flex-direction:column;
}

.marina-home .soa66-card{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
}

.marina-home .soa66-logo{
	display:flex;
	justify-content:center;
	align-items:center;
	margin: 6px 0 14px;
}

.marina-home .soa66-logo img{
	width:110px;
	height:auto;
	display:block;
	object-fit:contain;
}

.marina-home .oncology-grid > .card-soft,
.marina-home .oncology-grid > .oncology-right{
	height:100%;
}

.marina-home .pricing-frame,
.marina-home .uniform-frame{
	padding-bottom: 28px;
	box-sizing: border-box;
	overflow: hidden;
}

.marina-home .pricing-grid{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:22px;
	align-items:start;
}

.marina-home .pricing-grid > .card-soft{
	height:auto;
	align-self:start;
	overflow:hidden;
}

.marina-home .pricing-grid .media-card,
.marina-home .pricing-grid .mutuelles-card{
	border-radius: 24px;
	overflow: hidden;
}

.marina-home .pricing-grid .media-card img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

@media (max-width: 980px){
	.marina-home .pricing-grid{
		grid-template-columns:1fr;
	}
}
.marina-home .uniform-frame{
	overflow:hidden;
	padding-bottom:28px;
}

.hero-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
}

.hero-logo img {
    width: 100%;
    max-width: 520px;
    height: auto;
    display: block;
    margin: 0 auto;
}



.card-soft.mini-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* aligne en haut */
    align-items: center; /* centre horizontal */
    text-align: center;
}
.card-soft.mini-card.mini-card-left {
    align-items: left; /* centre horizontal */
    text-align: left;
}

.card-soft.reflex-duo-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.reflex-duo-card.duo-reflexo1 {
    grid-template-columns: 1.3fr 1fr;
}

.reflex-duo-card.duo-reflexo2 {
    grid-template-columns: 1fr 3fr;
}

.split-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.split-grid.split-reflexo1 {
    grid-template-columns: 1fr 1.8fr;
}






.split-grid > div:first-child {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.soa-card {
    height: auto !important;
    min-height: 0 !important;
    align-self: flex-start;
    margin-top: 18px;
}

.split-grid > div:first-child .soa-card {
    flex: 0 0 auto;
}






.soa-content {
    display: flex;
    align-items: center;
    gap: 20px;
}

.soa66-logo {
    flex: 0 0 auto;
}

.soa66-logo img {
    width: 110px;
    height: auto;
    display: block;
}

.soa-content p {
    margin: 0;
}



.list-card .media-card {
    margin-bottom: 18px;
}

.list-card .inner-image-wrap img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
}





.list-card .media-card {
    height: auto;
    min-height: 0;
    display: block;
}

.list-card .inner-image-wrap {
    height: auto;
}

.list-card .inner-image-wrap img {
    width: 100%;
    height: auto;
    display: block;
}


.double-grid {
    align-items: start;
}

.double-grid .list-card {
    height: auto;
}






.uniform-section.soft-section .uniform-frame {
    display: block !important;
}

.uniform-section.soft-section .uniform-frame > .oncology-layout {
    display: grid !important;
    grid-template-columns: 1fr 1.3fr !important;
    gap: 40px !important;
    align-items: start !important;
}

.oncology-left {
    display: flex;
    flex-direction: column;
}

.soa-card {
    margin-top: auto;
}






.pricing-layout {
    align-items: start !important;
}

.pricing-layout > article {
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
}



@keyframes cardFloat {
    0% {
        transform: translateY(0px) translateX(0px) rotate(0deg);
    }

    25% {
        transform: translateY(-6px) translateX(2px) rotate(0.4deg);
    }

    50% {
        transform: translateY(-10px) translateX(0px) rotate(0deg);
    }

    75% {
        transform: translateY(-6px) translateX(-2px) rotate(-0.4deg);
    }

    100% {
        transform: translateY(0px) translateX(0px) rotate(0deg);
    }
}

.card-soft,
.info-card,
.lift-card {
    will-change: transform;
}

.card-soft.is-floating,
.info-card.is-floating,
.lift-card.is-floating {
    animation: cardFloat 5.5s ease-in-out infinite;
}


.no-float {
    animation: none !important;
}









/* ===== Transition de sortie des sections au scroll ===== */

.marina-home .uniform-section .card-soft,
.marina-home .uniform-section .info-card,
.marina-home .uniform-section .lift-card {
    transition:
        opacity .42s ease,
        transform .42s ease,
        filter .42s ease;
}

.marina-home .uniform-section.is-exiting-next .card-soft,
.marina-home .uniform-section.is-exiting-next .info-card,
.marina-home .uniform-section.is-exiting-next .lift-card {
    opacity: 0;
    transform: translateY(-42px) scale(.96);
    filter: blur(6px);
    pointer-events: none;
}

.marina-home .uniform-section.is-exiting-prev .card-soft,
.marina-home .uniform-section.is-exiting-prev .info-card,
.marina-home .uniform-section.is-exiting-prev .lift-card {
    opacity: 0;
    transform: translateY(42px) scale(.96);
    filter: blur(6px);
    pointer-events: none;
}

/* évite que certains blocs gardent un flottement pendant la sortie */
.marina-home .uniform-section.is-exiting-next .card-soft.is-floating,
.marina-home .uniform-section.is-exiting-next .info-card.is-floating,
.marina-home .uniform-section.is-exiting-next .lift-card.is-floating,
.marina-home .uniform-section.is-exiting-prev .card-soft.is-floating,
.marina-home .uniform-section.is-exiting-prev .info-card.is-floating,
.marina-home .uniform-section.is-exiting-prev .lift-card.is-floating {
    animation-play-state: paused;
}

.image-stack{
    display:flex;
    flex-direction:column;
  
}













// Cible parfaitement : téléphones - tablettes portrait
/* Desktop / base : section "Qui suis-je" */
.split-reflexo1{
    display: grid;
    grid-template-columns: minmax(320px, 0.95fr) minmax(420px, 1.05fr);
    gap: 32px;
    align-items: stretch;
}

.split-reflexo1 > .image-stack,
.split-reflexo1 > .who-section-right{
    width: 100%;
    max-width: 100%;
}

.image-stack{
    display: block;
}

.who-section-right{
    display: block;
}



.split-reflexo1{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: stretch;
}

.split-reflexo1 > .image-stack,
.split-reflexo1 > .who-section-right{
    width: 100%;
    max-width: 100%;
}

.who-section-right{
    display: block !important;
}

.image-stack{
    display: block;
}

.split-reflexo1{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: stretch;
}

.split-reflexo1 > .image-stack,
.split-reflexo1 > .who-section-right{
    width: 100%;
    max-width: 100%;
}

.who-section-right{
    display: block !important;
}

.image-stack{
    display: block;
}
@media (max-width: 900px) {

    .split-grid.split-reflexo1 .image-stack article{
        height: auto !important;
        margin-bottom: 0 !important;
    }

    .split-grid.split-reflexo1 .image-stack article img{
        width: 100%;
        height: auto;
        display: block;
    }
}
@media (max-width: 900px) and (orientation: portrait) {

    .split-reflexo1 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .split-reflexo1 > .image-stack,
    .split-reflexo1 > .who-section-right {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
	
	
	.image-stack > article.card-soft.media-card.no-float {
		display: none;
	}





    .split-reflexo1{
        display:flex !important;
        flex-direction:column !important;
    }

    /* on casse le bloc texte pour manipuler les éléments */

    .who-section-right .eyebrow{
        order:1;
    }

    .who-section-right h2{
        order:2;
    }

    .image-stack{
        order:3;
        margin:20px 0;
    }

    .who-section-right p{
        order:4;
    }

    .who-section-right .mini-cards{
        order:5;
    }
	
	
    .who-section-right{
        display:flex;
        flex-direction:column;
    }

    /* photo cabinet */
    .who-section-right .media-card.no-float{
        order:2;
        margin:20px 0;
    }

    /* textes */
    .who-section-right p{
        order:3;
    }

    /* diplôme après les paragraphes */
    .who-section-right .diploma-card{
        order:4;
        margin-top:20px;
    }
	
    .who-section-right{
        display: flex;
        flex-direction: column;
    }


    .who-section-right .eyebrow{
        order: 1;
    }

    .who-section-right h2{
        order: 2;
    }

    .who-section-right .media-card.no-float{
        order: 3;
        margin: 20px 0;
    }

    .who-section-right > p:nth-of-type(1){
        order: 4;
    }

    .who-section-right > p:nth-of-type(2){
        order: 5;
    }

    .who-section-right > p:nth-of-type(3){
        order: 6;
    }

    .who-section-right .diploma-card{
        order: 7;
        margin: 20px 0 20px;
        height: auto !important;
    }

    .who-section-right .mini-cards{
        order: 8;
    }

    .who-section-right .media-card img,
    .who-section-right .diploma-card img{
        width: 100%;
        height: auto;
        display: block;
    }
	
}

@media (max-width: 900px) and (orientation: portrait) {

    .reflex-duo-grid{
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .reflex-duo-card{
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }

    .reflex-duo-card .list-card,
    .reflex-duo-card .schema-card{
        width: 100% !important;
        max-width: 100% !important;
    }

    .reflex-duo-card .schema-card{
        height: auto !important;
    }

    .reflex-duo-card .schema-card img{
        width: 100%;
        height: auto;
        display: block;
    }
	.marina-home .reflex-duo-card .media-card {
		min-height: 0 !important;
	}
}
@media (max-width: 900px) and (orientation: portrait){

    .duo-reflexo2{
        display:flex;
        flex-direction:column;
    }

    .duo-reflexo2 .list-card{
        order:1;
    }

    .duo-reflexo2 .schema-card{
        order:2;
        margin-top:20px;
    }

}

@media (max-width: 900px) and (orientation: portrait){

    .oncology-layout{
        display:flex !important;
        flex-direction:column !important;
    }

}
@media (max-width: 900px) and (orientation: portrait){

    .oncology-layout{
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .oncology-layout > .oncology-left,
    .oncology-layout > .double-grid{
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 900px) and (orientation: portrait){

    .soa-content{
        display: flex;
        flex-direction: column;
    }

    .soa-content > div{
        order: 1;
        margin-bottom: 16px;
    }

    .soa-content > p{
        order: 2;
    }
}