/* V38: restore crisp, editable hero text while preserving approved picture compositions. */
@media (min-width:1121px){
 .em35-reference-hero .em35-desktop-art{overflow:hidden!important;}
 .em35-reference-hero .em35-desktop-art>img{width:100%!important;height:auto!important;image-rendering:auto!important;}
 .em38-art-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:absolute!important;inset:0 auto 0 0!important;z-index:7!important;padding-top:1.65%!important;padding-left:5.25%!important;background:linear-gradient(90deg,#080a0b 0%,#090b0c 72%,rgba(8,10,11,.98) 85%,transparent 100%)!important;width:29%!important;max-width:none!important;transform:none!important;filter:none!important;isolation:isolate!important;color:#f5f0e9!important;text-shadow:none!important;}
 .em38-work-copy{width:30.4%!important;clip-path:polygon(0 0,100% 0,80% 100%,0 100%)!important;background:linear-gradient(90deg,#0a0b0b 0%,#090b0b 74%,#0a0b0b 100%)!important;}
 .em38-portfolio-copy{width:27%!important;clip-path:none!important;}
 .em38-art-copy .em38-eyebrow{font:700 clamp(8px,.62vw,13px)/1.35 Arial,Helvetica,sans-serif!important;letter-spacing:.15em!important;color:#e2b877!important;white-space:nowrap!important;margin:0 0 clamp(17px,1.4vw,30px)!important;text-transform:uppercase!important;}
 .em38-art-copy .em38-eyebrow b{margin:0 .6em;color:#bdad91;font-weight:400}
 .em38-art-copy h1,.em38-art-copy h2{font:400 clamp(27px,3.06vw,65px)/.98 Georgia,'Times New Roman',serif!important;letter-spacing:-.038em!important;text-transform:none!important;margin:0!important;color:#f6f0e7!important;white-space:nowrap!important;}
 .em38-art-copy h1 em,.em38-art-copy h2 em{display:inline-block;font-style:italic!important;font-weight:400!important;color:#d9a76f!important;}
 .em38-art-copy p{font:400 clamp(8px,.84vw,17px)/1.5 Arial,Helvetica,sans-serif!important;color:#e0d7c8!important;margin:clamp(12px,.9vw,19px) 0 clamp(10px,.9vw,19px)!important;max-width:100%!important;}
 .em38-art-copy a.em38-cta{border:1px solid #d6a264!important;background:rgba(5,7,7,.4)!important;display:inline-flex!important;align-items:center!important;gap:clamp(7px,1vw,20px)!important;color:#f1c18a!important;font:700 clamp(8px,.67vw,14px)/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:.06em!important;text-decoration:none!important;padding:clamp(5px,.62vw,13px) clamp(9px,1.1vw,22px)!important;min-height:0!important;white-space:nowrap!important;transition:background .2s ease!important;}
 .em38-art-copy a.em38-cta:hover{background:#2a2117!important;}
 .em38-cta svg{width:clamp(10px,.9vw,18px)!important;height:clamp(10px,.9vw,18px)!important;display:block!important;flex:none!important;}
 .em38-portfolio-copy{padding-top:1.65%!important;}
 .em38-portfolio-copy .em38-eyebrow{margin-bottom:1.4vw!important}
 .em38-work-topics{position:absolute!important;z-index:8!important;left:41.5%!important;right:0!important;bottom:0!important;height:25%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;background:linear-gradient(180deg,rgba(8,9,9,.45),#090b0b 70%)!important;align-items:center!important;}
 .em38-work-topics a{color:#f5ead8!important;text-decoration:none!important;display:flex!important;gap:clamp(5px,.9vw,18px)!important;align-items:center!important;justify-content:center!important;font:700 clamp(8px,.82vw,17px)/1.25 Arial,Helvetica,sans-serif!important;letter-spacing:.02em!important;white-space:normal!important;text-align:center!important;padding:8px 9px!important;min-width:0!important;}
 .em38-work-topics a:not(:last-child){border-right:1px solid #97734a!important;}
 .em38-work-topics a:hover,.em38-work-topics a:focus-visible{background:rgba(184,120,43,.16)!important;}
 .em38-work-topics a svg{height:clamp(16px,1.8vw,37px)!important;width:clamp(16px,1.8vw,37px)!important;flex:none!important;color:#dda864!important;}
 .em38-work-topics a span{overflow-wrap:normal!important;}
}
@media (max-width:1120px){.em38-art-copy,.em38-work-topics{display:none!important;}}
@media (min-width:1121px) and (max-width:1550px){
 .em38-art-copy{padding-top:1.7%!important;}
 .em38-art-copy .em38-eyebrow{margin-bottom:1.12vw!important;}
 .em38-art-copy p{margin-top:.55vw!important;margin-bottom:.55vw!important;}
 .em38-art-copy a.em38-cta{padding:.42vw .75vw!important;}
}

/* V38.1 QA refinements: the inner-page nav is fixed at 95/77px. Do not hide hero intro beneath it. */
.portfolio-hero.em35-reference-hero{margin-top:95px!important;}
@media(max-width:1100px){.portfolio-hero.em35-reference-hero{margin-top:77px!important;}}
@media(min-width:1121px){
  /* Follow precisely the matte side of the reference diagonal; cover blurry baked-in words. */
  .em38-work-copy{width:38%!important;clip-path:polygon(0 0,100% 0,69% 100%,0 100%)!important;background:#090b0b!important;}
  .em38-work-copy .em38-eyebrow{margin-bottom:.60vw!important;}
  .em38-work-copy p{max-width:435px!important;font-size:clamp(9px,.78vw,16px)!important;line-height:1.42!important;margin-top:.65vw!important;margin-bottom:.64vw!important;}
  .em38-work-copy a.em38-cta{padding:.55vw .9vw!important;}
  /* Draw a true opaque black footer: old bitmap labels cannot ghost through. */
  .em38-work-topics{background:#090c0d!important;border-top:1px solid rgba(210,158,87,.22)!important;}
  .em38-work-topics a{font-size:clamp(8px,.74vw,16px)!important;}
  .em38-portfolio-copy{background:linear-gradient(90deg,#080a0b 0%,#080a0b 78%,rgba(8,10,11,.97) 90%,transparent)!important;}
}