/* Seven editorial pages only; the cumulative 168 city/service design is untouched.
   First layer protects image framing from the earlier hero overrides. */
@layer sr-editorial-images {
  body#sr-design .sr-editorial-hero {
    display:block!important;
    height:auto!important;
    min-height:0!important;
    padding:122px 0 72px!important;
    margin:-80px 0 0!important;
    background:#111!important;
    border-bottom:2px solid #f5c400!important;
    overflow:hidden!important;
  }
  body#sr-design .sr-editorial-hero>.container {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:center!important;
    gap:32px 56px!important;
    width:calc(100% - 96px)!important;
    max-width:1200px!important;
    padding:0!important;
    height:auto!important;
    text-align:left!important;
  }
  body#sr-design .sr-editorial-hero>.container>nav,
  body#sr-design .sr-editorial-hero>.container>.topic-filter {grid-column:1/-1!important;}
  body#sr-design .sr-editorial-hero>.container>nav {margin:0!important;justify-content:flex-start!important;}
  body#sr-design .sr-editorial-copy {min-width:0!important;align-self:center!important;}
  body#sr-design .sr-editorial-copy .pc-page-heading {margin:0!important;}
  body#sr-design .sr-editorial-copy .pc-page-intro {
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;
    border:0!important;margin:22px 0 0!important;padding:0!important;gap:24px!important;
  }
  body#sr-design .sr-editorial-copy h1 {
    font-size:clamp(34px,3.55vw,49px)!important;line-height:1.1!important;
    font-weight:500!important;letter-spacing:-.04em!important;max-width:none!important;
    margin:0!important;color:#f4efe5!important;word-break:normal!important;overflow-wrap:normal!important;
    text-wrap:balance!important;hyphens:none!important;
  }
  body#sr-design .sr-editorial-copy h1 br {display:none!important;}
  body#sr-design .sr-editorial-copy .eyebrow {display:block!important;margin:0 0 18px!important;color:#f5c400!important;}
  body#sr-design .sr-editorial-copy p {margin:0!important;max-width:55ch!important;line-height:1.8!important;color:#d4cbbb!important;}
  body#sr-design .sr-editorial-copy .pc-page-heading>p {margin-top:24px!important;}
  body#sr-design .sr-editorial-copy .btn {max-width:100%!important;white-space:normal!important;text-align:left!important;}
  body#sr-design .sr-editorial-media {
    min-width:0!important;width:100%!important;align-self:center!important;
    overflow:hidden!important;border:1px solid #5d533d!important;border-radius:10px!important;
    background:#eee7da!important;box-shadow:0 18px 48px #0003!important;
  }
  body#sr-design .sr-editorial-media .sr-editorial-photo {
    display:block!important;width:100%!important;height:auto!important;max-height:none!important;
    aspect-ratio:1672/941!important;object-fit:contain!important;object-position:center!important;
    position:static!important;transform:none!important;opacity:1!important;filter:none!important;
    margin:0!important;border:0!important;border-radius:0!important;
  }
  body#sr-design .sr-editorial-hero .price-hero-card {
    grid-column:1/-1!important;display:grid!important;grid-template-columns:.8fr 1.2fr 1fr!important;
    gap:4px 32px!important;align-items:center!important;
    width:100%!important;max-width:none!important;margin:0!important;padding:26px!important;
    border:1px solid #5d533d!important;border-top:2px solid #f5c400!important;border-radius:8px!important;
    background:#201f1b!important;box-shadow:none!important;text-align:left!important;
  }
  body#sr-design .sr-editorial-hero .price-hero-card .lbl {grid-column:1!important;grid-row:1!important;margin:0!important;}
  body#sr-design .sr-editorial-hero .price-hero-card .num {grid-column:1!important;grid-row:2!important;font-size:32px!important;}
  body#sr-design .sr-editorial-hero .price-hero-card .note {grid-column:1!important;grid-row:3!important;margin:0!important;}
  body#sr-design .sr-editorial-hero .price-hero-card .incl-list {grid-column:2!important;grid-row:1/4!important;margin:0!important;padding:0 0 0 24px!important;border:0!important;border-left:1px solid #514936!important;}
  body#sr-design .sr-editorial-hero .price-hero-card .pc-price-enquiry {grid-column:3!important;grid-row:1/4!important;margin:0!important;}
  body#sr-design .sr-editorial-hero .topic-filter {margin:0!important;padding-top:6px!important;}
  body#sr-design .sr-editorial-hero .sr-brand-cut {bottom:16px!important;}
  @media(max-width:1000px) {
    body#sr-design .sr-editorial-hero>.container {gap:28px 32px!important;}
  }
  @media(max-width:800px) {
    body#sr-design .sr-editorial-hero {margin-top:-64px!important;padding:94px 0 32px!important;}
    body#sr-design .sr-editorial-hero>.container {width:calc(100% - 40px)!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important;}
    body#sr-design .sr-editorial-copy h1 {font-size:clamp(30px,8vw,40px)!important;line-height:1.12!important;}
    body#sr-design .sr-editorial-copy p {font-size:16px!important;line-height:1.7!important;}
    body#sr-design .sr-editorial-copy .pc-page-intro {margin-top:20px!important;gap:20px!important;}
    body#sr-design .sr-editorial-copy .eyebrow {margin-bottom:14px!important;}
    body#sr-design .sr-editorial-copy .btn {width:100%!important;}
    body#sr-design .sr-editorial-media {border-radius:8px!important;box-shadow:none!important;}
    body#sr-design .sr-editorial-hero .price-hero-card {display:block!important;padding:22px!important;}
    body#sr-design .sr-editorial-hero .price-hero-card .num {margin:10px 0!important;}
    body#sr-design .sr-editorial-hero .price-hero-card .incl-list {margin:20px 0!important;padding:18px 0 0!important;border-left:0!important;border-top:1px solid #514936!important;}
    body#sr-design .sr-editorial-hero .sr-brand-cut {display:none!important;}
  }
}