.hv-experience-section { padding: 56px 0; background: #fff; }
.hv-experience-section:nth-of-type(even) { background: #fffaf3; }
.hv-experience-section + .hv-experience-section { border-top: 1px solid #eee3d5; }
.hv-experience-section .cate_text_area { background: transparent; padding: 0; margin: 0 0 28px; border: 0; text-align: center; }
.hv-experience-section .cate_text_area h5 { margin: 0 0 16px; padding: 0; border: 0; color: #542d15; font: 34px/1.25 Georgia, serif; text-transform: none; }
.hv-experience-section .cate_text_area h5::after, .hv-experience-section .cate_text_area h5::before { display: none; }
.hv-experience-section .cate_text_area p { color: #7b6a5b; font: 14px/1.85 Arial, sans-serif; margin: 0 auto; max-width: 760px; }
.hv-experience-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding: 0 15px; }
.hv-experience-card { margin: 0; overflow: hidden; border: 1px solid #eadfce; border-radius: 12px; background: #fff; box-shadow: 0 5px 18px #542d1505; }
.hv-experience-card-link { display: block; color: inherit; text-decoration: none; }
.hv-experience-card-link:hover { color: inherit; text-decoration: none; }
.hv-experience-card-link:hover h3 { color: #9a5b22; }
.hv-experience-card-link:focus-visible { outline: 3px solid #875d2c; outline-offset: -3px; }
.hv-experience-card img { display: block; width: 100%; height: 240px; object-fit: cover; }
.hv-experience-card h3 { margin: 0; padding: 21px 20px; color: #542d15; font: 22px/1.25 Georgia, serif; text-align: left; }
.hv-experience-section .btttt-new { margin: 28px 0 0; padding: 0; text-align: center; }
.hv-experience-section .btttt-new > a { display: inline-block; color: #fff4e5; text-decoration: none; }
.hv-experience-cta { padding: 13px 26px; border-radius: 7px; background: #65330f; color: #fff4e5; font: 600 13px/1.5 Arial, sans-serif; transition: background .2s; }
.hv-experience-section .btttt-new > a:hover .hv-experience-cta { background: #81481e; }
.hv-experience-section .btttt-new > a:focus-visible { outline: 2px solid #875d2c; outline-offset: 4px; border-radius: 7px; }
@media (max-width: 900px) {
  .hv-experience-card img { height: 190px; }
  .hv-experience-grid { gap: 16px; }
  .hv-experience-card h3 { font-size: 20px; padding: 18px 15px; }
}
@media (max-width: 600px) {
  .hv-experience-section { padding: 36px 0; }
  .hv-experience-section .cate_text_area h5 { font-size: 28px; }
  .hv-experience-section .cate_text_area p { font-size: 13px; text-align: left; }
  .hv-experience-grid { grid-template-columns: 1fr; }
  .hv-experience-card img { height: auto; aspect-ratio: 16 / 10; }
}
.hv-home-stories { padding: 64px 24px; background: #fffaf3; }
.hv-story-row { display: grid; grid-template-columns: 1.1fr 1fr; max-width: 1140px; margin: 0 auto 32px; border: 1px solid #e8dac7; border-radius: 16px; overflow: hidden; background: #fff; }
.hv-story-row:last-child { margin-bottom: 0; }
.hv-story-row > img { display: block; width: 100%; height: 100%; min-height: 390px; object-fit: cover; }
.hv-story-copy { padding: 40px; align-self: center; }
.hv-story-copy > span { font: 600 10px Arial, sans-serif; letter-spacing: 2px; color: #9b7444; }
.hv-story-copy h2 { font: 32px/1.2 Georgia, serif; color: #542d15; margin: 12px 0 20px; }
.hv-story-copy p { font: 14px/1.85 Arial, sans-serif; color: #7b6652; text-align: left; }
.hv-story-copy > a { display: inline-flex; align-items: center; min-height: 46px; margin-top: 18px; padding: 14px 22px; border: 1px solid #65330f; border-radius: 7px; background: #65330f; color: #fff5e6; text-decoration: none; font: 600 13px/1.3 Arial, sans-serif; transition: background .2s; }
.hv-story-copy > a:hover { background: #81481e; border-color: #81481e; color: #fff5e6; text-decoration: none; }
.hv-story-copy > a:focus-visible { outline: 2px solid #9b7444; outline-offset: 4px; }
.hv-story-reverse > img { order: 2; }
@media (max-width: 700px) { .hv-home-stories { padding: 36px 18px; } .hv-story-row { grid-template-columns: 1fr; } .hv-story-row > img { min-height: 0; height: 250px; } .hv-story-reverse > img { order: 0; } .hv-story-copy { padding: 26px; } .hv-story-copy h2 { font-size: 28px; } }