/* Offbeat places + from-city extras — see inc/pages16.php. Separate file on purpose (colour.css / package-options.css are not touched). */
.of-pic{display:block;width:100%;height:100%}
.of-pic img{display:block;width:100%;height:100%;object-fit:cover}
/* place page: real photo instead of the scene art */
.of-photo{margin:0;border-radius:16px;overflow:hidden;background:#F3EBE0;align-self:center}
.of-photo{max-height:none}
.of-photo .of-pic{aspect-ratio:900/560;max-height:440px;height:auto}
.of-photo .of-pic img{height:auto;max-height:440px}
.of-photo figcaption{padding:8px 12px;font:500 13px/1.4 Inter,system-ui,sans-serif;color:#6b6660;background:#fff}
.of-photo figcaption a{color:inherit}
/* hub cards */
.of-credit{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);padding:2px 8px;border-radius:999px;background:rgba(18,16,14,.62);color:#fff;font:500 11px/1.4 Inter,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.of-note{display:inline-block;margin:2px 0 0;padding:2px 10px;border-radius:999px;background:#f6ead3;color:#5e4413;font:600 12px/1.5 Inter,system-ui,sans-serif;align-self:flex-start}
/* plans section on the hub */
.of-plans{padding:40px 16px}
/* plan page → place guide link */
.of-placelink{padding:12px 16px}
.of-placelink__h{margin:0 0 6px;font:600 14px/1.4 Inter,system-ui,sans-serif;color:#6b6660;text-transform:uppercase;letter-spacing:.08em}
.of-placelink ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px}
.of-placelink a{font:600 16px/1.4 Inter,system-ui,sans-serif;color:#7a2e1e}
/* /from/ hub groups */
.fm-group{margin:28px 0 8px;font:600 22px/1.2 Fraunces,Georgia,serif;color:#1f1e1d}
.fm-group small{display:block;margin-top:4px;font:400 14px/1.5 Inter,system-ui,sans-serif;color:#6b6660}
/* footer: brand + 5 link columns (the Offbeat Kashmir column was added) */
@media (min-width:1280px){.ktp-fgrid{grid-template-columns:minmax(0,1.3fr) repeat(5,minmax(0,1fr));gap:32px 28px}}
/* phone: the photo credit sat on top of the hero title */
@media (max-width:759px){.ui-hero:has(.ui-hero__credit) .ui-hero__in{padding-bottom:92px!important}}