/**
 * Villa Guide section — "Insights and stories": two blog-preview cards on the
 * cream band. Depends on villa-home.css.
 *
 * @package Villa_Addon
 */

.vo-guide { background: var(--cream); padding-block: var(--sp-100); padding-inline: var(--pad-x); }
.vo-guide__inner { width: 100%; margin-inline: auto; }

.guide__head { display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; margin-bottom: 70px; }
.guide__head h2 { margin: 0; }
.guide__head .vo-btn { padding: 11px 32px; font-size: 16px; }

.guide__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.gcard2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center; }
.gcard2__img { overflow: hidden; }
.gcard2__img img { width: 100%; aspect-ratio: 1 / 1.02; object-fit: cover; display: block; transition: transform .8s var(--ease); }
.gcard2:hover .gcard2__img img { transform: scale(1.05); }
.gcard2 h3 { font-family: var(--display); font-weight: 600; color: var(--dark); font-size: 28px; margin: 0 0 14px; line-height: 1.1; }
.gcard2 p { font-size: 18px; line-height: 1.4; margin: 0; }
.gcard2 .more { display: inline-block; margin-top: 20px; font-size: 18px; font-weight: 500; color: var(--dark); border-bottom: 1px solid var(--dark); padding-bottom: 2px; text-decoration: none; }

@media (max-width: 1000px) { .guide__grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .gcard2 { grid-template-columns: 1fr; } }