.attractionContent{max-width:1024px;margin:0 auto;padding:4rem 1.5rem 5rem}.attractionContent .article{margin-top:3rem}.attractionContent .paragraph{color:#222;margin-bottom:1.8rem;font-size:1.05rem;line-height:1.9}.attractionContent .paragraph:first-of-type:first-letter{float:left;color:#8a6f3c;margin-top:.2rem;margin-right:.5rem;font-size:3.5rem;font-weight:600;line-height:1}.sronly{display:none}@media (max-width:768px){.attractionContent{padding:2rem 1.25rem 4rem}.attractionContent .paragraph{font-size:1rem}}
.attractionHero{color:#fff;align-items:flex-end;width:100%;height:85vh;display:flex;position:relative;overflow:hidden}.attractionHero .image{object-fit:cover;z-index:0}.attractionHero .overlay{z-index:1;background:linear-gradient(#00000040,#000000a6);position:absolute;inset:0}.attractionHero .backLink{z-index:2;text-transform:uppercase;letter-spacing:.08em;color:#fff;opacity:.9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff2e;border-radius:14px;align-items:center;gap:8px;padding:12px;font-size:.75rem;transition:opacity .2s;display:flex;position:absolute;top:32px;left:32px}.attractionHero .backLink:hover{opacity:1}.attractionHero .content{z-index:2;max-width:900px;padding:0 32px 72px;position:relative}.attractionHero .meta{align-items:center;gap:16px;margin-bottom:16px;display:flex}.attractionHero .tag{color:#fff;letter-spacing:.12em;text-transform:uppercase;background-color:#8a9b2f;border-radius:2px;padding:6px 12px;font-size:.7rem}.attractionHero .location{opacity:.9;align-items:center;gap:6px;font-size:.85rem;display:flex}.attractionHero .title{margin-bottom:16px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:600;line-height:1.1}.attractionHero .subtitle{opacity:.9;max-width:600px;font-size:1rem;font-style:italic;line-height:1.6}@media (max-width:400px){.attractionHero{height:65vh;padding:1rem 0 .5rem}.attractionHero .content{padding:22px 12px 32px}.attractionHero .meta{flex-direction:column;align-items:flex-start;gap:6px}.attractionHero .tag{margin:.75rem 0}.attractionHero .title{margin:2rem 0 1rem;font-size:clamp(1.4rem,8vw,1.8rem)}.attractionHero .subtitle{font-size:clamp(.7rem,4vw,.85rem)}.attractionHero .backLink{gap:4px;padding:6px;font-size:.6rem;top:10px;left:10px}}
