.elementor-16773 .elementor-element.elementor-element-bad6003{--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;--gap:22px 22px;--row-gap:22px;--column-gap:22px;--padding-top:26px;--padding-bottom:26px;--padding-left:30px;--padding-right:30px;}.elementor-16773 .elementor-element.elementor-element-bad6003:not(.elementor-motion-effects-element-type-background), .elementor-16773 .elementor-element.elementor-element-bad6003 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-16773 .elementor-element.elementor-element-38be3c2{--display:flex;--min-height:480px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:24px 24px 24px 24px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-16773 .elementor-element.elementor-element-38be3c2:not(.elementor-motion-effects-element-type-background), .elementor-16773 .elementor-element.elementor-element-38be3c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3FA3EF;background-image:url("https://blissagency.com.au/wp-content/uploads/2026/09/bliss-hero-thumb.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-16773 .elementor-element.elementor-element-f2bbb08{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-16773 .elementor-element.elementor-element-f2bbb08:not(.elementor-motion-effects-element-type-background), .elementor-16773 .elementor-element.elementor-element-f2bbb08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-16773 .elementor-element.elementor-element-bb4d9d9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:24px 24px 24px 24px;--padding-top:60px;--padding-bottom:60px;--padding-left:66px;--padding-right:66px;}.elementor-16773 .elementor-element.elementor-element-bb4d9d9:not(.elementor-motion-effects-element-type-background), .elementor-16773 .elementor-element.elementor-element-bb4d9d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D7E1BF;}.elementor-16773 .elementor-element.elementor-element-8c5a334{--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;--align-items:stretch;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16773 .elementor-element.elementor-element-dbe45a9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-16773 .elementor-element.elementor-element-1a370f3{--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;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-16773 .elementor-element.elementor-element-1a370f3:not(.elementor-motion-effects-element-type-background), .elementor-16773 .elementor-element.elementor-element-1a370f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-16773 .elementor-element.elementor-element-02c1128{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16773 .elementor-element.elementor-element-8439f99{--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;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-16773 .elementor-element.elementor-element-8439f99:not(.elementor-motion-effects-element-type-background), .elementor-16773 .elementor-element.elementor-element-8439f99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16773 .elementor-element.elementor-element-e3966a2{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16773 .elementor-element.elementor-element-9553b2c{--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;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-16773 .elementor-element.elementor-element-9553b2c:not(.elementor-motion-effects-element-type-background), .elementor-16773 .elementor-element.elementor-element-9553b2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16773 .elementor-element.elementor-element-942391c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16773 .elementor-element.elementor-element-52cfe11{--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;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-16773 .elementor-element.elementor-element-52cfe11:not(.elementor-motion-effects-element-type-background), .elementor-16773 .elementor-element.elementor-element-52cfe11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16773 .elementor-element.elementor-element-ee51d22{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16773 .elementor-element.elementor-element-668dd11{--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;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-16773 .elementor-element.elementor-element-668dd11:not(.elementor-motion-effects-element-type-background), .elementor-16773 .elementor-element.elementor-element-668dd11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16773 .elementor-element.elementor-element-c2b6e38{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16773 .elementor-element.elementor-element-e35a32d{--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;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-16773 .elementor-element.elementor-element-e35a32d:not(.elementor-motion-effects-element-type-background), .elementor-16773 .elementor-element.elementor-element-e35a32d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16773 .elementor-element.elementor-element-d935643{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16773 .elementor-element.elementor-element-b8c2038{--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;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-16773 .elementor-element.elementor-element-b8c2038:not(.elementor-motion-effects-element-type-background), .elementor-16773 .elementor-element.elementor-element-b8c2038 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16773 .elementor-element.elementor-element-712898e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16773 .elementor-element.elementor-element-67b58a9{--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;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-16773 .elementor-element.elementor-element-67b58a9:not(.elementor-motion-effects-element-type-background), .elementor-16773 .elementor-element.elementor-element-67b58a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16773 .elementor-element.elementor-element-cd001f8{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16773 .elementor-element.elementor-element-e5a41f3{--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;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-16773 .elementor-element.elementor-element-e5a41f3:not(.elementor-motion-effects-element-type-background), .elementor-16773 .elementor-element.elementor-element-e5a41f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16773 .elementor-element.elementor-element-ae91cf8{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:24px 24px 24px 24px;--padding-top:58px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-16773 .elementor-element.elementor-element-ae91cf8:not(.elementor-motion-effects-element-type-background), .elementor-16773 .elementor-element.elementor-element-ae91cf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9B59F;}.elementor-16773 .elementor-element.elementor-element-6b7e0ff{--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:space-between;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:wrap;--border-radius:24px 24px 24px 24px;--padding-top:52px;--padding-bottom:52px;--padding-left:58px;--padding-right:58px;}.elementor-16773 .elementor-element.elementor-element-6b7e0ff:not(.elementor-motion-effects-element-type-background), .elementor-16773 .elementor-element.elementor-element-6b7e0ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#212121;}.elementor-16773 .elementor-element.elementor-element-2a5b870{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16773 .elementor-element.elementor-element-bc041c9{--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-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16773 .elementor-element.elementor-element-1b2f4f4{--display:flex;--min-height:0px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:58px;--padding-bottom:48px;--padding-left:83px;--padding-right:83px;}.elementor-16773 .elementor-element.elementor-element-1b2f4f4:not(.elementor-motion-effects-element-type-background), .elementor-16773 .elementor-element.elementor-element-1b2f4f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#212121;}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}}@media(min-width:768px){.elementor-16773 .elementor-element.elementor-element-bad6003{--content-width:1512px;}.elementor-16773 .elementor-element.elementor-element-f2bbb08{--width:682px;}.elementor-16773 .elementor-element.elementor-element-2a5b870{--width:62%;}.elementor-16773 .elementor-element.elementor-element-bc041c9{--width:30%;}}@media(min-width:2400px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}}/* Start custom CSS *//* ============================================================ BLISS — CASE STUDIES (grid concept). Mirrors the Figma "Case Studies" frame incl. Chris's 2026-09-11 update: a real client image in each card's top band and a black "Read case study" pill. Page language matches /solutions-concept/: boxed 1512, 30px inset, 24px panels, headings 42px, paragraphs 16px. ============================================================ */ .cs-page{ --cs-blue:#C3DBFF; --cs-green:#D7E1BF; --cs-salmon:#F9B59F; --cs-dark:#212121; --cs-tint:#E7F1FF; --cs-ink:#000; --cs-r:24px; background:#F4F4F4; } /* ---- HERO ---------------------------------------------------- */ .cs-page .cs-hero{ border-radius:var(--cs-r); overflow:hidden; min-height:480px; background-color:#3FA3EF !important; } .cs-page .cs-hero > .cs-chrome{ width:100%; } .cs-page .cs-panel{ width:min(720px,92%) !important; max-width:92%; margin:15px auto 0; background:#fff; border-radius:20px; } .cs-page .cs-panel .elementor-heading-title{ font-family:"GT Pressura",sans-serif; font-weight:700; font-size:42px; line-height:1; text-transform:uppercase; letter-spacing:-.01em; color:var(--cs-ink); margin:0; } .cs-page .cs-panel .elementor-widget-text-editor p{ font-family:"GT Pressura",sans-serif; font-size:16px; line-height:24px; color:var(--cs-ink); margin:10px 0 0; } .cs-page .cs-filters-wrap{ width:100%; } .cs-page .cs-filters{ width:min(780px,94%); margin:14px auto 0; display:flex; flex-wrap:wrap; justify-content:center; gap:10px; padding:0; list-style:none; } .cs-page .cs-filter{ display:inline-flex; align-items:center; height:34px; padding:0 16px; border:0; border-radius:999px; background:#fff; color:#0B0B0C; font-family:"GT Pressura",sans-serif; font-size:13px; font-weight:500; line-height:1; cursor:pointer; white-space:nowrap; transition:background-color .22s ease,color .22s ease; } .cs-page .cs-filter:hover{ background:var(--cs-tint); } .cs-page .cs-filter[aria-pressed="true"]{ background:#0B0B0C; color:#fff; } .cs-page .cs-filter:focus-visible{ outline:3px solid #3FA3EF; outline-offset:2px; } /* ---- CARD GRID ------------------------------------------------ */ .cs-page .cs-band{ background:var(--cs-green); border-radius:var(--cs-r); } .cs-page .cs-grid{ align-items:stretch; } /* rows align across the grid (image / title / copy / tags / button) via subgrid */ @supports (grid-template-rows: subgrid){ .cs-page .cs-grid{ display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)); } .cs-page .cs-grid > .cs-card{ width:auto; min-width:0; display:grid !important; grid-template-rows:subgrid; grid-row:span 5; row-gap:0; } .cs-page .cs-card > .cs-card-body{ display:grid !important; grid-template-rows:subgrid; grid-row:span 4; row-gap:14px; } } .cs-page .cs-card{ background:#fff; border-radius:12px; overflow:hidden; transition:transform .28s ease, box-shadow .28s ease; } @media (hover:hover){ .cs-page .cs-card:hover{ transform:translateY(-4px); box-shadow:0 14px 34px rgba(0,0,0,.12); } } @media (prefers-reduced-motion:reduce){ .cs-page .cs-card{ transition:none; } .cs-page .cs-card:hover{ transform:none; } } .cs-page .cs-card > .elementor-widget-image{ width:100%; } .cs-page .cs-card .elementor-widget-image img{ display:block; width:100%; height:auto; aspect-ratio:371 / 190; object-fit:cover; border-radius:0; } /* Figma band proportion */ .cs-page .cs-card .cs-card-title .elementor-heading-title{ font-family:"GT Pressura",sans-serif; font-weight:700; font-size:20px; line-height:1.2; color:var(--cs-ink); margin:0; } .cs-page .cs-card .elementor-widget-text-editor p{ font-family:"GT Pressura",sans-serif; font-size:16px; line-height:24px; color:var(--cs-ink); margin:0; } .cs-page .cs-tags{ display:flex; flex-wrap:wrap; gap:6px; margin:0; padding:0; list-style:none; } .cs-page .cs-tag{ display:inline-flex; align-items:center; height:24px; padding:0 11px; border-radius:999px; background:var(--cs-tint); color:#0B0B0C; font-family:"GT Pressura",sans-serif; font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; line-height:1; white-space:nowrap; } .cs-page .cs-card > .cs-card-body > .cs-card-cta{ align-self:end; } .cs-page .cs-card-cta .elementor-button{ display:block; width:100%; background:#1E1E1E; color:#fff; border-radius:999px; padding:13px 16px; font-family:"GT Pressura",sans-serif; font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; text-align:center; line-height:1; } .cs-page .cs-card-cta .elementor-button:hover{ background:#3FA3EF; color:#fff; } .cs-page .cs-card.is-hidden{ display:none !important; } .cs-page .cs-empty{ display:none; font-family:"GT Pressura",sans-serif; font-size:16px; color:#3A4A22; text-align:center; padding:20px 0 0; } .cs-page .cs-grid.is-empty + .cs-empty{ display:block; } /* ---- IN THEIR WORDS (same module as the homepage) ------------- */ .cs-page .bc-words{ background:var(--cs-salmon); border-radius:var(--cs-r); } .cs-page .bc-words-title .elementor-heading-title{ font-family:"GT Pressura",sans-serif; font-weight:700; font-size:42px; line-height:1; text-transform:uppercase; text-align:center; color:var(--cs-ink); margin:0; } .cs-page .bc-words-title{ padding-bottom:18px; } .cs-page .bc-words-title .bw-bubble{ display:inline-block; margin-left:14px; font-size:.62em; line-height:1; opacity:0; transform:translateY(8px) scale(.6); transition:opacity .3s ease, transform .42s cubic-bezier(.34,1.56,.64,1); vertical-align:middle; position:relative; top:-.2em; } .cs-page .bc-words.is-hovering .bc-words-title .bw-bubble{ opacity:1; transform:translateY(0) scale(1); } @media (prefers-reduced-motion:reduce){ .cs-page .bc-words-title .bw-bubble{ transition:none; } } /* ---- DARK CTA -------------------------------------------------- */ .cs-page .cs-cta{ background:var(--cs-dark); border-radius:var(--cs-r); } .cs-page .cs-cta .elementor-heading-title{ font-family:"GT Pressura",sans-serif; font-weight:700; font-size:42px; line-height:1.06; text-transform:uppercase; letter-spacing:-.01em; color:#fff; margin:0; } .cs-page .cs-cta .elementor-widget-text-editor p{ font-family:"GT Pressura",sans-serif; font-size:16px; line-height:24px; color:rgba(255,255,255,.8); margin:0; } .cs-page .cs-cta-btn .elementor-button{ display:inline-block; background:#fff; color:#0B0B0C; border-radius:999px; padding:14px 26px; font-family:"GT Pressura",sans-serif; font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; line-height:1; } .cs-page .cs-cta-btn .elementor-button:hover{ background:#3FA3EF; color:#fff; } /* ---- TABLET ---------------------------------------------------- */ @media (max-width:1024px){ @supports (grid-template-rows: subgrid){ .cs-page .cs-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); } } .cs-page .cs-hero{ min-height:440px; } .cs-page .cs-panel .elementor-heading-title{ font-size:38px; } .cs-page .cs-cta .elementor-heading-title{ font-size:34px; } } /* ---- MOBILE ---------------------------------------------------- */ @media (max-width:767px){ .cs-page{ --cs-r:18px; padding:12px !important; gap:12px !important; row-gap:12px !important; } @supports (grid-template-rows: subgrid){ .cs-page .cs-grid{ grid-template-columns:minmax(0,1fr); } } .cs-page .cs-grid{ gap:12px !important; } .cs-page .cs-band{ padding:20px !important; } .cs-page .cs-hero{ min-height:0; padding-bottom:28px !important; } .cs-page .cs-panel{ margin-top:12px; border-radius:16px; padding:18px 20px !important; } .cs-page .cs-panel .elementor-heading-title{ font-size:30px; } .cs-page .cs-filters{ gap:8px; margin-top:12px; } .cs-page .cs-filter{ height:32px; font-size:12px; padding:0 13px; } .cs-page .cs-cta{ padding:24px !important; } .cs-page .cs-cta .elementor-heading-title{ font-size:28px; } } /* ---- ORPHANS ---------------------------------------------------- */ /* Hannah, Hype Hub 2026-09-14: single words were dropping onto lines of their own. `pretty` pulls a word down from the line above rather than leaving one stranded. Deliberate line breaks are untouched, and browsers without it wrap as before. theme-post-content and post excerpts are listed separately — they are not text-editor widgets, so the article body would otherwise be missed. */ .elementor-heading-title, .elementor-widget-text-editor p, .elementor-widget-text-editor li, .elementor-widget-theme-post-content p, .elementor-widget-theme-post-content li, .elementor-post__excerpt p{ text-wrap:pretty; } /* ---- TOUCH TARGET: the burger ----------------------------------- */ /* On a phone the burger is the only way into the menu and its own box is 34px tall. An invisible 44px square centred on it meets the minimum without moving the icon or changing the pill. (Checked 2026-09-14.) */ @media (max-width:767px){ #bliss-ask .bask-burger::after{ content:""; position:absolute; left:50%; top:50%; width:44px; height:44px; transform:translate(-50%,-50%); } } /* ---- TAP TARGETS ON PHONES -------------------------------------- */ /* Chris, 2026-09-14: "take them to 40px on mobile". Pills and filters were 32px, chips 28-30 and the black CTA pills 34-38 — all under the 44px guideline. Heights only; the horizontal padding is left alone so nothing re-wraps. The modules style .bask-pill and .sol-pill from an inline