/* Shared coloured opening for Services and the product catalogue. */
body.sky-north:has(:is(.sg-services,.sg-products,.sg-rice,.sg-flour,.sg-beverages)) #main-content { padding-top:0; }
.sg-page:is(.sg-services,.sg-products,.sg-rice,.sg-flour,.sg-beverages) { max-width:none; width:100%; margin:0; padding:0 0 96px; }
:is(.sg-services,.sg-products,.sg-rice,.sg-flour,.sg-beverages) > :not(.sg-intro) { width:calc(100% - 64px); max-width:1120px; margin-inline:auto; }
:is(.sg-services,.sg-products,.sg-rice,.sg-flour,.sg-beverages) > .sg-intro {
  width:100%; max-width:none; margin:0; border:0;
  min-height:490px;
  padding:174px max(32px,calc((100% - 1120px) / 2)) 76px;
  background:var(--sky-hero-background); color:var(--sky-hero-ink);
}
:is(.sg-services,.sg-products,.sg-rice,.sg-flour,.sg-beverages) .sg-intro .sg-eyebrow { color:#FFFFFF; }
:is(.sg-services,.sg-products,.sg-rice,.sg-flour,.sg-beverages) .sg-intro .sg-eyebrow::before { background:#FFFFFF; }
body.sky-north #wrapwrap :is(.sg-services,.sg-products,.sg-rice,.sg-flour,.sg-beverages) .sg-intro h1 {
  color:#FFFFFF; font-size:clamp(48px,5vw,72px); line-height:1.06;
}
:is(.sg-services,.sg-products,.sg-rice,.sg-flour,.sg-beverages) .sg-intro h1 em { color:#FFFFFF; }
:is(.sg-services,.sg-products,.sg-rice,.sg-flour,.sg-beverages) .sg-intro-lead { color:#FFFFFF; font-size:18px; line-height:1.7; max-width:380px; }
:is(.sg-services,.sg-products,.sg-rice,.sg-flour,.sg-beverages) > .sg-story-split { margin-top:0; padding-top:64px; border-top:0; }
@media (max-width:1023px) and (min-width:768px) {
  :is(.sg-services,.sg-products,.sg-rice,.sg-flour,.sg-beverages) > .sg-intro { padding-top:148px; padding-bottom:60px; min-height:440px; }
}
@media (max-width:767px) {
  .sg-page:is(.sg-services,.sg-products,.sg-rice,.sg-flour,.sg-beverages) { margin:0; padding-top:0; padding-bottom:64px; }
  :is(.sg-services,.sg-products,.sg-rice,.sg-flour,.sg-beverages) > :not(.sg-intro) { width:calc(100% - 48px); }
  :is(.sg-services,.sg-products,.sg-rice,.sg-flour,.sg-beverages) > .sg-intro { grid-template-columns:1fr; gap:24px; min-height:0; padding:136px 24px 48px; }
  body.sky-north #wrapwrap :is(.sg-services,.sg-products,.sg-rice,.sg-flour,.sg-beverages) .sg-intro h1 { font-size:clamp(42px,9.4vw,58px); }
  :is(.sg-services,.sg-products,.sg-rice,.sg-flour,.sg-beverages) .sg-intro-lead { font-size:16px; max-width:520px; }
  :is(.sg-services,.sg-products,.sg-rice,.sg-flour,.sg-beverages) > .sg-story-split { padding-top:40px; }
}
@media (max-width:359px) {
  :is(.sg-services,.sg-products,.sg-rice,.sg-flour,.sg-beverages) > :not(.sg-intro) { width:calc(100% - 32px); }
  :is(.sg-services,.sg-products,.sg-rice,.sg-flour,.sg-beverages) > .sg-intro { padding-inline:16px; }
}

/* Keep the catalogue imagery clear of the full-width header. */
.sg-products > .sg-categories,
:is(.sg-rice,.sg-flour,.sg-beverages) > .sg-product-grid { margin-top:56px; }
@media (max-width:767px) {
  .sg-products > .sg-categories,
  :is(.sg-rice,.sg-flour,.sg-beverages) > .sg-product-grid { margin-top:32px; }
}