/* Hero-Entwurf: ein echtes Reisefoto und eine gemeinsame Einladung. */
.v10-hero{position:relative;isolation:isolate;display:flex;align-items:center;height:100vh;height:100dvh;min-height:640px;overflow:hidden;background:#111a12;color:var(--c-ink)}
.v10-hero__image{position:absolute;inset:0 auto 0 0;width:120%;max-width:none;height:100%;object-fit:cover;object-position:50% 50%;z-index:-3}
.v10-hero::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,10,6,.79) 0%,rgba(4,10,6,.58) 33%,rgba(4,10,6,.08) 68%,rgba(4,10,6,.08)),linear-gradient(180deg,rgba(0,0,0,.3),transparent 24%,transparent 75%,rgba(0,0,0,.3))}
.v10-hero__body{width:min(1440px,calc(100% - var(--gutter)*2));margin:0 auto;padding-top:80px;padding-bottom:60px}
.v10-hero h1{max-width:13ch;margin:0;font:850 clamp(60px,6.1vw,100px)/.99 var(--t-display);letter-spacing:-.045em;word-spacing:.035em;text-transform:uppercase;text-wrap:initial}
.v10-hero h1 span{display:block}
.v10-hero h1 em{font-style:normal;color:var(--c-accent)}
.v10-hero__body p{max-width:39ch;margin:28px 0 30px;color:var(--c-ink);font-size:clamp(17px,1.32vw,20px);line-height:1.65}
.v10-hero__action{display:inline-flex;align-items:center;gap:30px;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:8px 8px 8px 27px;color:var(--c-ink);background:rgba(8,12,9,.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font:550 16px var(--t-body);text-decoration:none;transition:background .2s,border-color .2s}
.v10-hero__action>span{display:grid;place-items:center;width:45px;height:45px;flex:none;border-radius:50%;background:var(--c-ink);color:#171a13;transition:background .2s}
.v10-hero__action:hover{background:rgba(8,12,9,.7);border-color:var(--c-accent)}
.v10-hero__action:hover>span{background:var(--c-accent)}
.v10-hero__caption{position:absolute;bottom:30px;right:var(--gutter);margin:0;color:var(--c-ink);font-size:12px;text-shadow:0 1px 8px #000;line-height:1.5}
@media(min-width:1600px){.v10-hero__body{padding-left:12px}.v10-hero__image{width:112%}}
@media(max-width:1100px) and (min-width:761px){.v10-hero h1{font-size:clamp(55px,6.9vw,76px)}.v10-hero__image{width:128%}}
@media(max-width:760px){
 .v10-hero{height:100svh;min-height:620px;align-items:flex-end}
 .v10-hero__image{width:100%;object-position:51% 25%}
 .v10-hero::before{background:linear-gradient(180deg,rgba(3,8,5,.32),rgba(3,8,5,.04) 23%,rgba(3,8,5,.52) 44%,rgba(3,8,5,.87) 83%,rgba(3,8,5,.85))}
 .v10-hero__body{padding:155px 0 72px;width:calc(100% - 48px)}
 .v10-hero h1{font-size:clamp(34px,10.2vw,68px);max-width:none;line-height:1.04;letter-spacing:-.045em}
 .v10-hero__body p{font-size:16px;line-height:1.6;max-width:35ch;margin:23px 0 24px}
 .v10-hero__action{font-size:15px;gap:27px;padding-left:24px}
 .v10-hero__caption{font-size:10px;bottom:23px;left:24px;right:auto}
}
@media(max-width:360px){.v10-hero__body{width:calc(100% - 40px)}.v10-hero__caption{left:20px}}
@media(min-width:761px) and (max-height:690px){.v10-hero{min-height:590px}.v10-hero h1{font-size:clamp(54px,5vw,70px)}.v10-hero__body{padding-top:85px;padding-bottom:30px}.v10-hero__body p{margin:22px 0;font-size:17px}}
@media(prefers-reduced-motion:reduce){.v10-hero__action,.v10-hero__action>span{transition:none}}