/* ========== Brand + Theme Tokens ========== */
:root{
    /* Brand palette */
    --c-navy:#0f2A72;
    --c-red:#CA181E;
    --c-blue:#0056B3;
    --c-blue2:#017BFF;
    --c-ink:#0C2039;
    --grad: linear-gradient(90deg, var(--c-blue) 0%, var(--c-red) 100%);
    color-scheme: light dark;

    /* Typography */
    --font: "Sofia Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

    /* Motion */
    --ease: cubic-bezier(.2,.8,.2,1);

    /* Accessibility */
    --focus:#FFD54A;

    /* Layout */
    --radius: 1.25rem;
    --shadowLight: 0 16px 50px rgba(12,32,57,.12);
    --shadowDark:  0 22px 70px rgba(0,0,0,.35);
    --navH: 104px;

    /* Default to light */
    --bg:#f6f8ff;
    --surface:#ffffff;
    --alt: rgba(12,32,57,.04);
    --border: rgba(12,32,57,.14);
    --text:#0C2039;
    --muted: rgba(12,32,57,.78);
    --shadow: var(--shadowLight);
    --heroOverlay: linear-gradient(90deg,
    rgba(12,32,57,.84) 0%,
    rgba(12,32,57,.55) 55%,
    rgba(12,32,57,.22) 100%
    );
}

@media (prefers-color-scheme: dark){
    :root:not([data-theme]){
        --bg:#070b12;
        --surface: rgba(255,255,255,.06);
        --alt: rgba(255,255,255,.04);
        --border: rgba(255,255,255,.16);
        --text:#ffffff;
        --muted: rgba(255,255,255,.82);
        --shadow: var(--shadowDark);
        --heroOverlay: linear-gradient(90deg,
        rgba(0,0,0,.78) 0%,
        rgba(0,0,0,.55) 55%,
        rgba(0,0,0,.30) 100%
        );
    }
}

@media (max-width: 991.98px){
    :root{ --navH: 96px; }
}
:root[data-theme="light"]{
    color-scheme: light;
    --bg:#f6f8ff;
    --surface:#ffffff;
    --alt: rgba(12,32,57,.04);
    --border: rgba(12,32,57,.14);
    --text:#0C2039;
    --muted: rgba(12,32,57,.78);
    --shadow: var(--shadowLight);
    --heroOverlay: linear-gradient(90deg,
    rgba(12,32,57,.84) 0%,
    rgba(12,32,57,.55) 55%,
    rgba(12,32,57,.22) 100%
    );
}

:root[data-theme="dark"]{
    color-scheme: dark;
    --bg:#070b12;
    --surface: rgba(255,255,255,.06);
    --alt: rgba(255,255,255,.04);
    --border: rgba(255,255,255,.16);
    --text:#ffffff;
    --muted: rgba(255,255,255,.82);
    --shadow: var(--shadowDark);
    --heroOverlay: linear-gradient(90deg,
    rgba(0,0,0,.78) 0%,
    rgba(0,0,0,.55) 55%,
    rgba(0,0,0,.30) 100%
    );
}

/* ========== Base ========== */
html, body{ height:100%; }

body{
    font-family: var(--font);
    background: var(--bg);
    color: var(--text);
    font-size: 18px;
    line-height: 1.6;
    padding-top: var(--navH);
}

/* Focus ring */
:focus-visible{
    outline: 3px solid var(--focus);
    outline-offset: 3px;
}

/* Skip link */
.skip-link{
    position:absolute;
    top: 12px;
    left: 12px;
    z-index: 2000;
    padding: .6rem .9rem;
    border-radius: .5rem;
    background: #000;
    color: #fff;
    transform: translateY(-140%);
    transition: transform .2s var(--ease);
}
.skip-link:focus{ transform: translateY(0); }

/* Links */
.tcl-link{
    color: color-mix(in srgb, var(--c-blue2) 80%, var(--text));
    text-decoration: underline;
    text-underline-offset: .18em;
}
.tcl-link:hover{ filter: brightness(1.05); }

/* ========== NAV ========== */
.tcl-nav{
    background: color-mix(in srgb, var(--bg) 76%, transparent);
    border-bottom: 1px solid var(--border);
    backdrop-filter: blur(10px);
}

.navbar .nav-link{
    color: var(--muted);
    font-weight: 700;
}
.navbar .nav-link:hover{ color: var(--text); }

.navbar-toggler{ border-color: var(--border); }

/* Logo sizing */
.tcl-logo{
    height: 75px;
    width: auto;
    object-fit: contain;
    display: block;
}

/* ========== NAV CTA BUTTONS ========== */
.tcl-nav-ctas .btn{
    font-weight: 700;
    border-radius: 999px;
    padding: .45rem .9rem;
    line-height: 1.1;
    letter-spacing: .01em;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.tcl-nav-ctas .btn:hover{
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(0,0,0,0.18);
}

/* Register */
.tcl-btn-register{
    background: #CA181E;
    border: 1px solid #CA181E;
    color: #fff !important;
}
.tcl-btn-register:hover,
.tcl-btn-register:focus{
    background: #8f0308;
    border-color: #8f0308;
    color: #fff !important;
}

/* Log In */
.tcl-btn-login{
    background: #017BFF;
    border: 1px solid #017BFF;
    color: #fff !important;
}
.tcl-btn-login:hover,
.tcl-btn-login:focus{
    background: #0F2A72;
    border-color: #0F2A72;
    color: #fff !important;
}

/* Mobile spacing */
@media (max-width: 991.98px){
    .tcl-nav-ctas{
        margin-top: .75rem;
        width: 100%;
    }
    .tcl-nav-ctas .btn{
        flex: 1;
        justify-content: center;
    }
}

/* ---- Theme image switching ---- */
.tcl-logo--light,
.tcl-wall__img--light{ display: block; }

.tcl-logo--dark,
.tcl-wall__img--dark{ display: none; }

:root[data-theme="dark"] .tcl-logo--light,
:root[data-theme="dark"] .tcl-wall__img--light{ display: none; }

:root[data-theme="dark"] .tcl-logo--dark,
:root[data-theme="dark"] .tcl-wall__img--dark{ display: block; }

@media (prefers-color-scheme: dark){
    :root:not([data-theme]) .tcl-logo--light,
    :root:not([data-theme]) .tcl-wall__img--light{ display:none; }
    :root:not([data-theme]) .tcl-logo--dark,
    :root:not([data-theme]) .tcl-wall__img--dark{ display:block; }
}

.tcl-nav .navbar-nav{ align-items: center; }

/* Theme toggle */
#themeToggle.tcl-theme-toggle{
    width: 40px;
    height: 40px;
    padding: 0;
    display: grid;
    place-items: center;

    border-radius: 12px;
    border: 1px solid var(--border);

    background: color-mix(in srgb, var(--surface) 70%, transparent);
    color: var(--text);

    box-shadow: 0 8px 20px rgba(0,0,0,0.10);
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

#themeToggle.tcl-theme-toggle:hover{
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(0,0,0,0.16);
    filter: brightness(1.03);
}

#themeToggle.tcl-theme-toggle:active{
    transform: translateY(0);
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

#themeToggle.tcl-theme-toggle .material-symbols-outlined{
    font-size: 22px;
    line-height: 1;
}

@media (max-width: 991.98px){
    #themeToggle.tcl-theme-toggle{ width: 44px; height: 44px; }
}

/* ========== Buttons ========== */
.btn-gradient{
    background: var(--grad);
    border: none;
    color: #fff;
}
.btn-gradient:hover{ filter: brightness(1.06); color:#fff; }

.btn-outline-contrast{
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text);
}
.btn-outline-contrast:hover{
    border-color: color-mix(in srgb, var(--c-blue2) 55%, var(--border));
}

/* ========== HERO ========== */
.tcl-hero{
    min-height: 92vh;
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-image: url("../img/hero_takechargelab-mobile.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Tablet */
@media (min-width: 768px){
    .tcl-hero{
        background-image: url("../img/hero_takechargelab-tablet.webp");
    }
}

/* Large desktop */
@media (min-width: 992px){
    .tcl-hero{
        background-image: url("../img/hero_takechargelab-desktop.webp");
    }
}

/* XL */
@media (min-width: 1200px){
    .tcl-hero{
        background-image: url("../img/hero_takechargelab-desktop-xl.webp");
    }
}

/* XXL */
@media (min-width: 1400px){
    .tcl-hero{
        background-image: url("../img/hero_takechargelab-desktop-xxl.webp");
    }
}

/* XXXL */
@media (min-width: 1800px){
    .tcl-hero{
        background-image: url("../img/hero_takechargelab-desktop-xxxl.webp");
        background-position: center top;
    }
}

.tcl-hero__overlay{
    position:absolute;
    inset:0;
    background: var(--heroOverlay);
    pointer-events:none;
}
.tcl-hero__content{ position: relative; z-index:2; }

.tcl-hero h1{ color:#fff; }
.tcl-hero__lead{ color: rgba(255,255,255,.88); max-width: 65ch; }

.tcl-badge{
    background: rgba(255,255,255,.92);
    color: #0C2039;
    border: 1px solid rgba(0,0,0,.08);
    font-weight: 700;
}

.dot{
    width: 8px; height: 8px;
    border-radius: 999px;
    background: rgba(255,255,255,.85);
    display:inline-block;
}

/* ========== Sections ========== */
.tcl-section{ padding: 5.5rem 0; }

.tcl-section--alt{
    background: var(--alt);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.tcl-title{
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: .75rem;
}

.tcl-lead{ max-width: 70ch; }
#education .tcl-lead{ max-width: none; }

.tcl-muted{ color: var(--muted); }

/* ========== Cards / Panels ========== */
.tcl-card,
.tcl-panel{
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}
.tcl-panel{
    background: color-mix(in srgb, var(--surface) 80%, transparent);
}

/* ========== Icons ========== */
.material-symbols-outlined{
    font-family: "Material Symbols Outlined";
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "opsz" 48, "wght" 500, "FILL" 0, "GRAD" 0;
}

.tcl-icon{
    width: 76px;
    height: 76px;
    border-radius: 20px;
    display:grid;
    place-items:center;
    margin: 0 auto .9rem;
    background: color-mix(in srgb, var(--alt) 70%, transparent);
    border: 1px solid var(--border);
}
.tcl-icon .material-symbols-outlined{ font-size: 44px; }

/* ========== Circle image ========== */
.tcl-circle-img{
    width: min(600px, 100%);
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 999px;
    border: 5px solid #fff;
    box-shadow:
            0 0 24px rgba(0,0,0,.30),
            var(--shadow);
}

/* ========== Education Progress Bars ========== */
.tcl-progress-card,
.tcl-panel.tcl-progress-card,
.tcl-panel:has(.tcl-progress) {
    margin-top: 2rem;
}

ul + .tcl-panel,
ul + .tcl-card {
    margin-top: 2rem;
}

.tcl-progress{
    height: 14px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--border) 55%, transparent);
    overflow: hidden;
}
.tcl-progress-bar{
    height: 100%;
    width: 0%;
    background: var(--grad);
    border-radius: 999px;
    transition: width 900ms var(--ease);
    transition-delay: 0ms;
}
.tcl-module-desc{
    font-size: .92rem;
    color: var(--muted);
    margin-top: .35rem;
}

/* ========== Photo Wall ========== */
.tcl-photowall{
    padding: 5.5rem 0;
    background: var(--grad);
    color: #fff;
}

.tcl-photowall__title{
    font-weight: 800;
    letter-spacing: -0.02em;
}
.tcl-photowall__lead{
    color: rgba(255,255,255,.88);
    max-width: 80ch;
    margin: 0 auto;
}

.tcl-wall{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 14px;
    width: 100%;
}

.tcl-wall__item{
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,22);
    background: rgba(255,255,255,08);
    transform: translateZ(0);
}

.tcl-wall__img{
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    display: block;
    transition: transform .18s var(--ease), filter .18s var(--ease);
}

.tcl-wall__item:hover .tcl-wall__img{
    transform: scale(1.08);
    filter: brightness(1.04);
}

.tcl-wall__item:hover{ z-index: 3; }

/* ========== LEARNING SECTION ========== */
.tcl-learning{
    background: #FFF;
}

.tcl-learning .tcl-title{
    color: #0C2039;
}
.tcl-learning .tcl-muted{
    color: rgba(12,32,57,.85);
}

#learning .tcl-lead{ max-width: none; }

.tcl-learning__img{
    width: 100%;
    height: auto;
    border-radius: 1.25rem;
    border: 1px solid rgba(0,0,0,.10);
    box-shadow: 0 18px 60px rgba(0,0,0,.20);
}

@media (prefers-color-scheme: dark){
    :root:not([data-theme]) .tcl-learning{ background: transparent; }
    :root:not([data-theme]) .tcl-learning .tcl-muted{ color: rgba(255,255,255,.82); }
}
:root[data-theme="dark"] .tcl-learning{ background: transparent; }
:root[data-theme="dark"] .tcl-learning .tcl-muted{ color: rgba(255,255,255,.82); }

/* ========== Reveal animation ========== */
.reveal{
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .55s var(--ease), transform .55s var(--ease);
}
.reveal.in{
    opacity: 1;
    transform: translateY(0);
}

section[id]{ scroll-margin-top: 92px; }

/* === Reveal: fail-open === */
.reveal{
    opacity: 1;
    transform: none;
}

@media (prefers-reduced-motion: no-preference){
    .reveal{
        opacity: 0;
        transform: translateY(14px);
        transition: opacity .55s var(--ease), transform .55s var(--ease);
    }
    .reveal.in{
        opacity: 1;
        transform: translateY(0);
    }
}

/* === Reveal: fail-open (content visible even if JS fails) === */
.reveal{
    opacity: 1;
    transform: none;
}

@media (prefers-reduced-motion: no-preference){
    .reveal{
        opacity: 0;
        transform: translateY(14px);
        transition: opacity .55s ease, transform .55s ease;
    }
    .reveal.in{
        opacity: 1;
        transform: translateY(0);
    }
}

/* ========== Problem Section ========== */
.tcl-problem{
    padding: 5.5rem 0;
    background: var(--c-navy);
    color: #fff;
}

.tcl-problem__title{
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-bottom: .5rem;
}

.tcl-problem__lead{
    color: rgba(255,255,255,.86);
    max-width: 75ch;
    margin: 0 auto;
}

.tcl-problem__item{
    border-radius: var(--radius);
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.06);
    padding: 1.5rem;
    box-shadow: 0 18px 60px rgba(0,0,0,.25);
}

.tcl-problem__icon{
    width: 70px;
    height: 70px;
    border-radius: 20px;
    display:grid;
    place-items:center;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
    margin: 0 auto 1rem;
}

.tcl-problem__icon .material-symbols-outlined{ font-size: 44px; }
.tcl-problem__text{ color: rgba(255,255,255,.88); }
.tcl-problem__footnote{ color: rgba(255,255,255,.74); }

@media (prefers-color-scheme: dark){
    :root:not([data-theme]) .tcl-problem{
        background: var(--bg);
    }
    :root:not([data-theme]) .tcl-problem__item{
        background: var(--surface);
        border-color: var(--border);
        box-shadow: var(--shadow);
    }
    :root:not([data-theme]) .tcl-problem__icon{
        background: color-mix(in srgb, var(--alt) 70%, transparent);
        border-color: var(--border);
    }
    :root:not([data-theme]) .tcl-problem__lead,
    :root:not([data-theme]) .tcl-problem__text{
        color: var(--muted);
    }
    :root:not([data-theme]) .tcl-problem__footnote{
        color: color-mix(in srgb, var(--muted) 85%, var(--text));
    }
}

:root[data-theme="dark"] .tcl-problem{
    background: var(--bg);
}
:root[data-theme="dark"] .tcl-problem__item{
    background: var(--surface);
    border-color: var(--border);
    box-shadow: var(--shadow);
}
:root[data-theme="dark"] .tcl-problem__icon{
    background: color-mix(in srgb, var(--alt) 70%, transparent);
    border-color: var(--border);
}
:root[data-theme="dark"] .tcl-problem__lead,
:root[data-theme="dark"] .tcl-problem__text{
    color: var(--muted);
}
:root[data-theme="dark"] .tcl-problem__footnote{
    color: color-mix(in srgb, var(--muted) 85%, var(--text));
}

/* ========== QUOTE PARALLAX ROTATOR ========== */
.tcl-quote-parallax{
    position: relative;
    padding: 5.5rem 0;
    color: #fff;
    overflow: hidden;
    background-attachment: fixed;
}

@media (max-width: 991.98px){
    .tcl-quote-parallax{ background-attachment: scroll; }
}

.tcl-quote-parallax::before,
.tcl-quote-parallax::after{
    content:"";
    position:absolute;
    inset:0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    opacity: 0;
    transition: opacity .9s var(--ease);
    z-index: 0;
}

.tcl-quote-parallax::before{ opacity: 1; }

@media (max-width: 991.98px){
    .tcl-quote-parallax::before,
    .tcl-quote-parallax::after{
        background-attachment: scroll;
    }
}

.tcl-quote-parallax::before{ background-image: var(--bg-a); }
.tcl-quote-parallax::after{ background-image: var(--bg-b); }

.tcl-quote-parallax__overlay{
    position:absolute;
    inset:0;
    background: linear-gradient(
            90deg,
            rgba(0,0,0,.72) 0%,
            rgba(0,0,0,.45) 60%,
            rgba(0,0,0,.30) 100%
    );
    pointer-events:none;
    z-index: 1;
}

.tcl-quote-parallax .container,
.tcl-quote-parallax__inner{
    position: relative;
    z-index: 2;
}

.tcl-quote-parallax__inner{
    display: flex;
    justify-content: center;
    text-align: center;
}
.tcl-quote{
    width: min(950px, 100%);
    margin: 0 auto;
    padding: 2.25rem 1.75rem;
    border-radius: 1.25rem;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.08);
    box-shadow: 0 22px 70px rgba(0,0,0,.35);
    backdrop-filter: blur(8px);
    opacity: 1;
    transform: translateY(0);
    transition: opacity .45s var(--ease), transform .45s var(--ease);
}

.tcl-quote__text{
    font-size: clamp(1.25rem, 2.2vw, 2rem);
    line-height: 1.25;
    letter-spacing: -0.02em;
    font-weight: 800;
    margin: 0 0 .75rem 0;
}
.tcl-quote__author{
    margin: 0;
    font-weight: 700;
    color: rgba(255,255,255,.88);
}

.tcl-quote-parallax.is-fading .tcl-quote{
    opacity: 0;
    transform: translateY(6px);
}

.tcl-quote-parallax.bg-b::before{ opacity: 0; }
.tcl-quote-parallax.bg-b::after{ opacity: 1; }

/* ========== Back to Top ========== */
.tcl-footer{ border-top: 1px solid var(--border); }

.tcl-top{
    position: fixed;
    right: 18px;
    bottom: 18px;
    width: 46px;
    height: 46px;
    border-radius: 999px;
    border: 0;
    display:grid;
    place-items:center;
    background: var(--c-blue2);
    color: #fff;
    box-shadow: var(--shadow);
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .2s var(--ease), transform .2s var(--ease);
    z-index: 1030;
}
.tcl-top.show{
    opacity: 1;
    transform: translateY(0);
}

/* ========== Footer ========== */
.tcl-footer{
    position: relative;
    border-top: 1px solid rgba(255,255,255,.14);
    color: #fff;
    overflow: hidden;
    background: var(--grad);
}

.tcl-footer::before{
    content:"";
    position:absolute;
    inset:0;
    background: rgba(0,0,0,.55);
    pointer-events:none;
    z-index: 0;
}

.tcl-footer .container{
    position: relative;
    z-index: 1;
}

.tcl-footer__desc,
.tcl-footer__contact,
.tcl-footer__note{
    color: rgba(255,255,255,.86);
}

.tcl-footer__link{
    color: rgba(255,255,255,.88);
    text-decoration: none;
    font-weight: 700;
}
.tcl-footer__link:hover{
    color: #fff;
    text-decoration: underline;
    text-underline-offset: .18em;
}

.tcl-footer__hr{
    border-color: rgba(255,255,255,.22);
    opacity: 1;
}

/* Social icon buttons */
.tcl-social{
    border: 1px solid rgba(255,255,255,.22);
    background: rgba(255,255,255,.10);
    color: #fff;
}
.tcl-social:hover{
    background: rgba(255,255,255,.14);
    border-color: rgba(255,255,255,.30);
}

/* Footer social row */
.tcl-footer__social{
    display: flex;
    gap: .65rem;
    align-items: center;
    margin-top: .75rem;
}

/* Social icon button */
.tcl-social{
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;

    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.22);
    background: rgba(255,255,255,.10);

    color: #fff;
    text-decoration: none;

    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease, background .15s ease;
    box-shadow: 0 10px 24px rgba(0,0,0,0.10);
}

.tcl-social{
    border-left: 0 !important;
    border-right: 0 !important;
}

.tcl-social__icon{
    width: 18px;
    height: 18px;
    display: block;
}

.tcl-social:hover{
    transform: translateY(-1px);
    background: rgba(255,255,255,.14);
    border-color: rgba(255,255,255,.30);
    box-shadow: 0 14px 30px rgba(0,0,0,0.16);
}

.tcl-social:focus-visible{
    outline: 3px solid var(--focus);
    outline-offset: 3px;
}

/* ========== Compliance / Legal Pages ========== */
.tcl-legal{
    background: var(--bg);
}

/* Hero area */
.tcl-legal__hero{
    background: var(--alt);
    border-bottom: 1px solid var(--border);
    padding: 2.75rem 0;
    margin-top: 0;
}

.tcl-legal__hero h1,
.tcl-legal__hero p{
    margin-top: 0;
}

.tcl-legal__title{
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0;
}

.tcl-legal__lead{
    margin: .75rem auto 0;
    max-width: 70ch;
    color: var(--muted);
}

.tcl-legal__content{
    padding: 3rem 0 5rem;
}

.tcl-legal__card{
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 2rem;
}

.tcl-legal__card h2{
    margin-top: 1.75rem;
}
.tcl-legal__card h2:first-of-type{
    margin-top: 0;
}

@media (prefers-reduced-motion: reduce){
    *{ scroll-behavior:auto !important; transition:none !important; animation:none !important; }
    .reveal{ opacity:1; transform:none; }
    .tcl-wall__img{ transition:none !important; }

    .tcl-quote-parallax{ background-attachment: scroll; }
}

.tcl-footer .js-email a{
    color: rgba(255,255,255,.88);
    text-decoration: none;
    font-weight: 700;
}

.tcl-footer .js-email a:hover{
    color: #fff;
    text-decoration: underline;
    text-underline-offset: .18em;
}

.js-email-contact a {
    color: var(--c-blue2);
    text-decoration: underline;
    text-underline-offset: .18em;
    font-weight: 700;
}
.js-email-contact a:hover {
    color: var(--c-blue);
}