/* Full-width coloured homepage hero, inspired by the supplied reference. */
body.sky-north:has(.sg-home) #main-content { padding-top:0; }
.sg-page.sg-home { max-width:none; width:100%; margin:0; padding:0 0 96px; }
.sg-home > :not(.sg-home-hero) { width:calc(100% - 64px); max-width:1120px; margin-inline:auto; }
.sg-home .sg-home-hero {
  width:100%; max-width:none; margin:0;
  grid-template-columns:1.05fr 1fr; gap:40px; align-items:center;
  min-height:720px;
  padding:174px max(32px,calc((100% - 1120px) / 2)) 44px;
  background:#587986;
  color:#FFFFFF;
}
.sg-home .sg-home-copy { position:relative; z-index:1; max-width:550px; padding-bottom:20px; }
.sg-home .sg-home-hero .sg-eyebrow { color:#FFFFFF; font-size:13px; }
.sg-home .sg-home-hero .sg-eyebrow::before { background:#FFFFFF; }
body.sky-north #wrapwrap .sg-home-hero h1 {
  color:#FFFFFF; font-size:clamp(76px,7.1vw,100px); line-height:1; letter-spacing:-.04em;
  margin-bottom:24px;
}
.sg-home .sg-home-hero h1 em { color:#FFFFFF; }
.sg-home .sg-home-hero .sg-home-lead {
  color:#FFFFFF; font-size:21px; font-weight:600; line-height:1.45;
  max-width:440px; margin:22px 0 14px!important;
}
.sg-home .sg-home-hero .sg-home-summary { color:#FFFFFF; font-size:16px; line-height:1.7; max-width:440px; }
.sg-home .sg-home-hero .sg-actions { gap:12px; margin-top:26px; }
body.sky-north #wrapwrap .sg-home-hero .sg-button a.wp-block-button__link:not(.btn):not(.sky-news-card) {
  border-radius:999px; border-color:rgba(255,255,255,.45); padding:12px 21px;
}
body.sky-north #wrapwrap .sg-home-hero .sg-button-secondary a.wp-block-button__link:not(.btn):not(.sky-news-card) {
  color:#FFFFFF; border-color:rgba(255,255,255,.85); background:transparent;
}
body.sky-north #wrapwrap .sg-home-hero .sg-button-secondary a.wp-block-button__link:not(.btn):not(.sky-news-card):hover {
  color:var(--sky-text); background:#FFFFFF; border-color:#FFFFFF;
}
.sg-home .sg-home-hero a:focus-visible { outline-color:#FFFFFF; box-shadow:0 0 0 2px var(--sky-text); }
.sg-home .sg-product-stage {
  align-self:end; position:relative; display:grid; grid-template-columns:1fr 1.15fr 1fr;
  gap:12px; height:440px; min-height:0; padding:0 0 36px;
  border:0; border-radius:0; background:transparent;
}
.sg-home .sg-product-stage figure { align-self:end; transform:none; padding:0; }
.sg-home .sg-product-stage figure img {
  width:100%; height:390px; max-height:none;
  object-fit:contain; object-position:center bottom; border-radius:0;
  filter:drop-shadow(0 16px 16px rgba(18,40,42,.17));
}
.sg-home .sg-product-stage .sg-stage-flour img { height:420px; }
.sg-home .sg-stage-caption { bottom:0; color:#FFFFFF; font-size:12px; line-height:1.5; text-align:right; }
.sg-home > .sg-brand-line { margin-top:0; border-top:0; padding-block:28px; }
@media (min-width:768px) and (max-width:1023px) {
  .sg-home .sg-home-hero { gap:28px; min-height:660px; padding-top:148px; padding-bottom:36px; }
  body.sky-north #wrapwrap .sg-home-hero h1 { font-size:76px; }
  .sg-home .sg-home-hero .sg-home-lead { font-size:19px; }
  .sg-home .sg-home-hero .sg-home-summary { font-size:15px; }
  .sg-home .sg-product-stage { height:390px; gap:8px; }
  .sg-home .sg-product-stage figure img { height:330px; }
  .sg-home .sg-product-stage .sg-stage-flour img { height:360px; }
}
@media (max-width:767px) {
  .sg-page.sg-home { margin:0; padding-top:0; padding-bottom:64px; }
  .sg-home > :not(.sg-home-hero) { width:calc(100% - 48px); }
  .sg-home .sg-home-hero {
    grid-template-columns:1fr; gap:12px; min-height:0;
    padding:136px 24px 24px;
  }
  .sg-home .sg-home-copy { max-width:540px; padding-bottom:0; }
  body.sky-north #wrapwrap .sg-home-hero h1 { font-size:72px; margin-bottom:18px; }
  .sg-home .sg-home-hero .sg-eyebrow { font-size:12px; margin-bottom:18px!important; }
  .sg-home .sg-home-hero .sg-home-lead { font-size:19px; margin:18px 0 12px!important; }
  .sg-home .sg-home-hero .sg-home-summary { font-size:15px; }
  .sg-home .sg-home-hero .sg-actions { margin-top:22px; gap:10px; }
  body.sky-north #wrapwrap .sg-home-hero .sg-button a.wp-block-button__link:not(.btn):not(.sky-news-card) { font-size:14px; padding:11px 16px; }
  .sg-home .sg-product-stage { height:270px; padding-bottom:28px; gap:8px; }
  .sg-home .sg-product-stage figure img { height:220px; }
  .sg-home .sg-product-stage .sg-stage-flour img { height:244px; }
  .sg-home .sg-stage-caption { font-size:11px; text-align:center; }
  .sg-home > .sg-brand-line { padding-block:24px; }
}
@media (max-width:359px) {
  .sg-home > :not(.sg-home-hero) { width:calc(100% - 32px); }
  .sg-home .sg-home-hero { padding-inline:16px; }
  body.sky-north #wrapwrap .sg-home-hero h1 { font-size:64px; }
  .sg-home .sg-product-stage { height:244px; }
  .sg-home .sg-product-stage figure img { height:200px; }
  .sg-home .sg-product-stage .sg-stage-flour img { height:220px; }
}

/* The product range follows directly after the homepage hero. */
.sg-home > .sg-home-hero + .sg-section { margin-top:0; padding-top:56px; border-top:0; }
@media (max-width:767px) {
  .sg-home > .sg-home-hero + .sg-section { padding-top:40px; }
}