.opsis-about {
    padding: 90px clamp(20px,7.5vw,150px);
    background: #fbffff;
}
.opsis-about__container { max-width:1440px; padding:0; }
.opsis-about__visual { position:relative; padding-right:42px; }
.opsis-about__main-photo { display:block; width:100%; height:650px; object-fit:cover; border-radius:20px; }
.opsis-about__note { position:absolute; top:76px; right:0; width:235px; padding:28px; border-radius:18px; background:linear-gradient(120deg,#007460,#00b995); box-shadow:0 20px 40px #004e3720; color:#fff; }
.opsis-about__note-icon { display:flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:50%; background:#fff; color:#008f78; font-size:22px; margin-bottom:22px; }
.opsis-about__note h3 { font:600 23px/1.35 Arial,sans-serif; color:#fff; margin:0 0 20px; }
.opsis-about__note p { font:400 14px/2 Arial,sans-serif; border-top:1px solid #ffffff40; padding-top:17px; margin:0; color:#fff; }
.opsis-about__heading.opsis-section-heading { text-align:left; }
.opsis-about__heading h2 { font-size:clamp(30px,3vw,46px); }
.opsis-about__description { font:400 16px/1.85 Arial,sans-serif; color:#61756d; margin:25px 0 32px; }
.opsis-about__feature { display:flex; gap:17px; }
.opsis-about__feature + .opsis-about__feature { border-top:1px solid #dbe4df; padding-top:24px; margin-top:24px; }
.opsis-about__feature > span { display:flex; align-items:center; justify-content:center; flex:0 0 48px; height:48px; color:#fff; background:linear-gradient(120deg,#007460,#13c9ac); border-radius:50%; font-size:20px; }
.opsis-about__feature h3 { color:#173a30; font:600 19px/1.4 Arial,sans-serif; margin:0 0 9px; }
.opsis-about__feature p { color:#61756d; font:400 15px/1.8 Arial,sans-serif; margin:0; }
.opsis-about__detail-photo { display:block; width:100%; height:265px; border-radius:16px; object-fit:cover; }
.opsis-about__footer { display:flex; align-items:center; gap:26px; flex-wrap:wrap; margin-top:32px; padding-top:28px; border-top:1px solid #dbe4df; }
.opsis-about__button { display:inline-flex; align-items:center; gap:18px; border-radius:50px; padding:9px 9px 9px 22px; background:linear-gradient(100deg,#007460,#00b995); color:#fff; font:600 14px/1.5 Arial,sans-serif; transition:box-shadow .25s,transform .25s; }
.opsis-about__button span { display:flex; align-items:center; justify-content:center; width:40px; height:40px; background:#fff; color:#007460; border-radius:50%; font-size:23px; }
.opsis-about__button:hover { color:#fff; transform:translateY(-2px); box-shadow:0 8px 20px #00746026; }
.opsis-about__button:focus-visible { outline:3px solid #007460; outline-offset:4px; }
.opsis-about__footer p { font:400 13px/1.7 Arial,sans-serif; color:#61756d; margin:0; }
.opsis-about__footer strong { color:#173a30; }
@media(max-width:1199px) { .opsis-about__visual { padding-right:20px; } .opsis-about__note { width:210px; padding:23px; } .opsis-about__main-photo { height:620px; } }
@media(max-width:991px) { .opsis-about__main-photo { height:480px; } .opsis-about__visual { padding-right:35px; } .opsis-about__note { top:55px; width:235px; } }
@media(max-width:575px) { .opsis-about { padding:48px 20px; } .opsis-about__visual { padding-right:0; padding-bottom:35px; } .opsis-about__main-photo { height:400px; } .opsis-about__note { top:auto; bottom:0; right:14px; width:210px; padding:20px; } .opsis-about__note-icon { width:40px; height:40px; margin-bottom:12px; } .opsis-about__note h3 { font-size:20px; margin-bottom:12px; } .opsis-about__note p { font-size:12px; padding-top:10px; } .opsis-about__detail-photo { height:220px; } }
@media(prefers-reduced-motion:reduce) { .opsis-about__button { transition:none; } }