  .travel-hero {  --ns-gold: #c5a059; --ns-black-overlay: rgba(0, 0, 0, 0.9); --ns-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); position: relative !important; overflow: hidden !important; min-height: 85vh; display: flex; align-items: center; background-color: #000 !important; }  .travel-hero::before { content: ''; position: absolute;  top: 0; left: 0; right: 0; bottom: 0; background-image: var(--travel-bg); background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1; opacity: 0; transition: opacity 2s ease-in-out; pointer-events: none; }  .travel-hero.hero-loaded::before { opacity: 1 !important; animation: ns-ken-burns 40s infinite alternate ease-in-out; } @keyframes ns-ken-burns { from { transform: scale(1); } to { transform: scale(1.15); } }  .travel-plaque { position: absolute; bottom: 50px; right: 50px; width: 450px; max-width: 90vw; background: var(--ns-black-overlay); border-left: 5px solid var(--ns-gold); padding: 35px; color: #ffffff !important; z-index: 10; backdrop-filter: blur(15px); box-shadow: 0 15px 45px rgba(0,0,0,0.6); font-family: serif;   animation: ns-plaque-in 1s ease-out forwards; } @keyframes ns-plaque-in { from { transform: translateY(40px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }   .photo-title { font-size: 1.8rem !important; letter-spacing: 1.5px; font-weight: 800; line-height: 1.2; margin-bottom: 12px; color: var(--ns-gold) !important; text-transform: uppercase; }  .photo-location { font-size: 1.15rem !important; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 15px; opacity: 0.9; color: #ffffff !important; }  .photo-desc { font-size: 1.4rem !important; line-height: 1.6; font-style: normal; font-weight: 400; opacity: 1; margin-bottom: 25px; color: #ffffff !important; }  .photo-copyright { display: block !important; font-size: 0.95rem !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; opacity: 0.75; text-decoration: none !important; color: #ffffff !important;  border-top: 1px solid rgba(255,255,255,0.15); padding-top: 15px; transition: var(--ns-transition); }  .photo-copyright:hover { opacity: 1 !important; color: var(--ns-gold) !important; text-decoration: underline !important; background: transparent !important; transform: translateX(5px);  }  @media (max-width: 768px) { .travel-plaque { bottom: 20px; right: 20px; left: 20px; width: auto; padding: 25px; } .photo-title { font-size: 1.4rem !important; } .photo-desc { font-size: 1.1rem !important; } }