/* Merk's Directions page — loads after secondary.css */
.directions-photo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:22px 0 34px; }
.directions-photo { margin:0; min-width:0; }
.directions-photo-placeholder { aspect-ratio:4/3; border:3px dashed #bd9870; border-radius:12px; background:linear-gradient(135deg,#efe1c8,#d7bf98); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; text-align:center; padding:14px; color:#604326; }
.directions-photo-icon { font-size:34px; }
.directions-photo-placeholder strong { font:700 22px 'Oswald',sans-serif; }
.directions-photo-placeholder small { font:12px/1.5 Arial,sans-serif; overflow-wrap:anywhere; }
/* Replace each placeholder div with an img class="directions-photo-image" when ready. */
.directions-photo-image { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:12px; border:3px solid #d2b48b; }
.directions-layout { display:grid; grid-template-columns:1fr 1.15fr; gap:20px; align-items:stretch; }
.directions-info,.directions-map-card { min-width:0; background:#fff8ed; border:1px solid #dec9a9; border-radius:10px; overflow:hidden; }
.directions-bar { padding:11px 17px; background:#07858d; color:#fff; font:700 22px 'Oswald',sans-serif; }
.directions-info-body { padding:24px; }
.directions-info h2 { margin:0 0 16px; font:700 29px 'Oswald',sans-serif; color:#61381f; }
.directions-info address { font-style:normal; font-size:18px; line-height:1.65; margin-bottom:24px; color:#3d2c1d; }
.directions-contact { display:flex; flex-wrap:wrap; align-items:baseline; gap:12px; margin:12px 0; }
.directions-contact span { font:700 15px 'Oswald',sans-serif; color:#78543a; min-width:55px; }
.directions-contact a { font:700 21px 'Oswald',sans-serif; color:#087f86; text-decoration:none; }
.directions-contact a:hover { text-decoration:underline; }
.directions-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:28px; }
.directions-primary,.directions-secondary { display:inline-block; padding:12px 17px; border-radius:6px; font:700 17px 'Oswald',sans-serif; text-decoration:none; }
.directions-primary { background:#bd2420; color:#fff; }
.directions-secondary { background:#087f86; color:#fff; }
.directions-primary:hover { background:#941b18; }
.directions-secondary:hover { background:#075e64; }
.directions-map-link { display:block; text-decoration:none; color:#087f86; }
.directions-map-link img { display:block; width:100%; height:340px; object-fit:cover; object-position:center; }
.directions-map-link span { display:block; text-align:center; padding:10px; font:700 16px 'Oswald',sans-serif; }
.directions-map-link:hover span { text-decoration:underline; }
.directions-footnote { text-align:center; margin:28px 0 0; color:#61452f; font:600 19px 'Oswald',sans-serif; }
@media(max-width:760px) { .directions-layout { grid-template-columns:1fr; } .directions-photo-grid { gap:9px; } .directions-photo-placeholder { padding:8px; } .directions-photo-icon { font-size:24px; } .directions-photo-placeholder strong { font-size:16px; } .directions-photo-placeholder small { font-size:10px; } .directions-map-link img { height:auto; max-height:380px; object-fit:contain; background:#e9e1d2; } }
@media(max-width:460px) { .directions-photo-grid { grid-template-columns:1fr 1fr; } .directions-photo:last-child { grid-column:1/-1; max-width:65%; width:100%; justify-self:center; } .directions-info-body { padding:18px; } }