/** Shopify CDN: Minification failed

Line 37:77 Expected "*/" to terminate multi-line comment

**/
.image-with-text {
  //text-align: center;
}


/* ==========================================================================
   Gibson Homewares - Homepage hero "fit the screen" fix
   Matches the Lenox behavior: hero fills the full width of the browser
   and stays inside the first screen instead of running past the fold.

   Paste into: Online Store > Themes > Customize > Theme settings > Custom CSS
   (or Edit code > Assets > custom.css)

   Desktop and tablet only. Mobile is untouched, where a taller crop is fine.
   ========================================================================== */

@media screen and (min-width: 768px) {
  /* Original full width banner, trimmed 10% off the top and 5% off the bottom. */
    .slideshow--preserve-ratio .slideshow__image { width: 100% !important; height: auto !important; aspect-ratio: 1920 / 1009 !important; object-fit: cover !important; object-position: 50% 66.65% !important; 
}

/* --------------------------------------------------------------------------
   OPTIONAL TUNING

        To crop instead of stretch, change fill to cover on line 65.
   Taller, more immersive:
     height: clamp(460px, 86vh, 900px) !important;

   If the crop cuts something important, move the focal point.
   Lower number = show more of the top of the photo:
     object-position: 50% 35% !important;
   --------------------------------------------------------------------------