fix(core-styles): fp-1723 fix o-section--banner on safari (#29)

* fix(o-section): fp-1723 drop trick, use easier css

* fix(o-section): fp-1723 adapt to new markup

libs/core-styles/src/lib/_imports/objects/o-section.css

@@ -67,8 +67,9 @@ Styleguide Objects.Section
 
 /* Modifers: Banner */
 
-.o-section--banner[class*="o-section--layout"] { gap: 0; }
-.o-section--banner.container { padding-inline: 0; }
+.o-section--banner { overflow: hidden; }
+.o-section--banner [class*="o-section--layout"] { gap: 0; }
+.o-section--banner .container { padding-inline: 0; }
 .o-section--banner.o-section { padding-block: 0; }
 
 
@@ -253,24 +254,6 @@ Styleguide Objects.Section
 
 
 
-/* Tricks: Children: Banner Image */
-/* FP-1462: Extract to new banner component(s) */
-
-/* To hide section overflow with minimal side effects */
-/* FAQ: Use 'clip', not 'hidden' which can affect opposite 'overflow-' value */
-/* NOTE: This selector assumes only a banner section has vertical overflow */
-/* CAVEAT: Any banner pop-out el's would NOT overflow atop sibling sections */
-[class*="o-section--style"].o-section--banner {
-  /* To hide vert. overflow */
-  overflow-y: clip;
-}
-main {
-  /* To hide horz. overflow yet support any 'position: sticky' descendant */
-  overflow-x: clip;
-}
-
-
-
 /* Tricks: Modifers: Style */
 
 /* To prevent visibly extra space beneath certain sections and footer */