.khatu-sacred-places { padding: clamp(72px, 8vw, 108px) 0; background: #f6ede0; }
.khatu-place-groups { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.khatu-place-group { min-width: 0; padding: 26px; border: 1px solid #e5cfad; border-radius: 18px; background: #fffaf3; box-shadow: 0 9px 24px rgba(71, 43, 18, .06); }
.khatu-place-group__label { display: inline-flex; align-items: center; gap: 8px; color: #9a531f; font-size: .75rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.khatu-place-group__label::before { content: ''; display: block; width: 28px; height: 28px; border-radius: 50%; background: #fff0d8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a531f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10h18M5 10l7-6 7 6M6 10v9m4-9v9m4-9v9m4-9v9M3 19h18'/%3E%3C/svg%3E") center/16px no-repeat; }
.khatu-place-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.khatu-place-tags span { display: inline-flex; align-items: center; gap: 7px; min-height: 37px; padding: 8px 13px; border: 1px solid #ead8bd; border-radius: 999px; background: #fff; color: #503724; font-size: .9rem; font-weight: 700; }
.khatu-place-tags span::before { content: '•'; color: #c9681b; font-size: 1.15rem; line-height: 0; }
.khatu-stories { padding: clamp(76px, 9vw, 120px) 0; background: #fffdf9; }
.khatu-story-list { display: grid; gap: clamp(28px, 4vw, 54px); }
.khatu-story { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(24px, 5vw, 70px); align-items: center; padding: clamp(18px, 3vw, 30px); border: 1px solid #e9decf; border-radius: 22px; background: #fffaf4; box-shadow: 0 10px 28px rgba(71, 43, 18, .055); }
.khatu-story:nth-child(even) { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); background: #f8f0e5; }
.khatu-story:nth-child(even) .khatu-story__image { order: 2; }
.khatu-story__image { min-height: 270px; overflow: hidden; border-radius: 15px; background: #896347; }
.khatu-story__image img { width: 100%; height: 100%; min-height: 270px; display: block; object-fit: cover; }
.khatu-story__content { min-width: 0; padding: 8px 4px; }
.khatu-story__label { display: inline-block; margin-bottom: 10px; color: #b7601d; font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.khatu-story h3 { max-width: 560px; color: #3b2517; font-size: clamp(1.85rem, 3vw, 2.65rem); }
.khatu-story p { max-width: 610px; margin: 14px 0 0; color: #665849; font-size: 1rem; line-height: 1.72; }
.khatu-story p + p { margin-top: 10px; }
.khatu-story__motif { display: block; width: 48px; height: 2px; margin-top: 20px; border-radius: 99px; background: #d28338; }
.khatu-itinerary-note { max-width: 920px; margin: 24px 0 0; padding: 14px 16px; border-left: 3px solid #c9681b; border-radius: 0 10px 10px 0; background: #fff3df; color: #704721; font-size: .92rem; }
@media (max-width: 760px) { .khatu-place-groups { grid-template-columns: 1fr; } .khatu-story, .khatu-story:nth-child(even) { grid-template-columns: 1fr; gap: 22px; } .khatu-story:nth-child(even) .khatu-story__image { order: 0; } .khatu-story__image, .khatu-story__image img { min-height: 220px; } }
@media (max-width: 540px) { .khatu-place-group { padding: 21px; } .khatu-place-tags span { width: 100%; } .khatu-story { padding: 15px; border-radius: 17px; } .khatu-story__content { padding: 5px 2px 10px; } .khatu-story__image, .khatu-story__image img { min-height: 200px; } }