:root{--bg: #22305A;--bg-deep: #1B2645;--bg-elevated: #2A3A6B;--text: #EFE6D2;--text-muted: #A39D8D;--accent: #C9A45E;--accent-soft: rgba(201, 164, 94, .2);--rule: rgba(239, 230, 210, .08);--serif: "Newsreader", Georgia, serif;--sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:300;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}.hero-name{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;animation:fadeUp 1.6s cubic-bezier(.16,1,.3,1) both}.hero-name__title{font-family:var(--serif);font-weight:400;font-size:clamp(3rem,8vw,6.5rem);letter-spacing:-.012em;line-height:.95;color:var(--text)}.hero-photo{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}.hero-photo__image{position:absolute;top:0;left:0;right:0;height:150%;background-image:url(/assets/Hauke_Lieblingsfoto-DP0PzrnR.jpg);background-size:cover;background-position:center 40%;z-index:0;will-change:transform;filter:brightness(1.18) saturate(1.05) contrast(1.02);animation:heroImageIntro 2.4s cubic-bezier(.16,1,.3,1) both}@keyframes heroImageIntro{0%{opacity:0}to{opacity:1}}@keyframes heroTitleIntro{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero-photo__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--bg) 0%,rgba(34,48,90,.85) 25%,rgba(34,48,90,.4) 55%,rgba(34,48,90,.1) 80%,transparent 100%),linear-gradient(180deg,transparent 0%,transparent 70%,var(--bg) 100%);z-index:1}.hero-photo__content{position:relative;z-index:2;max-width:1100px;width:100%;margin:0 auto;padding:4rem 2.5rem max(12svh,7rem)}.hero-photo__title{font-family:var(--serif);font-weight:400;font-size:clamp(3rem,7.5vw,5.75rem);letter-spacing:-.012em;line-height:.95;color:var(--text);max-width:720px;text-shadow:0 4px 28px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.4);animation:heroTitleIntro 1.8s cubic-bezier(.16,1,.3,1) .5s both}.hero-photo__subtitle{font-family:var(--serif);font-weight:400;font-size:clamp(1rem,1.55vw,1.3rem);line-height:1.35;color:var(--accent);letter-spacing:.012em;max-width:880px;margin-top:1.5rem;text-shadow:0 1px 0 rgba(255,248,220,.06),0 2px 10px rgba(0,0,0,.55),0 6px 22px rgba(0,0,0,.4);animation:heroTitleIntro 1.8s cubic-bezier(.16,1,.3,1) 1s both}.subheadline{max-width:1100px;margin:0 auto;padding:9rem 2rem 1rem;text-align:center}.subheadline__text{font-family:var(--serif);font-weight:400;font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.35;color:var(--accent);letter-spacing:.012em;text-shadow:0 1px 0 rgba(255,248,220,.06),0 2px 8px rgba(0,0,0,.35),0 8px 24px rgba(0,0,0,.45),0 16px 48px rgba(20,28,51,.5)}.bio-flow{max-width:1200px;margin:0 auto;padding:3rem 2.5rem 1rem}.bio-flow p{font-family:var(--sans);font-weight:300;font-size:1rem;line-height:1.85;color:var(--text);text-align:center;letter-spacing:.003em}.bio-flow .bullet{display:inline-block;white-space:nowrap;opacity:0;transition:opacity 1.1s cubic-bezier(.16,1,.3,1)}.bio-flow .dot{display:inline;opacity:0;transition:opacity 1.1s cubic-bezier(.16,1,.3,1)}.bio-flow.is-visible .bullet,.bio-flow.is-visible .dot{opacity:1}.bio-flow .dot{color:var(--accent);margin:0 .45em;font-weight:400;-webkit-user-select:none;user-select:none}.bio-flow.is-visible .dot{opacity:.7}.formula-presence{position:relative;max-width:760px;margin:3rem auto 2rem;padding:4.5rem 2rem;text-align:center}.formula-presence:before,.formula-presence:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:80px;height:1px;background:var(--accent);opacity:.6}.formula-presence:before{top:1.75rem}.formula-presence:after{bottom:1.75rem}.formula-presence__intro{font-family:var(--sans);font-size:.66rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:1.5rem;opacity:.8}.formula-presence__text{font-family:var(--serif);font-weight:400;font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.4;color:var(--text);letter-spacing:.003em;text-shadow:0 1px 0 rgba(255,248,220,.06),0 2px 8px rgba(0,0,0,.32),0 8px 24px rgba(0,0,0,.4)}.formula-presence__text .op{color:var(--accent);margin:0 .22em;font-weight:400;opacity:.75}.formula-presence__link{display:inline-block;margin-top:2.5rem;font-family:var(--sans);font-size:.66rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-soft);padding-bottom:.4rem;opacity:.85;transition:opacity .3s ease,border-color .3s ease}.formula-presence__link:hover{opacity:1;border-bottom-color:var(--accent)}@media (max-width: 720px){.subheadline{padding:3.5rem 1.5rem .5rem}.bio-flow{padding:2.5rem 1.5rem .5rem}.formula-presence{padding:2.5rem 1.5rem;margin:1rem auto .5rem}}.bullets-chain{max-width:560px;margin:0 auto;padding:3.5rem 2rem 5rem;text-align:center;animation:fadeUp 1.2s cubic-bezier(.16,1,.3,1) both}.bullets-chain__item{font-family:var(--sans);font-size:.97rem;font-weight:300;line-height:1.55;color:var(--text);padding:.5rem 0}.bullets-chain__item--quote{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.18rem;line-height:1.4;color:var(--text);padding:.9rem 0;max-width:480px;margin:0 auto}.bullets-chain__sub{display:block;font-family:var(--serif);font-style:italic;font-weight:400;font-size:.93em;color:var(--text-muted);margin-top:.35em;line-height:1.45}.bullets-chain__formula{display:block;font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.4rem;line-height:1.3;color:var(--text);margin-top:.5em;letter-spacing:.005em}.bullets-chain__formula .op{color:var(--accent);font-style:normal;margin:0 .25em}.bullets-chain__dot{color:var(--accent);font-size:1rem;padding:.6rem 0;opacity:.55;font-weight:400;-webkit-user-select:none;user-select:none}@media (max-width: 720px){.bullets-chain{padding:2.5rem 1.5rem 3.5rem}.bullets-chain__formula{font-size:1.2rem}}.bullets-grid{max-width:820px;margin:0 auto;padding:3.5rem 2.5rem 5rem;animation:fadeUp 1.2s cubic-bezier(.16,1,.3,1) both}.bullets-grid__inner{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem 3.5rem}.bullets-grid__col{display:flex;flex-direction:column;gap:1.5rem}.bullets-grid__item{font-family:var(--sans);font-size:.95rem;font-weight:300;line-height:1.55;color:var(--text)}.bullets-grid__item .sub{display:block;font-family:var(--serif);font-style:italic;font-weight:400;font-size:.94em;color:var(--text-muted);margin-top:.35em;line-height:1.45}@media (max-width: 720px){.bullets-grid{padding:2.5rem 1.5rem 3.5rem}.bullets-grid__inner{grid-template-columns:1fr;gap:1.25rem}.bullets-grid__col{gap:1.25rem}}.bullets{max-width:540px;margin:0 auto;padding:2rem 2rem 4rem;animation:fadeUp 1.2s cubic-bezier(.16,1,.3,1) both}.bullets ul{list-style:none}.bullets li{font-family:var(--sans);font-size:1rem;font-weight:300;line-height:1.55;color:var(--text);padding:.7rem 0;text-align:center}.bullets li .sub{display:block;font-family:var(--serif);font-style:italic;font-weight:400;font-size:.95em;color:var(--text-muted);margin-top:.3em;line-height:1.45}.bullets li em{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.1em}.photo-merge{width:100%;max-width:900px;margin:4rem auto 5rem;padding:0 2rem;animation:fadeUp 1.4s cubic-bezier(.16,1,.3,1) both}.photo-merge img{display:block;width:100%;height:auto;-webkit-mask-image:radial-gradient(ellipse 75% 80% at center,black 30%,transparent 95%);mask-image:radial-gradient(ellipse 75% 80% at center,black 30%,transparent 95%);filter:saturate(.85) contrast(.95)}.photo-second{width:100%;max-width:880px;margin:2.5rem auto 3rem;padding:0 2rem}.photo-second img{display:block;width:100%;height:auto;-webkit-mask-image:radial-gradient(ellipse 80% 85% at center,black 25%,transparent 95%);mask-image:radial-gradient(ellipse 80% 85% at center,black 25%,transparent 95%);filter:saturate(.7) contrast(.9) brightness(.85) hue-rotate(-8deg)}footer{padding:5rem 2rem 2.5rem;text-align:center;animation:fadeUp 1.4s cubic-bezier(.16,1,.3,1) both}.mail-link{display:inline-block;font-family:var(--serif);font-size:clamp(1.4rem,3vw,1.9rem);font-weight:400;color:var(--text);text-decoration:none;letter-spacing:.005em;padding-bottom:.4rem;border-bottom:1px solid var(--accent-soft);transition:border-color .4s ease,color .4s ease}.mail-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.linkedin-link{display:inline-block;width:20px;height:20px;margin-top:1.75rem;color:var(--text-muted);transition:color .3s ease,transform .3s ease}.linkedin-link:hover{color:var(--accent);transform:translateY(-2px)}.linkedin-link svg{width:100%;height:100%;display:block;fill:currentColor}.footer-meta{margin-top:3rem;font-family:var(--sans);font-size:.8125rem;font-weight:300;letter-spacing:.04em;color:var(--text-muted)}.footer-meta a{color:var(--text-muted);text-decoration:none;transition:color .3s ease}.footer-meta a:hover{color:var(--accent)}.footer-meta .sep{display:inline-block;margin:0 .85rem;color:var(--rule)}.footer-copy{margin-top:1.25rem;font-size:.72rem;color:var(--text-muted);opacity:.55;letter-spacing:.04em}.variante-back{position:fixed;top:1.5rem;left:1.5rem;z-index:10;font-family:var(--sans);font-size:.72rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;background:#141c33a6;padding:.5rem .95rem;border:1px solid var(--rule);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .3s ease,border-color .3s ease}.variante-back:hover{color:var(--accent);border-color:var(--accent-soft)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(70px);transition:opacity 1.8s cubic-bezier(.16,1,.3,1),transform 1.8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-statement{opacity:0;transform:translateY(100px) scale(.92);transition:opacity 2.2s cubic-bezier(.16,1,.3,1),transform 2.2s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal-statement.is-visible{opacity:1;transform:translateY(0) scale(1)}@supports (animation-timeline: view()){.reveal,.reveal-statement{animation:revealScroll linear both;animation-timeline:view();animation-range:entry 5% cover 25%}@keyframes revealScroll{0%{opacity:0;transform:translateY(80px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}}@media (max-width: 600px){.hero-name{min-height:55vh}.bullets{padding:1.5rem 1.5rem 3rem}.bio-flow{padding:2rem 1.5rem .5rem}.bio-flow p{font-size:.875rem;line-height:1.75}.bio-flow .bullet{display:inline;white-space:normal}.photo-merge{margin:3rem auto 3.5rem;padding:0 1.5rem}footer{padding:3.5rem 1.5rem 2rem}.variante-back{top:1rem;left:1rem}}