/* Site content surrounding the shared, approved ocean animation. */
html{scroll-padding-top:0}
.home-page .reveal-anchor{scroll-margin-top:0}
.home-page{background:#f7f3e8}
.home-page .ocean-site-header{position:fixed;z-index:10;border:0}
.home-page .wordmark{flex-shrink:0}
.home-page .menu-toggle:not([hidden]){display:flex;align-items:center;gap:10px;padding:10px 0 10px 16px;border:0;background:transparent;color:#082740;font-size:13px;cursor:pointer}
.home-page .main-nav{position:absolute;right:44px;top:84px;width:270px;min-width:250px;padding:20px 24px;flex-direction:column;align-items:stretch;gap:6px;background:#fbf8ef;color:#082740;border:1px solid #08274018;box-shadow:0 18px 44px #08274012;font-size:14px}
.home-page .main-nav .button{margin:10px 0 0;font-size:14px}
.js-nav .home-page .main-nav{display:none}
.js-nav .home-page .main-nav.is-open{display:flex}
.home-page .main-nav{pointer-events:auto}
.home-page .ocean-site-header:has(.main-nav.is-open){background:#f7f3e8f5;border-bottom:1px solid #08274015}
.home-page #veranstaltungen,.home-page #ueber-uns{scroll-margin-top:100px}
.home-page .event-section{background:#f7f3e8;color:#082740;border:0}
.home-page .event-inner{min-height:370px;justify-content:center;text-align:center;padding-block:70px}
.home-page .event-copy{padding:0;border:0}
.home-page .event-intro{font:italic 18px/1.5 Georgia,serif;color:#536879;margin-bottom:14px}
.home-page .event-copy h2{font:500 clamp(36px,4vw,54px)/1.2 Georgia,serif;letter-spacing:-1.5px}
.home-page .event-description{color:#536879;font-size:15px;margin-top:17px}
.home-page .event-copy .button{margin-top:28px;border-radius:3px;font-size:14px;padding-inline:23px}
.home-page .event-logo{display:none}
.home-page .about-section{padding-block:70px;border-top:1px solid #08274018}
.home-page .about-copy h2{font-family:Georgia,serif;font-weight:500}
.home-page .site-footer{border-color:#08274025}
@media(max-width:600px){.home-page .main-nav{top:72px;right:20px;width:250px;min-width:230px;max-width:calc(100vw - 40px)}.home-page #veranstaltungen,.home-page #ueber-uns{scroll-margin-top:84px}.home-page .event-inner{min-height:330px;padding-block:52px}.home-page .about-section{padding-block:42px}.home-page .menu-toggle:not([hidden]){font-size:12px}.home-page .menu-toggle svg{width:18px;height:18px}}
@media(max-width:380px){.home-page .main-nav{right:16px;max-width:calc(100vw - 32px);top:64px}}

/* A small club wagon rolls along the landgang as the section crosses the viewport. */
.home-page .event-inner{padding-bottom:26px}
.wagon-track{position:relative;height:310px;margin-bottom:40px;overflow:hidden;--wagon-x:0px;--wheel-turn:0rad;--wagon-lift:0px}
.wagon-ground{position:absolute;bottom:18px;left:0;right:0;height:1px;background:#08274026}
.tour-wagon{position:absolute;bottom:6px;left:0;width:440px;height:auto;max-width:none;transform:translate3d(var(--wagon-x),var(--wagon-lift),0);will-change:transform}
.wagon-wheel{transform-origin:0 0;transform:rotate(var(--wheel-turn))}
@media(max-width:600px){.wagon-track{height:180px;margin-bottom:26px}.tour-wagon{width:min(250px,68vw)}.home-page .event-inner{padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){.tour-wagon{left:50%;transform:translateX(-50%);will-change:auto}.wagon-wheel{transform:none}}

/* The club story continues the same ink-and-paper visual language. */
.home-page .about-section{grid-template-columns:1.15fr 1fr;gap:clamp(36px,6vw,90px);padding-block:80px 100px;border:0}
.home-page .about-image{overflow:visible}
.home-page .about-image img{height:auto;width:100%;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,#000 56%,transparent 75%)}
.home-page .about-copy{border:0;padding:0}
.home-page .about-copy h2{font:400 clamp(34px,3.6vw,52px)/1.12 Georgia,serif;letter-spacing:-1.5px}
.home-page .about-copy>p{font-size:16px;line-height:1.85;color:#415a69;margin-top:24px;max-width:410px}
.instagram-link{display:inline-flex;align-items:center;gap:16px;color:#082740;margin-top:30px;padding:16px 0;border-top:1px solid #08274035;border-bottom:1px solid #08274035;font-size:14px;line-height:1.5;transition:color .2s,border-color .2s}
.instagram-link small{display:block;font-size:12px;color:#536879;margin-top:3px}
.instagram-link:hover{color:#25733d;border-color:#25733d}
.home-page .site-footer{background:#eeeadd;border:0;color:#082740}
.home-page .footer-inner{min-height:100px}
@media(max-width:850px){.home-page .about-section{gap:32px}.home-page .about-copy h2{font-size:36px}}
@media(max-width:600px){.home-page .about-section{gap:24px;padding-block:32px 56px}.home-page .about-image{width:100%;max-width:440px;align-self:center}.home-page .about-copy{padding-inline:8px}.home-page .about-copy h2{font-size:36px;letter-spacing:-1px}.home-page .about-copy>p{font-size:15px;margin-top:20px}.instagram-link{margin-top:24px}.home-page .footer-inner{min-height:0;padding-block:28px}}

/* Movement stays inside the woodcut; the original image is the static fallback. */
.home-page .about-image{position:relative;padding-bottom:32px}
.shore-canvas{display:none;position:absolute;top:0;left:0;width:100%;height:auto;aspect-ratio:3/2;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,#000 56%,transparent 75%);pointer-events:none}
.home-page .about-image[data-motion="ready"]>img{opacity:0}
.about-image[data-motion="ready"] .shore-canvas{display:block}
.instagram-link{position:relative;border:0}
.instagram-link::before,.instagram-link::after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(#082740,#082740) left/0% 100% no-repeat,#08274035;transition:background-size .55s ease}
.instagram-link::before{top:0}.instagram-link::after{bottom:0;background-position:right}
.instagram-link:hover::before,.instagram-link:focus-visible::before{background-size:100% 100%}
.instagram-link:hover::after,.instagram-link:focus-visible::after{background-size:100% 100%}
@media(prefers-reduced-motion:reduce){.about-image .shore-canvas{display:none}.home-page .about-image[data-motion="ready"]>img{opacity:1}.instagram-link::before,.instagram-link::after{transition:none}}