.zopper-page .zopper-hero{background:#121212}
.zopper-page .zopper-supporting-title{position:relative;z-index:1;margin:30px 0 0;color:#f0f0f0;font-size:clamp(1.35rem,2.5vw,2.2rem);font-weight:500;letter-spacing:-.045em;line-height:1.15}
.zopper-page .zopper-hero .cemex-deck{max-width:780px;margin-top:18px}
.zopper-page .zopper-placeholder{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-width:0;min-height:clamp(230px,30vw,390px);margin:0;padding:34px;border:1px solid #493b1e;border-radius:5px;background:linear-gradient(145deg,#1d1d1d,#151515 66%,#201b10);color:#fff}
.zopper-page .zopper-placeholder:after{content:"";position:absolute;z-index:-1;inset:12px;border:1px solid #ffffff0a;border-radius:2px}
.zopper-page .zopper-placeholder .mono{position:absolute;top:22px;left:24px;max-width:calc(100% - 78px);color:#c6a24b;font-size:.56rem;line-height:1.6;letter-spacing:.06em}
.zopper-page .zopper-placeholder>b{font-size:clamp(5rem,12vw,10rem);line-height:.85;letter-spacing:-.1em;color:#ffffff12;font-weight:600}
.zopper-page .zopper-placeholder--hero{min-height:clamp(330px,45vw,620px);margin-top:50px;background:linear-gradient(130deg,#202020,#141414 62%,#241e10)}
.zopper-page .zopper-hero-visual{position:relative;z-index:1;width:100%;margin:50px 0 0;border:1px solid #393939;background:#111}
.zopper-page .zopper-hero-visual img,.zopper-page .zopper-image img{display:block;width:100%;height:auto}
.zopper-page .zopper-section{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);align-items:center;gap:5vw}
.zopper-page .zopper-section--image-first{grid-template-columns:minmax(0,6fr) minmax(0,4fr)}
.zopper-page .zopper-copy,.zopper-page .zopper-section>.zopper-placeholder,.zopper-page .zopper-image{min-width:0}
.zopper-page .zopper-image{width:100%;margin:0;border:1px solid #393939;background:#111}
.zopper-page .zopper-copy .eyebrow{margin:0 0 20px;color:#b99742;font-size:.57rem;letter-spacing:.08em}
.zopper-page .zopper-copy h2,.zopper-page .zopper-responsive-copy h2{margin:0 0 23px;color:#f4f4f4;font-size:clamp(2.5rem,5vw,5.5rem);font-weight:500;line-height:.95;letter-spacing:-.075em}
.zopper-page .zopper-copy>p:not(.eyebrow){max-width:480px;margin:0 0 17px;color:#bdbdbd;font-size:.91rem;line-height:1.7}
.zopper-page .zopper-copy>p:last-child{margin-bottom:0}
.zopper-page .zopper-note{padding-left:15px;border-left:1px solid #ffb500;color:#9e9e9e!important;font-size:.8rem!important}
.zopper-page .zopper-insight{padding:16px 0 0;border-top:1px solid #3b3b3b;color:#e0e0e0!important}
.zopper-page .zopper-findings{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:8px 0 0;padding:20px 0;border-top:1px solid #494949;border-bottom:1px solid #494949}
.zopper-page .zopper-findings>div{padding:0 24px;border-right:1px solid #3b3b3b}
.zopper-page .zopper-findings>div:first-child{padding-left:0}
.zopper-page .zopper-findings>div:last-child{border-right:0}
.zopper-page .zopper-findings dt{color:#aaa;font:.55rem var(--mono);letter-spacing:.06em;text-transform:uppercase}
.zopper-page .zopper-findings dd{margin:6px 0 0;color:#f4f4f4;font-size:clamp(2.3rem,4vw,4rem);font-weight:500;line-height:1;letter-spacing:-.07em}
.zopper-page .zopper-responsive{background:#171717}
.zopper-page .zopper-responsive-copy{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-top:42px}
.zopper-page .zopper-responsive-copy h2{max-width:560px;margin-bottom:0}
.zopper-page .zopper-responsive-copy p{max-width:400px;margin:0 0 4px;color:#bdbdbd;font-size:.9rem;line-height:1.7}
.zopper-page .zopper-responsive-image{margin-top:42px}
.zopper-page .zopper-closing{background:#121212}
@media(max-width:760px){
  .zopper-page .zopper-supporting-title{margin-top:24px}
  .zopper-page .zopper-placeholder--hero{min-height:320px;margin-top:36px}
  .zopper-page .zopper-hero-visual{margin-top:36px}
  .zopper-page .zopper-section,.zopper-page .zopper-section--image-first{grid-template-columns:1fr;gap:26px}
  .zopper-page .zopper-copy{grid-column:1;grid-row:1}
  .zopper-page .zopper-section>.zopper-placeholder{grid-column:1;grid-row:2;min-height:250px}
  .zopper-page .zopper-image{grid-column:1;grid-row:2}
  .zopper-page .zopper-findings{grid-column:1;grid-row:3}
  .zopper-page .zopper-findings>div{padding:0 12px}
  .zopper-page .zopper-findings>div:first-child{padding-left:0}
  .zopper-page .zopper-findings dt{font-size:.48rem}
  .zopper-page .zopper-responsive-copy{display:block;margin-top:30px}
  .zopper-page .zopper-responsive-copy h2{margin-bottom:18px}
  .zopper-page .zopper-responsive-copy p{font-size:.84rem}
  .zopper-page .zopper-responsive-image{margin-top:26px}
}