body{background:#141914}.hero{height:100svh;min-height:700px}.hero-content{padding:100px 24px 100px}.eyebrow{font-size:13px;letter-spacing:.25em;color:#f4d58f}.hero h1{margin:25px 0}.hero-subtitle{margin-bottom:22px}.hero-logo{width:min(400px,40vw);max-width:400px;max-height:34svh;animation:logo-breathe 7s ease-in-out 1s infinite}.hero-scene{animation:none}.water-ripples{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hero-actions{flex-wrap:wrap}.button{border-radius:5px;transition:transform .25s,box-shadow .25s,background .25s}.button-join:hover{box-shadow:inset 0 3px 0 #ffe6ad,0 5px 0 #8b6527,0 12px 34px #f4ce7b30}.button-discord:hover{box-shadow:inset 0 2px 0 #ffffff20,0 5px 0 #101510,0 12px 30px #0006}.button svg{transition:transform .25s}.button:hover svg{transform:translateY(-2px) rotate(-5deg)}.button-instagram{background:#29232a;color:#d5cbd5;border:1px solid #716573;box-shadow:0 5px 0 #151216;min-width:140px;gap:12px;opacity:.85}.button-instagram>span{display:flex;flex-direction:column;gap:5px;font-size:13px;text-align:left}.button-instagram small{font-size:9px;font-weight:400}.button:disabled:hover{transform:none}.button:disabled:before{display:none}.button:disabled:hover svg{transform:none}.explore-cue{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:10px;align-items:center;font-size:9px;letter-spacing:.2em;color:#ede8d8}.explore-cue>span:last-child{font-size:22px;transition:transform .2s}.explore-cue:hover>span:last-child{transform:translateY(4px)}
.network-section{position:relative;padding:62px max(6vw,24px) 0;background:#141914;color:#f4f1e8}.network-grid{max-width:1160px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.network-card{padding:29px 30px 26px;border:1px solid #c1c5a725;border-radius:16px;background:linear-gradient(145deg,#354034b0,#1b221bdd);box-shadow:0 14px 40px #0002;position:relative;overflow:hidden;transition:transform .3s,border-color .3s}.network-card:before{content:'';position:absolute;left:30px;top:0;width:44px;height:2px;background:#e2bc68}.network-card:hover{transform:translateY(-5px);border-color:#d8bd795c}.support-card{background:linear-gradient(145deg,#494332b0,#25241bdd)}.card-kicker{font-size:9px;letter-spacing:.2em;font-weight:700;color:#dec98e}.network-card h2{font-size:30px;line-height:1.12;letter-spacing:-.035em;margin:20px 0 16px}.network-card p{font-size:13px;line-height:1.8;color:#d0d3c6;max-width:310px}.beta-tag{display:inline-block;font-size:9px;letter-spacing:.12em;color:#c6d9ae;border:1px solid #b3c39b40;border-radius:5px;padding:9px 11px;margin-top:23px}.card-link{display:inline-flex;gap:22px;align-items:center;color:#f2d183;font-size:13px;font-weight:700;margin-top:22px;padding-bottom:6px;border-bottom:1px solid #c6a66950}.card-link span{transition:transform .2s}.card-link:hover span{transform:translate(3px,-3px)}.social-row{display:flex;flex-wrap:wrap;gap:16px;align-items:baseline}.social-pending{font-size:11px;color:#aeb5a5}.network-about{max-width:1040px;margin:45px auto 0;padding:32px 0;display:flex;align-items:center;justify-content:center;gap:42px;border-top:1px solid #d8d8b920}.network-about img{width:155px;height:auto;flex-shrink:0}.network-about h2{font-size:19px;letter-spacing:-.02em;margin-bottom:12px}.network-about p{max-width:570px;font-size:13px;line-height:1.8;color:#cdd1c2}.final-footer{flex-direction:column-reverse;justify-content:center;gap:12px;padding:24px;min-height:100px;border-top:1px solid #ffffff0d}.final-footer>div{gap:30px}.final-footer button{color:#f1d391;font-weight:700}.final-footer small{color:#adb5a6;font-size:9px}
@keyframes logo-breathe{0%,100%{transform:translateY(0) rotate(-.25deg)}50%{transform:translateY(-6px) rotate(.25deg)}}
@media(max-width:760px){.hero{min-height:740px;height:100svh;padding:85px 18px 75px}.hero-content{padding:0}.hero-logo{width:min(320px,72vw);max-height:30svh;max-width:320px}.hero h1{margin:22px 0}.eyebrow{font-size:11px}.hero-actions{max-width:410px;margin:auto;gap:12px}.button-join{flex-basis:100%;max-width:330px;justify-content:space-between}.button-discord,.button-instagram{flex:1;min-width:0;min-height:55px}.hero-subtitle{font-size:14px;margin-bottom:20px}.network-section{padding:35px 20px 0}.network-grid{grid-template-columns:1fr;gap:14px}.network-card{padding:25px}.network-card h2{font-size:27px}.network-card h2 br{display:none}.network-card h2 br:after{content:' '}.network-card p{max-width:none}.network-about{margin-top:28px;gap:22px;padding:28px 0}.network-about img{width:100px}.network-about h2{font-size:17px}.network-about p{font-size:12px}.final-footer{min-height:100px}.explore-cue{bottom:26px}}
@media(prefers-reduced-motion:reduce){.hero-logo{animation:none}.network-card,.button,.card-link span{transition:none}.water-ripples{display:none}}

.final-footer{flex-direction:column}.network-card h2 br{margin-right:.2em}

/* V11: primary join action and compact Instagram placeholder. */
.button-join{min-width:285px;min-height:76px;padding:18px 26px;background:linear-gradient(115deg,#ffe3a0,#efbb56);border:1px solid #ffe8b4;box-shadow:inset 0 2px 0 #fff2c9,0 5px 0 #906522,0 8px 30px #efbb5626;isolation:isolate}.button-join .button-text strong{font-size:23px}.button-join .button-text small{letter-spacing:.14em}.button-join>svg{padding:9px;width:42px;height:42px;border-radius:9px;background:#6e4a1718}.button-join:hover,.button-join:focus-visible{transform:translateY(-5px) scale(1.025);box-shadow:inset 0 2px 0 #fff2c9,0 7px 0 #906522,0 16px 40px #efbb5650}.button-join:active{transform:translateY(3px) scale(.98);box-shadow:inset 0 2px 0 #fff2c9,0 1px 0 #906522,0 4px 14px #efbb5626}.button-join:before{background:linear-gradient(110deg,transparent 30%,#ffffff90 50%,transparent 70%);transition:transform .8s}.button-join.is-copied:after{content:'✓ Adresse kopiert';position:absolute;inset:0;display:grid;place-items:center;background:#d6efbc;color:#24391e;font-size:17px;font-weight:800;animation:copy-confirm .25s ease-out}.button-discord:hover svg{transform:rotate(-8deg) scale(1.15)}.button-discord:hover{transform:translateY(-4px);border-color:#ececdb}.button-instagram{flex:none;min-width:0;width:78px;min-height:76px;padding:10px 5px;display:flex;flex-direction:column;justify-content:center;gap:8px;background:#26262a;border-color:#716a745e}.button-instagram svg{width:24px;height:24px}.button-instagram>small{font-size:8px;line-height:1.2;white-space:nowrap;color:#d5cbd5}.hero-actions{align-items:stretch}
@keyframes copy-confirm{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@media(max-width:760px){.button-join{min-width:0;min-height:68px;max-width:350px}.button-join .button-text strong{font-size:22px}.button-discord{flex:1}.button-instagram{flex:0 0 70px;width:70px;min-height:60px}.hero-actions{max-width:350px}}
@media(prefers-reduced-motion:reduce){.button-join.is-copied:after{animation:none}.button-join:hover,.button-join:focus-visible,.button-join:active{transform:none}}

/* V12: ambient, non-interactive motion; only the flag fabric is displaced. */
.flag-breeze{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.hero-logo{animation:logo-drift 9s ease-in-out infinite;cursor:default}.ambient-paused .hero-logo{animation-play-state:paused}
@keyframes logo-drift{0%,100%{transform:translateY(0) rotate(-.1deg)}50%{transform:translateY(-2px) rotate(.1deg)}}
@media(prefers-reduced-motion:reduce){.flag-breeze{display:none}.hero-logo{animation:none;transform:none}}
/* V13: slow dimensional logo drift and stronger fabric waves, no hover response. */
.hero-logo{animation:logo-float-depth 10s ease-in-out infinite;transform-origin:50% 55%;backface-visibility:hidden}
@keyframes logo-float-depth{
 0%,100%{transform:perspective(900px) translateY(0) rotateX(0deg) rotateY(-1deg) rotateZ(-.25deg) scale(1)}
 25%{transform:perspective(900px) translateY(-4px) rotateX(.7deg) rotateY(0deg) rotateZ(0deg) scale(1.005)}
 50%{transform:perspective(900px) translateY(-7px) rotateX(0deg) rotateY(1deg) rotateZ(.25deg) scale(1.012)}
 75%{transform:perspective(900px) translateY(-3px) rotateX(-.7deg) rotateY(0deg) rotateZ(0deg) scale(1.005)}
}
.ambient-paused .hero-logo{animation-play-state:paused}
@media(max-width:760px){.hero-logo{animation-duration:12s}}
@media(prefers-reduced-motion:reduce){.hero-logo{animation:none;transform:none}.flag-breeze{display:none}}

/* V18: robust canvas cloth rendering, independent of SVG filter support. */
.flag-cloth{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}@media(prefers-reduced-motion:reduce){.flag-cloth{display:none}}