.home-haircare { padding: 90px 0 100px; background: #f3f6fa; color: #26364a; scroll-margin-top: 110px; }
.home-haircare .heading-top-case-block { margin-bottom: 48px; }
.home-haircare__layout { display: grid; grid-template-columns: 1.08fr 1fr; gap: 64px; align-items: center; }
.home-haircare__photos { position: relative; padding: 0 48px 68px 0; }
.home-haircare .home-haircare__main-photo { display: block; width: 100%; height: auto; aspect-ratio: 1.18; object-fit: cover; object-position: center; }
.home-haircare__inset { position: absolute; bottom: 0; right: 0; width: 51%; margin: 0; border: 7px solid #f3f6fa; border-right: 0; border-bottom: 0; }
.home-haircare__inset img { display: block; width: 100%; height: auto; aspect-ratio: 1.35; object-fit: cover; }
.home-haircare__inset figcaption { padding-top: 8px; font-size: 10px; color: #647386; text-align: right; }
.home-haircare .home-haircare__partner { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 0 24px; color: #335b7f; font-size: 19px; font-weight: 600; letter-spacing: .045em; }
.home-haircare__partner > span:first-child { padding: 3px 9px; border: 1px solid #b6c5d4; font-size: 11px; letter-spacing: .04em; }
.home-haircare__partner .home-haircare__location { color: #627184; font-size: 12px; font-weight: 400; }
.home-haircare__content h3 { margin: 0 0 24px; color: #26364a; font-family: "Noto Serif JP", serif; font-size: clamp(26px, 2.5vw, 34px); font-weight: 600; letter-spacing: .035em; line-height: 1.7; }
.home-haircare__content > p:not(.home-haircare__partner) { margin: 0 0 18px; font-size: 15px; line-height: 2; }
.home-haircare .home-haircare__link { display: flex; justify-content: space-between; align-items: center; gap: 20px; max-width: 430px; margin-top: 28px; padding: 19px 25px; color: #fff; background: linear-gradient(105deg, #367bb7, #a14175); font-size: 15px; font-weight: 600; line-height: 1.8; transition: box-shadow .2s; }
.home-haircare__link > span { font-size: 23px; }
.home-haircare .home-haircare__link:hover { color: #fff; box-shadow: 0 5px 18px #26364a30; }
.home-haircare__link:focus-visible { outline: 3px solid #26364a; outline-offset: 4px; }
@media (max-width: 991px) {
    .home-haircare__layout { gap: 32px; }
    .home-haircare__photos { padding: 0 28px 50px 0; }
    .home-haircare .home-haircare__partner { gap: 8px; font-size: 17px; }
    .home-haircare .home-haircare__link { padding: 17px 18px; font-size: 14px; }
}
@media (max-width: 767px) {
    .home-haircare { padding: 60px 0; scroll-margin-top: 85px; }
    .home-haircare .heading-top-case-block { margin-bottom: 30px; }
    .home-haircare__layout { grid-template-columns: 1fr; gap: 28px; }
    .home-haircare__photos { padding: 0 38px 52px 0; }
    .home-haircare .home-haircare__main-photo { aspect-ratio: 1.3; }
    .home-haircare__inset { width: 48%; border-width: 5px; }
    .home-haircare .home-haircare__partner { margin-bottom: 16px; }
    .home-haircare__content h3 { font-size: 27px; margin-bottom: 18px; }
    .home-haircare .home-haircare__link { max-width: none; margin-top: 24px; }
}