/* Approved photographic composition, generalized to service pages in release 177. */
@layer sr-service-story-174 {
  body#sr-design.sr-service-story-177 .main-content>.sa-opening {
    display:block!important;padding:24px 0 72px!important;max-width:none!important;
  }
  body#sr-design.sr-service-story-177 .ss-intro-header {
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:64px!important;align-items:end!important;padding:0 0 32px!important;margin:0 0 32px!important;border-bottom:1px solid #d8cbb3!important;
  }
  body#sr-design.sr-service-story-177 .sa-opening-heading::before {
    display:flex!important;align-items:center!important;gap:14px!important;
    width:auto!important;border:0!important;margin:0 0 20px!important;padding:0!important;
    content:attr(data-service-label)!important;font-size:10px!important;letter-spacing:.14em!important;
  }
  body#sr-design.sr-service-story-177 .sa-opening-heading h2 {
    font-size:clamp(34px,3.35vw,46px)!important;line-height:1.13!important;
    letter-spacing:-.045em!important;max-width:20ch!important;
  }
  body#sr-design.sr-service-story-177 .ss-intro-lead {
    font-size:18px!important;line-height:1.8!important;color:#544e44!important;
    padding:0!important;margin:0!important;max-width:none!important;border:0!important;
  }
  body#sr-design.sr-service-story-177 .ss-intro-spread {
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:64px!important;align-items:start!important;
  }
  body#sr-design.sr-service-story-177 .sa-opening-copy {padding:0!important;}
  body#sr-design.sr-service-story-177 .sa-opening-copy p,
  body#sr-design.sr-service-story-177 .sa-opening-copy p:first-of-type {
    color:#625a4d!important;font-size:16px!important;line-height:1.85!important;
    letter-spacing:0!important;padding:0!important;border:0!important;margin:0 0 24px!important;
  }
  body#sr-design.sr-service-story-177 .sa-opening-copy p:last-child {margin-bottom:0!important;}
  body#sr-design.sr-service-story-177 .ss-photo {
    display:block!important;position:relative!important;min-width:0!important;margin:0!important;padding:0!important;
    border:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;
  }
  body#sr-design.sr-service-story-177 .ss-photo img {
    display:block!important;width:100%!important;height:auto!important;aspect-ratio:3/2!important;
    max-height:none!important;object-fit:contain!important;border-radius:6px!important;
    filter:none!important;transform:none!important;opacity:1!important;
  }
  body#sr-design.sr-service-story-177 .ss-photo figcaption {
    display:block!important;font-size:10px!important;line-height:1.5!important;letter-spacing:.025em!important;
    padding:12px 0 0 22px!important;color:#786b56!important;text-align:left!important;
  }
  body#sr-design.sr-service-story-177 .ss-photo figcaption::before {
    content:'';position:absolute;left:0;bottom:6px;width:12px;height:2px;background:#b18b12;
  }
  body#sr-design.sr-service-story-177 .main-content>.ss-scope {
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:36px 64px!important;align-items:start!important;
  }
  body#sr-design.sr-service-story-177 .ss-scope::before {display:none!important;}
  body#sr-design.sr-service-story-177 .ss-scope-header {min-width:0!important;}
  body#sr-design.sr-service-story-177 .ss-scope-header::before {
    content:attr(data-chapter)!important;display:block!important;font-size:11px!important;color:#826819!important;letter-spacing:.12em!important;
    padding-top:14px!important;margin-bottom:20px!important;width:42px!important;border-top:2px solid #f5c400!important;
  }
  body#sr-design.sr-service-story-177 .ss-scope-header h2 {
    margin:0 0 24px!important;max-width:22ch!important;font-size:clamp(29px,2.8vw,39px)!important;
    line-height:1.2!important;letter-spacing:-.035em!important;padding:0!important;border:0!important;
  }
  body#sr-design.sr-service-story-177 .ss-scope-header h2::before,
  body#sr-design.sr-service-story-177 .ss-scope-header h2::after {display:none!important;}
  body#sr-design.sr-service-story-177 .ss-scope-header p {margin:0!important;font-size:16px!important;line-height:1.75!important;}
  body#sr-design.sr-service-story-177 .ss-scope>.service-scope-list {
    grid-column:1/-1!important;margin:0!important;gap:0 48px!important;
  }
  body#sr-design.sr-service-story-177 .ss-scope .service-scope-list>li,
  body#sr-design.sr-service-story-177 .ss-scope .service-scope-list>li:has(.sa-scope-label) {
    padding:28px 0!important;border:0!important;border-top:1px solid #d8cbb3!important;
    background:none!important;border-radius:0!important;
  }
  body#sr-design.sr-service-story-177 .ss-scope .service-scope-list>li::before {
    top:30px!important;left:0!important;width:28px!important;height:28px!important;
    border:0!important;background:#eee7da!important;border-radius:4px!important;
  }
  body#sr-design.sr-service-story-177 .ss-scope .sa-scope-label {padding-left:42px!important;font-size:19px!important;margin-bottom:14px!important;}
  body#sr-design.sr-service-story-177 .ss-scope .sa-scope-description {padding-left:42px!important;font-size:15px!important;}
  body#sr-design.sr-service-story-177 .ss-scope>.sr-quality-notice {grid-column:1/-1!important;margin:0!important;}
  @media(max-width:1100px) and (min-width:801px) {
    body#sr-design.sr-service-story-177 :is(.ss-intro-header,.ss-intro-spread) {gap:36px!important;}
    body#sr-design.sr-service-story-177 .main-content>.ss-scope {column-gap:36px!important;}
    body#sr-design.sr-service-story-177 .ss-intro-lead {font-size:17px!important;}
  }
  @media(max-width:800px) {
    body#sr-design.sr-service-story-177 .main-content>.sa-opening {padding:0 0 44px!important;margin-top:30px!important;}
    body#sr-design.sr-service-story-177 .ss-intro-header {
      display:block!important;padding:0!important;margin:0 0 24px!important;border:0!important;
    }
    body#sr-design.sr-service-story-177 .sa-opening-heading::before {margin-bottom:16px!important;font-size:9px!important;}
    body#sr-design.sr-service-story-177 .sa-opening-heading h2 {font-size:clamp(29px,7.8vw,38px)!important;max-width:23ch!important;line-height:1.15!important;}
    body#sr-design.sr-service-story-177 .ss-intro-lead {font-size:16px!important;line-height:1.8!important;margin-top:22px!important;}
    body#sr-design.sr-service-story-177 .ss-intro-spread {display:flex!important;flex-direction:column!important;gap:28px!important;}
    body#sr-design.sr-service-story-177 .ss-photo {width:100%!important;}
    body#sr-design.sr-service-story-177 .ss-photo img {border-radius:5px!important;}
    body#sr-design.sr-service-story-177 .ss-photo figcaption {font-size:9px!important;padding-top:9px!important;}
    body#sr-design.sr-service-story-177 .sa-opening-copy p,
    body#sr-design.sr-service-story-177 .sa-opening-copy p:first-of-type {font-size:15px!important;line-height:1.8!important;margin-bottom:20px!important;}
    body#sr-design.sr-service-story-177 .main-content>.ss-scope {display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:26px!important;}
    body#sr-design.sr-service-story-177 .ss-scope-header h2 {font-size:29px!important;margin-bottom:18px!important;max-width:none!important;}
    body#sr-design.sr-service-story-177 .ss-scope-header p {font-size:15px!important;}
    body#sr-design.sr-service-story-177 .ss-scope>.service-scope-list {gap:0!important;}
    body#sr-design.sr-service-story-177 .ss-scope .service-scope-list>li,
    body#sr-design.sr-service-story-177 .ss-scope .service-scope-list>li:has(.sa-scope-label) {padding:24px 0!important;}
    body#sr-design.sr-service-story-177 .ss-scope .service-scope-list>li::before {top:24px!important;}
    body#sr-design.sr-service-story-177 .ss-scope .sa-scope-label {font-size:18px!important;line-height:1.5!important;margin-bottom:12px!important;}
    body#sr-design.sr-service-story-177 .ss-scope .sa-scope-description {padding-left:0!important;}
  }
}