.comparison{padding-block:65px 80px}.comparison h1{font-size:clamp(2.7rem,5.2vw,4.8rem);margin:22px 0;letter-spacing:-.05em}.comparison-intro{max-width:780px;font-size:1.1rem;margin-bottom:45px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.compare-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden}.compare-label{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;background:var(--paper);font-size:.8rem;border-bottom:1px solid var(--line)}.compare-label .tag{background:var(--accent);padding:4px 10px;border-radius:4px}.original-image{background:#f0f0e8;aspect-ratio:1440/1550;flex-shrink:0}.original-image>a{display:block;width:100%;height:100%}.original-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:top}.after-preview{position:relative;overflow:hidden;width:100%;aspect-ratio:1440/1550;flex-shrink:0;background:#f5f7fc}.after-preview iframe{width:1440px;height:1550px;border:0;position:absolute;left:0;top:0;transform-origin:top left;pointer-events:none;transform:scale(.4)}.compare-caption{display:flex;flex-direction:column;flex:1;padding:26px;border-top:1px solid var(--line)}.compare-caption h2{font-size:1.5rem;margin-bottom:15px}.compare-caption p{font-size:.95rem;margin-bottom:18px}.compare-caption .text-link{margin-top:auto;font-size:.9rem;font-weight:600;text-decoration:underline;text-underline-offset:4px}.comparison-notes{padding-block:55px 30px}.comparison-notes>h2{font-size:2rem;margin-bottom:28px}.comparison-notes>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.comparison-notes h3{font-size:1.25rem;margin-bottom:14px}.comparison-notes p{font-size:.95rem}.comparison-note{font-size:.85rem;max-width:780px;margin-bottom:25px;padding-top:25px;border-top:1px solid var(--line)}@media(max-width:750px){.comparison{padding-block:40px 55px}.comparison-intro{font-size:1rem}.comparison-grid{grid-template-columns:1fr}.comparison-notes>div{grid-template-columns:1fr;gap:25px}.compare-label{padding:16px}.compare-caption{display:flex;flex-direction:column;flex:1;padding:22px}.comparison header nav{width:auto}}
