.elementor-3778 .elementor-element.elementor-element-de724f6{--display:flex;--min-height:100vh;--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;--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-3778 .elementor-element.elementor-element-de724f6:not(.elementor-motion-effects-element-type-background), .elementor-3778 .elementor-element.elementor-element-de724f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://staging3.floralisland-resort.ph/wp-content/uploads/2025/12/Screenshot-2025-12-20-213602.webp");background-position:top center;background-size:cover;}.elementor-3778 .elementor-element.elementor-element-ca52751{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-3778 .elementor-element.elementor-element-ca52751 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3778 .elementor-element.elementor-element-362c8b5:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3778 .elementor-element.elementor-element-362c8b5 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-3778 .elementor-element.elementor-element-362c8b5 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-3778 .elementor-element.elementor-element-362c8b5 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3778 .elementor-element.elementor-element-b3a2d3a{--display:flex;--min-height:126px;--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;--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-3778 .elementor-element.elementor-element-e9a0dbf{--display:flex;--min-height:0px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.25;--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-3778 .elementor-element.elementor-element-e9a0dbf::before, .elementor-3778 .elementor-element.elementor-element-e9a0dbf > .elementor-background-video-container::before, .elementor-3778 .elementor-element.elementor-element-e9a0dbf > .e-con-inner > .elementor-background-video-container::before, .elementor-3778 .elementor-element.elementor-element-e9a0dbf > .elementor-background-slideshow::before, .elementor-3778 .elementor-element.elementor-element-e9a0dbf > .e-con-inner > .elementor-background-slideshow::before, .elementor-3778 .elementor-element.elementor-element-e9a0dbf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3778 .elementor-element.elementor-element-95a9965{--spacer-size:20px;}.elementor-3778 .elementor-element.elementor-element-7522846{--spacer-size:20px;}.elementor-3778 .elementor-element.elementor-element-0d181e2{text-align:center;}.elementor-3778 .elementor-element.elementor-element-0d181e2 .elementor-heading-title{font-family:"Gilda Display", Sans-serif;font-size:2em;font-weight:600;color:var( --e-global-color-primary );}.elementor-3778 .elementor-element.elementor-element-e9f63e9{margin:2% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:center;font-family:"Red Hat Text", Sans-serif;font-size:1em;font-weight:400;color:var( --e-global-color-2cb1d29 );}.elementor-3778 .elementor-element.elementor-element-17f9055{--spacer-size:20px;}.elementor-3778 .elementor-element.elementor-element-612f93b{--display:flex;--min-height:300px;--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-3778 .elementor-element.elementor-element-6adf7d4{--display:flex;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.32;--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-3778 .elementor-element.elementor-element-6adf7d4:not(.elementor-motion-effects-element-type-background), .elementor-3778 .elementor-element.elementor-element-6adf7d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://floralisland-resort.ph/wp-content/uploads/2025/12/DJI_20251201104856_0212_D-1-scaled-1.webp");background-position:center center;background-size:cover;}.elementor-3778 .elementor-element.elementor-element-6adf7d4::before, .elementor-3778 .elementor-element.elementor-element-6adf7d4 > .elementor-background-video-container::before, .elementor-3778 .elementor-element.elementor-element-6adf7d4 > .e-con-inner > .elementor-background-video-container::before, .elementor-3778 .elementor-element.elementor-element-6adf7d4 > .elementor-background-slideshow::before, .elementor-3778 .elementor-element.elementor-element-6adf7d4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3778 .elementor-element.elementor-element-6adf7d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3778 .elementor-element.elementor-element-601e44d{--display:flex;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.07;--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-3778 .elementor-element.elementor-element-601e44d:not(.elementor-motion-effects-element-type-background), .elementor-3778 .elementor-element.elementor-element-601e44d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://floralisland-resort.ph/wp-content/uploads/2025/12/SM-Photography-and-Films-76-scaled-1.webp");background-position:center center;background-size:cover;}.elementor-3778 .elementor-element.elementor-element-601e44d::before, .elementor-3778 .elementor-element.elementor-element-601e44d > .elementor-background-video-container::before, .elementor-3778 .elementor-element.elementor-element-601e44d > .e-con-inner > .elementor-background-video-container::before, .elementor-3778 .elementor-element.elementor-element-601e44d > .elementor-background-slideshow::before, .elementor-3778 .elementor-element.elementor-element-601e44d > .e-con-inner > .elementor-background-slideshow::before, .elementor-3778 .elementor-element.elementor-element-601e44d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3778 .elementor-element.elementor-element-caab8b8{--display:flex;--justify-content:flex-end;--overlay-opacity:0.11;--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-3778 .elementor-element.elementor-element-caab8b8:not(.elementor-motion-effects-element-type-background), .elementor-3778 .elementor-element.elementor-element-caab8b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://floralisland-resort.ph/wp-content/uploads/2025/12/Spa.webp");background-position:center center;background-size:cover;}.elementor-3778 .elementor-element.elementor-element-caab8b8::before, .elementor-3778 .elementor-element.elementor-element-caab8b8 > .elementor-background-video-container::before, .elementor-3778 .elementor-element.elementor-element-caab8b8 > .e-con-inner > .elementor-background-video-container::before, .elementor-3778 .elementor-element.elementor-element-caab8b8 > .elementor-background-slideshow::before, .elementor-3778 .elementor-element.elementor-element-caab8b8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3778 .elementor-element.elementor-element-caab8b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-2cb1d29 );--background-overlay:'';}.elementor-3778 .elementor-element.elementor-element-b484fc3{--display:flex;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.27;--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-3778 .elementor-element.elementor-element-b484fc3:not(.elementor-motion-effects-element-type-background), .elementor-3778 .elementor-element.elementor-element-b484fc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://floralisland-resort.ph/wp-content/uploads/2025/12/Screenshot-2025-10-08-221414-3.webp");background-position:center center;background-size:cover;}.elementor-3778 .elementor-element.elementor-element-b484fc3::before, .elementor-3778 .elementor-element.elementor-element-b484fc3 > .elementor-background-video-container::before, .elementor-3778 .elementor-element.elementor-element-b484fc3 > .e-con-inner > .elementor-background-video-container::before, .elementor-3778 .elementor-element.elementor-element-b484fc3 > .elementor-background-slideshow::before, .elementor-3778 .elementor-element.elementor-element-b484fc3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3778 .elementor-element.elementor-element-b484fc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3778 .elementor-element.elementor-element-37ff8d1{--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;--align-items:center;}.elementor-3778 .elementor-element.elementor-element-cdc4910{--display:flex;--min-height:0px;--justify-content:center;--overlay-opacity:0.25;--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-3778 .elementor-element.elementor-element-cdc4910::before, .elementor-3778 .elementor-element.elementor-element-cdc4910 > .elementor-background-video-container::before, .elementor-3778 .elementor-element.elementor-element-cdc4910 > .e-con-inner > .elementor-background-video-container::before, .elementor-3778 .elementor-element.elementor-element-cdc4910 > .elementor-background-slideshow::before, .elementor-3778 .elementor-element.elementor-element-cdc4910 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3778 .elementor-element.elementor-element-cdc4910 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3778 .elementor-element.elementor-element-6c4cdc7{--spacer-size:20px;}.elementor-3778 .elementor-element.elementor-element-19f4fc1{text-align:start;}.elementor-3778 .elementor-element.elementor-element-19f4fc1 .elementor-heading-title{font-family:"Gilda Display", Sans-serif;font-size:1.5em;font-weight:600;letter-spacing:0.9px;color:var( --e-global-color-primary );}.elementor-3778 .elementor-element.elementor-element-3b53690{--spacer-size:20px;}.elementor-3778 .elementor-element.elementor-element-2da2bd2{text-align:start;font-family:"Work Sans", Sans-serif;font-size:1em;font-weight:400;color:var( --e-global-color-2cb1d29 );}.elementor-3778 .elementor-element.elementor-element-d0011be{--spacer-size:40px;}.elementor-3778 .elementor-element.elementor-element-c890dde{--spacer-size:20px;}.elementor-3778 .elementor-element.elementor-element-9a510ee{--display:flex;--min-height:300px;--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-3778 .elementor-element.elementor-element-944b299{--display:flex;--justify-content:flex-end;--overlay-opacity:0.08;--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-3778 .elementor-element.elementor-element-944b299:not(.elementor-motion-effects-element-type-background), .elementor-3778 .elementor-element.elementor-element-944b299 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://floralisland-resort.ph/wp-content/uploads/2025/12/ChatGPT-Image-Dec-22-2025-01_44_02-AM-1-1.webp");background-position:center center;background-size:cover;}.elementor-3778 .elementor-element.elementor-element-944b299::before, .elementor-3778 .elementor-element.elementor-element-944b299 > .elementor-background-video-container::before, .elementor-3778 .elementor-element.elementor-element-944b299 > .e-con-inner > .elementor-background-video-container::before, .elementor-3778 .elementor-element.elementor-element-944b299 > .elementor-background-slideshow::before, .elementor-3778 .elementor-element.elementor-element-944b299 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3778 .elementor-element.elementor-element-944b299 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-2cb1d29 );--background-overlay:'';}.elementor-3778 .elementor-element.elementor-element-6d0f5cc{--display:flex;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0;--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-3778 .elementor-element.elementor-element-6d0f5cc:not(.elementor-motion-effects-element-type-background), .elementor-3778 .elementor-element.elementor-element-6d0f5cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://floralisland-resort.ph/wp-content/uploads/2025/12/palawan-dining-table-floral-island-resort.webp");background-position:center center;background-size:cover;}.elementor-3778 .elementor-element.elementor-element-6d0f5cc::before, .elementor-3778 .elementor-element.elementor-element-6d0f5cc > .elementor-background-video-container::before, .elementor-3778 .elementor-element.elementor-element-6d0f5cc > .e-con-inner > .elementor-background-video-container::before, .elementor-3778 .elementor-element.elementor-element-6d0f5cc > .elementor-background-slideshow::before, .elementor-3778 .elementor-element.elementor-element-6d0f5cc > .e-con-inner > .elementor-background-slideshow::before, .elementor-3778 .elementor-element.elementor-element-6d0f5cc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3778 .elementor-element.elementor-element-85a02ef{--display:flex;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0;--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-3778 .elementor-element.elementor-element-85a02ef:not(.elementor-motion-effects-element-type-background), .elementor-3778 .elementor-element.elementor-element-85a02ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://floralisland-resort.ph/wp-content/uploads/2025/12/Floral-Island-Photo.webp");background-position:center center;background-size:cover;}.elementor-3778 .elementor-element.elementor-element-85a02ef::before, .elementor-3778 .elementor-element.elementor-element-85a02ef > .elementor-background-video-container::before, .elementor-3778 .elementor-element.elementor-element-85a02ef > .e-con-inner > .elementor-background-video-container::before, .elementor-3778 .elementor-element.elementor-element-85a02ef > .elementor-background-slideshow::before, .elementor-3778 .elementor-element.elementor-element-85a02ef > .e-con-inner > .elementor-background-slideshow::before, .elementor-3778 .elementor-element.elementor-element-85a02ef > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3778 .elementor-element.elementor-element-c5beca5{--display:flex;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0;--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-3778 .elementor-element.elementor-element-c5beca5:not(.elementor-motion-effects-element-type-background), .elementor-3778 .elementor-element.elementor-element-c5beca5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://floralisland-resort.ph/wp-content/uploads/2025/12/DJI_20251201090112_0196_D-1-scaled-1.webp");background-position:center center;background-size:cover;}.elementor-3778 .elementor-element.elementor-element-c5beca5::before, .elementor-3778 .elementor-element.elementor-element-c5beca5 > .elementor-background-video-container::before, .elementor-3778 .elementor-element.elementor-element-c5beca5 > .e-con-inner > .elementor-background-video-container::before, .elementor-3778 .elementor-element.elementor-element-c5beca5 > .elementor-background-slideshow::before, .elementor-3778 .elementor-element.elementor-element-c5beca5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3778 .elementor-element.elementor-element-c5beca5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3778 .elementor-element.elementor-element-fb21c3c{--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;}.elementor-3778 .elementor-element.elementor-element-1775261{--spacer-size:20px;}.elementor-3778 .elementor-element.elementor-element-bce2480{text-align:start;}.elementor-3778 .elementor-element.elementor-element-bce2480 .elementor-heading-title{font-family:"Gilda Display", Sans-serif;font-size:1.5em;font-weight:600;letter-spacing:0.6px;color:var( --e-global-color-primary );}.elementor-3778 .elementor-element.elementor-element-369c1db{font-family:"Work Sans", Sans-serif;}.elementor-3778 .elementor-element.elementor-element-1027c06{--spacer-size:20px;}@media(min-width:481px){.elementor-3778 .elementor-element.elementor-element-362c8b5{width:100%;}.elementor-3778 .elementor-element.elementor-element-e9a0dbf{--width:80%;}.elementor-3778 .elementor-element.elementor-element-cdc4910{--width:95%;}}@media(max-width:480px){.elementor-3778 .elementor-element.elementor-element-de724f6:not(.elementor-motion-effects-element-type-background), .elementor-3778 .elementor-element.elementor-element-de724f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://staging3.floralisland-resort.ph/wp-content/uploads/2025/12/Screenshot-2025-12-20-213602.webp");background-position:top center;background-size:cover;}.elementor-3778 .elementor-element.elementor-element-de724f6{--min-height:60vh;}}/* Start custom CSS for container, class: .elementor-element-b3a2d3a *//* Adjustable variables */ .promo-card{ --reveal: 100px; /* how much to slide up on hover */ --overlay: 0.35; /* default dark overlay */ --overlay-hover: 0.55;/* darker when hovered */ position: relative; } /* dark overlay */ .promo-card:before{ content:""; position:absolute; inset:0; background: rgba(0,0,0,var(--overlay)); transition: background .35s ease; pointer-events:none; } /* content container baseline */ .promo-card .promo-content{ position: relative; /* keeps it above the overlay */ z-index: 1; transform: translateY(0); transition: transform .45s ease; will-change: transform; } /* slide the whole content block up on hover */ .promo-card:hover .promo-content{ transform: translateY(calc(-1 * var(--reveal))); } /* darken the overlay on hover to match your second image */ .promo-card:hover:before{ background: rgba(0,0,0,var(--overlay-hover)); } /* optional: make small “hidden” copy fade in only after reveal */ .promo-card .reveal-fade{ opacity: .0; transition: opacity .35s ease .1s; } .promo-card:hover .reveal-fade{ opacity: 1; } /* accessibility: respect reduced motion */ @media (prefers-reduced-motion: reduce){ .promo-card .promo-content, .promo-card:before{ transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-612f93b *//* Adjustable variables */ .promo-card{ --reveal: 100px; /* how much to slide up on hover */ --overlay: 0.35; /* default dark overlay */ --overlay-hover: 0.55;/* darker when hovered */ position: relative; } /* dark overlay */ .promo-card:before{ content:""; position:absolute; inset:0; background: rgba(0,0,0,var(--overlay)); transition: background .35s ease; pointer-events:none; } /* content container baseline */ .promo-card .promo-content{ position: relative; /* keeps it above the overlay */ z-index: 1; transform: translateY(0); transition: transform .45s ease; will-change: transform; } /* slide the whole content block up on hover */ .promo-card:hover .promo-content{ transform: translateY(calc(-1 * var(--reveal))); } /* darken the overlay on hover to match your second image */ .promo-card:hover:before{ background: rgba(0,0,0,var(--overlay-hover)); } /* optional: make small “hidden” copy fade in only after reveal */ .promo-card .reveal-fade{ opacity: .0; transition: opacity .35s ease .1s; } .promo-card:hover .reveal-fade{ opacity: 1; } /* accessibility: respect reduced motion */ @media (prefers-reduced-motion: reduce){ .promo-card .promo-content, .promo-card:before{ transition: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9a510ee *//* Adjustable variables */ .promo-card{ --reveal: 100px; /* how much to slide up on hover */ --overlay: 0.35; /* default dark overlay */ --overlay-hover: 0.55;/* darker when hovered */ position: relative; } /* dark overlay */ .promo-card:before{ content:""; position:absolute; inset:0; background: rgba(0,0,0,var(--overlay)); transition: background .35s ease; pointer-events:none; } /* content container baseline */ .promo-card .promo-content{ position: relative; /* keeps it above the overlay */ z-index: 1; transform: translateY(0); transition: transform .45s ease; will-change: transform; } /* slide the whole content block up on hover */ .promo-card:hover .promo-content{ transform: translateY(calc(-1 * var(--reveal))); } /* darken the overlay on hover to match your second image */ .promo-card:hover:before{ background: rgba(0,0,0,var(--overlay-hover)); } /* optional: make small “hidden” copy fade in only after reveal */ .promo-card .reveal-fade{ opacity: .0; transition: opacity .35s ease .1s; } .promo-card:hover .reveal-fade{ opacity: 1; } /* accessibility: respect reduced motion */ @media (prefers-reduced-motion: reduce){ .promo-card .promo-content, .promo-card:before{ transition: none !important; } }/* End custom CSS */