.elementor-3246 .elementor-element.elementor-element-76136c63{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.38;--overlay-mix-blend-mode:multiply;}.elementor-3246 .elementor-element.elementor-element-76136c63::before, .elementor-3246 .elementor-element.elementor-element-76136c63 > .elementor-background-video-container::before, .elementor-3246 .elementor-element.elementor-element-76136c63 > .e-con-inner > .elementor-background-video-container::before, .elementor-3246 .elementor-element.elementor-element-76136c63 > .elementor-background-slideshow::before, .elementor-3246 .elementor-element.elementor-element-76136c63 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3246 .elementor-element.elementor-element-76136c63 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF00;--background-overlay:'';}.elementor-3246 .elementor-element.elementor-element-5c4cf0bb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3246 .elementor-element.elementor-element-dc4f073{width:100%;max-width:100%;text-align:center;}.elementor-3246 .elementor-element.elementor-element-dc4f073 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3246 .elementor-element.elementor-element-3725a043{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-3246 .elementor-element.elementor-element-3725a043 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3246 .elementor-element.elementor-element-3725a043 .elementor-heading-title{font-family:"Georgia", Sans-serif;font-weight:200;font-style:italic;letter-spacing:0px;}.elementor-3246 .elementor-element.elementor-element-2414bca2{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-3246 .elementor-element.elementor-element-3d780c5{--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-3246 .elementor-element.elementor-element-369568b0{--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;--overlay-opacity:1;--overlay-mix-blend-mode:screen;--border-radius:12px 12px 12px 12px;}.elementor-3246 .elementor-element.elementor-element-369568b0:not(.elementor-motion-effects-element-type-background), .elementor-3246 .elementor-element.elementor-element-369568b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://clearcraft.co/wp-content/uploads/2026/02/paper-texture-inverted.webp");}.elementor-3246 .elementor-element.elementor-element-369568b0::before, .elementor-3246 .elementor-element.elementor-element-369568b0 > .elementor-background-video-container::before, .elementor-3246 .elementor-element.elementor-element-369568b0 > .e-con-inner > .elementor-background-video-container::before, .elementor-3246 .elementor-element.elementor-element-369568b0 > .elementor-background-slideshow::before, .elementor-3246 .elementor-element.elementor-element-369568b0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3246 .elementor-element.elementor-element-369568b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center right, #1D1D1DC7 0%, #000000 61%);}.elementor-3246 .elementor-element.elementor-element-185d7c6a{--display:flex;}.elementor-3246 .elementor-element.elementor-element-35d2cfef.elementor-element{--align-self:center;}.elementor-3246 .elementor-element.elementor-element-35d2cfef .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-3246 .elementor-element.elementor-element-360bcc69.elementor-element{--align-self:center;}.elementor-3246 .elementor-element.elementor-element-360bcc69 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-3246 .elementor-element.elementor-element-4ab004bb{--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-3246 .elementor-element.elementor-element-e54cba8{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3246 .elementor-element.elementor-element-6255f66d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-3246 .elementor-element.elementor-element-6255f66d:not(.elementor-motion-effects-element-type-background), .elementor-3246 .elementor-element.elementor-element-6255f66d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3246 .elementor-element.elementor-element-2f2c2fff{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;}.elementor-3246 .elementor-element.elementor-element-2f2c2fff.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-3246 .elementor-element.elementor-element-4091c7cc{text-align:center;}.elementor-3246 .elementor-element.elementor-element-4cffe8e2{text-align:center;}.elementor-3246 .elementor-element.elementor-element-3d242ecd .elementor-button{background-color:transparent;font-family:"Albert Sans", Sans-serif;font-size:1.2em;font-weight:500;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );background-image:linear-gradient(161deg, var( --e-global-color-accent ) 58%, #3F3AB9 100%);transition-duration:0.8s;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3246 .elementor-element.elementor-element-3d242ecd .elementor-button:hover, .elementor-3246 .elementor-element.elementor-element-3d242ecd .elementor-button:focus{background-color:transparent;color:var( --e-global-color-secondary );background-image:linear-gradient(161deg, var( --e-global-color-primary ) 36%, #6A7B761C 100%);border-color:var( --e-global-color-f5f2654 );}.elementor-3246 .elementor-element.elementor-element-3d242ecd{width:100%;max-width:100%;}.elementor-3246 .elementor-element.elementor-element-3d242ecd > .elementor-widget-container{background-color:#00000000;margin:0px 0px 0px 0px;}.elementor-3246 .elementor-element.elementor-element-3d242ecd:hover .elementor-widget-container{background-color:#00000000;}.elementor-3246 .elementor-element.elementor-element-3d242ecd.elementor-element{--align-self:center;}.elementor-3246 .elementor-element.elementor-element-3d242ecd .elementor-button:hover svg, .elementor-3246 .elementor-element.elementor-element-3d242ecd .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-3246 .elementor-element.elementor-element-e7b2bbd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-3246 .elementor-element.elementor-element-e7b2bbd:not(.elementor-motion-effects-element-type-background), .elementor-3246 .elementor-element.elementor-element-e7b2bbd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3246 .elementor-element.elementor-element-7a1f5c89{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;}.elementor-3246 .elementor-element.elementor-element-7a1f5c89.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-3246 .elementor-element.elementor-element-59af77b1{text-align:center;}.elementor-3246 .elementor-element.elementor-element-5eb01779{text-align:center;}.elementor-3246 .elementor-element.elementor-element-68200d95 .elementor-button{background-color:transparent;font-family:"Albert Sans", Sans-serif;font-size:1.2em;font-weight:500;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );background-image:linear-gradient(161deg, var( --e-global-color-accent ) 58%, #3F3AB9 100%);transition-duration:0.8s;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3246 .elementor-element.elementor-element-68200d95 .elementor-button:hover, .elementor-3246 .elementor-element.elementor-element-68200d95 .elementor-button:focus{background-color:transparent;color:var( --e-global-color-secondary );background-image:linear-gradient(161deg, var( --e-global-color-primary ) 36%, #6A7B761C 100%);border-color:var( --e-global-color-f5f2654 );}.elementor-3246 .elementor-element.elementor-element-68200d95{width:100%;max-width:100%;}.elementor-3246 .elementor-element.elementor-element-68200d95 > .elementor-widget-container{background-color:#00000000;margin:0px 0px 0px 0px;}.elementor-3246 .elementor-element.elementor-element-68200d95:hover .elementor-widget-container{background-color:#00000000;}.elementor-3246 .elementor-element.elementor-element-68200d95.elementor-element{--align-self:center;}.elementor-3246 .elementor-element.elementor-element-68200d95 .elementor-button:hover svg, .elementor-3246 .elementor-element.elementor-element-68200d95 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-3246 .elementor-element.elementor-element-497c6431{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;}.elementor-3246 .elementor-element.elementor-element-497c6431:not(.elementor-motion-effects-element-type-background), .elementor-3246 .elementor-element.elementor-element-497c6431 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3246 .elementor-element.elementor-element-9613ef2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;}.elementor-3246 .elementor-element.elementor-element-9613ef2.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-3246 .elementor-element.elementor-element-35a96299{text-align:center;}.elementor-3246 .elementor-element.elementor-element-2f631e32{text-align:center;}.elementor-3246 .elementor-element.elementor-element-3db20482 .elementor-button{background-color:transparent;font-family:"Albert Sans", Sans-serif;font-size:1.2em;font-weight:500;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );background-image:linear-gradient(161deg, var( --e-global-color-accent ) 58%, #3F3AB9 100%);transition-duration:0.8s;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3246 .elementor-element.elementor-element-3db20482 .elementor-button:hover, .elementor-3246 .elementor-element.elementor-element-3db20482 .elementor-button:focus{background-color:transparent;color:var( --e-global-color-secondary );background-image:linear-gradient(161deg, var( --e-global-color-primary ) 36%, #6A7B761C 100%);border-color:var( --e-global-color-f5f2654 );}.elementor-3246 .elementor-element.elementor-element-3db20482{width:100%;max-width:100%;}.elementor-3246 .elementor-element.elementor-element-3db20482 > .elementor-widget-container{background-color:#00000000;margin:0px 0px 0px 0px;}.elementor-3246 .elementor-element.elementor-element-3db20482:hover .elementor-widget-container{background-color:#00000000;}.elementor-3246 .elementor-element.elementor-element-3db20482.elementor-element{--align-self:center;}.elementor-3246 .elementor-element.elementor-element-3db20482 .elementor-button:hover svg, .elementor-3246 .elementor-element.elementor-element-3db20482 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-3246 .elementor-element.elementor-element-7761cb4a .elementor-button{background-color:var( --e-global-color-primary );font-family:"Albert Sans", Sans-serif;font-size:1.2em;font-weight:500;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );transition-duration:0.8s;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3246 .elementor-element.elementor-element-7761cb4a .elementor-button:hover, .elementor-3246 .elementor-element.elementor-element-7761cb4a .elementor-button:focus{background-color:transparent;color:var( --e-global-color-primary );background-image:linear-gradient(161deg, var( --e-global-color-secondary ) 36%, #00000087 100%);border-color:var( --e-global-color-f5f2654 );}.elementor-3246 .elementor-element.elementor-element-7761cb4a > .elementor-widget-container{background-color:#FFFFFF00;margin:0px 0px 0px 0px;}.elementor-3246 .elementor-element.elementor-element-7761cb4a:hover .elementor-widget-container{background-color:#FFFFFF00;}.elementor-3246 .elementor-element.elementor-element-7761cb4a{grid-column:1/4;grid-row:2/3;}.elementor-3246 .elementor-element.elementor-element-7761cb4a.elementor-element{--align-self:center;}.elementor-3246 .elementor-element.elementor-element-7761cb4a .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-3246 .elementor-element.elementor-element-7761cb4a .elementor-button:hover svg, .elementor-3246 .elementor-element.elementor-element-7761cb4a .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-3246 .elementor-element.elementor-element-6927602d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-3246 .elementor-element.elementor-element-77053bf{--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:flex-start;}.elementor-3246 .elementor-element.elementor-element-73ca881b.elementor-element{--align-self:flex-start;}.elementor-3246 .elementor-element.elementor-element-34c01dee.elementor-element{--align-self:flex-start;}.elementor-3246 .elementor-element.elementor-element-34c01dee{text-align:start;}.elementor-3246 .elementor-element.elementor-element-4865e5bb{text-align:start;}.elementor-3246 .elementor-element.elementor-element-a7c2b07 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3246 .elementor-element.elementor-element-27f11edb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-3246 .elementor-element.elementor-element-4cc2aa33 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3246 .elementor-element.elementor-element-5fe885dc{--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:flex-start;}.elementor-3246 .elementor-element.elementor-element-5fe885dc.e-con{--align-self:flex-start;}.elementor-3246 .elementor-element.elementor-element-249fe26a.elementor-element{--align-self:flex-start;}.elementor-3246 .elementor-element.elementor-element-a2585e1.elementor-element{--align-self:flex-start;}.elementor-3246 .elementor-element.elementor-element-2a3aa544.elementor-element{--align-self:flex-start;}.elementor-3246 .elementor-element.elementor-element-2a3aa544{text-align:start;}.elementor-3246 .elementor-element.elementor-element-63465919 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Albert Sans", Sans-serif;font-size:1.2em;font-weight:500;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );transition-duration:0.8s;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3246 .elementor-element.elementor-element-63465919 .elementor-button:hover, .elementor-3246 .elementor-element.elementor-element-63465919 .elementor-button:focus{background-color:transparent;color:var( --e-global-color-secondary );background-image:linear-gradient(161deg, var( --e-global-color-primary ) 36%, #6A7B761C 100%);border-color:var( --e-global-color-f5f2654 );}.elementor-3246 .elementor-element.elementor-element-63465919 > .elementor-widget-container{background-color:#00000000;margin:0px 0px 0px 0px;}.elementor-3246 .elementor-element.elementor-element-63465919:hover .elementor-widget-container{background-color:#00000000;}.elementor-3246 .elementor-element.elementor-element-63465919 .elementor-button:hover svg, .elementor-3246 .elementor-element.elementor-element-63465919 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}body.elementor-page-3246:not(.elementor-motion-effects-element-type-background), body.elementor-page-3246 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-3246 .elementor-element.elementor-element-5c4cf0bb{--width:100%;}.elementor-3246 .elementor-element.elementor-element-6927602d{--width:80%;}.elementor-3246 .elementor-element.elementor-element-77053bf{--width:100%;}.elementor-3246 .elementor-element.elementor-element-27f11edb{--width:80%;}.elementor-3246 .elementor-element.elementor-element-5fe885dc{--width:100%;}}@media(min-width:2400px){.elementor-3246 .elementor-element.elementor-element-e54cba8{--grid-auto-flow:row;}}@media(max-width:1366px){.elementor-3246 .elementor-element.elementor-element-5c4cf0bb.e-con{--flex-grow:1;}.elementor-3246 .elementor-element.elementor-element-dc4f073 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3246 .elementor-element.elementor-element-2414bca2{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-3246 .elementor-element.elementor-element-e54cba8{--grid-auto-flow:row;}}@media(max-width:881px){.elementor-3246 .elementor-element.elementor-element-e54cba8{--grid-auto-flow:row;}.elementor-3246 .elementor-element.elementor-element-6255f66d{--justify-content:space-between;}.elementor-3246 .elementor-element.elementor-element-e7b2bbd{--justify-content:space-between;}.elementor-3246 .elementor-element.elementor-element-497c6431{--justify-content:space-between;}}@media(max-width:880px){.elementor-3246 .elementor-element.elementor-element-e54cba8{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-3246 .elementor-element.elementor-element-76136c63{--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;}.elementor-3246 .elementor-element.elementor-element-5c4cf0bb.e-con{--align-self:center;}.elementor-3246 .elementor-element.elementor-element-dc4f073 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3246 .elementor-element.elementor-element-dc4f073{text-align:center;}.elementor-3246 .elementor-element.elementor-element-3725a043 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3246 .elementor-element.elementor-element-2414bca2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3246 .elementor-element.elementor-element-360bcc69{text-align:center;}.elementor-3246 .elementor-element.elementor-element-e54cba8{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3246 .elementor-element.elementor-element-260bedc7{text-align:center;}.elementor-3246 .elementor-element.elementor-element-4ed6394d{text-align:center;}.elementor-3246 .elementor-element.elementor-element-41e44817{text-align:center;}.elementor-3246 .elementor-element.elementor-element-73ca881b.elementor-element{--align-self:stretch;}.elementor-3246 .elementor-element.elementor-element-73ca881b{text-align:center;}.elementor-3246 .elementor-element.elementor-element-34c01dee.elementor-element{--align-self:flex-start;}.elementor-3246 .elementor-element.elementor-element-34c01dee{text-align:center;}.elementor-3246 .elementor-element.elementor-element-4865e5bb{text-align:center;}.elementor-3246 .elementor-element.elementor-element-249fe26a.elementor-element{--align-self:stretch;}.elementor-3246 .elementor-element.elementor-element-249fe26a{text-align:center;}.elementor-3246 .elementor-element.elementor-element-a2585e1{text-align:center;}.elementor-3246 .elementor-element.elementor-element-2a3aa544{text-align:center;}}/* Start custom CSS for heading, class: .elementor-element-dc4f073 */.eyebrow {
  hyphens: none !important;
  overflow-wrap: break-word !important;
  text-wrap: pretty !important; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3725a043 */.heading-gradient {
    background: linear-gradient(
    161deg, #000, #1B1E1E,#282D2D, #2F3435,#353B3C, #6a7b76E6,  #000, #282D2D,#1B1E1E,#000);
background-size: 200%; 
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; 
animation: animate-gradient 9s ease-in-out 2s infinite;
}

@keyframes animate-gradient {
    to {
        background-position:-245%;
        
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c4cf0bb */.elementor-3246 .elementor-element.elementor-element-5c4cf0bb {
    max-width:1280px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76136c63 */.hero-wrapper {
    padding-top:var(--space-3xl);
    padding-bottom:var(--space-2xl);
}

@media (max-width: 768px) {
.hero-wrapper {
    padding-top:var(--space-2xl);
    padding-bottom:var(--space-2xl);
    z-index: 10;
}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f79aec3 *//* ===========================
   Animated Card Grid
   Use with Card Interactions Script
   =========================== */

/* Grid Container */
.interactive-card-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: var(--space-lg) !important;
    padding: var(--space-xs) !important;
    transition: grid-template-columns 0.6s ease;
}

/* Grid State - Which card is active */
.interactive-card-grid.card-1-active {
    grid-template-columns: 3fr 0fr 0fr !important;
}

.interactive-card-grid.card-2-active {
    grid-template-columns: 0fr 3fr 0fr !important;
}

.interactive-card-grid.card-3-active {
    grid-template-columns: 0fr 0fr 3fr !important;
}

/* Collapse inactive cards when any card is active */
.interactive-card-grid[class*="card-"][class*="-active"] .card:not(.active) {
    overflow: hidden;
    opacity: 0;
    max-height: 0 !important;
}

/* Base States */
.card-preview {
    opacity: 1;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
}

.card-expanded, 
.card-list {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
}

/* Card Content */
.card-content {
    transition: opacity 0.25s ease;
}

/* Button - Full width in active card */
.card.active .interactive-card-toggle {
    width: 100% !important;
    justify-content: center !important;
}

/* Mobile Responsive */
@media (max-width: 767px), (max-width: 880px) and (orientation: landscape) {
    .interactive-card-grid {
        grid-template-columns: 1fr !important;
    }
    
    .card {
        padding-bottom: var(--space-md);
    }
    
    .card-preview {
        max-height: 0;
        opacity: 0;
    }
    
    .card-expanded,
    .card-list { 
        max-height: none;
        opacity: 1;
    }
    
    .interactive-card-toggle {
        display: none !important;
    }
}/* End custom CSS */