/* Scoped media components; existing navigation and design remain unchanged. */
.pm-section{padding:52px 0;background:#f8f5ef;color:#20282d;clear:both}.pm-wrap{max-width:1180px;margin:0 auto;padding:0 20px}.pm-heading{max-width:780px;margin-bottom:24px}.pm-heading h2{font-size:clamp(26px,3vw,38px);line-height:1.15;margin:0 0 12px;color:#20282d}.pm-heading p{font-size:17px;line-height:1.65;margin:0;color:#56646d}.pm-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pm-video-card,.pm-comparison{min-width:0;margin:0;overflow:hidden;border:1px solid #d9dfe3;border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(32,40,45,.05)}.pm-video-frame{aspect-ratio:4/5;max-height:430px;background:#101820;overflow:hidden}.pm-video-frame video{display:block;width:100%;height:100%;object-fit:contain}.pm-video-card figcaption,.pm-comparison figcaption{padding:20px;text-align:left}.pm-section h3{font-size:20px;line-height:1.3;color:#20282d;margin:0 0 9px}.pm-section figcaption p{font-size:15px;line-height:1.6;color:#56646d;margin:0 0 12px}.pm-section a{color:#0f5f8f;font-weight:750;text-decoration:underline;text-underline-offset:3px}.pm-section a:focus-visible{outline:3px solid #ffbf47;outline-offset:4px}.pm-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.pm-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.pm-compare-frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:#e9e7e3;isolation:isolate;--pm-reveal:50%}.pm-compare-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.pm-compare-frame>.pm-before{clip-path:inset(0 calc(100% - var(--pm-reveal)) 0 0)}.pm-before-label,.pm-after-label{position:absolute;top:14px;z-index:2;background:rgba(16,24,32,.8);color:#fff;font-size:13px;font-weight:800;line-height:1;padding:9px 12px;border-radius:5px;pointer-events:none}.pm-before-label{left:14px}.pm-after-label{right:14px}.pm-divider{position:absolute;top:0;bottom:0;left:var(--pm-reveal);width:3px;background:#fff;transform:translateX(-50%);pointer-events:none;z-index:2;display:flex;align-items:center;justify-content:center}.pm-divider>span{min-width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0f5f8f;font-size:24px;box-shadow:0 2px 12px #0005}.pm-compare-range{appearance:none;-webkit-appearance:none;position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3;touch-action:pan-y}.pm-compare-range::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:100%;cursor:ew-resize}.pm-compare-range::-moz-range-thumb{width:44px;height:100%;border:0;cursor:ew-resize}.pm-compare-frame:focus-within{outline:3px solid #0f5f8f;outline-offset:-3px}.pm-compact .pm-video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pm-single .pm-video-grid,.pm-single .pm-compare-grid{grid-template-columns:minmax(0,560px);justify-content:center}.pm-single .pm-video-frame{max-height:560px;aspect-ratio:4/5}.pm-single .pm-compare-frame{aspect-ratio:4/5}@media(max-width:980px){.pm-video-grid,.pm-compact .pm-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.pm-section{padding:36px 0}.pm-wrap{padding:0 16px}.pm-video-grid,.pm-compact .pm-video-grid,.pm-compare-grid{grid-template-columns:minmax(0,1fr)}.pm-video-frame,.pm-single .pm-video-frame{max-height:430px}.pm-heading p{font-size:16px}.pm-video-card figcaption,.pm-comparison figcaption{padding:18px}.pm-links{flex-direction:column;gap:12px}}@media(prefers-reduced-motion:reduce){.pm-section *{scroll-behavior:auto!important}}
