.mutation-page{
    --green:#00C152;
    --green-dark:#007A49;
    --ink:#183247;
    --text:#65747d;
    --sky:#eef6f8;
    --paper:#fbfaf6;
    --line:#dce5e7;
    background:#fff;
    color:var(--ink)
}

.mutation-page .home-container{max-width:1180px}

.mutation-kicker{
    display:block;
    color:var(--green-dark);
    font-size:.75rem;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.12em
}

.mutation-hero{
    padding:2rem 0 4.5rem;
    background:linear-gradient(180deg,#f7fbfc,#fff)
}

.mutation-breadcrumb{
    display:flex;
    align-items:center;
    gap:.5rem;
    color:#839199;
    font-size:.86rem
}

.mutation-breadcrumb a{
    color:#526c78;
    text-decoration:none;
    font-weight:850
}

.mutation-hero-grid{
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:4.6rem;
    align-items:center;
    min-height:590px;
    padding-top:3rem
}

.mutation-hero-copy h1{
    max-width:700px;
    margin:.7rem 0 1rem;
    color:#153044;
    font-size:clamp(2.65rem,4.45vw,4.45rem);
    line-height:.99;
    font-weight:950;
    letter-spacing:-.05em
}

.mutation-lead{
    max-width:660px;
    margin:0;
    color:#667783;
    font-size:1.08rem;
    line-height:1.74
}

.mutation-hero-lines{
    margin:1.7rem 0;
    border-top:1px solid var(--line)
}

.mutation-hero-lines p{
    display:flex;
    gap:.55rem;
    margin:0;
    padding:.74rem 0;
    border-bottom:1px solid var(--line);
    color:#687983
}

.mutation-hero-lines i{color:var(--green)}
.mutation-hero-lines strong{color:#183247}

.mutation-hero-photo{
    height:530px;
    margin:0;
    overflow:hidden;
    border-radius:1.4rem;
    box-shadow:0 24px 60px rgba(22,54,69,.1)
}

.mutation-hero-photo img,
.mutation-large-photo img{
    width:100%;
    height:100%;
    object-fit:cover
}

.mutation-timeline{
    display:grid;
    grid-template-columns:1fr .32fr 1fr .32fr 1fr;
    gap:1rem;
    align-items:center;
    margin-top:2rem;
    padding:1.6rem 0 .2rem;
    border-top:1px solid var(--line)
}

.mutation-timeline>div:not(.mutation-timeline-line){
    text-align:center
}

.mutation-timeline span,
.mutation-timeline small,
.mutation-timeline strong{
    display:block
}

.mutation-timeline span{
    color:var(--green-dark);
    font-size:.72rem;
    font-weight:950
}

.mutation-timeline small{
    margin-top:.18rem;
    color:#8a999f;
    text-transform:uppercase;
    letter-spacing:.08em
}

.mutation-timeline strong{
    margin-top:.3rem;
    color:#183247;
    font-size:.95rem
}

.mutation-timeline-line{
    height:1px;
    background:#ccdadd
}

.mutation-intro{
    padding:7rem 0
}

.mutation-intro-copy{
    max-width:900px
}

.mutation-intro-copy h2,
.mutation-rh-title h2,
.mutation-copy h2,
.mutation-rights-grid h2,
.mutation-why-grid h2,
.mutation-quote-copy h2,
.mutation-final-inner h2,
.mutation-faq-head h2{
    margin:.55rem 0 0;
    color:#153044;
    font-size:clamp(2rem,3.15vw,3.15rem);
    line-height:1.04;
    font-weight:950;
    letter-spacing:-.04em
}

.mutation-intro-copy>p{
    max-width:830px;
    margin:1rem 0 0;
    color:#697b84;
    font-size:1.06rem;
    line-height:1.8
}

.mutation-rh{
    padding:7rem 0;
    background:#eef6f8
}

.mutation-rh-grid{
    display:grid;
    grid-template-columns:.82fr 1.18fr;
    gap:5rem
}

.mutation-rh-title{
    position:sticky;
    top:110px;
    align-self:start
}

.mutation-rh-title>p{
    margin:1rem 0 0;
    color:#687b84;
    line-height:1.76
}

.mutation-rh-list{
    border-top:1px solid #cedde1
}

.mutation-rh-list>div{
    display:grid;
    grid-template-columns:3rem 1fr;
    gap:1rem;
    padding:1.15rem 0;
    border-bottom:1px solid #cedde1
}

.mutation-rh-list>div>span{
    color:var(--green-dark);
    font-size:.75rem;
    font-weight:950
}

.mutation-rh-list strong{
    display:block;
    color:#183247;
    font-size:1.06rem
}

.mutation-rh-list p{
    margin:.25rem 0 0;
    color:#73858e;
    line-height:1.62
}

.mutation-distance,
.mutation-actionlogement{
    padding:7rem 0
}

.mutation-distance{background:#fff}
.mutation-actionlogement{background:#fbfaf6}

.mutation-media-grid{
    display:grid;
    grid-template-columns:1.08fr .92fr;
    gap:4.6rem;
    align-items:center
}

.mutation-media-grid-reverse{
    grid-template-columns:.92fr 1.08fr
}

.mutation-large-photo{
    height:560px;
    margin:0;
    overflow:hidden;
    border-radius:1.4rem
}

.mutation-copy>p{
    margin:1rem 0 0;
    color:#687a84;
    font-size:1.02rem;
    line-height:1.8
}

.mutation-route-links{
    margin-top:1.6rem;
    border-top:1px solid var(--line)
}

.mutation-route-links a{
    display:grid;
    grid-template-columns:1fr auto;
    gap:.15rem 1rem;
    padding:.95rem 0;
    border-bottom:1px solid var(--line);
    color:#183247;
    text-decoration:none
}

.mutation-route-links span{
    color:#81919a;
    font-size:.75rem
}

.mutation-route-links strong{
    grid-column:1;
    font-size:1rem
}

.mutation-route-links i{
    grid-column:2;
    grid-row:1/3;
    align-self:center;
    color:var(--green-dark)
}

.mutation-rights{
    padding:7rem 0;
    background:#edf7ef
}

.mutation-rights-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:5rem
}

.mutation-rights-grid>div:first-child>p{
    margin:1rem 0 0;
    color:#63766a;
    line-height:1.78
}

.mutation-official-links{
    border-top:1px solid #cedfd2
}

.mutation-official-links a{
    display:grid;
    grid-template-columns:1fr auto;
    gap:1rem;
    padding:1.2rem 0;
    border-bottom:1px solid #cedfd2;
    color:#183247;
    text-decoration:none
}

.mutation-official-links span,
.mutation-official-links strong,
.mutation-official-links small{
    display:block
}

.mutation-official-links span{
    color:var(--green-dark);
    font-size:.7rem;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.08em
}

.mutation-official-links strong{
    margin-top:.18rem;
    font-size:1.04rem
}

.mutation-official-links small{
    margin-top:.14rem;
    color:#71837a
}

.mutation-official-links i{
    align-self:center;
    color:var(--green-dark)
}

.mutation-inline-link{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    margin-top:1.3rem;
    color:var(--green-dark);
    text-decoration:none;
    font-weight:950
}

.mutation-why{
    padding:7rem 0
}

.mutation-why-grid{
    display:grid;
    grid-template-columns:.88fr 1.12fr;
    gap:5rem
}

.mutation-why-grid>div:first-child>p{
    margin:1rem 0 0;
    color:#687a84;
    line-height:1.78
}

.mutation-why-lines{
    border-top:1px solid var(--line)
}

.mutation-why-lines p{
    display:grid;
    grid-template-columns:1fr 1.6fr;
    gap:1rem;
    margin:0;
    padding:1rem 0;
    border-bottom:1px solid var(--line)
}

.mutation-why-lines strong{
    color:#183247
}

.mutation-why-lines span{
    color:#74858e
}

.mutation-quote{
    padding:7rem 0;
    background:#f4f9fa
}

.mutation-quote-grid{
    display:grid;
    grid-template-columns:.76fr 1.24fr;
    gap:5rem;
    align-items:start
}

.mutation-quote-copy>p{
    margin:1rem 0 0;
    color:#697b84;
    line-height:1.75
}

.mutation-quote-note{
    padding-top:1.1rem;
    border-top:1px solid #d4e2e5
}

.mutation-quote-note i{
    margin-right:.35rem;
    color:var(--green-dark)
}

.mutation-quote-note a{
    color:var(--green-dark);
    font-weight:900
}

.mutation-form{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1rem 1.1rem
}

.mutation-field label{
    display:block;
    margin-bottom:.4rem;
    color:#5f727c;
    font-size:.78rem;
    font-weight:900
}

.mutation-field .form-control,
.mutation-field .form-select,
.mutation-field .input-group-text{
    min-height:50px;
    border-color:#d1dfe3
}

.mutation-field .form-control,
.mutation-field .form-select{
    border-radius:.7rem
}

.mutation-field .input-group .form-control{
    border-radius:.7rem 0 0 .7rem
}

.mutation-field .input-group-text{
    border-radius:0 .7rem .7rem 0;
    background:#fff;
    color:#74848c
}

.mutation-submit{
    grid-column:1/-1;
    min-height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.55rem;
    border:0;
    border-radius:.7rem;
    background:var(--green);
    color:#fff;
    font-weight:950
}

.mutation-final{
    padding:6.5rem 0
}

.mutation-final-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:4rem
}

.mutation-final-inner>div:first-child{
    max-width:760px
}

.mutation-final-inner p{
    max-width:680px;
    margin:.9rem 0 0;
    color:#687a84;
    line-height:1.7
}

.mutation-final-actions{
    min-width:245px;
    display:flex;
    flex-direction:column;
    gap:.6rem
}

.mutation-faq{
    padding:7rem 0;
    background:#f7f9f9
}

.mutation-faq-head{
    max-width:760px;
    margin:0 auto 2.5rem
}

.mutation-faq-list{max-width:900px}

.mutation-faq-list .accordion-button{
    color:#183247;
    font-weight:850
}

.mutation-faq-list .accordion-button:not(.collapsed){
    color:var(--green-dark);
    background:#eff8f1;
    box-shadow:none
}

.mutation-faq-list .accordion-button:focus{box-shadow:none}

[data-reveal]{
    opacity:0;
    transform:translateY(20px);
    transition:opacity .6s ease,transform .6s ease
}

[data-reveal].is-visible{
    opacity:1;
    transform:none
}

@media(prefers-reduced-motion:reduce){
    [data-reveal]{
        opacity:1;
        transform:none;
        transition:none
    }
}

@media(max-width:991.98px){
    .mutation-hero-grid,
    .mutation-rh-grid,
    .mutation-media-grid,
    .mutation-media-grid-reverse,
    .mutation-rights-grid,
    .mutation-why-grid,
    .mutation-quote-grid{
        grid-template-columns:1fr;
        gap:3rem
    }

    .mutation-rh-title{position:static}
    .mutation-hero-photo{height:460px}
    .mutation-large-photo{height:470px}

    .mutation-final-inner{
        align-items:flex-start;
        flex-direction:column
    }

    .mutation-final-actions{
        min-width:0;
        flex-direction:row
    }
}

@media(max-width:767.98px){
    .mutation-hero{padding-bottom:4.5rem}
    .mutation-hero-grid{min-height:0;padding-top:3.5rem}
    .mutation-hero-copy h1{font-size:2.65rem}

    .mutation-timeline{
        grid-template-columns:1fr;
        gap:.7rem
    }

    .mutation-timeline-line{
        width:1px;
        height:28px;
        margin:0 auto
    }

    .mutation-intro,
    .mutation-rh,
    .mutation-distance,
    .mutation-rights,
    .mutation-actionlogement,
    .mutation-why,
    .mutation-quote,
    .mutation-final,
    .mutation-faq{
        padding-top:5rem;
        padding-bottom:5rem
    }

    .mutation-hero-photo,
    .mutation-large-photo{
        height:390px
    }

    .mutation-form{
        grid-template-columns:1fr
    }

    .mutation-submit{
        grid-column:auto
    }
}

@media(max-width:575.98px){
    .mutation-hero-copy h1{font-size:2.35rem}

    .mutation-intro-copy h2,
    .mutation-rh-title h2,
    .mutation-copy h2,
    .mutation-rights-grid h2,
    .mutation-why-grid h2,
    .mutation-quote-copy h2,
    .mutation-final-inner h2,
    .mutation-faq-head h2{
        font-size:2rem
    }

    .mutation-hero-photo,
    .mutation-large-photo{
        height:330px
    }

    .mutation-why-lines p{
        grid-template-columns:1fr
    }

    .mutation-final-actions{
        flex-direction:column;
        width:100%
    }
}