:root{
  --navy:#0B1B2B; --navy-2:#11283D; --ink:#1B2430; --sand:#F5F0E7; --sand-2:#EBE3D5;
  --gold:#C9A25A; --gold-soft:#E9C88A; --muted:#5D6672; --line:rgba(27,36,48,.14);
  --serif:'Instrument Serif', 'Georgia', serif; --sans:'Satoshi', 'Helvetica Neue', sans-serif;
  --text-base:clamp(1.02rem, .98rem + .2vw, 1.14rem);
  --gutter:clamp(1.25rem, 5vw, 4rem);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:72px}
html[data-lang="de"] body [lang="en"],html[data-lang="en"] body [lang="de"]{display:none!important}
body{font-family:var(--sans);font-size:var(--text-base);line-height:1.68;color:var(--ink);background:var(--sand);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--navy);padding:.5rem 1rem;z-index:99}
.skip:focus{left:1rem}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* NAV */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:.85rem var(--gutter);background:rgba(11,27,43,.82);backdrop-filter:blur(10px);color:var(--sand)}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-family:var(--serif);font-size:1.3rem;letter-spacing:.01em}
.brand-text{display:flex;flex-direction:column;line-height:1.05}
.brand-text small{font-family:var(--sans,inherit);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--gold);margin-bottom:.2rem}
.brand img{width:40px;height:40px;border-radius:50%;flex:none;display:block}
.nav nav{display:flex;gap:1.6rem;align-items:center;font-size:.9rem}
.nav nav a{text-decoration:none;opacity:.85}
.nav nav a:hover{opacity:1}
.nav-cta{border:1px solid var(--gold);padding:.35rem .9rem;border-radius:99px;color:var(--gold-soft);opacity:1!important}

/* HERO */
.hero{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);background:var(--navy);color:var(--sand)}
.hero-media{position:relative;overflow:hidden}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,var(--navy) 100%)}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:7rem var(--gutter) 4rem}
.eyebrow,.kicker{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--gold)}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(3.4rem,8vw,7.4rem);line-height:.92;margin:1.1rem 0 1rem;letter-spacing:-.01em}
h1 em{color:var(--gold-soft)}
.tagline{font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,2.2vw,1.8rem);opacity:.9}
.lede{max-width:34rem;margin-top:1.5rem;opacity:.82}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.2rem}

.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);font-weight:500;font-size:.95rem;padding:.85rem 1.5rem;border-radius:99px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .2s, background .2s, color .2s}
.btn:hover{transform:translateY(-1px)}
.btn-gold{background:var(--gold);color:var(--navy)}
.btn-gold:hover{background:var(--gold-soft)}
.btn-gold[aria-disabled="true"]{cursor:default;opacity:.92}
.btn-ghost{border-color:rgba(245,240,231,.4);color:var(--sand);background:transparent}
.btn-ghost:hover{border-color:var(--sand)}
.btn-ghost-dark{border-color:var(--line);color:var(--ink);background:transparent}
.btn-ghost-dark:hover{border-color:var(--ink)}

/* CHAPTERS */
.chapter{display:grid;grid-template-columns:minmax(4rem,1fr) minmax(0,40rem) minmax(0,1fr);gap:2rem;padding:clamp(5rem,10vw,8rem) var(--gutter)}
.chapter-num{font-family:var(--serif);font-size:clamp(3rem,7vw,6rem);color:var(--gold);line-height:1;justify-self:end;opacity:.75}
.prose h2,.section-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,3.8vw,3.1rem);line-height:1.08;margin:.8rem 0 1.6rem;letter-spacing:-.005em}
.prose p{margin-bottom:1.1rem}
.prose .big{font-family:var(--serif);font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.2;margin:2rem 0 1.2rem;color:var(--navy)}
.prose .big.light{color:var(--gold-soft)}
.muted{color:var(--muted);font-size:.95em}
.light{color:var(--sand)}
.light .muted{color:rgba(245,240,231,.7)}

.checks{list-style:none;margin-top:1.2rem}
.checks li{padding:1rem 0 1rem 2rem;border-top:1px solid var(--line);position:relative}
.checks li::before{content:"";position:absolute;left:0;top:1.55rem;width:1rem;height:1px;background:var(--gold)}
.steps{counter-reset:s;list-style:none;margin:1rem 0 2rem}
.steps li{counter-increment:s;padding:.9rem 0 .9rem 3rem;border-top:1px solid var(--line);position:relative}
.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:.9rem;font-family:var(--serif);color:var(--gold);font-size:1.2rem}

/* NIGHT */
.night{background:radial-gradient(ellipse at 20% 0%,#1A3A55 0%,var(--navy) 60%);color:var(--sand);padding:clamp(5rem,10vw,8rem) var(--gutter)}
.night-inner{max-width:72rem;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:end}
.faces{list-style:none;display:grid;gap:1rem}
.faces li{border-left:2px solid var(--gold);padding:.4rem 0 .4rem 1.2rem;font-family:var(--serif);font-size:1.35rem;line-height:1.3;color:rgba(245,240,231,.9)}

/* QUOTE */
.quote-band{background:url('assets/water.jpg') center/cover;position:relative;padding:clamp(6rem,14vw,11rem) var(--gutter)}
.quote-band::before{content:"";position:absolute;inset:0;background:rgba(11,27,43,.62)}
.quote-band blockquote{position:relative;max-width:52rem;margin:0 auto;text-align:center;color:var(--sand)}
.quote-band p{font-family:var(--serif);font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.15}
.quote-band cite{display:block;margin-top:1.5rem;font-style:normal;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-soft)}

/* VISION */
.vision,.honesty{padding:clamp(5rem,10vw,8rem) var(--gutter);background:var(--sand-2)}
.section-head{max-width:46rem;margin:0 auto 3rem;text-align:center}
.section-head p:not(.kicker){color:var(--muted)}
.pillars{max-width:72rem;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.pillar{background:var(--sand);padding:2.2rem 2rem;border-radius:4px;border-top:3px solid var(--gold)}
.pillar-num{font-family:var(--serif);color:var(--gold);font-size:1.4rem}
.pillar h3{font-family:var(--serif);font-weight:400;font-size:1.75rem;line-height:1.1;margin:.6rem 0 .8rem}
.pillar p{color:var(--muted)}
.note{text-align:center;max-width:40rem;margin:2.5rem auto 0;font-size:.9rem;color:var(--muted)}

/* HOUSE */
.house{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(2rem,6vw,6rem);align-items:center;max-width:76rem;margin:0 auto;padding:clamp(5rem,10vw,8rem) var(--gutter)}
.house-art{color:var(--navy);background:var(--navy);border-radius:4px;aspect-ratio:4/3;display:grid;place-items:center;padding:2rem}
.house-art svg{width:100%;height:auto;color:var(--sand)}

/* ATLANTIC */
.atlantic{background:var(--navy);color:var(--sand);display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;padding:clamp(5rem,10vw,8rem) var(--gutter)}
.atlantic-img img{width:100%;border-radius:4px;aspect-ratio:1076/506;object-fit:cover}
.atlantic strong{color:var(--gold-soft);font-weight:500}

/* HONESTY */
.facts{max-width:66rem;margin:0 auto}
.facts dl{display:grid;grid-template-columns:repeat(2,1fr);gap:0 3rem}
.facts dl>div{padding:1.5rem 0;border-top:1px solid var(--line)}
.facts dt{font-family:var(--serif);font-size:1.45rem;margin-bottom:.4rem}
.facts dd{color:var(--muted)}

/* SUPPORT */
.support{padding:clamp(5rem,10vw,8rem) var(--gutter)}
.support-inner{max-width:72rem;margin:0 auto}
.support h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:1.05;margin:.8rem 0 2.5rem;max-width:40rem}
.ways{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1.5rem}
.way{border:1px solid var(--line);border-radius:4px;padding:2rem;display:flex;flex-direction:column;gap:1rem;align-items:flex-start}
.way h3{font-family:var(--serif);font-weight:400;font-size:1.7rem;line-height:1.1}
.way p{color:var(--muted)}
.way-main{background:var(--navy);color:var(--sand);border-color:var(--navy)}
.way-main p{color:rgba(245,240,231,.78)}
.way .small{font-size:.82rem;min-height:1.2em}
.talks{margin-top:1.5rem;padding:2rem;border-radius:4px;background:var(--sand-2);display:flex;gap:2rem;justify-content:space-between;align-items:center}
.talks h3{font-family:var(--serif);font-weight:400;font-size:1.6rem;margin-bottom:.4rem}
.talks p{color:var(--muted);max-width:44rem}
.talks .btn{flex-shrink:0}

/* CLOSING */
.closing{background:var(--navy);color:var(--sand);text-align:center;padding:clamp(6rem,12vw,10rem) var(--gutter)}
.closing-line{font-family:var(--serif);font-size:clamp(1.6rem,3.2vw,2.6rem);line-height:1.25;max-width:50rem;margin:0 auto 2rem}
.closing-line.gold{color:var(--gold-soft)}
.signature{margin-top:3.5rem;font-size:.9rem;opacity:.85}
.sig-name{font-family:var(--serif);font-size:1.7rem;font-style:italic;opacity:1;margin-bottom:.2rem}
.foot{background:#071320;color:rgba(245,240,231,.6);padding:2.5rem var(--gutter);font-size:.82rem;text-align:center;display:grid;gap:.6rem}
.foot p{max-width:56rem;margin:0 auto}

/* REVEAL */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .9s ease, transform .9s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}


/* LANG SWITCH */
.lang-switch{display:flex;border:1px solid rgba(245,240,231,.3);border-radius:99px;overflow:hidden}
.lang-switch button{background:none;border:0;color:var(--sand);font:500 .78rem var(--sans);letter-spacing:.08em;padding:.35rem .65rem;cursor:pointer;opacity:.65}
.lang-switch button[aria-pressed="true"]{background:var(--gold);color:var(--navy);opacity:1}

/* STRIP */
.strip{background:var(--navy-2);color:var(--sand);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(245,240,231,.08)}
.strip>div{padding:2rem var(--gutter);border-right:1px solid rgba(245,240,231,.08);display:flex;flex-direction:column;gap:.3rem;font-size:.88rem;color:rgba(245,240,231,.75)}
.strip>div:last-child{border-right:0}
.strip-num{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.5rem);color:var(--gold-soft);line-height:1}

/* INITIATIVES */
.initiatives{padding:clamp(5rem,10vw,8rem) var(--gutter)}
.init-grid{max-width:72rem;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.init{border:1px solid var(--line);border-radius:4px;background:var(--sand);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:inherit}
.init-main{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;background:var(--navy);color:var(--sand);border-color:var(--navy);transition:transform .25s}
.init-main:hover{transform:translateY(-2px)}
.init-main img{width:100%;height:100%;object-fit:cover;min-height:260px}
.init-body{padding:2rem;display:flex;flex-direction:column;gap:.8rem;align-items:flex-start}
.init h3{font-family:var(--serif);font-weight:400;font-size:1.8rem;line-height:1.1}
.init-main h3{font-size:clamp(2rem,3.4vw,2.8rem)}
.init p{color:var(--muted)}
.init-main p{color:rgba(245,240,231,.8)}
.badge{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;padding:.3rem .7rem;border-radius:99px;border:1px solid var(--line);color:var(--muted)}
.badge-live{border-color:var(--gold);color:var(--gold-soft)}

/* NIGHT QUOTE */
.night-quote{border-left:2px solid var(--gold);padding-left:1.5rem}
.night-quote p{font-family:var(--serif);font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.2;color:var(--sand)}
.night-quote cite{display:block;margin-top:1.2rem;font-style:normal;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-soft)}

/* ROW */
.row{background:var(--sand);padding:clamp(5rem,10vw,8rem) var(--gutter)}
.row-inner{max-width:76rem;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.row-media{position:relative;aspect-ratio:4/5}
.row-photo{position:absolute;margin:0;overflow:hidden;border-radius:4px;box-shadow:0 20px 50px -20px rgba(11,27,43,.45)}
.row-photo img{width:100%;height:100%;object-fit:cover}
.row-photo-a{left:0;top:0;width:72%;height:82%}
.row-photo-b{right:0;bottom:0;width:46%;height:52%;border:6px solid var(--sand)}
.row strong{color:var(--navy);font-weight:700}
.text-link{display:inline-block;margin-top:.5rem;color:var(--navy);font-weight:500;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:.15rem}
.text-link:hover{color:var(--gold)}

/* ABOUT */
.about{background:var(--sand-2);padding:clamp(5rem,10vw,8rem) var(--gutter)}
.about-inner{max-width:68rem;margin:0 auto;display:grid;grid-template-columns:minmax(0,22rem) 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.about-photo{margin:0}
.about-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;border:6px solid var(--sand);box-shadow:0 20px 50px -24px rgba(11,27,43,.5)}
.about h2{margin-bottom:.3rem!important}
.about-sub{font-family:var(--serif);font-style:italic;font-size:1.25rem;color:var(--gold);margin-bottom:1.4rem!important}

/* SUPPORT EXTRAS */
.donate-row{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}
.qr{width:112px;height:112px;background:var(--sand);border-radius:6px;display:grid;place-items:center;padding:6px}
.qr svg{width:100%;height:100%}
.qr-ph{font-size:.72rem;color:var(--muted);text-align:center;line-height:1.3;border:1px dashed rgba(27,36,48,.3);border-radius:4px;width:100%;height:100%;display:grid;place-items:center;padding:.4rem}
.talks{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:0;padding:0;overflow:hidden;align-items:stretch}
.talks img{width:100%;height:100%;object-fit:cover;object-position:30% 30%;min-height:280px}
.talks-body{padding:2.2rem;display:flex;flex-direction:column;gap:.9rem;align-items:flex-start}
.talk-list{list-style:none;width:100%}
.talk-list li{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:1px solid var(--line)}
.talk-list b{font-weight:500;color:var(--navy);white-space:nowrap}
.small-muted{font-size:.85rem;color:var(--muted)}

/* RESPONSIVE */
@media (max-width:1100px){.nav nav a:not(.nav-cta){display:none}}
@media (max-width:900px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-media{height:70svh}
  .hero-media::after{background:linear-gradient(180deg,transparent 55%,var(--navy) 100%)}
  .hero-copy{padding:1rem var(--gutter) 4rem}
  .strip{grid-template-columns:repeat(2,1fr)}
  .strip>div:nth-child(2){border-right:0}
  .strip>div:nth-child(-n+2){border-bottom:1px solid rgba(245,240,231,.08)}
  .chapter{grid-template-columns:1fr;gap:.5rem}
  .chapter-num{justify-self:start;font-size:3rem}
  .night-inner,.house,.row-inner,.about-inner{grid-template-columns:1fr}
  .pillars,.ways,.init-grid{grid-template-columns:1fr}
  .init-main{grid-template-columns:1fr}
  .init-main img{min-height:200px;max-height:260px}
  .facts dl{grid-template-columns:1fr}
  .talks{grid-template-columns:1fr}
  .talks img{max-height:300px}
  .house-art{order:-1}
  .about-photo{max-width:16rem}
}
@media (max-width:480px){
  .brand span{font-size:1.05rem}
  .nav-cta{display:none}
  .strip>div{padding:1.4rem 1.1rem}
  .talk-list li{flex-direction:column;gap:.2rem}
}

/* ===== v2: STORY TIMELINE ===== */
.story{padding:clamp(5rem,10vw,8rem) var(--gutter)}
.timeline{list-style:none;max-width:60rem;margin:0 auto;position:relative}
.timeline::before{content:"";position:absolute;left:10.5rem;top:.6rem;bottom:.6rem;width:1px;background:var(--line)}
.tl{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:0 3rem;padding:0 0 3rem;position:relative}
.tl::before{content:"";position:absolute;left:calc(10.5rem - 5px);top:.55rem;width:11px;height:11px;border-radius:50%;background:var(--sand);border:2px solid var(--gold)}
.tl-when{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--gold);padding-top:.35rem;text-align:right}
.tl-body h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.1;margin-bottom:.6rem;color:var(--navy)}
.tl-body p{color:var(--ink);max-width:40rem}
.tl-img{grid-column:2;margin:1.4rem 0 0;max-width:15rem}
.tl-img img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;box-shadow:0 18px 40px -22px rgba(11,27,43,.5)}
.tl-img-wide{max-width:32rem}
.tl-img-wide img{aspect-ratio:1076/506}
.tl-key .tl-body{background:var(--navy);color:var(--sand);padding:2rem 2.2rem;border-radius:4px}
.tl-key .tl-body h3{color:var(--gold-soft)}
.tl-key .tl-body p{color:rgba(245,240,231,.88)}
.tl-key::before{background:var(--gold)}
.story-links{text-align:center;margin-top:1rem}

/* GOAL */
.goal{max-width:62rem;margin:3rem auto 0;text-align:center;border-top:1px solid var(--line);padding-top:2.5rem}
.goal-label{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--gold)}
.goal-text{font-family:var(--serif);font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.22;color:var(--navy);margin-top:.6rem}

/* ROW v2 */
.row-head{max-width:46rem;margin:0 auto 3rem}
.gallery{max-width:76rem;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.g{margin:0;position:relative;overflow:hidden;border-radius:4px;background:var(--navy)}
.g img{width:100%;height:100%;object-fit:cover}
.g-tall{aspect-ratio:3/4}
.g-tall:nth-child(3) img{object-position:50% 35%}
.g-wide{grid-column:1/-1;aspect-ratio:1500/560}
.g figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.5rem 1.2rem 1rem;background:linear-gradient(180deg,transparent,rgba(11,27,43,.78));color:var(--sand);font-family:var(--serif);font-size:1.25rem}

/* PACKAGES */
.packs{padding:clamp(5rem,10vw,8rem) var(--gutter);background:var(--sand-2)}
.pack-grid{max-width:76rem;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;align-items:stretch}
.pack{background:var(--sand);border-radius:4px;padding:1.8rem 1.5rem;border-top:3px solid var(--gold);display:flex;flex-direction:column;gap:.5rem}
.pack-price{font-family:var(--serif);font-size:2rem;line-height:1;color:var(--navy)}
.pack h3{font-weight:500;font-size:1.05rem;letter-spacing:.01em}
.pack ul{list-style:none;margin-top:.4rem;display:grid;gap:.55rem}
.pack li{font-size:.92rem;color:var(--muted);padding-left:1rem;position:relative;line-height:1.45}
.pack li::before{content:"";position:absolute;left:0;top:.62em;width:.45rem;height:1px;background:var(--gold)}
.pack-tag{align-self:flex-start;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;background:var(--gold);color:var(--navy);padding:.25rem .6rem;border-radius:99px;margin-bottom:.3rem}
.pack-feature{box-shadow:0 0 0 2px var(--gold) inset;border-top-color:var(--gold)}
.pack-dark{background:var(--navy);color:var(--sand)}
.pack-dark .pack-price{color:var(--gold-soft)}
.pack-dark li{color:rgba(245,240,231,.8)}
.talk-grid{max-width:52rem;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:stretch}
.pack-note{max-width:46rem;margin:2rem auto 0;text-align:center;font-size:.92rem;color:var(--muted)}
.pack-note a{color:var(--navy);text-decoration-color:var(--gold)}

/* SUPPORT v2 */
.honest{max-width:72rem;margin:3rem auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0 2.5rem}
.honest>div{border-top:1px solid var(--line);padding:1.3rem 0}
.honest dt{font-family:var(--serif);font-size:1.35rem;margin-bottom:.3rem}
.honest dd{color:var(--muted);font-size:.95rem}
.sig-links{margin-top:.8rem}
.sig-links a{color:var(--gold-soft);text-decoration:none}
.sig-links a:hover{text-decoration:underline}
.vision .section-head h2{margin-bottom:0}

@media (max-width:1100px){.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-grid .pack-dark{grid-column:1/-1}.honest{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){
  .timeline::before{left:5px}
  .tl{grid-template-columns:1fr;padding-left:2rem;gap:.4rem}
  .tl::before{left:0}
  .tl-when{text-align:left;padding-top:0}
  .tl-img{grid-column:1}
  .gallery{grid-template-columns:1fr 1fr}
  .g-tall:nth-child(3){display:none}
  .honest{grid-template-columns:1fr}
}
@media (max-width:560px){.pack-grid,.talk-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.g-tall:nth-child(3){display:block}}
.tl-img img,.g img{height:auto}
.g img{height:100%}
.g img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.g-wide{aspect-ratio:1500/480}
/* v4: name, thanks, atlantic */
.brand-text{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:0 .1rem;line-height:1.1}
.brand-text .bt-name{text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;color:var(--gold-soft)}
.brand-text .bt-dash{color:var(--gold-soft)}
.brand-text .bt-org{font-size:1.15rem}
.h1-name{display:block;font-size:.42em;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem;font-style:normal}
.thanks{max-width:52rem;margin:4rem auto 0;padding:2.5rem clamp(1.25rem,4vw,3rem);border:1px solid var(--line);border-radius:6px;text-align:center;background:rgba(255,255,255,.35)}
.thanks-title{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,2.8vw,2.2rem);margin:.6rem 0 1rem}
.thanks p{color:var(--muted);max-width:42rem;margin:0 auto}
.names{list-style:none;padding:0;margin:1.8rem auto;display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem .6rem;max-width:44rem}
.names li{font-family:var(--serif);font-size:1.2rem;color:var(--navy);padding:.3rem .85rem;border:1px solid rgba(201,162,90,.5);border-radius:999px;background:var(--sand)}
.thanks-more{font-style:normal}
.atl{background:var(--sand);padding:0 0 clamp(5rem,10vw,8rem)}
.atl-banner{position:relative;min-height:min(88vh,52rem);display:flex;align-items:flex-end;overflow:hidden;background:var(--navy)}
.atl-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.atl-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,27,43,.15) 30%,rgba(11,27,43,.85))}
.atl-banner-copy{position:relative;z-index:1;color:var(--sand);padding:0 var(--gutter) clamp(2.5rem,6vw,4.5rem);max-width:60rem}
.atl-banner h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,6vw,5rem);line-height:1;margin:.7rem 0 1rem}
.atl-banner h2 span{display:block;color:var(--gold-soft);font-style:italic}
.atl-facts{letter-spacing:.08em;font-size:.95rem;opacity:.92}
.atl-intro{max-width:46rem;margin:0 auto;padding:clamp(3.5rem,7vw,5.5rem) var(--gutter) 1rem;font-size:1.12rem;text-align:center}
.chapter{max-width:76rem;margin:clamp(3rem,6vw,5rem) auto 0;padding:0 var(--gutter);display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.ch-rev .ch-media{order:2}
.ch-media{margin:0}
.ch-media figure{margin:0;overflow:hidden;border-radius:4px;box-shadow:0 20px 50px -24px rgba(11,27,43,.5)}
.ch-media img{width:100%;height:100%;object-fit:cover;display:block}
.ch-duo{position:relative;aspect-ratio:5/5}
.ch-duo .ch-a{position:absolute;left:0;top:0;width:62%;height:88%}
.ch-duo .ch-b{position:absolute;right:0;bottom:0;width:52%;height:52%;border:6px solid var(--sand)}
.ch-single{aspect-ratio:4/5;max-width:28rem}
.ch-rev .ch-single{margin-left:auto}
.ch-num{font-family:var(--serif);font-size:2.6rem;color:var(--gold);line-height:1;margin-bottom:.4rem}
.ch-text h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,3vw,2.5rem);margin:0 0 1rem;color:var(--navy)}
.ch-text p[lang]{font-size:1.08rem}
.atl-crew{max-width:76rem;margin:clamp(4rem,8vw,6rem) auto 0;padding:0 var(--gutter)}
.atl-crew img{width:100%;height:auto;border-radius:4px;display:block}
.atl-crew figcaption{color:var(--muted);font-size:.9rem;margin-top:.7rem}
.lake{max-width:76rem;margin:clamp(4rem,8vw,6rem) auto 0;padding:0 var(--gutter)}
.lake-head{max-width:40rem;margin:0 auto 2rem;text-align:center}
.lake-head h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,3vw,2.5rem);margin:.6rem 0 .8rem}
.lake-head p[lang]{color:var(--muted)}
.lake-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.lake-grid figure{margin:0;aspect-ratio:3/4;overflow:hidden;border-radius:4px}
.lake-grid img{width:100%;height:100%;object-fit:cover;display:block}
.atl-cta{max-width:46rem;margin:clamp(4rem,8vw,6rem) auto 0;padding:0 var(--gutter);text-align:center}
.atl-cta-line{font-family:var(--serif);font-size:clamp(1.8rem,3.4vw,2.6rem);color:var(--navy);margin-bottom:1.5rem}
.atl-cta-actions{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;justify-content:center;align-items:center}
@media (max-width:900px){
  .chapter{grid-template-columns:1fr}
  .ch-rev .ch-media{order:0}
  .ch-single{max-width:none;aspect-ratio:4/5}
  .lake-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .brand-text .bt-dash{display:none}
  .brand-text{flex-direction:column;align-items:flex-start}
  .brand-text .bt-name{font-size:.68rem;letter-spacing:.14em}
  .brand-text .bt-org{font-size:1.02rem}
}
.atl-crew img{aspect-ratio:16/8;object-fit:cover;object-position:50% 40%}
.lake-grid figure:first-child img{object-position:20% 50%}
.thanks + .story-links{margin-top:2rem}
.atl-banner img{object-position:50% 55%}
@media (max-width:620px){.brand-text .bt-name{font-size:.8rem;letter-spacing:.1em}.brand-text .bt-org{font-size:1.08rem}}
.belief{position:relative;max-width:60rem;margin:3rem auto 0;border-radius:6px;overflow:hidden;background:var(--navy);color:var(--sand)}
.belief-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}
.belief::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,27,43,.35),rgba(11,27,43,.78))}
.belief-inner{position:relative;z-index:1;padding:clamp(2.5rem,6vw,4.5rem) clamp(1.5rem,5vw,4rem);text-align:center}
.belief-title{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:.6rem 0 1.4rem;color:var(--gold-soft)}
.belief-inner p{max-width:38rem;margin:0 auto 1rem;color:rgba(245,240,231,.92);font-size:1.05rem;line-height:1.65}
.belief-inner p:first-child{font-family:var(--serif);font-size:clamp(1.25rem,2.2vw,1.5rem);color:#fff}
.belief + .thanks{margin-top:3rem}
.belief-inner p.belief-quote{font-family:var(--serif);font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.3;color:var(--gold-soft);margin:1.8rem auto}

/* ROUTE (interaktiv) */
.route{max-width:1100px;margin:0 auto;padding:clamp(3rem,7vw,5.5rem) var(--gutter) 1rem;text-align:center}
.route-title{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.1;margin:.4rem 0 1.6rem}
.route-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:760px;margin:0 auto 1.6rem}
.route-stats>div{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem;color:var(--muted);letter-spacing:.04em}
.rs-num{font-family:var(--serif);font-size:clamp(2rem,5vw,3.4rem);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.route-map{width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 30px 60px -30px rgba(11,27,43,.55)}
.rm-label{fill:#F5F0E7;font-family:var(--sans);font-size:20px;letter-spacing:.04em}
.rm-ocean{fill:rgba(245,240,231,.18);font-family:var(--sans);font-size:15px;letter-spacing:.5em;text-anchor:middle}
#route-boat circle:last-child{animation:pulse 2.4s ease-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes pulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.6);opacity:0}}
.route-note{max-width:620px;margin:1.3rem auto 0;color:var(--muted)}
@media (max-width:600px){.route-stats{gap:.4rem}.route-stats>div{font-size:.72rem}.rm-label{font-size:30px}}

/* VISION 1 Mio */
.goal-big{font-family:var(--serif);font-size:clamp(3rem,9vw,6.5rem);line-height:1;color:var(--gold);margin:.3rem 0 .6rem;font-variant-numeric:tabular-nums}
.vsteps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;text-align:left}
.vstep{display:flex;flex-direction:column;gap:.35rem;padding:1.3rem 1.3rem 1.4rem;border:1px solid rgba(201,162,90,.35);border-radius:14px;font-size:.95rem}
.vstep strong{font-family:var(--serif);font-weight:400;font-size:1.45rem;line-height:1.15}
.vstep-tag{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.vstep-now{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.vstep-now .vstep-tag{color:var(--navy)}
@media (max-width:760px){.vsteps{grid-template-columns:1fr}}

/* LEBEN AN BORD */
.board{max-width:62rem;margin:clamp(3rem,6vw,5rem) auto 0;padding:0 var(--gutter);text-align:center}
.clock{margin:1.6rem auto 0;max-width:46rem}
.clock-bar{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;border-radius:999px;overflow:hidden}
.clock-bar span{padding:.7rem 0;font-size:.8rem;letter-spacing:.08em;transform-origin:left;animation:none}
.cb-row{background:var(--gold);color:var(--navy)}
.cb-sleep{background:var(--navy);color:#F5F0E7}
.clock-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.4rem;margin:.8rem 0 0;font-size:.85rem;color:var(--muted)}
.lg-row::before,.lg-sleep::before{content:"";display:inline-block;width:.7rem;height:.7rem;border-radius:50%;margin-right:.4rem;vertical-align:-.05rem}
.lg-row::before{background:var(--gold)}.lg-sleep::before{background:var(--navy)}
.board-grid{list-style:none;padding:0;margin:2rem 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;text-align:left}
.board-grid li{display:flex;flex-direction:column;gap:.4rem;padding:1.3rem;border:1px solid rgba(201,162,90,.35);border-radius:14px;transition:transform .3s ease,border-color .3s ease}
.board-grid li:hover{transform:translateY(-4px);border-color:var(--gold)}
.board-grid strong{font-family:var(--serif);font-weight:400;font-size:2rem;line-height:1;color:var(--gold)}
@media (max-width:760px){.board-grid{grid-template-columns:1fr 1fr}.board-grid strong{font-size:1.5rem}}
@media (max-width:420px){.board-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.board-grid li{transition:none}}
/* story v3 */
.principles{max-width:60rem;margin:0 auto 3rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.pr{background:#fff;border:1px solid var(--line);border-radius:6px;padding:1.6rem 1.4rem;transition:transform .3s ease,box-shadow .3s ease}
.pr:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(11,27,43,.45)}
.pr-num{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;border:1px solid var(--gold);color:var(--gold);font-size:.85rem;margin-bottom:.8rem}
.pr p{font-family:var(--serif);font-size:1.3rem;line-height:1.3;color:var(--navy)}
.film{max-width:60rem;margin:0 auto 4rem}
.film video{width:100%;aspect-ratio:16/9;background:#040a12;border-radius:6px;display:block;box-shadow:0 30px 60px -30px rgba(11,27,43,.6)}
.film-cap{text-align:center;font-size:.85rem;letter-spacing:.08em;color:var(--muted);margin-top:.8rem}
.tl-list{list-style:none;display:grid;gap:.5rem;max-width:40rem}
.tl-list li{position:relative;padding-left:1.2rem;color:var(--ink)}
.tl-list li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.tl-key .tl-list li{color:rgba(245,240,231,.9)}
.tl-quote{font-family:var(--serif);font-size:1.35rem;line-height:1.35;color:var(--gold-soft)!important;margin-top:1.2rem}
.belief-list{list-style:none;margin:1.2rem auto 1.4rem;display:grid;gap:.4rem}
.belief-list li{font-family:var(--serif);font-size:clamp(1.2rem,2vw,1.45rem);color:var(--gold-soft)}
@media (max-width:760px){.principles{grid-template-columns:1fr}}

/* v5: quotes carousel */
.quotes{max-width:52rem;margin:3rem auto 0;padding:2.75rem clamp(1.25rem,4vw,3rem) 2rem;background:var(--navy);color:var(--sand);border-radius:6px;text-align:center}
.quotes .kicker{color:var(--gold-soft)}
.q-stage{display:grid;margin-top:1.25rem;min-height:12rem;align-items:center}
.q-slide{grid-area:1/1;opacity:0;transform:translateY(8px);transition:opacity .7s ease,transform .7s ease;pointer-events:none}
.q-slide.is-on{opacity:1;transform:none;pointer-events:auto}
.q-slide blockquote p{font-family:var(--serif);font-size:clamp(1.5rem,3.2vw,2.3rem);line-height:1.3;max-width:40rem;margin:0 auto;text-wrap:balance}
.q-slide figcaption{margin-top:1.1rem;color:var(--gold-soft);font-size:.95rem;letter-spacing:.02em}
.q-src{color:rgba(245,240,231,.6);font-size:.82rem;margin-left:.5rem;text-decoration:none;border-bottom:1px solid rgba(245,240,231,.25)}
.q-src:hover{color:var(--sand)}
.q-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}
.q-arrow{background:none;border:1px solid rgba(245,240,231,.3);color:var(--sand);width:2.5rem;height:2.5rem;border-radius:50%;font-size:1.4rem;line-height:1;cursor:pointer}
.q-arrow:hover{border-color:var(--gold)}
.q-dots{display:flex;gap:.5rem}
.q-dot{width:.55rem;height:.55rem;border-radius:50%;border:0;background:rgba(245,240,231,.3);cursor:pointer;padding:0}
.q-dot.is-on{background:var(--gold)}
.quotes + .story-links{margin-top:2rem}
.text-link+.text-link{margin-left:1.25rem}

.share-row{display:flex;flex-wrap:wrap;gap:.5rem}
.share-row .btn{padding:.55rem 1rem}
.sticky-donate{position:fixed;right:1.25rem;bottom:1.25rem;z-index:60;background:var(--gold);color:var(--navy);font-weight:600;padding:.85rem 1.4rem;border-radius:99px;box-shadow:0 8px 24px rgba(0,0,0,.25);text-decoration:none;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .3s,transform .3s}
.sticky-donate.on{opacity:1;transform:none;pointer-events:auto}
.sticky-donate:hover{background:var(--gold-soft)}
@media (max-width:640px){.sticky-donate{left:1rem;right:1rem;bottom:1rem;text-align:center}}