/* =========================================================
   DrSEO R193 — hero doctor fit adjustment
   Requires R192. Keeps the R192 image and neutral colours,
   but fixes old inherited sizing that stretched/cropped it.
   ========================================================= */

.catalog-r16.drseo-site.home-page .showcase-art,
.catalog-r16.drseo-site.home-page .showcase-art-clean{
  min-height:500px!important;
  overflow:hidden!important;
  background:#f5e9dd!important;
}

/* Reset legacy absolute/inset/cover rules. Show the whole R192 art
   without stretching, zooming or cutting off the doctor. */
.catalog-r16.drseo-site.home-page .showcase-art>img,
.catalog-r16.drseo-site.home-page .showcase-art-clean>img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  border-radius:0!important;
  box-shadow:none!important;
}

@media(max-width:1100px){
  .catalog-r16.drseo-site.home-page .showcase-art,
  .catalog-r16.drseo-site.home-page .showcase-art-clean{min-height:455px!important}
}

@media(max-width:760px){
  .catalog-r16.drseo-site.home-page .showcase-art,
  .catalog-r16.drseo-site.home-page .showcase-art-clean{min-height:350px!important}
  .catalog-r16.drseo-site.home-page .showcase-art>img,
  .catalog-r16.drseo-site.home-page .showcase-art-clean>img{object-position:center bottom!important}
}

@media(max-width:430px){
  .catalog-r16.drseo-site.home-page .showcase-art,
  .catalog-r16.drseo-site.home-page .showcase-art-clean{min-height:300px!important}
}


/* =========================================================
   DrSEO R195 — remove green/mint haze everywhere on homepage
   Neutral paper/card surfaces and neutral shadows.
   Teal remains only as an intentional brand accent on text,
   icons and primary buttons.
   ========================================================= */

/* neutral page / section surfaces */
.catalog-r16.drseo-site.home-page .drseo-showcase-hero,
.catalog-r16.drseo-site.home-page .home-owner-value,
.catalog-r16.drseo-site.home-page .home-plans-spotlight,
.catalog-r16.drseo-site.home-page .directory-hub,
.catalog-r16.drseo-site.home-page .website-showcase,
.catalog-r16.drseo-site.home-page .home-audit-band,
.catalog-r16.drseo-site.home-page .home-drseo-lab,
.catalog-r16.drseo-site.home-page .seo-blog-faq{
  background:#f5efe6!important;
  background-image:none!important;
}

/* remove decorative green glows / blobs */
.catalog-r16.drseo-site.home-page .drseo-showcase-hero:before,
.catalog-r16.drseo-site.home-page .drseo-showcase-hero:after,
.catalog-r16.drseo-site.home-page .showcase-frame:before,
.catalog-r16.drseo-site.home-page .showcase-frame:after,
.catalog-r16.drseo-site.home-page .showcase-art:before,
.catalog-r16.drseo-site.home-page .showcase-art:after,
.catalog-r16.drseo-site.home-page .showcase-art-clean:before,
.catalog-r16.drseo-site.home-page .showcase-art-clean:after,
.catalog-r16.drseo-site.home-page .directory-category-card:after,
.catalog-r16.drseo-site.home-page .home-plan-card:before,
.catalog-r16.drseo-site.home-page .home-plan-card:after,
.catalog-r16.drseo-site.home-page .home-audit-form:after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}
.catalog-r16.drseo-site.home-page .isometric-seo-decor{display:none!important}

/* neutral hero/process area */
.catalog-r16.drseo-site.home-page .showcase-frame{
  background:#fffdf9!important;
  border-color:#ddd6cc!important;
  box-shadow:0 18px 42px rgba(49,43,36,.08)!important;
}
.catalog-r16.drseo-site.home-page .home-hero-process{
  background:#faf7f1!important;
  border-top-color:#e1d9ce!important;
}
.catalog-r16.drseo-site.home-page .home-hero-process li,
.catalog-r16.drseo-site.home-page .home-hero-process li:first-child{
  border-color:#ddd6cc!important;
  background:#fffdf9!important;
  box-shadow:7px 8px 0 rgba(218,210,198,.55),0 12px 24px rgba(49,43,36,.055)!important;
}
.catalog-r16.drseo-site.home-page .home-hero-process li:hover{
  box-shadow:9px 11px 0 rgba(214,205,192,.60),0 16px 28px rgba(49,43,36,.07)!important;
}
.catalog-r16.drseo-site.home-page .home-hero-process li>span{
  background:#f1ece4!important;
  border-color:#ddd6cc!important;
  box-shadow:none!important;
}

/* owner/value cards */
.catalog-r16.drseo-site.home-page .home-owner-value .wrap{
  border-color:#ddd6cc!important;
  background:#fffdf9!important;
  box-shadow:0 18px 42px rgba(49,43,36,.06)!important;
}
.catalog-r16.drseo-site.home-page .home-owner-value-grid article{
  border-color:#ddd6cc!important;
  background:#fffdf9!important;
  box-shadow:7px 8px 0 rgba(218,210,198,.55),0 14px 27px rgba(49,43,36,.05)!important;
}
.catalog-r16.drseo-site.home-page .home-owner-value-grid article:hover{
  box-shadow:9px 11px 0 rgba(214,205,192,.62),0 18px 31px rgba(49,43,36,.065)!important;
}
.catalog-r16.drseo-site.home-page .home-owner-value-grid article>span{
  background:#f1ece4!important;
  border-color:#ddd6cc!important;
  box-shadow:none!important;
}

/* pricing cards — no mint wash */
.catalog-r16.drseo-site.home-page .home-plan-card{
  background:#fffdf9!important;
  border-color:#ddd6cc!important;
  box-shadow:8px 10px 0 rgba(216,207,195,.50),0 20px 42px rgba(49,43,36,.065)!important;
}
.catalog-r16.drseo-site.home-page .home-plan-card:hover{
  box-shadow:10px 13px 0 rgba(211,201,188,.58),0 25px 50px rgba(49,43,36,.08)!important;
}
.catalog-r16.drseo-site.home-page .home-plan-card.is-premium{
  background:linear-gradient(180deg,#fffdf9 0%,#fff7e8 100%)!important;
  border-color:#d8bd7a!important;
  box-shadow:8px 10px 0 rgba(226,211,177,.48),0 22px 46px rgba(111,79,25,.09)!important;
}
.catalog-r16.drseo-site.home-page .home-plan-card.is-featured{
  background:linear-gradient(180deg,#fffdf9 0%,#f8f5ef 100%)!important;
  border-color:#cfc8bd!important;
  box-shadow:9px 11px 0 rgba(211,203,191,.56),0 23px 48px rgba(49,43,36,.08)!important;
}

/* directory search + category cards: remove the mint shadow visible in screenshot */
.catalog-r16.drseo-site.home-page .directory-inline-search{
  border-color:#d9d2c8!important;
  background:#fff!important;
  box-shadow:7px 8px 0 rgba(220,212,201,.58),0 16px 32px rgba(49,43,36,.06)!important;
}
.catalog-r16.drseo-site.home-page .directory-category-card{
  border-color:#ddd6cc!important;
  background:#fffdf9!important;
  box-shadow:7px 8px 0 rgba(220,212,201,.60),0 13px 25px rgba(49,43,36,.045)!important;
}
.catalog-r16.drseo-site.home-page .directory-category-card:hover{
  border-color:#d2c9bd!important;
  background:#fffdf9!important;
  box-shadow:9px 11px 0 rgba(215,206,194,.66),0 18px 31px rgba(49,43,36,.065)!important;
}
.catalog-r16.drseo-site.home-page .directory-category-icon{
  background:#f2ede6!important;
  border-color:#ddd6cc!important;
  box-shadow:0 5px 12px rgba(49,43,36,.05)!important;
}

/* featured website cards */
.catalog-r16.drseo-site.home-page .website-showcase-card{
  border-color:#ddd6cc!important;
  background:#fffdf9!important;
  box-shadow:7px 8px 0 rgba(220,212,201,.58),0 13px 26px rgba(49,43,36,.05)!important;
}
.catalog-r16.drseo-site.home-page .website-showcase-card:hover{
  border-color:#d2c9bd!important;
  box-shadow:9px 11px 0 rgba(215,206,194,.64),0 18px 32px rgba(49,43,36,.065)!important;
}
.catalog-r16.drseo-site.home-page .website-showcase-action{
  background:#faf7f1!important;
  border-color:#ded7cd!important;
}

/* SEO checkup section */
.catalog-r16.drseo-site.home-page .home-audit-band-inner{
  border-color:#ddd6cc!important;
  background:#fffdf9!important;
  box-shadow:9px 11px 0 rgba(217,208,196,.56),0 24px 50px rgba(49,43,36,.07)!important;
}
.catalog-r16.drseo-site.home-page .home-audit-form{
  border-color:#ddd6cc!important;
  background:#fff!important;
  box-shadow:7px 8px 0 rgba(220,212,201,.58),0 16px 32px rgba(49,43,36,.055)!important;
}

/* DrSEO lab cards */
.catalog-r16.drseo-site.home-page .drseo-lab-card{
  border-color:#ddd6cc!important;
  background:#fffdf9!important;
  box-shadow:7px 8px 0 rgba(220,212,201,.58),0 16px 32px rgba(49,43,36,.05)!important;
}
.catalog-r16.drseo-site.home-page .drseo-lab-card + .drseo-lab-card{border-left-color:#ddd6cc!important}
.catalog-r16.drseo-site.home-page .drseo-lab-scene{
  box-shadow:inset 0 0 0 1px rgba(121,108,91,.08),0 10px 22px rgba(49,43,36,.05)!important;
}

/* FAQ cards */
.catalog-r16.drseo-site.home-page .seo-blog-faq-inner{
  border-color:#ddd6cc!important;
  background:#fffdf9!important;
  box-shadow:0 20px 44px rgba(49,43,36,.055)!important;
}
.catalog-r16.drseo-site.home-page .seo-blog-faq-item,
.catalog-r16.drseo-site.home-page .seo-blog-faq-item[open]{
  border-color:#ddd6cc!important;
  background:#fff!important;
  box-shadow:5px 6px 0 rgba(220,212,201,.58),0 11px 22px rgba(49,43,36,.045)!important;
}

/* small mint chips become neutral, but teal glyph/text remains */
.catalog-r16.drseo-site.home-page .home-plan-tag,
.catalog-r16.drseo-site.home-page .home-audit-proof span,
.catalog-r16.drseo-site.home-page .home-audit-status,
.catalog-r16.drseo-site.home-page .website-showcase-badge{
  background:#f2ede6!important;
  border-color:#ddd6cc!important;
  box-shadow:none!important;
}

/* =========================================================
   DrSEO R199 — Point 1: premium homepage hero hierarchy
   Scoped to the top hero content only. The process strip and
   every following homepage section retain their existing styles.
   ========================================================= */

.catalog-r16.drseo-site.home-page .drseo-showcase-hero{
  padding:34px 0 46px!important;
}

.catalog-r16.drseo-site.home-page .drseo-showcase-hero>.wrap{
  max-width:1280px!important;
}

.catalog-r16.drseo-site.home-page .showcase-frame{
  grid-template-columns:minmax(0,1.04fr) minmax(400px,.96fr)!important;
  border-radius:30px!important;
  box-shadow:0 16px 38px rgba(49,43,36,.075)!important;
}

.catalog-r16.drseo-site.home-page .showcase-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  padding:64px 44px 56px 58px!important;
}

.catalog-r16.drseo-site.home-page .showcase-copy .section-kicker{
  margin:0 0 18px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:11px!important;
  line-height:1.35!important;
  letter-spacing:.12em!important;
}

.catalog-r16.drseo-site.home-page .showcase-copy .section-kicker:before{
  width:6px!important;
  height:6px!important;
  box-shadow:none!important;
}

.catalog-r16.drseo-site.home-page .showcase-copy h1{
  max-width:660px!important;
  margin:0!important;
  font-size:clamp(52px,4.55vw,60px)!important;
  font-weight:800!important;
  line-height:1.01!important;
  letter-spacing:-.052em!important;
  text-wrap:balance!important;
}

.catalog-r16.drseo-site.home-page .showcase-copy h1>span{
  display:block!important;
  text-shadow:none!important;
}

.catalog-r16.drseo-site.home-page .showcase-copy h1>.hero-heading-line-dark{
  color:inherit!important;
}

.catalog-r16.drseo-site.home-page .showcase-copy>p{
  max-width:540px!important;
  margin:22px 0 0!important;
  font-size:16px!important;
  line-height:1.65!important;
}

.catalog-r16.drseo-site.home-page .home-hero-owner-prompt-v165{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  width:100%!important;
  max-width:590px!important;
  margin:28px 0 0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.catalog-r16.drseo-site.home-page .home-hero-owner-prompt-v165:before{
  display:none!important;
  content:none!important;
}

.catalog-r16.drseo-site.home-page .home-hero-owner-prompt-copy{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  min-width:0!important;
  padding:0!important;
}

.catalog-r16.drseo-site.home-page .home-hero-owner-prompt-copy>span{
  font-size:10.5px!important;
  line-height:1.35!important;
  letter-spacing:.11em!important;
}

.catalog-r16.drseo-site.home-page .home-hero-owner-prompt-copy>small{
  font-size:12.5px!important;
  line-height:1.45!important;
  color:#66716d!important;
  white-space:nowrap!important;
}

.catalog-r16.drseo-site.home-page .home-hero-owner-actions{
  flex:0 0 auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

.catalog-r16.drseo-site.home-page .home-hero-owner-prompt-v165 .home-hero-submit{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:54px!important;
  padding:0 25px!important;
  border-radius:14px!important;
  background:#0b8878!important;
  box-shadow:0 8px 18px rgba(13,127,111,.16)!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}

.catalog-r16.drseo-site.home-page .home-hero-owner-prompt-v165 .home-hero-submit:hover{
  background:#087b6d!important;
  transform:translateY(-1px)!important;
  box-shadow:0 10px 22px rgba(13,127,111,.20)!important;
}

.catalog-r16.drseo-site.home-page .home-hero-owner-prompt-v165 .home-hero-submit:focus-visible{
  outline:3px solid rgba(11,136,120,.25)!important;
  outline-offset:3px!important;
}

.catalog-r16.drseo-site.home-page .showcase-art,
.catalog-r16.drseo-site.home-page .showcase-art-clean{
  min-height:500px!important;
  border-left:1px solid #eee5da!important;
}

.catalog-r16.drseo-site.home-page .showcase-art>img,
.catalog-r16.drseo-site.home-page .showcase-art-clean>img{
  left:4%!important;
  width:92%!important;
  object-position:center bottom!important;
}

@media(max-width:1100px){
  .catalog-r16.drseo-site.home-page .showcase-frame{
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-copy{
    padding:52px 34px 48px 44px!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-copy h1{
    font-size:clamp(48px,5vw,58px)!important;
  }
  .catalog-r16.drseo-site.home-page .home-hero-owner-prompt-v165{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:14px!important;
  }
}

@media(max-width:860px){
  .catalog-r16.drseo-site.home-page .drseo-showcase-hero{
    padding:24px 0 36px!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-frame{
    grid-template-columns:1fr!important;
    border-radius:26px!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-copy{
    padding:48px 44px 40px!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-copy h1{
    max-width:640px!important;
    font-size:clamp(48px,7.2vw,60px)!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-copy>p{
    margin-top:20px!important;
  }
  .catalog-r16.drseo-site.home-page .home-hero-owner-prompt-v165{
    flex-direction:row!important;
    align-items:center!important;
    margin-top:26px!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-art,
  .catalog-r16.drseo-site.home-page .showcase-art-clean{
    min-height:410px!important;
    border-top:1px solid #eee5da!important;
    border-left:0!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-art>img,
  .catalog-r16.drseo-site.home-page .showcase-art-clean>img{
    left:8%!important;
    width:84%!important;
  }
}

@media(max-width:560px){
  .catalog-r16.drseo-site.home-page .drseo-showcase-hero{
    padding:16px 0 28px!important;
  }
  .catalog-r16.drseo-site.home-page .drseo-showcase-hero>.wrap{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-frame{
    border-radius:22px!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-copy{
    padding:36px 24px 32px!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-copy .section-kicker{
    margin-bottom:15px!important;
    font-size:9.5px!important;
    letter-spacing:.09em!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-copy h1{
    max-width:100%!important;
    font-size:clamp(38px,11.2vw,48px)!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
    text-wrap:pretty!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-copy h1>.hero-heading-line{
    display:inline!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-copy>p{
    max-width:100%!important;
    margin-top:18px!important;
    font-size:14.5px!important;
    line-height:1.58!important;
  }
  .catalog-r16.drseo-site.home-page .home-hero-owner-prompt-v165{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:15px!important;
    margin-top:24px!important;
  }
  .catalog-r16.drseo-site.home-page .home-hero-owner-prompt-copy{
    align-items:center!important;
    text-align:center!important;
  }
  .catalog-r16.drseo-site.home-page .home-hero-owner-prompt-copy>small{
    white-space:normal!important;
  }
  .catalog-r16.drseo-site.home-page .home-hero-owner-actions,
  .catalog-r16.drseo-site.home-page .home-hero-owner-prompt-v165 .home-hero-submit{
    width:100%!important;
  }
  .catalog-r16.drseo-site.home-page .home-hero-owner-prompt-v165 .home-hero-submit{
    min-height:54px!important;
    padding:0 18px!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-art,
  .catalog-r16.drseo-site.home-page .showcase-art-clean{
    min-height:320px!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-art>img,
  .catalog-r16.drseo-site.home-page .showcase-art-clean>img{
    left:5%!important;
    width:90%!important;
  }
}

@media(max-width:350px){
  .catalog-r16.drseo-site.home-page .drseo-showcase-hero>.wrap{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-copy{
    padding:32px 19px 28px!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-copy h1{
    font-size:36px!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-copy>p{
    font-size:14px!important;
  }
  .catalog-r16.drseo-site.home-page .home-hero-owner-prompt-v165 .home-hero-submit{
    font-size:13.5px!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-art,
  .catalog-r16.drseo-site.home-page .showcase-art-clean{
    min-height:286px!important;
  }
}

/* =========================================================
   DrSEO R204 — hero artwork vertical alignment
   Moves the complete mascot composition upward inside the right
   hero panel while keeping the artwork fully contained.
   ========================================================= */
.catalog-r16.drseo-site.home-page .showcase-art>img,
.catalog-r16.drseo-site.home-page .showcase-art-clean>img{
  object-position:center 42%!important;
}

@media(max-width:1100px){
  .catalog-r16.drseo-site.home-page .showcase-art>img,
  .catalog-r16.drseo-site.home-page .showcase-art-clean>img{
    object-position:center 38%!important;
  }
}

@media(max-width:760px){
  .catalog-r16.drseo-site.home-page .showcase-art>img,
  .catalog-r16.drseo-site.home-page .showcase-art-clean>img{
    object-position:center 35%!important;
  }
}

/* =========================================================
   DrSEO R205 — hero illustration matched to approved mockup
   Uses the fuller professor composition from the approved visual:
   larger character, richer SEO dashboard cards, artwork aligned high.
   ========================================================= */
.catalog-r16.drseo-site.home-page .showcase-art,
.catalog-r16.drseo-site.home-page .showcase-art-clean{
  background:#f6ebe0!important;
}
.catalog-r16.drseo-site.home-page .showcase-art>img,
.catalog-r16.drseo-site.home-page .showcase-art-clean>img{
  inset:0!important;
  left:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
}
@media(max-width:860px){
  .catalog-r16.drseo-site.home-page .showcase-art>img,
  .catalog-r16.drseo-site.home-page .showcase-art-clean>img{
    left:0!important;
    width:100%!important;
    object-position:center top!important;
  }
}
@media(max-width:560px){
  .catalog-r16.drseo-site.home-page .showcase-art>img,
  .catalog-r16.drseo-site.home-page .showcase-art-clean>img{
    left:0!important;
    width:100%!important;
    object-position:center top!important;
  }
}

/* =========================================================
   DrSEO R207 — keep the complete hero dashboard visible
   R206 looked right, but object-fit: cover cropped the outer
   SEO cards on narrower desktop hero columns. Keep the same
   composition and alignment while showing the full artwork.
   ========================================================= */
.catalog-r16.drseo-site.home-page .showcase-art>img,
.catalog-r16.drseo-site.home-page .showcase-art-clean>img{
  inset:0!important;
  left:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center top!important;
  transform:none!important;
}

@media(max-width:860px){
  .catalog-r16.drseo-site.home-page .showcase-art>img,
  .catalog-r16.drseo-site.home-page .showcase-art-clean>img{
    object-fit:contain!important;
    object-position:center top!important;
    transform:none!important;
  }
}

/* =========================================================
   DrSEO R208 — remove stray light strip on hero artwork edge
   The exported R206 artwork contains a narrow light artefact on
   its extreme left edge. Hide only that ~1% strip; keep the
   complete dashboard composition and R207 no-crop behaviour.
   ========================================================= */
.catalog-r16.drseo-site.home-page .showcase-art,
.catalog-r16.drseo-site.home-page .showcase-art-clean{
  background:#f6ebe3!important;
}
.catalog-r16.drseo-site.home-page .showcase-art>img,
.catalog-r16.drseo-site.home-page .showcase-art-clean>img{
  clip-path:inset(0 0 0 1.05%)!important;
}


/* =========================================================
   DrSEO R209 — remove bottom export padding from hero artwork
   The R206 image included a large empty beige strip below the
   professor. R209 uses a physically cropped asset, so the art
   can fill the desktop panel without cutting the dashboard cards.
   ========================================================= */
.catalog-r16.drseo-site.home-page .showcase-art>img,
.catalog-r16.drseo-site.home-page .showcase-art-clean>img{
  clip-path:none!important;
  object-fit:cover!important;
  object-position:center top!important;
}

/* On narrower layouts preserve the complete illustration. */
@media(max-width:860px){
  .catalog-r16.drseo-site.home-page .showcase-art>img,
  .catalog-r16.drseo-site.home-page .showcase-art-clean>img{
    object-fit:contain!important;
    object-position:center top!important;
  }
}

/* =========================================================
   DrSEO R210 — desktop hero: full dashboard, no crop, no gap
   Keep every dashboard card visible without reintroducing the
   empty strip below the artwork. The desktop grid gives the art
   a slightly wider column and the image fills that column without
   clipping its left/right edges.
   ========================================================= */
@media(min-width:861px){
  .catalog-r16.drseo-site.home-page .showcase-frame{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-art>img,
  .catalog-r16.drseo-site.home-page .showcase-art-clean>img{
    inset:0!important;
    left:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:fill!important;
    object-position:center top!important;
    transform:none!important;
    clip-path:none!important;
  }
}

/* Stacked/tablet/mobile layouts keep the entire illustration. */
@media(max-width:860px){
  .catalog-r16.drseo-site.home-page .showcase-art>img,
  .catalog-r16.drseo-site.home-page .showcase-art-clean>img{
    object-fit:contain!important;
    object-position:center top!important;
  }
}

/* =========================================================
   DrSEO R211 — balanced desktop hero, natural artwork ratio
   R210 made the full illustration visible with object-fit:fill,
   which distorted the professor and dashboard cards. R211 keeps
   the complete artwork at its natural proportions and tightens
   the left copy so both columns finish at almost the same height.
   ========================================================= */
@media(min-width:861px){
  .catalog-r16.drseo-site.home-page .showcase-frame{
    grid-template-columns:minmax(0,1.01fr) minmax(0,.99fr)!important;
    align-items:stretch!important;
  }

  .catalog-r16.drseo-site.home-page .showcase-copy{
    justify-content:center!important;
    padding:46px 42px 42px 52px!important;
  }

  .catalog-r16.drseo-site.home-page .showcase-copy .section-kicker{
    margin-bottom:14px!important;
  }

  .catalog-r16.drseo-site.home-page .showcase-copy h1{
    max-width:610px!important;
    font-size:clamp(48px,4.15vw,56px)!important;
    line-height:1.015!important;
    letter-spacing:-.047em!important;
  }

  .catalog-r16.drseo-site.home-page .showcase-copy>p{
    max-width:545px!important;
    margin-top:18px!important;
    font-size:15.5px!important;
    line-height:1.55!important;
  }

  .catalog-r16.drseo-site.home-page .showcase-copy>.home-hero-proofline{
    margin-top:18px!important;
    line-height:1.45!important;
  }

  .catalog-r16.drseo-site.home-page .home-hero-owner-prompt-v165{
    max-width:570px!important;
    margin-top:22px!important;
    gap:18px!important;
  }

  .catalog-r16.drseo-site.home-page .showcase-art,
  .catalog-r16.drseo-site.home-page .showcase-art-clean{
    min-height:0!important;
    background:#f6ebe3!important;
  }

  .catalog-r16.drseo-site.home-page .showcase-art>img,
  .catalog-r16.drseo-site.home-page .showcase-art-clean>img{
    inset:0!important;
    left:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    transform:none!important;
    clip-path:none!important;
  }
}

/* Keep the mid-size desktop/tablet transition compact too. */
@media(min-width:861px) and (max-width:1100px){
  .catalog-r16.drseo-site.home-page .showcase-frame{
    grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-copy{
    padding:40px 30px 38px 38px!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-copy h1{
    font-size:clamp(44px,4.9vw,52px)!important;
  }
  .catalog-r16.drseo-site.home-page .showcase-copy>p{
    font-size:15px!important;
    line-height:1.52!important;
  }
  .catalog-r16.drseo-site.home-page .home-hero-owner-prompt-v165{
    margin-top:18px!important;
  }
}