.am-find-munich { padding: clamp(2.5rem,5vw,5rem) 0 0; color: #173e43; scroll-margin-top: 7rem; }
.am-find-munich:focus { outline: none; }
.am-find-munich *, .am-find-munich *::before, .am-find-munich *::after { box-sizing: border-box; }
.am-find-munich [hidden] { display: none !important; }
.am-find-munich ::selection { background: #f9b000; color: #101e22; }
.am-find-munich :is(a,button):focus-visible { outline: 3px solid #00586c; outline-offset: 5px; }
.am-find-intro { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 2rem; margin-bottom: 2rem; }
.am-find-intro h2 { margin: 0; color: #173e43; font-size: clamp(3.4rem,6.5vw,6rem); line-height: .95; text-transform: uppercase; text-wrap: balance; }
.am-find-intro > p { max-width: 56ch; margin: 0 0 .25rem; font-size: 1.03rem; line-height: 1.65; }
.am-find-tabs { display: flex; gap: .5rem; margin: 0 0 1.3rem; }
.am-find-tabs > a { flex: 1; display: flex; align-items: center; justify-content: space-between; gap: .6rem; min-height: 4rem; padding: .9rem 1.2rem; color: #173e43; background: #e5e8df; font-size: 1.05rem; font-weight: 800; text-decoration: none; transition: color 180ms, background 180ms; }
.am-find-tabs > a:hover { background: #d5ddd4; }
.am-find-tabs > a[aria-selected="true"] { background: #173e43; color: #fff; box-shadow: inset 0 -4px #f9b000; }
.am-find-tabs svg { width: 20px; height: 20px; transform: rotate(45deg); transition: transform 300ms cubic-bezier(.16,1,.3,1); }
.am-find-tabs > a[aria-selected="true"] svg { transform: rotate(0); color: #f9b000; }
.am-find-panel { display: grid; grid-template-columns: 1.13fr 1fr; gap: clamp(1.5rem,3.5vw,3.5rem); align-items: center; scroll-margin-top: 7rem; }
.am-find-panel + .am-find-panel { margin-top: 2rem; }
.am-find-munich.is-ready .am-find-panel { margin: 0; }
.am-find-photo { position: relative; margin: 0; aspect-ratio: 1.22; overflow: hidden; background: #173e43; }
.am-find-photo img { width: 100%; height: 100%; object-fit: cover; }
.am-find-photo figcaption, .am-community-photo figcaption { position: absolute; inset: auto 0 0; padding: 2.5rem 1rem .8rem; background: linear-gradient(transparent,rgba(5,20,25,.92)); color: #fff; font: 400 .73rem/1.5 var(--sans,sans-serif); }
.am-find-photo figcaption a, .am-community-photo figcaption a { color: #fff; text-underline-offset: .16em; }
.am-find-photo figcaption > span, .am-community-photo figcaption > span { display: block; }
.am-find-path-copy h3 { margin: 0 0 .8rem; max-width: 19ch; color: #173e43; font-size: clamp(1.7rem,2.5vw,2.25rem); line-height: 1.15; text-wrap: balance; }
.am-find-path-copy p { max-width: 45ch; margin: 0 0 1.2rem; font-size: 1rem; line-height: 1.6; }
.am-find-guides { margin: 0; padding: 0; list-style: none; }
.am-find-guides > li { margin: 0; border-top: 1px solid #b9c4ba; }
.am-find-guides a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 4.6rem; padding: .8rem .1rem; color: #173e43; text-decoration: none; }
.am-find-guides a > span { min-width: 0; }
.am-find-guides strong { display: block; font: 800 1.1rem/1.3 var(--sans,sans-serif); }
.am-find-guides a > span > span { display: block; margin-top: .25rem; color: #485b5d; font-size: .86rem; line-height: 1.4; }
.am-find-guides svg { box-sizing: content-box; padding: .5rem; background: #e5e8df; border-radius: 50%; transition: background 180ms,transform 250ms cubic-bezier(.16,1,.3,1); }
.am-find-guides a:hover strong { text-decoration: underline; text-underline-offset: .2em; }
.am-find-guides a:hover svg { background: #f9b000; transform: translateX(3px); }
.am-find-munich svg { flex: none; vertical-align: middle; }
.am-find-community { display: grid; grid-template-columns: .85fr 1.15fr; margin-top: clamp(2.5rem,5vw,4.5rem); background: #173e43; color: #fff; }
.am-community-photo { position: relative; overflow: hidden; min-height: 27rem; margin: 0; }
.am-community-photo img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; object-position: 50% 60%; }
.am-find-community-copy { align-self: center; padding: clamp(1.5rem,3.5vw,3.1rem); }
.am-find-community h3 { margin: 0 0 .9rem; color: #fff; font-size: clamp(1.9rem,3vw,2.7rem); line-height: 1.1; }
.am-find-community-copy > p { max-width: 60ch; margin: .8rem 0 0; font-size: .95rem; line-height: 1.6; }
.am-find-community a { color: #fff; text-underline-offset: .2em; }
.am-find-community .am-community-link { display: flex; justify-content: space-between; align-items: center; gap: .7rem; margin-top: 1.3rem; padding: .9rem 1rem; min-height: 3.3rem; background: #f9b000; color: #101e22; font-weight: 800; text-decoration: none; }
.am-find-community .am-community-link:hover { background: #ffcd48; }
.am-find-community-copy > .am-community-credit { margin-top: 1.1rem; color: #d4e3e1; font-size: .85rem; }
.am-community-about { display: inline-flex; align-items: center; gap: .7rem; min-height: 44px; margin-top: .1rem; font-size: .9rem; font-weight: 700; }
.am-find-community-copy > .am-community-oktoberfest { padding-top: .85rem; border-top: 1px solid #57787a; font-size: .9rem; }
.am-find-community-copy > .am-community-access { color: #d4e3e1; font-size: .76rem; }
.am-find-community :is(a,button):focus-visible { outline-color: #f9b000; }
.am-find-sr { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
@media (prefers-reduced-motion: no-preference) {
 .am-find-munich.is-ready .am-find-panel:not([hidden]) .am-find-photo { animation: am-photo-reveal 550ms cubic-bezier(.16,1,.3,1) backwards; }
 .am-find-munich.is-ready .am-find-panel:not([hidden]) .am-find-path-copy { animation: am-copy-reveal 450ms cubic-bezier(.16,1,.3,1) both; }
 @keyframes am-photo-reveal { from { clip-path: inset(0 5% 0 0); opacity: .75; } to { clip-path: inset(0); opacity: 1; } }
 @keyframes am-copy-reveal { from { transform: translateY(9px); opacity: .7; } to { transform: none; opacity: 1; } }
}
@media (max-width: 900px) { .am-find-munich,.am-find-panel { scroll-margin-top: 10.5rem; } .am-find-photo { aspect-ratio: .85; } .am-find-community { grid-template-columns: .8fr 1.2fr; } }
@media (max-width: 650px) {
 .am-find-intro { grid-template-columns: 1fr; gap: 1rem; margin-bottom: 1.4rem; }
 .am-find-intro h2 { max-width: 9ch; font-size: clamp(3.3rem,13.2vw,4.8rem); }
 .am-find-intro > p { font-size: 1rem; }
 .am-find-tabs { gap: .3rem; }
 .am-find-tabs > a { padding: .8rem .6rem; font-size: .9rem; min-height: 4.6rem; }
 .am-find-tabs svg { display: none; }
 .am-find-panel { grid-template-columns: 1fr; gap: 1.3rem; }
 .am-find-photo { aspect-ratio: 1.38; }
 .am-find-path-copy h3 { max-width: 22ch; font-size: 1.8rem; }
 .am-find-community { grid-template-columns: 1fr; }
 .am-community-photo { min-height: 0; aspect-ratio: 1.4; }
 .am-find-community-copy { padding: 1.5rem 1.2rem; }
 .am-find-community h3 { font-size: 2rem; }
 .am-find-guides strong { font-size: 1.05rem; }
}
@media (prefers-reduced-motion: reduce) { .am-find-munich * { animation: none !important; transition: none !important; } }
