.detail-page{padding-top:68px}.detail-hero{position:relative;height:420px;overflow:hidden;background:var(--color-navy)}.detail-hero__img{width:100%;height:100%;object-fit:cover;opacity:.55}.detail-hero__overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--color-navy) 0,rgba(27,42,74,.4) 60%,transparent 100%)}.detail-hero__content{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;padding-bottom:var(--space-5);z-index:1}.detail-hero__category{display:inline-block;background:rgba(240,165,0,.2);border:1px solid rgba(240,165,0,.4);color:var(--color-gold);font-size:12px;font-weight:700;padding:4px 14px;border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-1)}.detail-hero__title{font-family:var(--font-heading);font-size:clamp(26px,4vw,44px);font-weight:800;color:var(--color-white);line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.3)}.detail-body{padding-top:var(--space-5);padding-bottom:var(--space-10)}.detail-actions{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.detail-actions__back{color:var(--color-text-muted)}.detail-actions__map{margin-left:auto}.detail-grid{display:grid;grid-template-columns:320px 1fr;gap:var(--space-5);align-items:flex-start;margin-bottom:var(--space-8)}.detail-info-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-md);position:sticky;top:calc(68px + var(--space-3))}.detail-info-card__title{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--color-navy);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-gold)}.detail-info-list{display:flex;flex-direction:column;gap:var(--space-2)}.detail-info-item{display:flex;flex-direction:column;gap:4px}.detail-info-item dt{font-size:12px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.detail-info-item dd{font-size:15px;color:var(--color-text);line-height:1.5;margin:0}.detail-badge{display:inline-block;background:rgba(27,42,74,.08);color:var(--color-navy);font-size:13px;font-weight:600;padding:4px 12px;border-radius:var(--radius-full)}.detail-coords{font-family:monospace;font-size:13px;color:var(--color-text-muted);background:var(--color-bg);padding:2px 8px;border-radius:4px}.detail-description__title{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--color-navy);margin-bottom:var(--space-2)}.detail-description__text{font-size:16px;color:var(--color-text-muted);line-height:1.8;margin-bottom:var(--space-5)}.detail-description__cta{display:flex;gap:var(--space-2);flex-wrap:wrap}.detail-related{border-top:1px solid var(--color-border);padding-top:var(--space-6)}.detail-related__title{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--color-navy);margin-bottom:var(--space-4)}.detail-related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.related-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;box-shadow:var(--shadow-sm);transition:all var(--transition-base);display:flex;flex-direction:column}.related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(240,165,0,.3)}.related-card__image{height:140px;overflow:hidden;background:var(--color-bg)}.related-card__img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.related-card:hover .related-card__img{transform:scale(1.05)}.related-card__body{padding:var(--space-2);display:flex;flex-direction:column;gap:4px;flex:1}.related-card__category{font-size:11px;font-weight:700;color:var(--color-gold-dark);text-transform:uppercase;letter-spacing:.05em}.related-card__name{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--color-navy);line-height:1.25;margin:0}.related-card__hours{font-size:12px;color:var(--color-text-muted);margin:0}.related-card__cta{font-size:13px;font-weight:600;color:var(--color-gold-dark);margin-top:auto;padding-top:var(--space-1);transition:color var(--transition-fast)}.related-card:hover .related-card__cta{color:var(--color-navy)}@media (max-width:768px){.detail-hero{height:300px}.detail-grid{grid-template-columns:1fr}.detail-info-card{position:static}.detail-actions__map{margin-left:0}}