/* The existing overview remains the mobile fallback. */
.tp-editorial{display:none}
@media(min-width:1000px){
 body.front-public.brand-inner .toothpaste-overview>.front-page-intro,
 body.front-public.brand-inner .toothpaste-overview>.front-page-intro+.front-section{display:none}
 .toothpaste-overview .tp-editorial{display:block;background:var(--lonhow-surface-page,#fffefb);padding:44px 0 64px;color:#594335}
 .tp-editorial .tp-heading{display:grid;grid-template-columns:64% 36%;align-items:center;padding-bottom:34px;border-bottom:1px solid #dfd3c6}
 .tp-editorial .tp-heading h1{font:400 clamp(38px,3.6vw,64px)/1.17 Georgia,'Noto Serif Variable',serif;margin:0}
 .tp-editorial .tp-intro{display:flex;gap:20px;align-items:center;padding-left:40px}
 .tp-editorial .tp-intro svg{width:30px;height:30px;flex-shrink:0;color:#997e70}
 .tp-editorial .tp-intro p{font:400 14px/1.9 'Noto Serif Variable',Georgia,serif;color:#807267;margin:0;max-width:330px}
 .tp-editorial .tp-body{display:grid;grid-template-columns:64% 36%}
 .tp-editorial .tp-visual{padding:36px 40px 0 0;min-width:0}
 .tp-editorial .tp-stage{aspect-ratio:5/4;position:relative}
 .tp-editorial .tp-picture{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
 .tp-editorial .tp-picture[hidden],.tp-editorial .tp-copy[hidden]{display:none}
 .tp-editorial .tp-picture img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-width:none;border:0;border-radius:0}
 .tp-editorial .tp-side{border-left:1px solid #dfd3c6;padding:42px 0 0 40px;display:flex;flex-direction:column;min-width:0}
 .tp-editorial .tp-label{font:400 10px/1.7 'Noto Serif Variable',Georgia,serif;letter-spacing:1.7px;color:#997e70;text-transform:uppercase}
 .tp-editorial .tp-copy h2{font:400 clamp(31px,2.9vw,50px)/1.2 Georgia,'Noto Serif Variable',serif;color:#594335;margin:18px 0 22px}
 .tp-editorial .tp-copy p{font:400 14px/1.9 'Noto Serif Variable',Georgia,serif;color:#807267;margin:0 0 24px;max-width:420px}
 .tp-editorial .tp-facts{display:flex;gap:28px;margin:0 0 28px;font:400 14px/1.9 'Noto Serif Variable',Georgia,serif;color:#807267}
 .tp-editorial .tp-facts span{display:block;font-size:10px;letter-spacing:1px;color:#997e70}
 .tp-editorial .tp-link{display:inline-flex;align-items:center;gap:28px;color:#795747;font:400 14px/1.9 'Noto Serif Variable',Georgia,serif;text-decoration:none;padding:5px 0}
 .tp-editorial svg{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
 .tp-editorial .tp-link svg{width:23px;height:23px;transition:transform .25s}
 .tp-editorial .tp-link:hover{color:#a94b5b}.tp-editorial .tp-link:hover svg{transform:translateX(4px)}
 .tp-editorial .tp-tabs{margin-top:auto;padding-top:38px}
 .tp-editorial .tp-tabs button{appearance:none;border:0;border-top:1px solid #dfd3c6;border-radius:0;background:transparent;padding:17px 0;width:100%;display:flex;align-items:center;gap:18px;cursor:pointer;text-align:left;color:#807267;font:400 16px/1.5 'Noto Serif Variable',Georgia,serif}
 .tp-editorial .tp-tabs button:last-child{border-bottom:1px solid #dfd3c6}
 .tp-editorial .tp-tabs button span{font-size:10px;color:#997e70;letter-spacing:1px}
 .tp-editorial .tp-tabs button svg{margin-left:auto;width:20px;height:20px}
 .tp-editorial .tp-tabs button[aria-selected=true]{color:#a94b5b}
 .tp-editorial .tp-tabs button:hover{color:#a94b5b}
 .tp-editorial .tp-controls{display:flex;align-items:center;gap:14px;padding-top:20px}
 .tp-editorial .tp-controls button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dfd3c6;border-radius:50%;background:transparent;color:#795747;cursor:pointer}
 .tp-editorial .tp-controls button:hover{color:#a94b5b;border-color:#a94b5b}
 .tp-editorial .tp-controls svg{width:18px;height:18px}
 .tp-editorial .tp-count{font:400 12px/1.5 'Noto Serif Variable',Georgia,serif;color:#997e70;margin-left:4px;letter-spacing:1px}
 .tp-editorial .tp-pause{margin-left:auto}
 .tp-editorial :is(a,button):focus-visible{outline:2px solid #a94b5b;outline-offset:5px}
 .tp-editorial .tp-copy,.tp-editorial .tp-picture{animation:tp-appear .45s ease both}
 @keyframes tp-appear{from{opacity:0}to{opacity:1}}
 @media(max-width:1199px){
  .tp-editorial .tp-heading,.tp-editorial .tp-body{grid-template-columns:59% 41%}
  .tp-editorial .tp-intro,.tp-editorial .tp-side{padding-left:28px}
  .tp-editorial .tp-visual{padding-right:28px}
  .tp-editorial .tp-side{padding-top:32px}
  .tp-editorial .tp-copy h2{font-size:31px;margin:14px 0 18px}
  .tp-editorial .tp-copy p{margin-bottom:18px}
  .tp-editorial .tp-facts{margin-bottom:16px}
  .tp-editorial .tp-tabs{padding-top:26px}
  .tp-editorial .tp-tabs button{font-size:14px;padding:13px 0}
 }
 @media(prefers-reduced-motion:reduce){.tp-editorial .tp-copy,.tp-editorial .tp-picture{animation:none}.tp-editorial .tp-link svg{transition:none}}
}