/* =========================================================
   Aamr Vaatika — About & Contact page
   ========================================================= */

/* =============== The story, as a single readable column =============== */
/* One centred reading column, about 70 characters wide, with every
   paragraph at the same size so the story reads evenly from start to end. */
.story-essay{max-width:720px;margin:0 auto;}
.story-essay h2{margin-bottom:24px;}
.story-essay p{font-size:var(--fs-3);line-height:1.75;color:var(--ink-700);margin-bottom:24px;}
.story-essay em{font-style:italic;color:var(--olive-800);}
.story-essay .essay-open{color:var(--ink-900);}
/* The one sensory passage, set apart as a held breath. */
.story-essay .essay-moment{
  font-family:var(--font-display);font-size:var(--fs-3);line-height:1.6;color:var(--olive-900);
  border-left:3px solid var(--mango-500);padding:4px 0 4px 22px;margin:32px 0;
}
.story-essay .essay-moment em{color:var(--mango-800);}
.story-essay .essay-close{
  font-family:var(--font-display);font-size:var(--fs-4);line-height:1.4;color:var(--olive-900);
  margin-top:32px;padding-top:24px;border-top:1px solid var(--line);
}
@media (max-width:600px){
  .story-essay p{font-size:var(--fs-2);line-height:1.8;}
  .story-essay .essay-moment{font-size:var(--fs-3);}
}
.story-essay .essay-figure{margin:32px 0;}
.story-photo-frame{border-radius:var(--r-lg);overflow:hidden;}
.story-photo-frame img{width:100%;aspect-ratio:3/2;object-fit:cover;}
.story-essay .essay-figure figcaption{margin-top:8px;font-size:var(--fs-1);color:var(--text-soft);}
.story-stats{display:flex;gap:40px;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid var(--line);}

/* =============== Location =============== */
.loc-grid{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--white);}
.loc-map{min-height:400px;position:relative;background:var(--olive-100);}
.loc-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}
.loc-info{padding:32px;display:flex;flex-direction:column;}
.loc-info h3{margin-bottom:14px;}
.loc-row{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line);}
.loc-row svg{color:var(--olive-600);flex-shrink:0;margin-top:2px;width:20px;height:20px;}
.loc-row strong{display:block;color:var(--olive-900);}
.loc-row span{font-size:var(--fs-1);color:var(--text-soft);}
.loc-row a{color:var(--olive-700);font-weight:600;text-decoration:underline;text-underline-offset:3px;}
.loc-info .btn{margin-top:auto;}
.loc-info .loc-row:last-of-type{margin-bottom:20px;}
@media (max-width:860px){
  .loc-grid{grid-template-columns:1fr;}
  .loc-map{min-height:300px;}
  .loc-info{padding:24px 20px;}
}

/* =============== Contact =============== */
.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:start;}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr;}}
.contact-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;}
@media (max-width:560px){.contact-panel{padding:22px 18px;}}
.contact-info-card{background:var(--olive-900);color:var(--white);border-radius:var(--r-lg);padding:32px;}
.contact-info-card h3{color:var(--white);margin-bottom:16px;}
.cinfo-row{display:flex;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.12);}
.cinfo-row svg{color:var(--mango-400);flex-shrink:0;margin-top:2px;width:20px;height:20px;}
.cinfo-row strong{display:block;}
.cinfo-row span{font-size:var(--fs-1);color:rgba(255,255,255,.66);}
.contact-info-card hr{border:none;border-top:1px solid rgba(255,255,255,.12);margin:4px 0 16px;}
.contact-info-card .note{font-size:var(--fs-1);color:rgba(255,255,255,.62);}