/* Two independent ribbons share an experience, without merging into one path. */
.visual-page .why-section.why-ribbons{display:block;min-height:0;padding:0 0 36px;background:#faf8f4;color:#172438;text-align:center}
.visual-page .why-ribbons>.poster-heading{position:relative;top:auto;left:auto;width:calc(100% - 40px);max-width:1080px;padding:38px 0 0;margin:0 auto;text-align:center}
.why-ribbons .poster-heading h2{font-size:25px;line-height:1.45}
.mutual-headline{margin-top:22px;line-height:1.45;color:var(--wine)}
.mutual-headline strong{display:block;font-size:36px;font-weight:900}
.mutual-headline>span{display:block;font-size:24px;font-weight:700}
.mutual-visual{position:relative;max-width:760px;margin:30px auto 0;padding-top:58px}
.mutual-visual>img{display:block;width:100%;height:auto;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 94%,transparent);mask-composite:intersect}
.mutual-sides{position:absolute;top:0;left:20px;right:20px;display:flex;justify-content:space-between;gap:20px;text-align:center}
.mutual-sides>div{display:flex;flex-direction:column;gap:7px}
.mutual-sides strong{font-size:20px;font-weight:800;line-height:1.3}
.mutual-sides span{font-size:14px;line-height:1.5;white-space:nowrap}
.mutual-participant{color:var(--wine)}.mutual-company{color:#172438}
.mutual-duration{position:absolute;left:50%;top:31%;transform:translate(-50%,-50%);display:flex;flex-direction:column;line-height:1;color:#74623d}
.mutual-duration b{font-size:44px;font-weight:800}.mutual-duration>span{font-size:12px;font-weight:700;margin-top:5px}
.mutual-reward{position:relative;margin:-8px auto 0}
.mutual-reward>p{font-size:21px;line-height:1.55;font-weight:600}
.mutual-reward>strong{display:inline-block;font-size:76px;line-height:1.2;font-weight:900;color:var(--pink);margin-top:8px}
.mutual-reward strong>span{font-size:35px}
.mutual-payment{display:block;font-size:21px;font-weight:700;color:var(--wine);margin-top:2px}
.mutual-trust{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:0 16px;margin:22px auto 0;font-size:14px;line-height:1.7;color:#4c4a49}
@media(max-width:359px){.mutual-headline>span{font-size:21px}.mutual-sides{left:16px;right:16px;gap:10px}.mutual-sides span{font-size:12px}.mutual-trust{gap:5px;font-size:13px}}
@media(min-width:761px){
 .visual-page .why-section.why-ribbons{padding-bottom:46px}
 .visual-page .why-ribbons>.poster-heading{padding-top:44px}
 .why-ribbons .poster-heading h2{font-size:30px}
 .mutual-headline{margin-top:20px}.mutual-headline strong{display:inline;font-size:42px}.mutual-headline>span{display:inline;font-size:36px;margin-left:10px}
 .mutual-visual{margin-top:26px;padding-top:0;max-width:760px}
 .mutual-sides{left:-100px;right:-100px;top:118px}.mutual-sides strong{font-size:25px}.mutual-sides span{font-size:17px}
 .mutual-duration{top:20%}.mutual-duration b{font-size:62px}.mutual-duration>span{font-size:16px}
 .mutual-reward{margin-top:-124px}.mutual-reward>p{font-size:24px}.mutual-reward .mobile-break{display:none}.mutual-reward>strong{font-size:88px}.mutual-reward strong>span{font-size:42px}.mutual-payment{font-size:23px}
 .mutual-trust{font-size:16px;margin-top:20px}
}
@media(min-width:761px) and (max-width:1100px){.mutual-visual{max-width:640px}.mutual-sides{left:16px;right:16px;top:100px}.mutual-sides span{font-size:15px}.mutual-headline strong{font-size:38px}.mutual-headline>span{font-size:30px}.mutual-reward{margin-top:-70px}}