.trail-hero{max-width:1200px;margin-inline:auto;padding:0;display:grid}.trail-hero__elev,.trail-hero__media{margin:0;position:relative;width:100%;overflow:hidden;border-radius:var(--radius-lg)}.trail-hero__media--map{aspect-ratio:16/9;min-height:360px}.trail-hero__elev-img{display:block;width:100%;height:auto;object-fit:contain;max-height:320px}.trail-hero__img{object-fit:cover}.trail-hero__caption{position:absolute;top:var(--space-sm);left:var(--space-sm);padding:2px 6px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--gray-900);background:var(--white);border:var(--border-width-thin) solid var(--gray-200);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);opacity:var(--opacity-80)}.trail-detail{overflow-x:clip}@media (max-width:768px){.trail-detail{overflow-x:visible!important}.trail-hero{padding-inline:0;gap:var(--space-md)}.trail-hero__elev,.trail-hero__media--map{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0}@supports (width:1svw){.trail-hero__elev,.trail-hero__media--map{width:calc(100svw + env(safe-area-inset-left) + env(safe-area-inset-right));margin-left:calc(50% - 50svw - env(safe-area-inset-left));margin-right:calc(50% - 50svw - env(safe-area-inset-right))}}.trail-hero__media--map{aspect-ratio:3/2;min-height:260px;box-shadow:none}.trail-hero__elev-img{max-height:220px}}@supports not (aspect-ratio:1/1){.trail-hero__media--map{padding-top:56.25%;min-height:0}.trail-hero__media--map>*{position:absolute;inset:0}}.trail-info{max-width:1200px;margin-inline:auto}.trail-info__description{font-size:var(--font-size-md);line-height:var(--line-height-body);color:var(--gray-800);margin-bottom:var(--space-xl)}.trail-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-lg) var(--space-2xl);gap:var(--space-lg) var(--space-2xl);list-style:none;padding:0;margin:0 0 var(--space-xl)}@media (min-width:960px){.trail-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}.metric{display:inline-flex;flex-direction:column;gap:var(--space-xs)}.metric__top{display:inline-flex;align-items:baseline;min-height:2.25rem}.metric__value{font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:var(--font-weight-bold);color:var(--gray-900);letter-spacing:-.01em}.metric__unit{margin-left:.25rem;font-size:.6em;color:var(--gray-900)}.metric__label{font-size:var(--font-size-sm);color:var(--gray-600)}.metric__icon-wrap{line-height:0;color:var(--gray-900)}.metric__icon{display:inline-block}.metric--muted .metric__icon-wrap,.metric--muted .metric__value{color:var(--gray-400)}.trail-info__tags{margin-top:var(--space-md);display:flex;flex-wrap:wrap;gap:var(--space-sm)}.trail-info__tag{background:var(--primary-100);color:var(--primary-800);padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}