/* DPD art-framed intro, approved Option 2 visual language.
   Decorative raster images carry the visual art. CSS arranges the REAL WP content. */
.dpd-original-intro.dpd-art-framed{
  --dpd-paper:#f6e9cf;
  max-width:1586px;
  width:100%;
  margin:0 auto;
  padding:clamp(42px,5vw,80px) clamp(17px,5vw,76px) clamp(55px,6vw,90px);
  background-color:var(--dpd-paper)!important;
  background-image:var(--dpd-art-frame,none)!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  border:0!important;
  isolation:isolate;
  overflow:hidden;
}
.dpd-original-intro.dpd-art-framed:before{display:none!important}
.dpd-art-framed .dpd-story{position:relative;z-index:2;max-width:1010px;margin:auto;padding-inline:clamp(5px,1vw,16px)}
.dpd-art-framed .dpd-story-part{position:relative;width:100%;min-width:0;padding-block:16px 26px}
.dpd-art-framed .dpd-story-opening{max-width:930px;margin-right:auto;margin-bottom:36px}
.dpd-art-framed .dpd-story-about{max-width:900px;margin:18px auto 34px 0}
.dpd-art-framed .dpd-story-builds{max-width:900px;margin:18px 0 38px auto;padding-left:clamp(18px,4vw,72px)}
.dpd-art-framed .dpd-story-knowledge{max-width:920px;margin:18px auto 10px 0;padding-right:clamp(8px,2.2vw,42px)}
.dpd-art-framed .dpd-story-about :is(h2,h3){text-align:left!important}
.dpd-art-framed .dpd-story-builds :is(h2,h3){text-align:right!important}
.dpd-art-framed .dpd-story-knowledge :is(h2,h3){text-align:left!important}
.dpd-art-framed .dpd-story h2{
 font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif!important;
 font-size:clamp(34px,4vw,56px)!important;line-height:1.07!important;
 text-transform:uppercase;letter-spacing:.01em!important;color:#163a44!important;
 margin:15px 0 27px!important;clear:both;
}
.dpd-art-framed .dpd-story h2:after{
  content:"";display:block;margin-top:11px;width:min(360px,72%);
  height:3px;background:linear-gradient(to right,#e17645,#d5ae70 70%,transparent);
}
.dpd-art-framed .dpd-story-builds h2:after{margin-left:auto;transform:scaleX(-1)}
.dpd-art-framed .dpd-story p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(17px,1.45vw,20px);line-height:1.72!important;color:#203941!important}
.dpd-art-framed .dpd-story li{font-size:clamp(17px,1.4vw,19px)!important;line-height:1.65}
.dpd-art-framed .dpd-story ul{padding-left:29px;margin-block:24px 32px}
.dpd-art-framed .dpd-story-opening>p:first-of-type{
 font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif!important;
 font-size:clamp(28px,3.2vw,43px)!important;
 text-align:left!important;letter-spacing:.005em;line-height:1.12!important;
 color:#b54f30!important;font-weight:800!important;
 max-width:880px;margin:15px 0 23px!important
}
.dpd-art-framed .dpd-story-opening>p:nth-of-type(2){
  font:500 clamp(19px,1.8vw,24px)/1.48 Georgia,serif!important;
  text-align:left!important;
  margin:0 0 30px!important;
  max-width:900px;color:#1d4144!important
}
.dpd-art-framed .dpd-story .has-text-align-center:not(h2){text-align:left!important}
.dpd-art-framed .dpd-story .wp-block-button__link{
 background:#153d48!important;border:0!important;color:#ffe6bb!important;
 font:800 13px 'DM Sans',sans-serif!important;
 text-decoration:none!important;border-radius:0!important;
 padding:13px 25px!important;box-shadow:4px 5px 0 #d49c6e70
}
.dpd-art-framed .dpd-story .is-style-outline .wp-block-button__link{color:#153d48!important;background:transparent!important;border:2px solid #153d48!important}
.dpd-art-framed .dpd-story .wp-block-buttons{margin-block:24px 36px}
.dpd-art-framed .dpd-art-separator{
  display:flex;align-items:center;justify-content:center;
  width:100%;max-width:1050px;height:clamp(65px,10vw,145px);
  margin:28px auto 36px;
  position:relative;
}
.dpd-art-framed .dpd-art-separator img{
  display:block;max-width:100%;width:100%;height:100%;object-fit:cover;
  mix-blend-mode:multiply;
}
.dpd-art-framed .dpd-art-separator:empty:before{
  content:"";width:100%;height:2px;
  background:linear-gradient(90deg,transparent,#be704c 14%,#214953 50%,#be704c 86%,transparent);
  opacity:.6
}
.dpd-art-framed .dpd-art-separator:empty{height:56px}
.dpd-art-framed .dpd-story-part .wp-block-spacer{max-height:24px}
@media(min-width:1450px){
 .dpd-art-framed .dpd-story{max-width:1000px}
 .dpd-art-framed .dpd-story-about{transform:translateX(-25px)}
 .dpd-art-framed .dpd-story-builds{transform:translateX(28px)}
 .dpd-art-framed .dpd-story-knowledge{transform:translateX(-16px)}
}
@media(max-width:920px){
 .dpd-original-intro.dpd-art-framed{padding-inline:clamp(22px,7.8vw,85px);background-size:auto 100%!important}
 .dpd-art-framed .dpd-story{max-width:730px}
 .dpd-art-framed .dpd-story-builds{padding-left:15px}
 .dpd-art-framed .dpd-story-knowledge{padding-right:8px}
}
@media(max-width:620px){
 .dpd-original-intro.dpd-art-framed{padding:35px 24px 58px;background-image:none!important;
  border-left:8px solid #164e58!important;border-right:8px solid #d87a4e!important}
 .dpd-art-framed .dpd-story{padding:0}
 .dpd-art-framed .dpd-story-part{padding:12px 0 20px;margin:0!important;transform:none!important;max-width:none}
 .dpd-art-framed .dpd-story-builds{padding:0}
 .dpd-art-framed .dpd-story-knowledge{padding:0}
 .dpd-art-framed .dpd-story h2{text-align:left!important;font-size:clamp(32px,9vw,48px)!important}
 .dpd-art-framed .dpd-story-builds h2:after{margin-left:0;transform:none}
 .dpd-art-framed .dpd-story li{font-size:17px!important}
 .dpd-art-framed .dpd-art-separator{margin:10px auto 24px;height:90px}
}