.webdesign-slide{position:relative;isolation:isolate;overflow:hidden;background:#073e40;color:#fff1d2;display:grid;grid-template-columns:44% 56%;align-items:center;padding:4vh 5%;gap:0}
.webdesign-slide:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.07;background-image:radial-gradient(#fff1d2 .7px,transparent .9px);background-size:5px 5px;pointer-events:none}
.webdesign-slide-copy{position:relative;z-index:1}
.webdesign-slide h2{font:400 italic clamp(36px,min(5.2vw,8.4dvh),100px)/1.08 Anton,Impact,sans-serif;letter-spacing:.01em;margin:0 0 3vh}
.webdesign-slide h2 span{color:#ffd000;text-shadow:3px 3px #f20b60}
.webdesign-benefits{list-style:none;padding:0;margin:0 0 3vh;font-size:clamp(13px,1.25vw,20px);line-height:1.5}
.webdesign-benefits li{margin:.65em 0;display:flex;align-items:center;gap:12px}.webdesign-benefits li>span{color:#ffd000;font-size:1.5em;width:1em;text-align:center}
.webdesign-slide-art{display:block;width:112%;max-width:none;height:85dvh;object-fit:contain;margin-left:-8%;pointer-events:none}
.webdesign-slide .button{background:transparent;color:#fff1d2;border-color:#ffd000;box-shadow:none}
.webdesign-slide .button:hover{background:#ffd000;color:#073e40}
@media(max-width:700px){.webdesign-slide{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);padding:3dvh 6%;text-align:center;gap:1dvh}.webdesign-slide h2{font-size:clamp(24px,min(8vw,5.2dvh),46px);margin-bottom:1.5dvh}.webdesign-slide h2 br:nth-child(odd){display:none}.webdesign-slide h2 span{display:block}.webdesign-benefits{font-size:12px;margin:0 auto 1.5dvh;display:table;text-align:left}.webdesign-benefits li{margin:.2em 0}.webdesign-slide .button{padding:10px 15px}.webdesign-slide-art{width:100%;height:100%;min-height:0;margin:0;object-fit:contain}}

/* Keep the copy and mirror together instead of stretching to the viewport edges. */
@media(min-width:701px){
 .webdesign-slide{grid-template-columns:minmax(0,420px) minmax(0,720px);justify-content:center;column-gap:clamp(24px,3vw,52px);padding:4dvh 5%}
 .webdesign-slide-copy{justify-self:end;width:max-content;max-width:100%}
 .webdesign-slide-art{width:100%;height:84dvh;margin:0;object-position:left center}
 .webdesign-slide h2{font-size:clamp(38px,min(5vw,8.4dvh),86px)}
}