.elementor-1397 .elementor-element.elementor-element-1082d1b{--display:flex;--min-height:60vh;--justify-content:center;--margin-top:-250px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:50px;--padding-right:50px;}.elementor-1397 .elementor-element.elementor-element-1082d1b:not(.elementor-motion-effects-element-type-background), .elementor-1397 .elementor-element.elementor-element-1082d1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131109;}.elementor-1397 .elementor-element.elementor-element-cad90ce{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:180px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:999;}.elementor-1397 .elementor-element.elementor-element-cad90ce.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1397 .elementor-element.elementor-element-d0244a2.elementor-element{--align-self:center;}.elementor-1397 .elementor-element.elementor-element-d0244a2{z-index:999;}.elementor-1397 .elementor-element.elementor-element-d0244a2 .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:43.2px;font-weight:600;text-transform:capitalize;color:#ECE4D2;}.elementor-1397 .elementor-element.elementor-element-8e58d8d{--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;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1397 .elementor-element.elementor-element-aa64381 .elementor-button{background-color:#61CE7000;font-family:"Inter", Sans-serif;font-size:12.48px;font-weight:500;fill:#181206;color:#181206;border-radius:0px 0px 0px 0px;}.elementor-1397 .elementor-element.elementor-element-aa64381{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1397 .elementor-element.elementor-element-aadfc6f .elementor-button{background-color:#61CE7000;font-family:"Inter", Sans-serif;font-size:12.48px;font-weight:500;fill:#181206;color:#181206;border-radius:0px 0px 0px 0px;}.elementor-1397 .elementor-element.elementor-element-aadfc6f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1397 .elementor-element.elementor-element-1081a5b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:50px;--padding-right:50px;}.elementor-1397 .elementor-element.elementor-element-1081a5b:not(.elementor-motion-effects-element-type-background), .elementor-1397 .elementor-element.elementor-element-1081a5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080705;}.elementor-1397 .elementor-element.elementor-element-8789552{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1397 .elementor-element.elementor-element-de006c8{text-align:center;}.elementor-1397 .elementor-element.elementor-element-de006c8 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0.16em;color:#C9A24A;}.elementor-1397 .elementor-element.elementor-element-535b2cf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-1397 .elementor-element.elementor-element-535b2cf .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:43.3px;font-weight:600;color:#ECE4D2;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-1397 .elementor-element.elementor-element-e233159{width:var( --container-widget-width, 63% );max-width:63%;--container-widget-width:63%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-e233159 p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-5ed76db{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#C9A24A;--border-color:#C9A24A;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1397 .elementor-element.elementor-element-129d641{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-1397 .elementor-element.elementor-element-129d641 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:43.3px;font-weight:600;color:#ECE4D2;}.elementor-1397 .elementor-element.elementor-element-505edc8{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-505edc8 p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-c561f2f{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-c561f2f p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-cc6ee87{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-cc6ee87 p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-17ee97c{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#C9A24A;--border-color:#C9A24A;}.elementor-1397 .elementor-element.elementor-element-2a25b85{text-align:start;}.elementor-1397 .elementor-element.elementor-element-2a25b85 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:43.3px;font-weight:600;color:#ECE4D2;}.elementor-1397 .elementor-element.elementor-element-6cde029{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-6cde029 p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-5d6de58{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-5d6de58 p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-0aec5b7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1397 .elementor-element.elementor-element-0aec5b7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1397 .elementor-element.elementor-element-8ef0787{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:25px 28px 25px 28px;border-style:solid;border-width:0px 0px 0px 1px;border-color:#8A6E36;}.elementor-1397 .elementor-element.elementor-element-8ef0787 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1397 .elementor-element.elementor-element-8ef0787 .elementor-icon-box-title{margin-block-end:2px;}.elementor-1397 .elementor-element.elementor-element-8ef0787.elementor-view-stacked .elementor-icon{background-color:#8F640F;}.elementor-1397 .elementor-element.elementor-element-8ef0787.elementor-view-framed .elementor-icon, .elementor-1397 .elementor-element.elementor-element-8ef0787.elementor-view-default .elementor-icon{fill:#8F640F;color:#8F640F;border-color:#8F640F;}.elementor-1397 .elementor-element.elementor-element-8ef0787.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-1397 .elementor-element.elementor-element-8ef0787.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#8A6E36;}.elementor-1397 .elementor-element.elementor-element-8ef0787.elementor-view-framed:has(:hover) .elementor-icon, .elementor-1397 .elementor-element.elementor-element-8ef0787.elementor-view-default:has(:hover) .elementor-icon, .elementor-1397 .elementor-element.elementor-element-8ef0787.elementor-view-framed:has(:focus) .elementor-icon, .elementor-1397 .elementor-element.elementor-element-8ef0787.elementor-view-default:has(:focus) .elementor-icon{fill:#8A6E36;color:#8A6E36;border-color:#8A6E36;}.elementor-1397 .elementor-element.elementor-element-8ef0787 .elementor-icon{font-size:21px;}.elementor-1397 .elementor-element.elementor-element-8ef0787 .elementor-icon i{transform:rotate(6deg);}.elementor-1397 .elementor-element.elementor-element-8ef0787 .elementor-icon-box-title, .elementor-1397 .elementor-element.elementor-element-8ef0787 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-1397 .elementor-element.elementor-element-aeda987{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#C9A24A;--border-color:#C9A24A;}.elementor-1397 .elementor-element.elementor-element-87a216b{text-align:start;}.elementor-1397 .elementor-element.elementor-element-87a216b .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:43.3px;font-weight:600;color:#ECE4D2;}.elementor-1397 .elementor-element.elementor-element-9b4013a{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-9b4013a p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-a940d1d{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-a940d1d p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-08a6876{text-align:start;}.elementor-1397 .elementor-element.elementor-element-08a6876 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:600;color:#ECE4D2;}.elementor-1397 .elementor-element.elementor-element-796035a{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-796035a p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-e41848d{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#C9A24A;--border-color:#C9A24A;}.elementor-1397 .elementor-element.elementor-element-dd43d87{text-align:start;}.elementor-1397 .elementor-element.elementor-element-dd43d87 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:43.3px;font-weight:600;color:#ECE4D2;}.elementor-1397 .elementor-element.elementor-element-6530a67{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-6530a67 p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-246a287{text-align:start;}.elementor-1397 .elementor-element.elementor-element-246a287 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:600;color:#ECE4D2;}.elementor-1397 .elementor-element.elementor-element-dc9e22c{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-dc9e22c p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-c3b9e24{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-c3b9e24 p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-26b3673{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#C9A24A;--border-color:#C9A24A;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1397 .elementor-element.elementor-element-3e73f3c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1397 .elementor-element.elementor-element-3e73f3c .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:43.3px;font-weight:600;color:#ECE4D2;}.elementor-1397 .elementor-element.elementor-element-8080f28{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-8080f28 p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-61e28ce{text-align:start;}.elementor-1397 .elementor-element.elementor-element-61e28ce .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:600;color:#ECE4D2;}.elementor-1397 .elementor-element.elementor-element-9b85fe4{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-9b85fe4 p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-ade2d58{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-ade2d58 p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-96e088c{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#C9A24A;--border-color:#C9A24A;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:050px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1397 .elementor-element.elementor-element-375caca{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1397 .elementor-element.elementor-element-375caca .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:43.3px;font-weight:600;color:#ECE4D2;}.elementor-1397 .elementor-element.elementor-element-be1f96d{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-be1f96d p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-b7680a9{text-align:start;}.elementor-1397 .elementor-element.elementor-element-b7680a9 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:600;color:#ECE4D2;}.elementor-1397 .elementor-element.elementor-element-aa93c5a{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-aa93c5a p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-a1d8245{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-a1d8245 p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-77c88b0{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#C9A24A;--border-color:#C9A24A;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1397 .elementor-element.elementor-element-f226eb2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1397 .elementor-element.elementor-element-f226eb2 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:43.3px;font-weight:600;color:#ECE4D2;}.elementor-1397 .elementor-element.elementor-element-10986b3{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-10986b3 p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-ad7e57b{text-align:start;}.elementor-1397 .elementor-element.elementor-element-ad7e57b .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:600;color:#ECE4D2;}.elementor-1397 .elementor-element.elementor-element-2946a7b{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-2946a7b p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-d017020{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#FFF6E1;}.elementor-1397 .elementor-element.elementor-element-d017020 p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-36db4f5{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#ECE4D2;}.elementor-1397 .elementor-element.elementor-element-36db4f5 p{margin-block-end:0px;}.elementor-1397 .elementor-element.elementor-element-35b0132 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:22px;font-weight:600;}.elementor-1397 .elementor-element.elementor-element-cca153a{--display:flex;--padding-top:0120px;--padding-bottom:120px;--padding-left:48px;--padding-right:48px;}.elementor-1397 .elementor-element.elementor-element-cca153a:not(.elementor-motion-effects-element-type-background), .elementor-1397 .elementor-element.elementor-element-cca153a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0A08;}.elementor-1397 .elementor-element.elementor-element-38c0542{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-1397 .elementor-element.elementor-element-f8235b9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:11.52px;font-weight:600;text-transform:uppercase;letter-spacing:0.32em;color:#C9A24A;}.elementor-1397 .elementor-element.elementor-element-8d56238{width:var( --container-widget-width, 59.819% );max-width:59.819%;--container-widget-width:59.819%;--container-widget-flex-grow:0;}.elementor-1397 .elementor-element.elementor-element-8d56238.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1397 .elementor-element.elementor-element-8d56238 .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:43.2px;font-weight:600;line-height:1.6em;color:#ECE4D2;}.elementor-1397 .elementor-element.elementor-element-23b4b6c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1397 .elementor-element.elementor-element-21f06ae{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#C9A24A29;--border-color:#C9A24A29;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1397 .elementor-element.elementor-element-d9e3c3d{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1397 .elementor-element.elementor-element-4fe5025{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 1px 1px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:0px;border-color:#C9A24A29;--border-color:#C9A24A29;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:048px;--padding-bottom:48px;--padding-left:44px;--padding-right:44px;}.elementor-1397 .elementor-element.elementor-element-4fe5025:hover{background-color:#17140D;}.elementor-1397 .elementor-element.elementor-element-8ad38d8{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1397 .elementor-element.elementor-element-29f81fd .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:22.4px;font-weight:600;color:#ECE4D2;}.elementor-1397 .elementor-element.elementor-element-f1f0a87{font-family:"Inter", Sans-serif;font-size:15.4px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-b72526e{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#C9A24A29;--border-color:#C9A24A29;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:44px;}.elementor-1397 .elementor-element.elementor-element-b72526e:hover{background-color:#17140D;}.elementor-1397 .elementor-element.elementor-element-f5f5067{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1397 .elementor-element.elementor-element-aadd777 .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:22.4px;font-weight:600;color:#ECE4D2;}.elementor-1397 .elementor-element.elementor-element-7feabca{font-family:"Inter", Sans-serif;font-size:15.4px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-17e8194{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1397 .elementor-element.elementor-element-e4fdb6c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 1px 1px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:0px;border-color:#C9A24A29;--border-color:#C9A24A29;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1397 .elementor-element.elementor-element-e4fdb6c:hover{background-color:#17140D;}.elementor-1397 .elementor-element.elementor-element-f009049{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:48px;--padding-bottom:48px;--padding-left:44px;--padding-right:44px;}.elementor-1397 .elementor-element.elementor-element-83f993a{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1397 .elementor-element.elementor-element-4ba5169{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1397 .elementor-element.elementor-element-4ba5169 .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:22.4px;font-weight:600;color:#ECE4D2;}.elementor-1397 .elementor-element.elementor-element-76b5f25{font-family:"Inter", Sans-serif;font-size:15.4px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-f47dd66{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#C9A24A29;--border-color:#C9A24A29;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1397 .elementor-element.elementor-element-f47dd66:hover{background-color:#17140D;}.elementor-1397 .elementor-element.elementor-element-2e98566{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:48px;--padding-bottom:48px;--padding-left:44px;--padding-right:44px;}.elementor-1397 .elementor-element.elementor-element-7e5c437{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1397 .elementor-element.elementor-element-2264564 .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:22.4px;font-weight:600;color:#ECE4D2;}.elementor-1397 .elementor-element.elementor-element-ef91023{font-family:"Inter", Sans-serif;font-size:15.4px;font-weight:400;color:#948C7B;}.elementor-1397 .elementor-element.elementor-element-899e071{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1397 .elementor-element.elementor-element-cca153a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1397 .elementor-element.elementor-element-f8235b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -25px;}.elementor-1397 .elementor-element.elementor-element-8d56238{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -25px;--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-1397 .elementor-element.elementor-element-8d56238 .elementor-heading-title{font-size:32px;}.elementor-1397 .elementor-element.elementor-element-21f06ae{--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:space-between;--align-items:center;}.elementor-1397 .elementor-element.elementor-element-d9e3c3d{--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;}}@media(min-width:768px){.elementor-1397 .elementor-element.elementor-element-8e58d8d{--width:42%;}.elementor-1397 .elementor-element.elementor-element-0aec5b7{--width:68.539%;}.elementor-1397 .elementor-element.elementor-element-21f06ae{--width:95%;}}/* Start custom CSS for container, class: .elementor-element-1082d1b *//* ========================================================= JERICHO OVERTROWN PUBLISHING TESTIMONIALS HERO — FINAL ELEMENTOR MAIN CONTAINER — CUSTOM CSS ✓ EXISTING HERO HEIGHT PRESERVED ✓ NO HEIGHT FORCE ✓ SAME CINEMATIC GOLD AURORA ✓ SAME AMBIENT LIGHT ✓ TITLE ANIMATION ✓ GOLD LINE UNDER TITLE ✓ BUTTON UNDER GOLD LINE ✓ RESPONSIVE ========================================================= */ /* ========================================================= HERO BASE ========================================================= */ .elementor-1397 .elementor-element.elementor-element-1082d1b { position: relative; isolation: isolate; overflow: hidden; /* IMPORTANT: Existing Elementor height will remain unchanged. No min-height / fixed height added here. */ background: radial-gradient( 650px 420px at 50% 40%, rgba(214, 167, 73, 0.13), transparent 68% ), radial-gradient( 500px 500px at 10% 20%, rgba(178, 128, 39, 0.10), transparent 70% ), radial-gradient( 550px 500px at 90% 80%, rgba(207, 157, 57, 0.075), transparent 70% ), #0d0c08; background-size: 120% 120%, 140% 140%, 140% 140%, 100% 100%; animation: joTestimonialBackground 18s ease-in-out infinite alternate; border-bottom: 1px solid rgba(201,157,64,.28); } /* ========================================================= MOVING GOLDEN AURORA ========================================================= */ .elementor-1397 .elementor-element.elementor-element-1082d1b::before { content: ""; position: absolute; width: 75%; height: 180%; left: -25%; top: -45%; background: linear-gradient( 105deg, transparent 20%, rgba(225,181,91,.025) 35%, rgba(225,181,91,.16) 48%, rgba(255,219,133,.07) 53%, rgba(225,181,91,.025) 60%, transparent 75% ); filter: blur(28px); transform: rotate(-12deg); animation: joTestimonialAurora 10s cubic-bezier(.45,.05,.55,.95) infinite alternate; pointer-events: none; z-index: 0; } /* ========================================================= AMBIENT LIGHT / DEPTH ========================================================= */ .elementor-1397 .elementor-element.elementor-element-1082d1b::after { content: ""; position: absolute; width: 520px; height: 520px; left: 50%; top: 45%; transform: translate(-50%,-50%); border-radius: 50%; background: radial-gradient( circle, rgba(224,180,84,.12) 0%, rgba(224,180,84,.055) 28%, rgba(224,180,84,.015) 50%, transparent 72% ); filter: blur(20px); animation: joTestimonialAmbient 7s ease-in-out infinite; pointer-events: none; z-index: 1; } /* ========================================================= ELEMENTOR INNER CONTENT ========================================================= */ .elementor-1397 .elementor-element.elementor-element-1082d1b > .e-con-inner { position: relative; z-index: 5; } /* ========================================================= PREMIUM LIGHT VIGNETTE ========================================================= */ .elementor-1397 .elementor-element.elementor-element-1082d1b > .e-con-inner::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 90deg, rgba(0,0,0,.28), transparent 25%, transparent 75%, rgba(0,0,0,.28) ); pointer-events: none; z-index: -1; } /* ========================================================= HERO HEADING ========================================================= */ .elementor-1397 .elementor-element.elementor-element-1082d1b .elementor-widget-heading { position: relative; z-index: 10; opacity: 0; animation: joTestimonialTitle 1.2s cubic-bezier(.16,1,.3,1) .15s forwards; } /* ========================================================= TITLE ========================================================= */ .elementor-1397 .elementor-element.elementor-element-1082d1b .elementor-heading-title { position: relative; text-shadow: 0 2px 20px rgba(0,0,0,.45), 0 0 35px rgba(211,165,72,.06); transition: text-shadow .5s ease, transform .5s ease; } /* ========================================================= TITLE HOVER ========================================================= */ .elementor-1397 .elementor-element.elementor-element-1082d1b .elementor-widget-heading:hover .elementor-heading-title { text-shadow: 0 3px 25px rgba(0,0,0,.55), 0 0 45px rgba(211,165,72,.13); transform: translateY(-2px); } /* ========================================================= GOLD ACCENT LINE TITLE KE NEECHE ========================================================= */ .elementor-1397 .elementor-element.elementor-element-1082d1b .elementor-widget-heading::after { content: ""; display: block; width: 0; height: 2px; margin: 20px auto 0; background: linear-gradient( 90deg, transparent, #cda446, #f0ce7a, #cda446, transparent ); box-shadow: 0 0 12px rgba(205,164,70,.35); animation: joTestimonialGoldLine 1.2s cubic-bezier(.16,1,.3,1) 1s forwards; } /* ========================================================= BUTTON WIDGET GOLD LINE KE BAAD BUTTON ========================================================= */ .elementor-1397 .elementor-element.elementor-element-1082d1b .elementor-widget-button { position: relative; z-index: 10; opacity: 0; animation: joTestimonialButton 1s cubic-bezier(.16,1,.3,1) .65s forwards; } /* ========================================================= BUTTON ========================================================= */ .elementor-1397 .elementor-element.elementor-element-1082d1b .elementor-button { position: relative; overflow: hidden; isolation: isolate; transition: transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s ease, background-color .4s ease; box-shadow: 0 8px 25px rgba(0,0,0,.28); } /* ========================================================= BUTTON SHINE ========================================================= */ .elementor-1397 .elementor-element.elementor-element-1082d1b .elementor-button::before { content: ""; position: absolute; width: 45%; height: 200%; top: -50%; left: -90%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.32), transparent ); transform: rotate(18deg); transition: left .7s cubic-bezier(.16,1,.3,1); z-index: -1; } /* ========================================================= BUTTON HOVER ========================================================= */ .elementor-1397 .elementor-element.elementor-element-1082d1b .elementor-button:hover { transform: translateY(-5px) scale(1.025); box-shadow: 0 15px 35px rgba(0,0,0,.42), 0 0 30px rgba(210,166,73,.16); } .elementor-1397 .elementor-element.elementor-element-1082d1b .elementor-button:hover::before { left: 145%; } /* ========================================================= BACKGROUND ANIMATION ========================================================= */ @keyframes joTestimonialBackground { 0% { background-position: 45% 40%, 5% 15%, 95% 85%, center; } 50% { background-position: 55% 55%, 18% 28%, 82% 70%, center; } 100% { background-position: 50% 35%, 30% 10%, 70% 90%, center; } } /* ========================================================= AURORA ANIMATION ========================================================= */ @keyframes joTestimonialAurora { 0% { transform: translateX(-15%) rotate(-12deg) scale(.95); opacity: .35; } 50% { opacity: .85; } 100% { transform: translateX(95%) rotate(-12deg) scale(1.08); opacity: .40; } } /* ========================================================= AMBIENT LIGHT ANIMATION ========================================================= */ @keyframes joTestimonialAmbient { 0% { transform: translate(-50%,-50%) scale(.72); opacity: .45; } 50% { transform: translate(-50%,-50%) scale(1.12); opacity: 1; } 100% { transform: translate(-50%,-50%) scale(.82); opacity: .55; } } /* ========================================================= TITLE ENTRANCE ========================================================= */ @keyframes joTestimonialTitle { 0% { opacity: 0; transform: translateY(38px) scale(.96); filter: blur(8px); } 100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } } /* ========================================================= GOLD LINE ANIMATION ========================================================= */ @keyframes joTestimonialGoldLine { 0% { width: 0; } 100% { width: 55px; } } /* ========================================================= BUTTON ENTRANCE ========================================================= */ @keyframes joTestimonialButton { 0% { opacity: 0; transform: translateY(25px) scale(.94); } 100% { opacity: 1; transform: translateY(0) scale(1); } } /* ========================================================= TABLET ========================================================= */ @media (max-width:1024px) { .elementor-1397 .elementor-element.elementor-element-1082d1b::after { width: 400px; height: 400px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width:767px) { /* IMPORTANT: No height/min-height added here. Elementor ki existing hero height preserved rahegi. */ .elementor-1397 .elementor-element.elementor-element-1082d1b { background-size: 180% 180%, 190% 190%, 190% 190%, 100% 100%; } .elementor-1397 .elementor-element.elementor-element-1082d1b::before { width: 120%; left: -45%; filter: blur(24px); } .elementor-1397 .elementor-element.elementor-element-1082d1b::after { width: 300px; height: 300px; } .elementor-1397 .elementor-element.elementor-element-1082d1b .elementor-button:hover { transform: translateY(-3px) scale(1.01); } } /* ========================================================= ACCESSIBILITY ========================================================= */ @media (prefers-reduced-motion:reduce) { .elementor-1397 .elementor-element.elementor-element-1082d1b, .elementor-1397 .elementor-element.elementor-element-1082d1b::before, .elementor-1397 .elementor-element.elementor-element-1082d1b::after, .elementor-1397 .elementor-element.elementor-element-1082d1b .elementor-widget-heading, .elementor-1397 .elementor-element.elementor-element-1082d1b .elementor-widget-button, .elementor-1397 .elementor-element.elementor-element-1082d1b .elementor-widget-heading::after { animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0aec5b7 */.jop-story-note { position: relative; margin-top: 38px; padding: 25px 28px 25px 58px; border-left: 1px solid #8A6E36; background: rgba(255, 255, 255, 0.025); box-sizing: border-box; } .jop-story-note::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient( 90deg, rgba(154, 120, 53, 0.06), transparent 55% ); pointer-events: none; } .jop-note-mark { position: absolute; left: 20px; top: 19px; font-family: "Cormorant Garamond", serif; font-size: 48px; line-height: 1; color: #9A7835; } .jop-story-note p { position: relative; margin: 0 !important; font-family: "Cormorant Garamond", serif !important; font-size: 19px !important; font-style: normal !important; line-height: 1.55 !important; color: #DCD3C0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1081a5b *//* ========================================================================== JERICHO OVERTHROWN PUBLISHING — PRIVACY POLICY Complete Final Stylesheet FULL-WIDTH Content • Only 20px Side Padding • No Empty Space Scroll Reveal • Roman Numerals ========================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Inter:wght@300;400;500;600;700&display=swap'); /* ========================================================================== THEME VARIABLES ========================================================================== */ :root { --jop-bg: #080705; --jop-cream: #ECE4D2; --jop-cream-soft: #DCD3C0; --jop-muted: #948C7B; --jop-gold: #C9A24A; --jop-gold-deep: #8A6E36; --jop-gold-light: #E8CE85; --jop-line: rgba(201, 162, 74, 0.18); --jop-ease: cubic-bezier(0.16, 1, 0.3, 1); --jop-side-padding: 20px; /* ONLY 20px padding from screen edge */ --jop-section-gap: 96px; } /* ========================================================================== 1. MAIN WRAPPER — Full-Width Background + Atmosphere ========================================================================== */ .elementor-element-1081a5b { background-color: var(--jop-bg) !important; background-image: radial-gradient(ellipse 1400px 900px at 50% 0%, rgba(201, 162, 74, 0.06), transparent 70%), radial-gradient(ellipse 1000px 700px at 50% 100%, rgba(201, 162, 74, 0.04), transparent 70%) !important; color: var(--jop-muted); font-family: 'Inter', sans-serif; position: relative; overflow: hidden; width: 100% !important; max-width: 100% !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .elementor-element-1081a5b > .elementor-container, .elementor-element-1081a5b > .e-con-inner { max-width: 100% !important; width: 100% !important; padding: 0 !important; } /* Grain texture */ .elementor-element-1081a5b::after { content: ''; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E"); opacity: 0.035; pointer-events: none; mix-blend-mode: overlay; z-index: 1; } .elementor-element-1081a5b > .elementor-container, .elementor-element-1081a5b > .e-con-inner, .elementor-element-1081a5b .elementor-element-8789552, .elementor-element-1081a5b .elementor-element-5ed76db, .elementor-element-1081a5b .elementor-element-17ee97c, .elementor-element-1081a5b .elementor-element-aeda987, .elementor-element-1081a5b .elementor-element-e41848d, .elementor-element-1081a5b .elementor-element-26b3673 { position: relative; z-index: 2; } /* ========================================================================== 2. FULL-WIDTH COLUMN — Content Fills Screen (only 20px padding) ========================================================================== */ /* Full-width sections with ONLY 20px padding from screen edges */ .elementor-element-8789552, .elementor-element-5ed76db, .elementor-element-17ee97c, .elementor-element-aeda987, .elementor-element-e41848d, .elementor-element-26b3673 { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding-left: var(--jop-side-padding) !important; padding-right: var(--jop-side-padding) !important; box-sizing: border-box; } /* Every widget stretches FULL WIDTH — no max-width, no centering */ .elementor-element-8789552 > .elementor-widget, .elementor-element-5ed76db > .elementor-widget, .elementor-element-17ee97c > .elementor-widget, .elementor-element-aeda987 > .elementor-widget, .elementor-element-e41848d > .elementor-widget, .elementor-element-26b3673 > .elementor-widget, .elementor-element-8789552 > .elementor-element, .elementor-element-5ed76db > .elementor-element, .elementor-element-17ee97c > .elementor-element, .elementor-element-aeda987 > .elementor-element, .elementor-element-e41848d > .elementor-element, .elementor-element-26b3673 > .elementor-element { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box; } /* Force left alignment */ .elementor-element-8789552 .elementor-widget .elementor-heading-title, .elementor-element-5ed76db .elementor-widget .elementor-heading-title, .elementor-element-17ee97c .elementor-widget .elementor-heading-title, .elementor-element-aeda987 .elementor-widget .elementor-heading-title, .elementor-element-e41848d .elementor-widget .elementor-heading-title, .elementor-element-26b3673 .elementor-widget .elementor-heading-title, .elementor-element-8789552 .elementor-widget .elementor-text-editor, .elementor-element-5ed76db .elementor-widget .elementor-text-editor, .elementor-element-17ee97c .elementor-widget .elementor-text-editor, .elementor-element-aeda987 .elementor-widget .elementor-text-editor, .elementor-element-e41848d .elementor-widget .elementor-text-editor, .elementor-element-26b3673 .elementor-widget .elementor-text-editor { text-align: left !important; width: 100% !important; max-width: 100% !important; } .elementor-element-1081a5b .elementor-widget .elementor-widget-container { width: 100% !important; max-width: 100% !important; } /* ========================================================================== 3. SECTION SPACING ========================================================================== */ .elementor-element-5ed76db, .elementor-element-17ee97c, .elementor-element-aeda987, .elementor-element-e41848d, .elementor-element-26b3673 { margin-top: var(--jop-section-gap) !important; padding-top: var(--jop-section-gap) !important; border-top: none !important; position: relative; } /* Divider line — FULL WIDTH across screen */ .elementor-element-5ed76db::before, .elementor-element-17ee97c::before, .elementor-element-aeda987::before, .elementor-element-e41848d::before, .elementor-element-26b3673::before { content: ''; position: absolute; top: 0; left: var(--jop-side-padding); transform: scaleX(0); transform-origin: left center; width: calc(100% - (var(--jop-side-padding) * 2)); height: 1px; background: linear-gradient(90deg, var(--jop-gold) 0%, var(--jop-gold) 30%, rgba(201, 162, 74, 0.15) 70%, transparent 100%); transition: transform 1.4s var(--jop-ease); z-index: 2; } .elementor-element-5ed76db.jop-reveal--visible::before, .elementor-element-17ee97c.jop-reveal--visible::before, .elementor-element-aeda987.jop-reveal--visible::before, .elementor-element-e41848d.jop-reveal--visible::before, .elementor-element-26b3673.jop-reveal--visible::before { transform: scaleX(1); } /* Diamond ornament at left of divider */ .elementor-element-5ed76db::after, .elementor-element-17ee97c::after, .elementor-element-aeda987::after, .elementor-element-e41848d::after, .elementor-element-26b3673::after { content: '◆'; position: absolute; top: -8px; left: calc(var(--jop-side-padding) - 7px); transform: scale(0) rotate(-180deg); font-size: 10px; color: var(--jop-gold); background: var(--jop-bg); padding: 0 4px; transition: transform 0.9s var(--jop-ease) 0.4s; z-index: 2; } .elementor-element-5ed76db.jop-reveal--visible::after, .elementor-element-17ee97c.jop-reveal--visible::after, .elementor-element-aeda987.jop-reveal--visible::after, .elementor-element-e41848d.jop-reveal--visible::after, .elementor-element-26b3673.jop-reveal--visible::after { transform: scale(1) rotate(0deg); } /* ========================================================================== 4. SCROLL REVEAL ========================================================================== */ .jop-reveal { opacity: 0; transform: translateY(32px); filter: blur(4px); transition: opacity 0.9s var(--jop-ease), transform 0.9s var(--jop-ease), filter 0.9s var(--jop-ease); will-change: opacity, transform, filter; } .jop-reveal--visible { opacity: 1; transform: translateY(0); filter: blur(0); } /* List stagger delays */ ul.jo-policy-list li.jop-reveal:nth-child(1) { transition-delay: 0s; } ul.jo-policy-list li.jop-reveal:nth-child(2) { transition-delay: 0.08s; } ul.jo-policy-list li.jop-reveal:nth-child(3) { transition-delay: 0.16s; } ul.jo-policy-list li.jop-reveal:nth-child(4) { transition-delay: 0.24s; } ul.jo-policy-list li.jop-reveal:nth-child(5) { transition-delay: 0.32s; } ul.jo-policy-list li.jop-reveal:nth-child(6) { transition-delay: 0.40s; } ul.jo-policy-list li.jop-reveal:nth-child(7) { transition-delay: 0.48s; } /* ========================================================================== 5. TYPOGRAPHY ========================================================================== */ .elementor-heading-title { font-family: 'Cormorant Garamond', serif !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: 0.01em; color: var(--jop-cream) !important; text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; } /* Eyebrow label */ .elementor-element-de006c8 { margin-bottom: 12px !important; } .elementor-element-de006c8 .elementor-heading-title { font-family: 'Inter', sans-serif !important; font-size: 12px !important; font-weight: 500 !important; text-transform: uppercase; letter-spacing: 0.3em; color: var(--jop-gold) !important; padding-left: 52px; position: relative; display: block; line-height: 1.4 !important; text-align: left !important; } .elementor-element-de006c8 .elementor-heading-title::before { content: ''; position: absolute; left: 0; top: 50%; width: 40px; height: 1px; background: linear-gradient(90deg, transparent, var(--jop-gold)); transform: translateY(-50%); } /* Large section headings — full width */ .elementor-element-535b2cf .elementor-heading-title, .elementor-element-129d641 .elementor-heading-title, .elementor-element-2a25b85 .elementor-heading-title, .elementor-element-87a216b .elementor-heading-title, .elementor-element-3e73f3c .elementor-heading-title, .elementor-element-dd43d87 .elementor-heading-title { font-size: 44px !important; line-height: 1.15 !important; margin-top: 0 !important; margin-bottom: 20px !important; letter-spacing: -0.01em; text-align: left !important; max-width: 900px; /* Text stays readable, but widget is full-width */ } .elementor-heading-title span[style*="color:#C9A24A"], .elementor-heading-title span[style*="color: #C9A24A"] { color: var(--jop-gold) !important; font-weight: 400 !important; font-style: italic; } /* Sub-headings */ .elementor-element-08a6876 .elementor-heading-title, .elementor-element-246a287 .elementor-heading-title, .elementor-element-61e28ce .elementor-heading-title { font-size: 22px !important; font-weight: 600 !important; color: var(--jop-cream-soft) !important; margin-top: 36px !important; margin-bottom: 16px !important; letter-spacing: 0.02em; line-height: 1.3 !important; position: relative; padding-left: 18px; text-align: left !important; } .elementor-element-08a6876 .elementor-heading-title::before, .elementor-element-246a287 .elementor-heading-title::before, .elementor-element-61e28ce .elementor-heading-title::before { content: ''; position: absolute; left: 0; top: 6px; bottom: 6px; width: 3px; background: linear-gradient(180deg, var(--jop-gold), var(--jop-gold-deep)); border-radius: 2px; } /* Body paragraphs — full width, but readable line length */ .elementor-text-editor { text-align: left !important; width: 100% !important; } .elementor-text-editor p { font-family: 'Inter', sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.8 !important; color: var(--jop-muted) !important; margin: 0 0 20px 0 !important; padding: 0 !important; letter-spacing: 0.003em; text-align: left !important; max-width: 900px; /* Readable paragraph width */ } .elementor-text-editor p:last-child { margin-bottom: 0 !important; } /* Opening paragraph */ .elementor-element-e233159 .elementor-text-editor p { font-family: 'Cormorant Garamond', serif !important; font-size: 20px !important; font-style: italic; line-height: 1.7 !important; color: var(--jop-cream-soft) !important; padding-left: 24px !important; border-left: 2px solid var(--jop-gold); max-width: 900px; } /* ========================================================================== 6. LISTS — Roman Numerals (Full Width) ========================================================================== */ ul.jo-policy-list { list-style: none; counter-reset: jop-roman; padding: 0 !important; margin: 28px 0 28px 0 !important; width: 100% !important; } ul.jo-policy-list li { counter-increment: jop-roman; position: relative; padding: 18px 24px 18px 80px; margin-bottom: 0 !important; font-family: 'Inter', sans-serif; font-size: 16px; line-height: 1.7; color: var(--jop-muted); text-align: left; border-bottom: 1px solid rgba(201, 162, 74, 0.1); transition: color 0.35s ease, padding-left 0.4s var(--jop-ease), background 0.35s ease, opacity 0.9s var(--jop-ease), transform 0.9s var(--jop-ease); } ul.jo-policy-list li:first-child { border-top: 1px solid rgba(201, 162, 74, 0.1); } /* Roman numeral marker */ ul.jo-policy-list li::before { content: counter(jop-roman, upper-roman); position: absolute; left: 0; top: 18px; width: 56px; font-family: 'Cormorant Garamond', serif; font-size: 18px; font-weight: 600; font-style: italic; letter-spacing: 0.05em; color: var(--jop-gold); text-align: right; line-height: 1.7; transition: color 0.35s ease, transform 0.35s ease; } /* Thin gold separator between numeral and text */ ul.jo-policy-list li::after { content: ''; position: absolute; left: 68px; top: 18px; bottom: 18px; width: 1px; background: linear-gradient(180deg, transparent, rgba(201, 162, 74, 0.4), transparent); transition: background 0.35s ease; } /* Hover state — spans full width */ ul.jo-policy-list li:hover { color: var(--jop-cream); background: linear-gradient(90deg, rgba(201, 162, 74, 0.08), rgba(201, 162, 74, 0.02) 60%, transparent 100%); padding-left: 88px; } ul.jo-policy-list li:hover::before { color: var(--jop-gold-light); transform: translateX(-4px); } ul.jo-policy-list li:hover::after { background: linear-gradient(180deg, transparent, var(--jop-gold-light), transparent); } /* ========================================================================== 7. STORY NOTE — Full Width Editorial Pull Quote ========================================================================== */ .jop-story-note { position: relative; margin: 48px 0 0 0 !important; padding: 40px 60px 40px 96px !important; border-left: none !important; background: linear-gradient(135deg, rgba(201, 162, 74, 0.07), rgba(201, 162, 74, 0.015)) !important; border-radius: 6px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); box-shadow: inset 0 0 0 1px rgba(201, 162, 74, 0.14), 0 24px 48px -24px rgba(0, 0, 0, 0.55); box-sizing: border-box; overflow: hidden; width: 100% !important; max-width: 100% !important; transition: transform 0.5s var(--jop-ease), box-shadow 0.5s ease, background 0.5s ease, opacity 0.9s var(--jop-ease); } .jop-story-note::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(180deg, var(--jop-gold-light), var(--jop-gold), var(--jop-gold-deep)); box-shadow: 0 0 32px rgba(201, 162, 74, 0.5); } .jop-story-note::after { content: '\201C'; position: absolute; left: 28px; top: -12px; font-family: 'Cormorant Garamond', serif; font-size: 130px; line-height: 1; color: var(--jop-gold); opacity: 0.14; pointer-events: none; transition: opacity 0.5s ease, transform 0.5s ease; } .jop-story-note:hover { transform: translateY(-4px); background: linear-gradient(135deg, rgba(201, 162, 74, 0.1), rgba(201, 162, 74, 0.03)) !important; box-shadow: inset 0 0 0 1px rgba(201, 162, 74, 0.24), 0 32px 64px -28px rgba(0, 0, 0, 0.7), 0 0 48px -12px rgba(201, 162, 74, 0.2); } .jop-story-note:hover::after { opacity: 0.24; transform: rotate(-4deg) scale(1.05); } .jop-story-note .elementor-icon-box-description, .jop-story-note p { position: relative; z-index: 1; margin: 0 !important; font-family: 'Cormorant Garamond', serif !important; font-size: 22px !important; font-style: italic !important; font-weight: 500 !important; line-height: 1.55 !important; color: var(--jop-cream) !important; text-align: left; max-width: 800px; } .jop-story-note .elementor-icon-box-icon { display: none !important; } /* ========================================================================== 8. LINKS ========================================================================== */ .elementor-text-editor a { color: var(--jop-gold) !important; text-decoration: none; border-bottom: 1px solid rgba(201, 162, 74, 0.4); padding-bottom: 1px; transition: color 0.3s ease, border-color 0.3s ease; } .elementor-text-editor a:hover { color: var(--jop-gold-light) !important; border-bottom-color: var(--jop-gold-light); } /* ========================================================================== 9. WIDGET SPACING FIXES ========================================================================== */ .elementor-widget-heading, .elementor-widget-text-editor { margin-bottom: 0 !important; } .elementor-widget-heading + .elementor-widget-text-editor { margin-top: 0 !important; } /* ========================================================================== 10. RESPONSIVE — Tablet ========================================================================== */ @media (max-width: 1024px) { :root { --jop-side-padding: 20px; --jop-section-gap: 76px; } .elementor-element-535b2cf .elementor-heading-title, .elementor-element-129d641 .elementor-heading-title, .elementor-element-2a25b85 .elementor-heading-title, .elementor-element-87a216b .elementor-heading-title, .elementor-element-3e73f3c .elementor-heading-title, .elementor-element-dd43d87 .elementor-heading-title { font-size: 38px !important; } .jop-story-note { padding: 36px 40px 36px 84px !important; } } /* ========================================================================== 11. RESPONSIVE — Mobile ========================================================================== */ @media (max-width: 767px) { :root { --jop-section-gap: 60px; --jop-side-padding: 20px; } .elementor-element-535b2cf .elementor-heading-title, .elementor-element-129d641 .elementor-heading-title, .elementor-element-2a25b85 .elementor-heading-title, .elementor-element-87a216b .elementor-heading-title, .elementor-element-3e73f3c .elementor-heading-title, .elementor-element-dd43d87 .elementor-heading-title { font-size: 28px !important; margin-bottom: 16px !important; } .elementor-element-08a6876 .elementor-heading-title, .elementor-element-246a287 .elementor-heading-title, .elementor-element-61e28ce .elementor-heading-title { font-size: 19px !important; margin-top: 28px !important; } .elementor-text-editor p { font-size: 15px !important; line-height: 1.75 !important; } .elementor-element-e233159 .elementor-text-editor p { font-size: 17px !important; padding-left: 18px !important; } /* Roman numerals — mobile */ ul.jo-policy-list li { padding: 14px 12px 14px 58px; font-size: 15px; line-height: 1.7; } ul.jo-policy-list li::before { width: 42px; font-size: 15px; top: 14px; } ul.jo-policy-list li::after { left: 50px; top: 14px; bottom: 14px; } ul.jo-policy-list li:hover { padding-left: 66px; } /* Story note — mobile */ .jop-story-note { padding: 28px 22px 28px 62px !important; margin-top: 32px !important; } .jop-story-note::after { font-size: 84px; left: 14px; top: -6px; } .jop-story-note .elementor-icon-box-description, .jop-story-note p { font-size: 17px !important; } /* Eyebrow */ .elementor-element-de006c8 .elementor-heading-title { padding-left: 40px; font-size: 11px !important; letter-spacing: 0.26em; } .elementor-element-de006c8 .elementor-heading-title::before { width: 28px; } .jop-story-note:hover { transform: none; } .jop-reveal { transform: translateY(20px); } } /* ========================================================================== 12. ACCESSIBILITY ========================================================================== */ @media (prefers-reduced-motion: reduce) { .jop-reveal { opacity: 1 !important; transform: none !important; filter: none !important; transition: none !important; } .elementor-element-5ed76db::before, .elementor-element-17ee97c::before, .elementor-element-aeda987::before, .elementor-element-e41848d::before, .elementor-element-26b3673::before { transform: scaleX(1) !important; } .elementor-element-5ed76db::after, .elementor-element-17ee97c::after, .elementor-element-aeda987::after, .elementor-element-e41848d::after, .elementor-element-26b3673::after { transform: scale(1) rotate(0) !important; } *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } } .elementor-text-editor a:focus-visible { outline: 2px solid var(--jop-gold); outline-offset: 3px; border-radius: 2px; } /* ========================================================================== 13. FALLBACK — Old Browsers ========================================================================== */ @supports not (animation-timeline: view()) { .jop-reveal { opacity: 1; transform: none; filter: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8ad38d8 */.elementor-1397 .elementor-element.elementor-element-8ad38d8 { width: 44px; height: 44px; margin-bottom: 28px; position: relative; } .elementor-1397 .elementor-element.elementor-element-8ad38d8::before { content: ""; position: absolute; inset: 7px; border: 1.5px solid #D8A83E; border-bottom: none; border-radius: 28px 28px 0 0; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f5f5067 */.elementor-1397 .elementor-element.elementor-element-f5f5067 { width: 44px; height: 44px; margin-bottom: 28px; position: relative; } .elementor-1397 .elementor-element.elementor-element-f5f5067::before { content: ""; position: absolute; inset: 7px; border: 1.5px solid #D8A83E; border-bottom: none; border-radius: 28px 28px 0 0; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-83f993a */.elementor-1397 .elementor-element.elementor-element-83f993a { width: 44px; height: 44px; margin-bottom: 28px; position: relative; } .elementor-1397 .elementor-element.elementor-element-83f993a::before { content: ""; position: absolute; inset: 7px; border: 1.5px solid #D8A83E; border-bottom: none; border-radius: 28px 28px 0 0; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7e5c437 */.elementor-1397 .elementor-element.elementor-element-7e5c437 { width: 44px; height: 44px; margin-bottom: 28px; position: relative; } .elementor-1397 .elementor-element.elementor-element-7e5c437::before { content: ""; position: absolute; inset: 7px; border: 1.5px solid #D8A83E; border-bottom: none; border-radius: 28px 28px 0 0; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23b4b6c *//* ============================================================ JERICHO OVERTHROWN — FEATURED FREE READS EQUAL CARDS + STRONG GOLD GLOW HOVER ============================================================ */ .jericho-featured { --gold: #C9A24A; --gold-bright: #F2CE72; --gold-soft: #E0BD68; --cream: #ECE4D2; --muted: #958C7A; position: relative; width: 100vw; margin-left: calc(-40vw + 40%); padding: 40px 40px 45px; box-sizing: border-box; overflow: hidden; isolation: isolate; background: radial-gradient( ellipse at 50% -10%, rgba(201,162,74,.13), transparent 42% ), linear-gradient( 180deg, #0d0b08 0%, #080705 100% ); } /* ============================================================ BACKGROUND GOLD AURA ============================================================ */ .jericho-featured::before { content: ""; position: absolute; top: -240px; left: 50%; width: 1000px; height: 250px; transform: translateX(-50%); background: radial-gradient( ellipse, rgba(201,162,74,.15) 0%, rgba(201,162,74,.045) 38%, transparent 72% ); filter: blur(28px); pointer-events: none; z-index: -1; } .jericho-featured::after { content: ""; position: absolute; inset: 0; background: radial-gradient( circle at 10% 80%, rgba(201,162,74,.025), transparent 25% ), radial-gradient( circle at 90% 60%, rgba(201,162,74,.025), transparent 25% ); pointer-events: none; z-index: -1; } /* ============================================================ HEADER ============================================================ */ .featured-header { position: relative; z-index: 5; max-width: 780px; margin: 0 auto 78px; text-align: center; } .featured-eyebrow { display: inline-flex; align-items: center; gap: 13px; margin: 0 0 20px; font-family: "Inter", sans-serif; font-size: 10px; font-weight: 600; letter-spacing: .36em; text-transform: uppercase; color: var(--gold); text-shadow: 0 0 14px rgba(201,162,74,.35); } .featured-eyebrow::before, .featured-eyebrow::after { content: ""; width: 40px; height: 1px; background: linear-gradient( 90deg, transparent, var(--gold) ); box-shadow: 0 0 9px rgba(201,162,74,.35); } .featured-eyebrow::after { background: linear-gradient( 90deg, var(--gold), transparent ); } .featured-heading { margin: 0; font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(42px, 5vw, 60px); font-weight: 500; line-height: 1.05; letter-spacing: -.025em; color: var(--cream); text-shadow: 0 8px 35px rgba(0,0,0,.55); } .featured-heading em { color: var(--gold-soft); font-style: italic; text-shadow: 0 0 24px rgba(201,162,74,.22); } .featured-desc { max-width: 680px; margin: 22px auto 0; font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.9; color: var(--muted); } /* ============================================================ GRID ============================================================ */ .featured-grid { position: relative; z-index: 5; width: 100%; max-width: 1210px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; align-items: stretch; } /* ============================================================ CARD ============================================================ */ .featured-card { position: relative; min-height: 385px; height: 100%; padding: 40px 34px 31px; box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden; isolation: isolate; border-radius: 2px; border-top: 1px solid rgba(201,162,74,.17); background: radial-gradient( ellipse at 50% 0%, rgba(201,162,74,.065), transparent 50% ), linear-gradient( 145deg, #17140e 0%, #100e0a 50%, #0a0907 100% ); box-shadow: 0 20px 55px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.025); transition: transform .5s cubic-bezier(.16,1,.3,1), border-color .4s ease, box-shadow .5s ease, background .4s ease; } /* ============================================================ INNER GOLD FRAME ============================================================ */ .featured-card::before { content: ""; position: absolute; inset: 8px; border-top: 1px solid rgba(201,162,74,.055); pointer-events: none; z-index: 1; transition: border-color .4s ease, box-shadow .5s ease; } /* ============================================================ GOLD LIGHT BEAM ============================================================ */ .featured-card::after { content: ""; position: absolute; top: -20%; left: -80%; width: 65%; height: 150%; transform: rotate(18deg); background: linear-gradient( 90deg, transparent, rgba(242,206,114,.16), rgba(242,206,114,.04), transparent ); filter: blur(10px); opacity: 0; pointer-events: none; z-index: 2; transition: left .9s cubic-bezier(.16,1,.3,1), opacity .3s ease; } /* ============================================================ READ LABEL ============================================================ */ .card-read-label { position: relative; z-index: 5; margin: 0; display: flex; align-items: center; gap: 10px; font-family: "Inter", sans-serif; font-size: 9px; font-weight: 600; letter-spacing: .27em; text-transform: uppercase; color: var(--gold); text-shadow: 0 0 10px rgba(201,162,74,.22); } .card-read-label::before { content: ""; width: 25px; height: 1px; display: block; background: linear-gradient( 90deg, var(--gold), transparent ); box-shadow: 0 0 8px rgba(201,162,74,.35); } /* ============================================================ CORNER GOLD DETAIL ============================================================ */ .card-read-label::after { content: ""; position: absolute; top: -40px; left: -34px; width: 55px; height: 55px; border-top: 1px solid rgba(201,162,74,.6); border-left: 1px solid rgba(201,162,74,.6); opacity: .7; transition: width .45s ease, height .45s ease, border-color .4s ease, filter .4s ease; } /* ============================================================ TITLE ============================================================ */ .card-title { position: relative; z-index: 5; margin: 21px 0 7px; font-family: "Cormorant Garamond", Georgia, serif; font-size: 35px; font-weight: 500; line-height: 1.08; letter-spacing: -.015em; color: var(--cream); transition: color .35s ease, text-shadow .35s ease, transform .4s ease; } /* ============================================================ GENRE ============================================================ */ .card-genre { position: relative; z-index: 5; margin: 0 0 17px; font-family: "Inter", sans-serif; font-size: 9px; font-weight: 600; letter-spacing: .20em; text-transform: uppercase; color: #70685A; } /* ============================================================ DESCRIPTION ============================================================ */ .card-desc { position: relative; z-index: 5; flex: 1; margin: 0; font-family: "Inter", sans-serif; font-size: 13.5px; line-height: 1.82; color: #918879; transition: color .35s ease; } /* ============================================================ ACTIONS ============================================================ */ .card-actions { position: relative; z-index: 5; margin-top: 27px; padding-top: 19px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(201,162,74,.10); transition: border-color .4s ease; } /* ============================================================ BUTTON ============================================================ */ .card-btn { position: relative; display: inline-flex; align-items: center; gap: 10px; font-family: "Inter", sans-serif; font-size: 9px; font-weight: 600; letter-spacing: .19em; text-transform: uppercase; text-decoration: none !important; color: var(--gold); transition: color .3s ease, gap .4s ease, text-shadow .3s ease; } .card-btn::after { content: ""; position: absolute; left: 0; bottom: -7px; width: 0; height: 1px; background: var(--gold-bright); box-shadow: 0 0 10px rgba(242,206,114,.7); transition: width .4s cubic-bezier(.16,1,.3,1); } .btn-arrow { font-size: 16px; line-height: 1; transition: transform .4s cubic-bezier(.16,1,.3,1); } .card-meta-tag { font-family: "Inter", sans-serif; font-size: 8px; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; color: #5B5449; } /* ============================================================ ============================================================ STRONG GOLD HOVER ============================================================ ============================================================ */ .featured-card:hover { transform: translateY(-11px); border-color: var(--gold-bright); background: radial-gradient( ellipse at 50% 0%, rgba(242,206,114,.18), transparent 48% ), linear-gradient( 145deg, #211b0e 0%, #121008 50%, #090806 100% ); box-shadow: /* MAIN GOLD OUTER GLOW */ 0 0 0 1px rgba(242,206,114,.12), /* CLOSE GLOW */ 0 0 22px rgba(201,162,74,.28), /* MEDIUM GLOW */ 0 0 55px rgba(201,162,74,.15), /* LARGE ATMOSPHERIC GLOW */ 0 0 105px rgba(201,162,74,.07), /* DEPTH */ 0 32px 75px rgba(0,0,0,.65), /* INNER HIGHLIGHT */ inset 0 1px 0 rgba(242,206,114,.22), inset 0 0 35px rgba(201,162,74,.035); } .featured-card:hover::before { border-color: rgba(242,206,114,.28); box-shadow: inset 0 0 25px rgba(201,162,74,.06), 0 0 18px rgba(201,162,74,.08); } .featured-card:hover::after { left: 125%; opacity: 1; } .featured-card:hover .card-read-label { color: var(--gold-bright); text-shadow: 0 0 8px rgba(242,206,114,.55), 0 0 22px rgba(201,162,74,.35); } .featured-card:hover .card-read-label::before { background: linear-gradient( 90deg, var(--gold-bright), transparent ); box-shadow: 0 0 12px rgba(242,206,114,.75); } .featured-card:hover .card-read-label::after { width: 72px; height: 72px; border-color: rgba(242,206,114,.95); filter: drop-shadow(0 0 8px rgba(242,206,114,.65)); } .featured-card:hover .card-title { color: #F5D681; transform: translateX(3px); text-shadow: 0 0 12px rgba(242,206,114,.20), 0 0 30px rgba(201,162,74,.12); } .featured-card:hover .card-desc { color: #B0A592; } .featured-card:hover .card-actions { border-color: rgba(201,162,74,.28); } .featured-card:hover .card-btn { color: var(--gold-bright); gap: 15px; text-shadow: 0 0 10px rgba(242,206,114,.5), 0 0 20px rgba(201,162,74,.25); } .featured-card:hover .card-btn::after { width: 100%; background: var(--gold-bright); box-shadow: 0 0 12px rgba(242,206,114,.8); } .featured-card:hover .btn-arrow { transform: translateX(5px); text-shadow: 0 0 12px rgba(242,206,114,.7); } /* ============================================================ TABLET ============================================================ */ @media (max-width: 1024px) { .jericho-featured { padding: 105px 40px 120px; } .featured-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .featured-card { min-height: 375px; } } /* ============================================================ MOBILE ============================================================ */ @media (max-width: 767px) { .jericho-featured { padding: 80px 20px 90px; } .featured-header { margin-bottom: 50px; } .featured-eyebrow { font-size: 8px; letter-spacing: .25em; } .featured-eyebrow::before, .featured-eyebrow::after { width: 20px; } .featured-heading { font-size: 36px; } .featured-desc { font-size: 13px; line-height: 1.8; } .featured-grid { grid-template-columns: 1fr; gap: 20px; } .featured-card { min-height: 350px; padding: 34px 25px 29px; } .featured-card:hover { transform: translateY(-7px); } } /* ============================================================ SMALL MOBILE ============================================================ */ @media (max-width: 480px) { .jericho-featured { padding: 70px 16px 80px; } .featured-heading { font-size: 32px; } .featured-card { min-height: 335px; padding: 31px 22px 27px; } .card-title { font-size: 29px; } .card-desc { font-size: 13px; } } /* ============================================================ REDUCED MOTION ============================================================ */ @media (prefers-reduced-motion: reduce) { .featured-card, .featured-card::before, .featured-card::after, .card-title, .card-btn, .btn-arrow { transition: none !important; } .featured-card:hover { transform: none !important; } }/* End custom CSS */