/* Scott Blocks – What We Do. Shared CSS for both the frontend and editor preview. */
.sbwd-what-we-do {
 --sbwd-layout:var(--sbwd-d-layout);
 --sbwd-image-share:var(--sbwd-d-image-share);
 --sbwd-image-height:var(--sbwd-d-image-height);
 --sbwd-min-height:var(--sbwd-d-min-height);
 --sbwd-image-fit:var(--sbwd-d-image-fit);
 --sbwd-image-position:var(--sbwd-d-image-position);
 --sbwd-copy-padding-top:var(--sbwd-d-copy-padding-top);
 --sbwd-copy-padding-bottom:var(--sbwd-d-copy-padding-bottom);
 --sbwd-copy-padding-left:var(--sbwd-d-copy-padding-left);
 --sbwd-copy-padding-right:var(--sbwd-d-copy-padding-right);
 --sbwd-content-max-width:var(--sbwd-d-content-max-width);
 --sbwd-text-align:var(--sbwd-d-text-align);
 --sbwd-heading-font:var(--sbwd-d-heading-font);
 --sbwd-body-font:var(--sbwd-d-body-font);
 --sbwd-list-font:var(--sbwd-d-list-font);
 --sbwd-heading-size:var(--sbwd-d-heading-size);
 --sbwd-heading-weight:var(--sbwd-d-heading-weight);
 --sbwd-heading-line:var(--sbwd-d-heading-line);
 --sbwd-heading-gap:var(--sbwd-d-heading-gap);
 --sbwd-body-size:var(--sbwd-d-body-size);
 --sbwd-body-line:var(--sbwd-d-body-line);
 --sbwd-body-gap:var(--sbwd-d-body-gap);
 --sbwd-list-size:var(--sbwd-d-list-size);
 --sbwd-list-line:var(--sbwd-d-list-line);
 --sbwd-list-gap:var(--sbwd-d-list-gap);
 --sbwd-tick-size:var(--sbwd-d-tick-size);
 --sbwd-tick-glyph-size:var(--sbwd-d-tick-glyph-size);
 --sbwd-tick-gap:var(--sbwd-d-tick-gap);
 --sbwd-heading-color:var(--sbwd-d-heading-color);
 --sbwd-text-color:var(--sbwd-d-text-color);
 --sbwd-tick-color:var(--sbwd-d-tick-color);
 --sbwd-tick-mark-color:var(--sbwd-d-tick-mark-color);
 --sbwd-background-color:var(--sbwd-d-background-color);
}
.sbwd-what-we-do,.editor-styles-wrapper .sbwd-what-we-do {
 display:block;box-sizing:border-box;width:100%!important;max-width:100%!important;margin:0;padding:0;
 background:var(--sbwd-background-color);color:var(--sbwd-text-color);position:relative;isolation:isolate;
}
.sbwd-what-we-do *,.sbwd-what-we-do *::before,.sbwd-what-we-do *::after {box-sizing:border-box;}
.sbwd-what-we-do .sbwd-layout {width:100%;min-width:0;min-height:var(--sbwd-min-height);display:flex;flex-direction:row;}
.sbwd-what-we-do.sbwd-d-right .sbwd-layout {flex-direction:row-reverse;}
.sbwd-what-we-do.sbwd-d-top .sbwd-layout {flex-direction:column;}
.sbwd-what-we-do.sbwd-d-bottom .sbwd-layout {flex-direction:column-reverse;}
.sbwd-what-we-do .sbwd-photo {position:relative;flex:0 0 var(--sbwd-image-share);min-width:0;min-height:var(--sbwd-image-height);align-self:stretch;overflow:hidden;}
.sbwd-what-we-do .sbwd-photo picture {display:block;position:absolute;inset:0;width:100%;height:100%;}
.sbwd-what-we-do .sbwd-photo img {display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:var(--sbwd-image-fit);object-position:var(--sbwd-image-position);border:0;border-radius:0;}
.sbwd-what-we-do .sbwd-content {flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;
 /* The parent Simple Section already limits the available width. Use only
    the user-controlled padding: viewport-based gutters made the front-end
    text column much narrower than the editor preview. */
 padding:var(--sbwd-copy-padding-top) var(--sbwd-copy-padding-right)
 var(--sbwd-copy-padding-bottom) var(--sbwd-copy-padding-left);text-align:var(--sbwd-text-align);
}
/* Reversing the columns must not add any viewport-dependent inner padding. */
.sbwd-what-we-do.sbwd-d-right .sbwd-content {padding-left:var(--sbwd-copy-padding-left);padding-right:var(--sbwd-copy-padding-right);}
.sbwd-what-we-do .sbwd-copy {min-width:0;width:100%;max-width:var(--sbwd-content-max-width);}
.sbwd-what-we-do .sbwd-content[style] {min-width:0;}
.sbwd-what-we-do .sbwd-heading {font-family:var(--sbwd-heading-font)!important;font-size:var(--sbwd-heading-size)!important;font-weight:var(--sbwd-heading-weight)!important;line-height:var(--sbwd-heading-line)!important;
 color:var(--sbwd-heading-color)!important;letter-spacing:var(--heading-letter-spacing,normal)!important;margin:0 0 var(--sbwd-heading-gap)!important;padding:0!important;text-transform:none!important;border:0!important;}
.sbwd-what-we-do .sbwd-intro {font-family:var(--sbwd-body-font)!important;font-size:var(--sbwd-body-size)!important;font-weight:400!important;line-height:var(--sbwd-body-line)!important;color:var(--sbwd-text-color)!important;letter-spacing:var(--body-letter-spacing,normal)!important;margin:0 0 var(--sbwd-body-gap)!important;}
.sbwd-what-we-do .sbwd-intro p {font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;color:inherit!important;margin:0 0 .7em!important;padding:0!important;text-transform:none!important;}
.sbwd-what-we-do .sbwd-intro p:last-child{margin-bottom:0!important;}
.sbwd-what-we-do .sbwd-list {display:flex;flex-direction:column;gap:var(--sbwd-list-gap);list-style:none!important;margin:0!important;padding:0!important;max-width:100%;}
.sbwd-what-we-do .sbwd-list li {display:flex;align-items:flex-start;gap:var(--sbwd-tick-gap);list-style:none!important;margin:0!important;padding:0!important;background:none!important;
 color:var(--sbwd-text-color)!important;font-family:var(--sbwd-list-font)!important;font-size:var(--sbwd-list-size)!important;font-weight:400!important;line-height:var(--sbwd-list-line)!important;text-transform:none!important;letter-spacing:var(--body-letter-spacing,normal)!important;}
.sbwd-what-we-do .sbwd-list li::before,.sbwd-what-we-do .sbwd-list li::marker{content:none!important;}
.sbwd-what-we-do .sbwd-check {display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--sbwd-tick-size);height:var(--sbwd-tick-size);border-radius:50%;
 font-family:Arial,sans-serif!important;font-size:var(--sbwd-tick-glyph-size)!important;font-weight:700!important;line-height:1!important;background:var(--sbwd-tick-color);color:var(--sbwd-tick-mark-color)!important;margin:0!important;padding:0!important;}
.sbwd-what-we-do .sbwd-list-text {min-width:0;flex:1;}
.sbwd-what-we-do.sbwd-d-top .sbwd-photo,.sbwd-what-we-do.sbwd-d-bottom .sbwd-photo {flex:0 0 auto;width:100%;height:var(--sbwd-image-height);min-height:0;}
.sbwd-what-we-do.sbwd-d-top .sbwd-content,.sbwd-what-we-do.sbwd-d-bottom .sbwd-content {width:100%;padding-right:var(--sbwd-copy-padding-right);padding-left:var(--sbwd-copy-padding-left);}

@media(max-width:782px){
 .sbwd-what-we-do{
  --sbwd-layout:var(--sbwd-t-layout);
  --sbwd-image-share:var(--sbwd-t-image-share);
  --sbwd-image-height:var(--sbwd-t-image-height);
  --sbwd-min-height:var(--sbwd-t-min-height);
  --sbwd-image-fit:var(--sbwd-t-image-fit);
  --sbwd-image-position:var(--sbwd-t-image-position);
  --sbwd-copy-padding-top:var(--sbwd-t-copy-padding-top);
  --sbwd-copy-padding-bottom:var(--sbwd-t-copy-padding-bottom);
  --sbwd-copy-padding-left:var(--sbwd-t-copy-padding-left);
  --sbwd-copy-padding-right:var(--sbwd-t-copy-padding-right);
  --sbwd-content-max-width:var(--sbwd-t-content-max-width);
  --sbwd-text-align:var(--sbwd-t-text-align);
  --sbwd-heading-font:var(--sbwd-t-heading-font);
  --sbwd-body-font:var(--sbwd-t-body-font);
  --sbwd-list-font:var(--sbwd-t-list-font);
  --sbwd-heading-size:var(--sbwd-t-heading-size);
  --sbwd-heading-weight:var(--sbwd-t-heading-weight);
  --sbwd-heading-line:var(--sbwd-t-heading-line);
  --sbwd-heading-gap:var(--sbwd-t-heading-gap);
  --sbwd-body-size:var(--sbwd-t-body-size);
  --sbwd-body-line:var(--sbwd-t-body-line);
  --sbwd-body-gap:var(--sbwd-t-body-gap);
  --sbwd-list-size:var(--sbwd-t-list-size);
  --sbwd-list-line:var(--sbwd-t-list-line);
  --sbwd-list-gap:var(--sbwd-t-list-gap);
  --sbwd-tick-size:var(--sbwd-t-tick-size);
  --sbwd-tick-glyph-size:var(--sbwd-t-tick-glyph-size);
  --sbwd-tick-gap:var(--sbwd-t-tick-gap);
  --sbwd-heading-color:var(--sbwd-t-heading-color);
  --sbwd-text-color:var(--sbwd-t-text-color);
  --sbwd-tick-color:var(--sbwd-t-tick-color);
  --sbwd-tick-mark-color:var(--sbwd-t-tick-mark-color);
  --sbwd-background-color:var(--sbwd-t-background-color);
 }
 .sbwd-what-we-do.sbwd-t-left .sbwd-layout{flex-direction:row;}
 .sbwd-what-we-do.sbwd-t-right .sbwd-layout{flex-direction:row-reverse;}
 .sbwd-what-we-do.sbwd-t-top .sbwd-layout{flex-direction:column;}
 .sbwd-what-we-do.sbwd-t-bottom .sbwd-layout{flex-direction:column-reverse;}
 .sbwd-what-we-do.sbwd-t-top .sbwd-photo,
 .sbwd-what-we-do.sbwd-t-bottom .sbwd-photo{flex:0 0 auto;width:100%;min-height:0;height:var(--sbwd-image-height);}
 .sbwd-what-we-do.sbwd-t-left .sbwd-photo,
 .sbwd-what-we-do.sbwd-t-right .sbwd-photo{flex:0 0 var(--sbwd-image-share);height:auto;min-height:var(--sbwd-image-height);}
 .sbwd-what-we-do.sbwd-t-top .sbwd-content,
 .sbwd-what-we-do.sbwd-t-bottom .sbwd-content{width:100%;padding-right:var(--sbwd-copy-padding-right);padding-left:var(--sbwd-copy-padding-left);}
 }

@media(max-width:480px){
 .sbwd-what-we-do{
  --sbwd-layout:var(--sbwd-m-layout);
  --sbwd-image-share:var(--sbwd-m-image-share);
  --sbwd-image-height:var(--sbwd-m-image-height);
  --sbwd-min-height:var(--sbwd-m-min-height);
  --sbwd-image-fit:var(--sbwd-m-image-fit);
  --sbwd-image-position:var(--sbwd-m-image-position);
  --sbwd-copy-padding-top:var(--sbwd-m-copy-padding-top);
  --sbwd-copy-padding-bottom:var(--sbwd-m-copy-padding-bottom);
  --sbwd-copy-padding-left:var(--sbwd-m-copy-padding-left);
  --sbwd-copy-padding-right:var(--sbwd-m-copy-padding-right);
  --sbwd-content-max-width:var(--sbwd-m-content-max-width);
  --sbwd-text-align:var(--sbwd-m-text-align);
  --sbwd-heading-font:var(--sbwd-m-heading-font);
  --sbwd-body-font:var(--sbwd-m-body-font);
  --sbwd-list-font:var(--sbwd-m-list-font);
  --sbwd-heading-size:var(--sbwd-m-heading-size);
  --sbwd-heading-weight:var(--sbwd-m-heading-weight);
  --sbwd-heading-line:var(--sbwd-m-heading-line);
  --sbwd-heading-gap:var(--sbwd-m-heading-gap);
  --sbwd-body-size:var(--sbwd-m-body-size);
  --sbwd-body-line:var(--sbwd-m-body-line);
  --sbwd-body-gap:var(--sbwd-m-body-gap);
  --sbwd-list-size:var(--sbwd-m-list-size);
  --sbwd-list-line:var(--sbwd-m-list-line);
  --sbwd-list-gap:var(--sbwd-m-list-gap);
  --sbwd-tick-size:var(--sbwd-m-tick-size);
  --sbwd-tick-glyph-size:var(--sbwd-m-tick-glyph-size);
  --sbwd-tick-gap:var(--sbwd-m-tick-gap);
  --sbwd-heading-color:var(--sbwd-m-heading-color);
  --sbwd-text-color:var(--sbwd-m-text-color);
  --sbwd-tick-color:var(--sbwd-m-tick-color);
  --sbwd-tick-mark-color:var(--sbwd-m-tick-mark-color);
  --sbwd-background-color:var(--sbwd-m-background-color);
 }
 .sbwd-what-we-do.sbwd-m-left .sbwd-layout{flex-direction:row;}
 .sbwd-what-we-do.sbwd-m-right .sbwd-layout{flex-direction:row-reverse;}
 .sbwd-what-we-do.sbwd-m-top .sbwd-layout{flex-direction:column;}
 .sbwd-what-we-do.sbwd-m-bottom .sbwd-layout{flex-direction:column-reverse;}
 .sbwd-what-we-do.sbwd-m-top .sbwd-photo,
 .sbwd-what-we-do.sbwd-m-bottom .sbwd-photo{flex:0 0 auto;width:100%;min-height:0;height:var(--sbwd-image-height);}
 .sbwd-what-we-do.sbwd-m-left .sbwd-photo,
 .sbwd-what-we-do.sbwd-m-right .sbwd-photo{flex:0 0 var(--sbwd-image-share);height:auto;min-height:var(--sbwd-image-height);}
 .sbwd-what-we-do.sbwd-m-top .sbwd-content,
 .sbwd-what-we-do.sbwd-m-bottom .sbwd-content{width:100%;padding-right:var(--sbwd-copy-padding-right);padding-left:var(--sbwd-copy-padding-left);}
 }

@media(max-width:782px){
 .sbwd-what-we-do .sbwd-content {padding-right:var(--sbwd-copy-padding-right)!important;padding-left:var(--sbwd-copy-padding-left)!important;}
}
@media(prefers-reduced-motion:reduce){.sbwd-what-we-do *{scroll-behavior:auto!important;}}
