.elementor-5112 .elementor-element.elementor-element-563bad79{--display:flex;--min-height:261px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-ec25634 );--border-color:var( --e-global-color-ec25634 );--border-radius:0px 0px 1px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-563bad79:not(.elementor-motion-effects-element-type-background), .elementor-5112 .elementor-element.elementor-element-563bad79 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9ea0085 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-5112 .elementor-element.elementor-element-d0aa49{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;text-align:center;}.elementor-5112 .elementor-element.elementor-element-d0aa49 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:2.5em;font-weight:400;text-transform:uppercase;line-height:1lh;letter-spacing:0.5px;word-spacing:0em;color:var( --e-global-color-d3ae19d );}.elementor-5112 .elementor-element.elementor-element-65a203c1{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;text-align:center;}.elementor-5112 .elementor-element.elementor-element-65a203c1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1.5em;font-weight:400;text-transform:uppercase;line-height:1lh;letter-spacing:0.5px;word-spacing:0em;color:var( --e-global-color-d3ae19d );}.elementor-5112 .elementor-element.elementor-element-adb5242{--display:flex;--min-height:85vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-adb5242:not(.elementor-motion-effects-element-type-background), .elementor-5112 .elementor-element.elementor-element-adb5242 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-5112 .elementor-element.elementor-element-17aa69f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:00px;--margin-bottom:00px;--margin-left:00px;--margin-right:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-2a6ef35{width:100%;max-width:100%;}.elementor-5112 .elementor-element.elementor-element-2a6ef35.elementor-element{--align-self:flex-start;}.elementor-5112 .elementor-element.elementor-element-2a6ef35 .ekit-heading__title-wrapper{width:39%;}.elementor-5112 .elementor-element.elementor-element-2a6ef35 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-d3ae19d );text-shadow:0px 0px 10px rgba(0,0,0,0.3);font-size:2.6em;}.elementor-5112 .elementor-element.elementor-element-2a6ef35 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-5112 .elementor-element.elementor-element-2a6ef35 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-5112 .elementor-element.elementor-element-2a6ef35 .elementskit-section-title-wraper .elementskit-section-subtitle{color:var( --e-global-color-8fa36e4 );font-size:1.4em;}.elementor-5112 .elementor-element.elementor-element-2a6ef35 .elementskit-section-subtitle.elementskit-style-border::before{width:40px;}.elementor-5112 .elementor-element.elementor-element-2a6ef35 .elementskit-section-subtitle.elementskit-style-border::after{width:40px;}.elementor-5112 .elementor-element.elementor-element-2a6ef35 .elementskit-section-subtitle.elementskit-style-border::before, .elementor-5112 .elementor-element.elementor-element-2a6ef35 .elementskit-section-subtitle.elementskit-style-border::after{height:3px;transform:translateY(3px);-webkit-transform:translateY(3px);-ms-transform:translateY(3px);}.elementor-5112 .elementor-element.elementor-element-2a6ef35 .elementskit-section-title-wraper .elementskit-border-divider{width:260px;background:var( --e-global-color-ec25634 );}.elementor-5112 .elementor-element.elementor-element-2a6ef35 .elementskit-section-title-wraper .elementskit-border-divider.elementskit-style-long{width:260px;height:5px;color:var( --e-global-color-ec25634 );}.elementor-5112 .elementor-element.elementor-element-2a6ef35 .elementskit-section-title-wraper .elementskit-border-star{width:260px;height:5px;color:var( --e-global-color-ec25634 );}.elementor-5112 .elementor-element.elementor-element-2a6ef35 .elementskit-section-title-wraper .elementskit-border-divider, .elementor-5112 .elementor-element.elementor-element-2a6ef35 .elementskit-border-divider::before{height:5px;}.elementor-5112 .elementor-element.elementor-element-2a6ef35 .elementskit-section-title-wraper .ekit_heading_separetor_wraper{margin:14px 0px 8px 0px;}.elementor-5112 .elementor-element.elementor-element-2a6ef35 .elementskit-section-title-wraper .elementskit-border-divider:before{background-color:var( --e-global-color-ec25634 );color:var( --e-global-color-ec25634 );}.elementor-5112 .elementor-element.elementor-element-2a6ef35 .elementskit-section-title-wraper .elementskit-border-star:after{background-color:var( --e-global-color-ec25634 );}.elementor-5112 .elementor-element.elementor-element-2a6ef35 .ekit-heading__shadow-text{top:2%;left:0%;font-family:"Trebuchet MS", Sans-serif;font-size:0.9em;font-weight:normal;text-transform:none;letter-spacing:1px;-webkit-text-fill-color:#FFFFFFA3;-webkit-text-stroke-width:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-5112 .elementor-element.elementor-element-5b082ac{--divider-border-style:solid;--divider-color:var( --e-global-color-8fa36e4 );--divider-border-width:1px;}.elementor-5112 .elementor-element.elementor-element-5b082ac .elementor-divider-separator{width:100%;}.elementor-5112 .elementor-element.elementor-element-5b082ac .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5112 .elementor-element.elementor-element-8f7e1c1{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:1px;word-spacing:0em;color:#F0F0F0;}.elementor-5112 .elementor-element.elementor-element-550c2c3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-5112 .elementor-element.elementor-element-a2547da{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-5112 .elementor-element.elementor-element-a2547da img{width:425px;}.elementor-5112 .elementor-element.elementor-element-cccd74d5b744{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-c0b2f723031f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-ccf4d98c71d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:100;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-h9f6f27d3e23{z-index:100;}.elementor-5112 .elementor-element.elementor-element-te1f9a452402{z-index:100;font-family:"Roboto", Sans-serif;font-size:1em;font-weight:400;font-style:normal;line-height:0em;}.elementor-5112 .elementor-element.elementor-element-c65ab86b088b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-c31ac0628301{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-cfb0877ba662{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-hcb9cbd13516 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1px;font-weight:400;font-style:normal;line-height:1.5em;}.elementor-5112 .elementor-element.elementor-element-c93f979d1ff5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-ce7a1d295ee0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-c4c0a74b84bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-c03a7c42be3d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-c84ea38616e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-c74b17d867cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-c3208594aba1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-cefcc3e7a6bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-c99279946567{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-c3304da7f66b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-c7f3aabe8f5a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-cf74f5741226{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-c9d11cae6c41{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-c85d3b63ae0f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-c7d3109aa165{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-ca09110a91ba{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-ca592e2de553{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-cdee41b14e01{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-5112 .elementor-element.elementor-element-ce159e2cae5e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );font-style:var( --e-global-typography-accent-font-style );line-height:var( --e-global-typography-accent-line-height );}body.elementor-page-5112:not(.elementor-motion-effects-element-type-background), body.elementor-page-5112 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000010;}@media(min-width:768px){.elementor-5112 .elementor-element.elementor-element-17aa69f{--width:60%;}.elementor-5112 .elementor-element.elementor-element-550c2c3{--width:40%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-5112 .elementor-element.elementor-element-adb5242{--padding-top:0%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-5112 .elementor-element.elementor-element-8f7e1c1{font-size:16px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-5112 .elementor-element.elementor-element-d0aa49 .elementor-heading-title{font-size:0.9em;line-height:1.1em;letter-spacing:0px;}.elementor-5112 .elementor-element.elementor-element-65a203c1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5112 .elementor-element.elementor-element-65a203c1 .elementor-heading-title{font-size:0.9em;line-height:1.1em;letter-spacing:0px;}.elementor-5112 .elementor-element.elementor-element-adb5242{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-5112 .elementor-element.elementor-element-8f7e1c1{font-size:16px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-5112 .elementor-element.elementor-element-a2547da{width:100%;max-width:100%;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS *//* ============================================================
   ABOUT PAGE — atmospheric backdrop + scroll-driven chapters
   Scoped to body.page-id-5112
   ============================================================ */

/* --- 1. BACKDROP: drifting gradient orbs (fixed, always moving) --- */
body.page-id-5112 {
    position: relative;
    overflow-x: hidden;
    background: #ffffff;
}

body.page-id-5112::before,
body.page-id-5112::after {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 70vmax; height: 70vmax;
    border-radius: 50%;
    filter: blur(140px);
    pointer-events: none;
    z-index: 0;
    will-change: transform;
}

body.page-id-5112::before {
    background: radial-gradient(circle, #1F2124 0%, transparent 70%);
    opacity: 0.22;
    animation: orbA 48s ease-in-out infinite alternate;
}

body.page-id-5112::after {
    background: radial-gradient(circle, #b89876 0%, transparent 70%);
    opacity: 0.18;
    animation: orbB 64s ease-in-out infinite alternate;
}

@keyframes orbA {
    0%   { transform: translate(-25vw, -20vh) scale(1); }
    50%  { transform: translate( 30vw,  35vh) scale(1.15); }
    100% { transform: translate( 55vw,   5vh) scale(0.95); }
}

@keyframes orbB {
    0%   { transform: translate( 65vw,  75vh) scale(1); }
    50%  { transform: translate(  5vw,  25vh) scale(1.2); }
    100% { transform: translate( 75vw, -15vh) scale(0.9); }
}

/* Put all page content above the orbs */
body.page-id-5112 .elementor-section,
body.page-id-5112 .e-con {
    position: relative;
    z-index: 1;
}

/* --- 2. HERO --- */
.about-hero {
    min-height: 100vh !important;
    justify-content: center !important;
    text-align: center;
    padding: 20vh 5vw 10vh !important;
}

.about-hero .about-eyebrow {
    letter-spacing: 0.4em;
    text-transform: uppercase;
    font-size: 0.85rem;
    color: #94a3b8;
    margin-bottom: 2rem;
    animation: fadeUp 1.2s ease-out both;
}

.about-hero .about-hero-title h1 {
    font-size: clamp(2.2rem, 5.5vw, 4.8rem);
    line-height: 1.05;
    font-weight: 300;
    letter-spacing: -0.02em;
    color: #1F2124;
    max-width: 18ch;
    margin: 0 auto;
    animation: fadeUp 1.4s 0.15s ease-out both;
}

.about-hero .about-hero-sub p {
    font-size: clamp(1rem, 1.3vw, 1.2rem);
    color: #555;
    max-width: 36ch;
    margin: 2rem auto 0;
    line-height: 1.5;
    animation: fadeUp 1.4s 0.3s ease-out both;
}

.about-hero .about-scroll-hint {
    margin-top: 6rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    font-size: 0.75rem;
    color: #94a3b8;
    animation: fadeUp 1.4s 0.5s ease-out both, hintBob 2.4s 1.8s ease-in-out infinite;
}

@keyframes fadeUp {
    0%   { opacity: 0; transform: translateY(24px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes hintBob {
    0%, 100% { transform: translateY(0); opacity: 0.6; }
    50%      { transform: translateY(8px); opacity: 1; }
}

/* --- 3. CHAPTERS --- */
.about-chapter {
    min-height: 90vh !important;
    padding: 12vh 5vw !important;
    align-items: flex-start !important;
    gap: 4vw !important;
    max-width: 1280px;
    margin: 0 auto !important;
}

/* Alternate: even chapters flip so number appears on the right */
.about-chapter.ch-02,
.about-chapter.ch-04,
.about-chapter.ch-06,
.about-chapter.ch-08 {
    flex-direction: row-reverse !important;
}

/* Number column: narrow, sticky so the "01" pins as you scroll through */
.about-chapter .chapter-num-col {
    width: 30% !important;
    flex: 0 0 30% !important;
    position: sticky !important;
    top: 15vh;
    align-self: flex-start;
}

.about-chapter .chapter-number h2,
.about-chapter .chapter-number .elementor-heading-title {
    font-size: clamp(6rem, 14vw, 14rem);
    line-height: 1;
    font-weight: 100;
    color: transparent;
    -webkit-text-stroke: 1.5px #1F2124;
    letter-spacing: -0.05em;
    font-family: Roboto, system-ui, sans-serif;
    margin: 0;
}

/* Content column */
.about-chapter .chapter-content-col {
    width: 65% !important;
    flex: 0 0 65% !important;
    border-left: 1px solid rgba(31, 33, 36, 0.15);
    padding-left: 3vw !important;
}

.about-chapter.ch-02 .chapter-content-col,
.about-chapter.ch-04 .chapter-content-col,
.about-chapter.ch-06 .chapter-content-col,
.about-chapter.ch-08 .chapter-content-col {
    border-left: none;
    border-right: 1px solid rgba(31, 33, 36, 0.15);
    padding-left: 0 !important;
    padding-right: 3vw !important;
}

.about-chapter .chapter-title h2 {
    font-size: clamp(1.8rem, 3.4vw, 2.8rem);
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: -0.01em;
    color: #1F2124;
    margin: 0 0 2rem;
    max-width: 22ch;
}

.about-chapter .chapter-body {
    color: #3a3d42;
    font-size: clamp(1rem, 1.15vw, 1.15rem);
    line-height: 1.65;
}

.about-chapter .chapter-body p {
    margin: 0 0 1.2em;
    max-width: 52ch;
}

.about-chapter .chapter-body ul {
    list-style: none;
    padding: 0;
    margin: 1.5em 0;
}

.about-chapter .chapter-body li {
    position: relative;
    padding-left: 1.8em;
    margin: 0.6em 0;
    max-width: 52ch;
}

.about-chapter .chapter-body li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.75em;
    width: 1.2em;
    height: 1px;
    background: #1F2124;
}

/* --- 4. SCROLL-DRIVEN ENTRANCES --- */
@supports (animation-timeline: view()) {

    .about-chapter .chapter-number h2,
    .about-chapter .chapter-number .elementor-heading-title {
        animation: numReveal linear both;
        animation-timeline: view();
        animation-range: entry 0% entry 40%;
    }
    @keyframes numReveal {
        0%   { opacity: 0; transform: translateY(40px) scale(0.92); -webkit-text-stroke-width: 0.5px; }
        100% { opacity: 1; transform: translateY(0) scale(1);       -webkit-text-stroke-width: 1.5px; }
    }

    .about-chapter .chapter-title h2 {
        animation: titleWipe linear both;
        animation-timeline: view();
        animation-range: entry 10% entry 55%;
    }
    @keyframes titleWipe {
        0%   { opacity: 0; transform: translateY(24px); letter-spacing: 0.12em; }
        100% { opacity: 1; transform: translateY(0);    letter-spacing: -0.01em; }
    }

    .about-chapter .chapter-body p {
        animation: bodyRise linear both;
        animation-timeline: view();
        animation-range: entry 20% entry 70%;
    }
    @keyframes bodyRise {
        0%   { opacity: 0; transform: translateY(20px); }
        100% { opacity: 1; transform: translateY(0); }
    }

    .about-chapter .chapter-body li {
        animation: liCascade linear both;
        animation-timeline: view();
        animation-range: entry 25% entry 80%;
    }
    .about-chapter .chapter-body li:nth-child(1) { animation-delay: 0ms; }
    .about-chapter .chapter-body li:nth-child(2) { animation-delay: 80ms; }
    .about-chapter .chapter-body li:nth-child(3) { animation-delay: 160ms; }
    .about-chapter .chapter-body li:nth-child(4) { animation-delay: 240ms; }
    .about-chapter .chapter-body li:nth-child(5) { animation-delay: 320ms; }
    @keyframes liCascade {
        0%   { opacity: 0; transform: translateX(-14px); }
        100% { opacity: 1; transform: translateX(0); }
    }

    /* Divider "draws" downward as section enters */
    .about-chapter .chapter-content-col {
        animation: spineDraw linear both;
        animation-timeline: view();
        animation-range: entry 0% entry 50%;
    }
    @keyframes spineDraw {
        0%   { clip-path: inset(0 0 100% 0); }
        100% { clip-path: inset(0 0 0 0); }
    }
}

/* --- 5. CTA --- */
.about-cta {
    min-height: 70vh !important;
    justify-content: center !important;
    text-align: center;
    padding: 15vh 5vw !important;
    max-width: 900px;
    margin: 0 auto !important;
}

.about-cta .about-cta-title h2 {
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 300;
    line-height: 1.15;
    color: #1F2124;
    max-width: 20ch;
    margin: 0 auto 1.5rem;
}

.about-cta .about-cta-sub p {
    font-size: 1.1rem;
    color: #555;
    max-width: 40ch;
    margin: 0 auto 2.5rem;
}

.about-cta .about-cta-btn .elementor-button {
    background: #1F2124;
    color: #fff;
    padding: 1.2rem 2.4rem;
    border-radius: 2px;
    font-size: 0.9rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-weight: 500;
    transition: all 0.3s ease;
}

.about-cta .about-cta-btn .elementor-button:hover {
    background: #000;
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(31, 33, 36, 0.25);
}

/* --- 6. RESPONSIVE (tablet / mobile) --- */
@media (max-width: 900px) {
    .about-chapter {
        flex-direction: column !important;
        padding: 8vh 6vw !important;
        min-height: auto !important;
    }
    .about-chapter.ch-02,
    .about-chapter.ch-04,
    .about-chapter.ch-06,
    .about-chapter.ch-08 {
        flex-direction: column !important;
    }
    .about-chapter .chapter-num-col,
    .about-chapter .chapter-content-col {
        width: 100% !important;
        flex: 0 0 100% !important;
        position: static !important;
        border: none !important;
        padding: 0 !important;
    }
    .about-chapter .chapter-number h2,
    .about-chapter .chapter-number .elementor-heading-title {
        font-size: clamp(4rem, 18vw, 8rem);
        margin-bottom: 1rem !important;
    }
}

/* --- 7. REDUCED MOTION --- */
@media (prefers-reduced-motion: reduce) {
    body.page-id-5112::before,
    body.page-id-5112::after {
        animation: none !important;
    }
    .about-chapter *,
    .about-hero * {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
        clip-path: none !important;
    }
}


/* ===== PATCH: theme override fixes =========================== */

/* Kill forced uppercase/capitalize from the theme on my content */
body.page-id-5112 .about-hero-title h1,
body.page-id-5112 .about-hero-sub p,
body.page-id-5112 .chapter-title h2,
body.page-id-5112 .chapter-body,
body.page-id-5112 .chapter-body p,
body.page-id-5112 .chapter-body li,
body.page-id-5112 .about-cta-title h2,
body.page-id-5112 .about-cta-sub p {
    text-transform: none !important;
}

/* Keep only the small labels in uppercase */
body.page-id-5112 .about-eyebrow,
body.page-id-5112 .about-eyebrow .elementor-heading-title,
body.page-id-5112 .about-scroll-hint,
body.page-id-5112 .about-scroll-hint .elementor-heading-title {
    text-transform: uppercase !important;
}

/* Elementor wraps boxed container children in .e-con-inner —
   flex-direction must apply to THAT wrapper, not the outer chapter */
body.page-id-5112 .about-chapter.ch-02 > .e-con-inner,
body.page-id-5112 .about-chapter.ch-04 > .e-con-inner,
body.page-id-5112 .about-chapter.ch-06 > .e-con-inner,
body.page-id-5112 .about-chapter.ch-08 > .e-con-inner {
    flex-direction: row-reverse !important;
}

/* Align inner to the full chapter so sticky number behaves */
body.page-id-5112 .about-chapter > .e-con-inner {
    align-items: flex-start !important;
    gap: 4vw !important;
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
}

/* Sticky number needs enough vertical room, and should pin below the sticky nav */
body.page-id-5112 .about-chapter .chapter-num-col {
    position: sticky !important;
    top: calc(15vh + 80px);
    align-self: flex-start !important;
}

/* Larger letter body text readability override (theme may apply 0.8em)  */
body.page-id-5112 .chapter-body .elementor-widget-container,
body.page-id-5112 .chapter-body p,
body.page-id-5112 .chapter-body li {
    font-size: clamp(1rem, 1.15vw, 1.15rem) !important;
    letter-spacing: 0 !important;
    line-height: 1.65 !important;
}


/* ===== PATCH 2: layout + stronger animations ================== */

/* Widen the inner boxed container for ultrawide + balance content */
body.page-id-5112 .about-chapter > .e-con-inner {
    max-width: 1440px !important;
    padding: 0 4vw !important;
    justify-content: center !important;
}

/* Balance the two columns better + give number column a fixed-ish share */
body.page-id-5112 .about-chapter .chapter-num-col {
    width: 24% !important;
    flex: 0 0 24% !important;
    text-align: center;
}

body.page-id-5112 .about-chapter .chapter-content-col {
    width: 55% !important;
    flex: 0 0 55% !important;
    max-width: 680px !important;
}

/* Give the pair extra breathing room */
body.page-id-5112 .about-chapter > .e-con-inner {
    gap: 6vw !important;
}

/* STRONGER SCROLL ANIMATIONS ---------------------------------- */
/* Wider ranges so they fire obviously during normal scroll      */
@supports (animation-timeline: view()) {

    body.page-id-5112 .about-chapter .chapter-number .elementor-heading-title {
        animation: numReveal2 linear both !important;
        animation-timeline: view() !important;
        animation-range: entry 0% cover 50% !important;
    }
    @keyframes numReveal2 {
        0%   { opacity: 0; transform: translateY(100px) scale(0.6); -webkit-text-stroke-width: 0.3px; }
        100% { opacity: 1; transform: translateY(0) scale(1);        -webkit-text-stroke-width: 1.5px; }
    }

    body.page-id-5112 .about-chapter .chapter-title h2 {
        animation: titleWipe2 linear both !important;
        animation-timeline: view() !important;
        animation-range: entry 10% cover 60% !important;
    }
    @keyframes titleWipe2 {
        0%   { opacity: 0; transform: translateX(-40px); letter-spacing: 0.18em; }
        100% { opacity: 1; transform: translateX(0);     letter-spacing: -0.01em; }
    }

    /* Flip the title slide direction for even (flipped) chapters */
    body.page-id-5112 .about-chapter.ch-02 .chapter-title h2,
    body.page-id-5112 .about-chapter.ch-04 .chapter-title h2,
    body.page-id-5112 .about-chapter.ch-06 .chapter-title h2,
    body.page-id-5112 .about-chapter.ch-08 .chapter-title h2 {
        animation: titleWipe2Flip linear both !important;
        animation-timeline: view() !important;
        animation-range: entry 10% cover 60% !important;
    }
    @keyframes titleWipe2Flip {
        0%   { opacity: 0; transform: translateX(40px); letter-spacing: 0.18em; }
        100% { opacity: 1; transform: translateX(0);    letter-spacing: -0.01em; }
    }

    body.page-id-5112 .about-chapter .chapter-body p,
    body.page-id-5112 .about-chapter .chapter-body ul {
        animation: bodyRise2 linear both !important;
        animation-timeline: view() !important;
        animation-range: entry 20% cover 70% !important;
    }
    @keyframes bodyRise2 {
        0%   { opacity: 0; transform: translateY(50px); }
        100% { opacity: 1; transform: translateY(0); }
    }

    body.page-id-5112 .about-chapter .chapter-body li {
        animation: liCascade2 linear both !important;
        animation-timeline: view() !important;
        animation-range: entry 25% cover 80% !important;
    }
    @keyframes liCascade2 {
        0%   { opacity: 0; transform: translateX(-24px); }
        100% { opacity: 1; transform: translateX(0); }
    }

    /* CTA fade-in */
    body.page-id-5112 .about-cta > .e-con-inner > * {
        animation: ctaRise linear both !important;
        animation-timeline: view() !important;
        animation-range: entry 0% cover 60% !important;
    }
    @keyframes ctaRise {
        0%   { opacity: 0; transform: translateY(60px); }
        100% { opacity: 1; transform: translateY(0); }
    }
}

/* Boost orb visibility a touch so the backdrop actually reads */
body.page-id-5112::before { opacity: 0.32 !important; }
body.page-id-5112::after  { opacity: 0.26 !important; }

/* Ensure ultrawide doesn't leave the orbs stranded */
body.page-id-5112::before,
body.page-id-5112::after {
    width: 90vmax !important;
    height: 90vmax !important;
}


/* ===== PATCH 3: fill the inner + longer scroll ranges ========= */

/* Spread columns across full inner container width */
body.page-id-5112 .about-chapter > .e-con-inner {
    justify-content: space-between !important;
    gap: 3vw !important;
    max-width: 1440px !important;
}

/* Number column: compact, left-aligned */
body.page-id-5112 .about-chapter .chapter-num-col {
    width: auto !important;
    flex: 0 0 auto !important;
    min-width: 280px;
    text-align: center;
}

/* Content column: take all remaining space, cap only the reading line */
body.page-id-5112 .about-chapter .chapter-content-col {
    width: auto !important;
    flex: 1 1 auto !important;
    max-width: none !important;
}

/* The paragraph reading column stays narrow, but the column itself is wide */
body.page-id-5112 .about-chapter .chapter-body p,
body.page-id-5112 .about-chapter .chapter-body li {
    max-width: 58ch;
}

body.page-id-5112 .about-chapter .chapter-title h2 {
    max-width: 28ch;
}

/* Scroll animations: play over a much longer stretch so they're visible */
@supports (animation-timeline: view()) {
    body.page-id-5112 .about-chapter .chapter-number .elementor-heading-title {
        animation-range: entry 0% exit 30% !important;
    }
    body.page-id-5112 .about-chapter .chapter-title h2 {
        animation-range: entry 0% contain 60% !important;
    }
    body.page-id-5112 .about-chapter .chapter-body p,
    body.page-id-5112 .about-chapter .chapter-body ul {
        animation-range: entry 10% contain 70% !important;
    }
    body.page-id-5112 .about-chapter .chapter-body li {
        animation-range: entry 20% contain 80% !important;
    }
}


/* ===== PATCH 4: symmetric centered composition ================ */

body.page-id-5112 .about-chapter > .e-con-inner {
    max-width: 1100px !important;
    justify-content: center !important;
    gap: 3vw !important;
    align-items: center !important;
}

body.page-id-5112 .about-chapter .chapter-num-col {
    width: auto !important;
    flex: 0 0 240px !important;
    text-align: center;
}

body.page-id-5112 .about-chapter .chapter-content-col {
    width: auto !important;
    flex: 0 0 680px !important;
    max-width: 680px !important;
}

/* Title and body now fill their 680px column naturally; remove cap */
body.page-id-5112 .about-chapter .chapter-title h2 {
    max-width: none !important;
}
body.page-id-5112 .about-chapter .chapter-body p,
body.page-id-5112 .about-chapter .chapter-body li {
    max-width: none !important;
}

/* On normal-width screens, let the whole composition breathe */
@media (max-width: 1200px) {
    body.page-id-5112 .about-chapter > .e-con-inner {
        max-width: 92vw !important;
    }
    body.page-id-5112 .about-chapter .chapter-num-col {
        flex: 0 0 180px !important;
    }
    body.page-id-5112 .about-chapter .chapter-content-col {
        flex: 1 1 auto !important;
    }
}


/* ===== PATCH 5: visible scroll animations + layout fixes ===== */

/* Fix title overflow on wide words */
body.page-id-5112 .about-chapter .chapter-title h2 {
    font-size: clamp(1.6rem, 2.6vw, 2.4rem) !important;
    word-break: break-word;
    hyphens: auto;
    max-width: 100% !important;
}

/* Titles should fit within their 680px column */
body.page-id-5112 .about-chapter .chapter-content-col {
    overflow: visible !important;
}

/* Add backdrop protection so chapters don't bleed behind transparent nav */
body.page-id-5112 .about-chapter {
    padding-top: 14vh !important;
    padding-bottom: 12vh !important;
}

/* ------ SCROLL ANIMATIONS THAT PLAY ACROSS FULL VISIBILITY ------- */
@supports (animation-timeline: view()) {
    /* Use `cover` range — animation plays across ENTIRE time element is in viewport.
       Scrolling down = forward animation. Scrolling up = animation reverses.
       This makes the motion visibly tied to scroll gesture.                      */

    body.page-id-5112 .about-chapter .chapter-title h2 {
        animation: titleWipe3 linear both !important;
        animation-timeline: view() !important;
        animation-range: cover 0% cover 50% !important;
    }
    @keyframes titleWipe3 {
        0%   { opacity: 0; transform: translateX(-80px); letter-spacing: 0.25em; filter: blur(4px); }
        100% { opacity: 1; transform: translateX(0);     letter-spacing: -0.01em; filter: blur(0); }
    }

    body.page-id-5112 .about-chapter.ch-02 .chapter-title h2,
    body.page-id-5112 .about-chapter.ch-04 .chapter-title h2,
    body.page-id-5112 .about-chapter.ch-06 .chapter-title h2,
    body.page-id-5112 .about-chapter.ch-08 .chapter-title h2 {
        animation: titleWipe3Flip linear both !important;
        animation-timeline: view() !important;
        animation-range: cover 0% cover 50% !important;
    }
    @keyframes titleWipe3Flip {
        0%   { opacity: 0; transform: translateX(80px); letter-spacing: 0.25em; filter: blur(4px); }
        100% { opacity: 1; transform: translateX(0);    letter-spacing: -0.01em; filter: blur(0); }
    }

    body.page-id-5112 .about-chapter .chapter-body p,
    body.page-id-5112 .about-chapter .chapter-body ul {
        animation: bodyRise3 linear both !important;
        animation-timeline: view() !important;
        animation-range: cover 10% cover 60% !important;
    }
    @keyframes bodyRise3 {
        0%   { opacity: 0; transform: translateY(80px); }
        100% { opacity: 1; transform: translateY(0); }
    }

    body.page-id-5112 .about-chapter .chapter-body li {
        animation: liCascade3 linear both !important;
        animation-timeline: view() !important;
        animation-range: cover 15% cover 70% !important;
    }
    @keyframes liCascade3 {
        0%   { opacity: 0; transform: translateX(-40px); }
        100% { opacity: 1; transform: translateX(0); }
    }

    /* Number: since it's sticky, use a SEPARATE animation that plays on entry only,
       not tied to sticky position. Use entry phase explicitly.                       */
    body.page-id-5112 .about-chapter .chapter-number .elementor-heading-title {
        animation: numReveal3 linear both !important;
        animation-timeline: view() !important;
        animation-range: entry 0% entry 100% !important;
    }
    @keyframes numReveal3 {
        0%   { opacity: 0; transform: translateY(120px) scale(0.5) rotateX(-45deg); -webkit-text-stroke-width: 0px; }
        100% { opacity: 1; transform: translateY(0) scale(1) rotateX(0);             -webkit-text-stroke-width: 1.5px; }
    }
}

/* ===== PATCH 8: out-specificity the plugin overflow rule ========
   A plugin injects `html, body { overflow-x: hidden !important }`.
   My same-specificity `html`/`body` rules lose because theirs
   loads later. Using attribute + class body.elementor-page-5112s bumps specificity.  */

html[lang] {
    overflow-x: clip !important;
    overflow-y: visible !important;
}

body.page-id-5112[class] {
    overflow-x: clip !important;
    overflow-y: visible !important;
    max-width: none !important;
}

/* `clip` doesn't create a scroll container, so view() works.
   Visual effect is identical to `hidden` for our needs.             */


/* ===== PATCH 9: widen animation ranges to full visibility ===== */
@supports (animation-timeline: view()) {
    body.page-id-5112 .about-chapter .chapter-title h2,
    body.page-id-5112 .about-chapter.ch-02 .chapter-title h2,
    body.page-id-5112 .about-chapter.ch-04 .chapter-title h2,
    body.page-id-5112 .about-chapter.ch-06 .chapter-title h2,
    body.page-id-5112 .about-chapter.ch-08 .chapter-title h2 {
        animation-range: cover 0% cover 100% !important;
    }
    body.page-id-5112 .about-chapter .chapter-body p,
    body.page-id-5112 .about-chapter .chapter-body ul {
        animation-range: cover 5% cover 95% !important;
    }
    body.page-id-5112 .about-chapter .chapter-body li {
        animation-range: cover 10% cover 90% !important;
    }
    body.page-id-5112 .about-chapter .chapter-number .elementor-heading-title {
        animation-range: cover 0% cover 60% !important;
    }
}


/* ===== PATCH 10: accessibility — drop blur, keep opacity + motion ===== */
@supports (animation-timeline: view()) {
    @keyframes titleWipe3 {
        0%   { opacity: 0; transform: translateX(-80px); letter-spacing: 0.18em; }
        100% { opacity: 1; transform: translateX(0);     letter-spacing: -0.01em; }
    }
    @keyframes titleWipe3Flip {
        0%   { opacity: 0; transform: translateX(80px); letter-spacing: 0.18em; }
        100% { opacity: 1; transform: translateX(0);    letter-spacing: -0.01em; }
    }
}


/* ===== PATCH 11: header stays above scrolling page content ========= */
/* Scoped to this page so the fix doesn't alter header stacking elsewhere */
body.page-id-5112 .elementor-sticky,
body.page-id-5112 .elementor-sticky--active {
    z-index: 9999 !important;
    background-color: #ffffff !important;
}

/* Also lower our chapter/number stacking so they can't rise over header */
body.page-id-5112 .about-chapter,
body.page-id-5112 .about-hero,
body.page-id-5112 .about-cta,
body.page-id-5112 .chapter-num-col {
    z-index: 1 !important;
}


/* ===== PATCH 12: drop opacity transitions, keep zoom + parallax =====
   Opacity 0->1 on scroll entrances was rendering content too light.
   Transforms (translate, scale, letter-spacing, rotateX) carry the
   effect on their own. Redefining the keyframes here so cascade order
   wins over the earlier definitions.                                   */

@keyframes fadeUp {
    0%   { opacity: 1; transform: translateY(24px); }
    100% { opacity: 1; transform: translateY(0); }
}

@supports (animation-timeline: view()) {
    @keyframes numReveal3 {
        0%   { opacity: 1; transform: translateY(120px) scale(0.5) rotateX(-45deg); -webkit-text-stroke-width: 0px; }
        100% { opacity: 1; transform: translateY(0) scale(1) rotateX(0);             -webkit-text-stroke-width: 1.5px; }
    }
    @keyframes titleWipe3 {
        0%   { opacity: 1; transform: translateX(-80px); letter-spacing: 0.18em; }
        100% { opacity: 1; transform: translateX(0);     letter-spacing: -0.01em; }
    }
    @keyframes titleWipe3Flip {
        0%   { opacity: 1; transform: translateX(80px); letter-spacing: 0.18em; }
        100% { opacity: 1; transform: translateX(0);    letter-spacing: -0.01em; }
    }
    @keyframes bodyRise3 {
        0%   { opacity: 1; transform: translateY(80px); }
        100% { opacity: 1; transform: translateY(0); }
    }
    @keyframes liCascade3 {
        0%   { opacity: 1; transform: translateX(-40px); }
        100% { opacity: 1; transform: translateX(0); }
    }
    @keyframes ctaRise {
        0%   { opacity: 1; transform: translateY(60px); }
        100% { opacity: 1; transform: translateY(0); }
    }
}/* End custom CSS */