/* =========================================================

   ANĀHATA - REIKI WHAT IS



   SOLO:

   /Reiki/ReikiWhatIs.aspx

   ========================================================= */





/* =========================================================

   BASE

   ========================================================= */



.reiki-whatis-page {

    width: 100%;

    margin: 0;

    padding: 0;

    background: #fbfaf7;

    color: #282723;

    font-family: Arial, Helvetica, sans-serif;

}





/*

   Desktop:

   spazio laterale vuoto.



   Questa classe appartiene SOLO a ReikiWhatIs.

*/

.reiki-whatis-wrap {

    width: calc(100% - 240px);

    max-width: 1120px;

    margin-left: auto;

    margin-right: auto;

    box-sizing: border-box;

}





/* =========================================================

   INTRODUZIONE

   ========================================================= */



.reiki-whatis-intro {

    padding: 42px 0 46px;

    background: #fbfaf7;

}





.reiki-whatis-heading {

    max-width: 820px;

    margin: 0 auto 26px;

    text-align: center;

}





.reiki-whatis-eyebrow {

    margin-bottom: 9px;

    color: #8a7967;

    font-size: 11px;

    font-weight: 600;

    line-height: 1.2;

    letter-spacing: .18em;

    text-transform: uppercase;

}





.reiki-whatis-heading h1,

.reiki-whatis-bite-copy h2,

.reiki-whatis-wisdom-heading h2 {

    margin: 0;

    color: #22211e;

    font-family: Georgia, "Times New Roman", serif;

    font-weight: 400;

}





.reiki-whatis-heading h1 {

    font-size: clamp(38px, 5vw, 66px);

    line-height: 1.05;

}





.reiki-whatis-line {

    width: 44px;

    height: 1px;

    margin: 14px auto 0;

    background: rgba(40, 39, 35, .35);

}





/* =========================================================

   CONTENUTO DB

   ========================================================= */



.reiki-whatis-content {

    color: #37352f;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.55;

}





.reiki-whatis-content-main {

    max-width: 820px;

    margin: 0 auto;

}





.reiki-whatis-content p {

    margin-top: 0;

    margin-bottom: .75em;

}





.reiki-whatis-content a {

    color: #76533f;

    text-decoration: underline;

    text-decoration-thickness: 1px;

    text-underline-offset: 3px;

}





    .reiki-whatis-content a:hover,

    .reiki-whatis-content a:focus {

        color: #3f3027;

    }





/* =========================================================

   ADDENTARE

   ========================================================= */



.reiki-whatis-bite {

    padding: 42px 0;

    background: #f0ece4;

}





.reiki-whatis-bite-grid {

    display: grid;

    grid-template-columns: minmax(240px, .80fr) minmax(0, 1.20fr);

    align-items: center;

    gap: clamp(32px, 4vw, 58px);

    max-width: 960px;

    margin: 0 auto;

}





/* =========================================================

   MELA

   ========================================================= */



.reiki-whatis-apple {

    display: flex;

    align-items: center;

    justify-content: center;

}





.reiki-whatis-apple-frame {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 14px;

    background: #ffffff;

    border: 1px solid rgba(39, 37, 31, .15);

    box-shadow: 0 14px 34px rgba(35, 30, 25, .10);

}





.reiki-whatis-apple img {

    display: block;

    width: min(100%, 290px);

    height: auto;

}





/* =========================================================

   TESTO ADDENTARE

   ========================================================= */



.reiki-whatis-bite-copy {

    max-width: 520px;

}





    .reiki-whatis-bite-copy .reiki-whatis-eyebrow {

        margin-bottom: 8px;

    }





    .reiki-whatis-bite-copy h2 {

        font-size: clamp(34px, 4vw, 52px);

        line-height: 1.08;

    }





    .reiki-whatis-bite-copy .reiki-whatis-line {

        margin-left: 0;

        margin-right: 0;

    }





.reiki-whatis-bite-text {

    margin-top: 15px;

}





/* =========================================================

   SAGGEZZA E VERITÀ

   ========================================================= */



.reiki-whatis-wisdom {

    padding: 46px 0 50px;

    background: #ffffff;

}





.reiki-whatis-wisdom-wrap {

    display: grid;

    grid-template-columns: minmax(220px, .70fr) minmax(0, 1.30fr);

    align-items: start;

    gap: clamp(32px, 4vw, 60px);

}





.reiki-whatis-wisdom-heading {

    position: sticky;

    top: 40px;

}





    .reiki-whatis-wisdom-heading h2 {

        max-width: 380px;

        font-size: clamp(34px, 4vw, 54px);

        line-height: 1.08;

    }





    .reiki-whatis-wisdom-heading .reiki-whatis-line {

        margin-left: 0;

        margin-right: 0;

    }





.reiki-whatis-wisdom-content {

    max-width: 690px;

}





/* =========================================================

   CONTENUTO AGGIUNTIVO

   ========================================================= */



.reiki-whatis-additional {

    padding: 44px 0;

    background: #f7f4ee;

}





    .reiki-whatis-additional .reiki-whatis-content {

        max-width: 820px;

        margin: 0 auto;

    }





.reiki-whatis-content-separator {

    width: 44px;

    height: 1px;

    margin: 24px 0;

    background: rgba(40, 39, 35, .28);

}





/* =========================================================

   HTML LEGACY DAL DB

   ========================================================= */



.reiki-whatis-content div {

    max-width: 100%;

}





.reiki-whatis-content img {

    max-width: 100%;

    height: auto;

}





.reiki-whatis-content ul,

.reiki-whatis-content ol {

    margin: 10px 0 14px;

    padding-left: 24px;

}





.reiki-whatis-content li {

    margin: 3px 0;

}





/* =========================================================

   DESKTOP RIDOTTO

   ========================================================= */



@media (max-width: 1200px) {



    .reiki-whatis-wrap {

        width: calc(100% - 100px);

        max-width: 1000px;

    }

}





/* =========================================================

   TABLET

   ========================================================= */



@media (max-width: 900px) {



    .reiki-whatis-wrap {

        width: calc(100% - 36px);

        max-width: 760px;

    }





    .reiki-whatis-intro {

        padding: 38px 0 42px;

    }





    .reiki-whatis-heading {

        margin-bottom: 24px;

    }





    .reiki-whatis-bite {

        padding: 40px 0;

    }





    .reiki-whatis-bite-grid {

        grid-template-columns: 1fr;

        gap: 26px;

    }





    .reiki-whatis-bite-copy {

        max-width: 680px;

        margin: 0 auto;

    }





    .reiki-whatis-wisdom {

        padding: 42px 0 46px;

    }





    .reiki-whatis-wisdom-wrap {

        grid-template-columns: 1fr;

        gap: 24px;

    }





    .reiki-whatis-wisdom-heading {

        position: static;

    }





        .reiki-whatis-wisdom-heading h2 {

            max-width: 650px;

        }





    .reiki-whatis-wisdom-content {

        max-width: none;

    }





    .reiki-whatis-additional {

        padding: 40px 0;

    }

}





/* =========================================================

   MOBILE

   ========================================================= */



@media (max-width: 600px) {



    .reiki-whatis-wrap {

        width: calc(100% - 30px);

    }





    .reiki-whatis-intro {

        padding: 32px 0 36px;

    }





    .reiki-whatis-heading {

        margin-bottom: 22px;

    }





        .reiki-whatis-heading h1 {

            font-size: 38px;

        }





    .reiki-whatis-content {

        font-size: 15px;

        line-height: 1.52;

    }





    .reiki-whatis-bite {

        padding: 36px 0;

    }





    .reiki-whatis-bite-grid {

        gap: 24px;

    }





    .reiki-whatis-apple-frame {

        padding: 10px;

    }





    .reiki-whatis-apple img {

        width: min(100%, 250px);

    }





    .reiki-whatis-bite-copy h2,

    .reiki-whatis-wisdom-heading h2 {

        font-size: 34px;

    }





    .reiki-whatis-bite-text {

        margin-top: 14px;

    }





    .reiki-whatis-wisdom {

        padding: 38px 0 42px;

    }





    .reiki-whatis-wisdom-wrap {

        gap: 20px;

    }





    .reiki-whatis-additional {

        padding: 36px 0;

    }





    .reiki-whatis-content-separator {

        margin: 20px 0;

    }

}