.magazine-layout{grid-template-columns:minmax(285px,.76fr) minmax(0,1.85fr);gap:28px;align-items:center}.magazine-copy{position:relative;padding:25px 24px 28px;border-top:3px double #92734e;border-bottom:3px double #92734e;border-left:1px solid #b59a75;background:#f5ecd8;box-shadow:5px 6px 0 #bda27b30}.magazine-imprint{display:flex;align-items:center;gap:15px;padding-bottom:19px;margin-bottom:22px;border-bottom:1px solid #c5af8b}.magazine-imprint img{width:48px;height:48px;object-fit:contain;transition:transform .5s}.magazine-imprint span{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#795d3b}.magazine-copy:hover .magazine-imprint img{transform:rotate(-8deg)}.magazine-copy h2{font-size:clamp(33px,3.2vw,48px);white-space:nowrap;line-height:1.08;letter-spacing:-.035em}.magazine-reading{margin-top:25px;min-height:145px}.magazine-reading h3{font-size:29px;line-height:1.1;margin:0 0 13px}.magazine-copy .magazine-reading p{font-size:15px;line-height:1.75;margin:0;max-width:350px}.magazine-pagination{display:flex;align-items:center;gap:8px;margin:23px 0}.magazine-pagination button{width:35px;height:38px;flex:none;display:grid;place-items:center;border:1px solid #977750;background:#f9f1df;color:#604426;font-family:var(--serif);font-size:22px;box-shadow:2px 2px 0 #baa07b;transition:background .3s,color .3s,transform .3s,box-shadow .3s}.magazine-pagination button[aria-pressed=true]{background:#604426;color:#f9f1df;transform:translateY(-2px);box-shadow:3px 4px 0 #bba17a}.magazine-pagination button:hover{transform:translateY(-3px);background:#dbc49d}.magazine-pagination button[aria-pressed=true]:hover{background:#735434}.magazine-page-label{font-size:12px;line-height:1.35;color:#7b6040;margin-left:5px;max-width:100px}.magazine-link{font-size:14px}.magazine-book{width:100%;max-width:900px;aspect-ratio:3/2;position:relative;perspective:1800px;isolation:isolate;justify-self:center;transition:transform .6s var(--ease);touch-action:pan-y}.magazine-book:hover{transform:translateY(-4px)}.magazine-spread{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 12px 8px #684c2520)}.book-static,.book-leaf{position:absolute;top:0;width:50%;height:100%;pointer-events:none}.book-static{z-index:2;background-size:200% 100%;background-repeat:no-repeat}.book-static.left{left:0;background-position:left center}.book-static.right{right:0;background-position:right center}.book-leaf{z-index:3;transform-style:preserve-3d;will-change:transform}.book-leaf.forward{left:50%;transform-origin:left center}.book-leaf.backward{left:0;transform-origin:right center}.book-face{position:absolute;inset:0;background-size:200% 100%;background-repeat:no-repeat;backface-visibility:hidden;-webkit-backface-visibility:hidden}.book-face.back{transform:rotateY(180deg)}.book-leaf.forward .front,.book-leaf.backward .back{background-position:right center}.book-leaf.forward .back,.book-leaf.backward .front{background-position:left center}.home-faq .faq-illustration{mix-blend-mode:normal;height:220px;object-fit:contain;filter:drop-shadow(6px 9px 4px #6e4e2924);transition:transform .6s}.faq-editorial:hover .faq-illustration{transform:translateY(-4px) rotate(-1deg)}.article-section.comparison-section .comparison{height:auto;aspect-ratio:3/1;border:1px solid #97764e;padding:0;box-shadow:3px 4px 0 #baa37e}.article-section.comparison-section .comparison img{width:100%;height:100%;object-fit:cover;object-position:center}.article-section.comparison-section .comparison-before{height:100%;width:100%}.article-section.comparison-section .compare-range{width:100%;height:100%;inset:0;margin:0}.article-section.comparison-section .compare-label{top:15px;padding:6px 11px;font-size:12px}.article-section.comparison-section .compare-instruction{bottom:14px;font-size:12px}.article-section.comparison-section .compare-line span{width:39px;height:39px}
@media(max-width:1200px){.magazine-layout{grid-template-columns:minmax(275px,.85fr) minmax(0,1.6fr);gap:22px}.magazine-copy{padding:23px 20px}.magazine-copy h2{font-size:39px}.magazine-reading{min-height:155px}.magazine-page-label{font-size:11px}.magazine-imprint{gap:12px}.magazine-imprint span{letter-spacing:.08em}.article-section.comparison-section .comparison{aspect-ratio:2.8/1}}
@media(max-width:980px){.magazine-layout{grid-template-columns:minmax(245px,.95fr) minmax(0,1.5fr);gap:18px}.magazine-copy{padding:20px 17px}.magazine-copy h2{font-size:35px}.magazine-reading{margin-top:19px;min-height:155px}.magazine-reading h3{font-size:26px}.magazine-copy .magazine-reading p{font-size:14px}.magazine-pagination{gap:6px;margin-block:20px}.magazine-pagination button{width:32px;height:35px}.magazine-page-label{max-width:80px}.magazine-imprint img{width:39px;height:39px}.magazine-imprint span{font-size:11px}.article-section.comparison-section .compare-instruction{font-size:11px}}
@media(max-width:680px){.magazine-layout{grid-template-columns:minmax(0,1fr);gap:22px}.magazine-copy{padding:20px 23px}.magazine-copy h2{font-size:clamp(32px,8.5vw,43px);white-space:nowrap}.magazine-imprint{padding-bottom:13px;margin-bottom:17px}.magazine-imprint img{width:35px;height:35px}.magazine-imprint span{font-size:11px}.magazine-reading{min-height:110px;margin-top:19px}.magazine-reading h3{font-size:28px;margin-bottom:10px}.magazine-copy .magazine-reading p{max-width:none;font-size:14px;line-height:1.65}.magazine-pagination{margin:18px 0}.magazine-pagination button{width:35px;height:36px}.magazine-page-label{max-width:none;font-size:12px;margin-left:9px}.magazine-book{max-width:100%;perspective:950px}.magazine-book:hover{transform:none}.home-faq .faq-illustration{height:135px;width:100%}.article-section.comparison-section .comparison{aspect-ratio:2.35/1}.article-section.comparison-section .compare-label{top:8px;padding:4px 7px;font-size:10px}.article-section.comparison-section .compare-instruction{bottom:7px;font-size:9px;line-height:1.3;padding:4px 8px}.article-section.comparison-section .compare-line span{width:30px;height:30px}.article-section.comparison-section .compare-line .ui-icon{width:19px;height:19px}.article-section.comparison-section .caption-line{font-size:11px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.magazine-book,.faq-illustration,.magazine-pagination button{transition:none}.book-leaf{will-change:auto}}
#service-transformation .comparison{aspect-ratio:3/1}