.lens-reveal-control,.lens-reveal-seam{display:none}
@media(max-width:760px){
  /* Keep both hero captions in normal flow, safely below the primary button. */
  body .rip-art{height:auto;padding:8px 0 25px;margin:0}
  body .rip-art figcaption{position:relative;inset:auto;width:88%;margin:0 auto;gap:14px}
  body .rip-art figcaption>span{max-width:none;white-space:normal}
  body .rip-art figcaption strong{max-width:100%;white-space:normal}
  .lens-reveal-ready + *{position:relative}
  body #dein-start .lens-comparison.lens-reveal-ready{display:grid!important;grid-template-columns:minmax(0,1fr);gap:0!important;overflow:hidden;scroll-snap-type:none;isolation:isolate;--reveal:50%}
  body #dein-start .lens-reveal-ready>article{grid-area:1/1;width:100%;height:100%;min-width:0;box-shadow:none;display:flex;flex-direction:column}
  body #dein-start .lens-reveal-ready>.lens-before{z-index:0}
  body #dein-start .lens-reveal-ready>.lens-after{z-index:1;clip-path:inset(0 0 0 var(--reveal));border:1px solid transparent}
  body #dein-start .lens-reveal-ready .lens-card-top{font-size:11px!important;line-height:1.25;min-height:48px!important;gap:8px}
  body #dein-start .lens-reveal-ready .lens-card-top>span:first-child{min-width:0;white-space:normal}
  body #dein-start .lens-reveal-ready .lens-verdict{margin-top:auto;padding-top:20px;min-height:110px}
  body #dein-start .lens-reveal-ready .lens-faux-button{align-self:flex-start;margin-bottom:20px}
  .lens-reveal-seam{display:block;position:absolute;inset:0 auto 0 var(--reveal);width:2px;background:#f7bdd6;z-index:2;pointer-events:none;box-shadow:0 0 12px #120b1855}
  .lens-reveal-seam span{display:grid;place-items:center;position:absolute;top:49%;left:0;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#f6c2d7;color:#342633;border:2px solid #fff5fa;font:24px/1 Arial;box-shadow:0 3px 14px #21112355}
  .lens-reveal-control{display:block;position:absolute;top:calc(49% - 24px);left:-22px;width:calc(100% + 44px);height:48px;z-index:3;margin:0;padding:0;border:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:ew-resize;touch-action:pan-y;opacity:1}
  .lens-reveal-control::-webkit-slider-runnable-track{height:2px;background:transparent}
  .lens-reveal-control::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:44px;height:48px;background:transparent;border:0;margin-top:-23px}
  .lens-reveal-control::-moz-range-track{height:2px;background:transparent}
  .lens-reveal-control::-moz-range-thumb{width:44px;height:48px;background:transparent;border:0}
  .lens-reveal-control:focus-visible{outline:0}
  .lens-reveal-ready:has(.lens-reveal-control:focus-visible){outline:3px solid #a73361;outline-offset:4px}
  .lens-switch:has(+ .lens-reveal-ready) small{display:none}
}
@media(max-width:760px){
  body .first-stage-seal{width:86px;height:86px;right:0;top:-12px;flex-shrink:0;gap:4px;padding:9px;transform:rotate(6deg)}
  body .first-stage-seal strong{font-size:30px!important;line-height:1!important;margin:0}
  body .first-stage-seal span{font-size:10px!important;line-height:1.15!important;text-align:center;letter-spacing:0}
  body .first-stage .route-intro .eyebrow{max-width:calc(100% - 100px);min-height:52px}
  body #dein-start .lens-reason summary,body #faq summary{min-height:44px;align-items:center;display:flex}
  body .textlink,body .no-website>div>a{display:inline-flex;align-items:center;min-height:44px}
}

/* Keep the mobile wordmark on one line and inside the header. */
@media(max-width:760px){
body header nav{height:auto;min-height:82px;padding-top:18px;padding-bottom:16px;align-items:center}
body header nav .brand{display:block;flex:0 0 auto;width:auto;max-width:100%;white-space:nowrap;font-size:24px!important;line-height:1.12!important}
body header nav .brand span{display:inline}
body header nav .brand small{max-width:none;white-space:normal;font-size:8px!important;line-height:1.3!important;letter-spacing:1px!important;margin-top:7px}
}