#main .mje-campaign{--ink:#0e2b3a;--teal:#176e71;position:relative;width:min(calc(100% - 48px),1224px);margin:22px auto 26px;color:var(--ink);isolation:isolate}
#main .mje-campaign [hidden]{display:none!important}
#main .mje-slide{--surface:#f5f8f7;--wash:#dbece8;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;min-height:410px;background:var(--surface);margin:0;overflow:hidden}
#main .mje-iphone{--surface:#fbf6f1;--wash:#f3dbc4}
#main .mje-coffee{--surface:#f7f5f2;--wash:#e7dbcc}
#main .mje-sound{--surface:#f3f5f8;--wash:#dbe1ed}
#main .mje-home{--surface:#f3f7f5;--wash:#dfeae2}
#main .mje-ipad{--surface:#f3f6fa;--wash:#dce7f2}
#main .mje-copy{padding:36px clamp(28px,5.3vw,76px);min-width:0}
#main .mje-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--teal);font-weight:700;font-size:13px}
#main .mje-kicker::before{content:"";inline-size:18px;block-size:1px;background:currentColor}
#main .mje-copy :is(h1,h2){font-size:clamp(34px,4.5vw,64px);line-height:1.13;letter-spacing:normal;color:var(--ink);margin:12px 0 15px;font-weight:800;text-wrap:balance}
#main .mje-copy p{max-width:34ch;font-size:clamp(15px,1.4vw,19px);line-height:1.7;margin:0 0 22px;color:#405964}
#main .mje-cta{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:4px;padding:9px 17px;background:var(--ink);color:#fff;font-size:14px;font-weight:700;text-decoration:none}
#main .mje-cta:hover{background:#18535c;color:#fff}
#main .mje-cta svg,#main .mje-controls svg{width:19px;height:19px;flex:none}
#main .mje-note{display:block;margin-top:10px;font-size:12px;color:#50666f}
#main .mje-art{margin:0;min-width:0;position:relative;height:410px;display:grid;place-items:center;isolation:isolate;pointer-events:none}
#main .mje-artwash{position:absolute;inset:2% 2% 2% 3%;z-index:-1;background:radial-gradient(ellipse at center,var(--wash),transparent 71%)}
#main .mje-art img{width:min(93%,440px);height:100%;max-height:395px;object-fit:contain;display:block;margin:0;transform:none;box-shadow:none;border:none;border-radius:0}
#main .mje-art figcaption{position:absolute;inset-inline:0;bottom:16px;text-align:center;color:#50666f;font-size:12px}
#main .mje-request .mje-art img{width:min(86%,385px);max-height:358px}
#main .mje-controls{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:5px}
#main .mje-controls button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;min-width:44px;padding:0;border:0;background:transparent;box-shadow:none;color:var(--ink);border-radius:100%;font-size:16px;font-weight:700;cursor:pointer;transform:none}
#main .mje-controls button:hover{background:#edf3f3;color:var(--teal)}
#main .mje-controls button:disabled{display:none}
#main .mje-prev svg{transform:rotate(180deg)}
#main .mje-count{font-size:12px;color:#50666f;font-variant-numeric:tabular-nums}
#main .mje-campaign :is(a,button):focus-visible{outline:2px solid #168285;outline-offset:2px}
#main .mje-campaign{touch-action:pan-y pinch-zoom}
@media(max-width:680px){
 #main .mje-campaign{width:calc(100% - 24px);margin:12px auto 16px}
 #main .mje-slide{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(218px,auto) 220px;min-height:0;text-align:center}
 #main .mje-copy{padding:22px 16px 4px}
 #main .mje-copy :is(h1,h2){font-size:clamp(29px,8vw,42px);margin:8px 0}
 #main .mje-copy p{font-size:14px;margin:0 auto 12px;max-width:30ch}
 #main .mje-art{height:220px}
 #main .mje-art img,#main .mje-request .mje-art img{max-height:208px;width:min(83%,270px)}
 #main .mje-request .mje-art img{max-height:184px}
 #main .mje-art figcaption{bottom:6px;font-size:11px}
}