@font-face{font-family:"Pacaembu";src:url("assets/Pacaembu-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Pacaembu";src:url("assets/Pacaembu-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Swear Display";src:url("assets/SwearDisplay.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{
  --coral:#F29F8D;--brown:#401208;--blue:#AEDFF2;--cream:#FFF7F2;--white:#FFFDFC;--text:#401208;
  --sans:"Pacaembu","Helvetica Neue",Arial,sans-serif;--display:"Swear Display",Georgia,"Times New Roman",serif;
  --page:min(1240px,calc(100vw - 48px))
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--text);font-family:var(--sans);line-height:1.45}
a{color:inherit}img{max-width:100%;display:block}
.site-header{width:var(--page);margin:0 auto;min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:block;width:58px;height:58px;flex:0 0 58px}.brand img{display:block;width:58px;height:58px;object-fit:contain;transform:none}
nav{display:flex;align-items:center;gap:28px;font-size:14px}nav a{text-decoration:none}.nav-cta{border:1px solid var(--brown);padding:10px 16px;border-radius:999px}
.hero{width:var(--page);margin:0 auto 80px;min-height:680px;display:grid;grid-template-columns:1.08fr .92fr;border:1px solid rgba(64,18,8,.18);overflow:hidden}
.hero-copy{padding:clamp(48px,7vw,96px);align-self:center}.eyebrow{margin:0 0 22px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700}
h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:30px;font-size:clamp(58px,8vw,112px);line-height:.9;letter-spacing:-.055em}
em{font-family:var(--display);font-weight:400}.hero-text{max-width:600px;font-size:clamp(18px,2vw,22px)}
.hero-actions{margin-top:38px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;text-decoration:none;font-weight:700}
.button-dark{background:var(--brown);color:var(--white)}.button-light{background:var(--cream);color:var(--brown)}.text-link{text-decoration:none;font-weight:700}.text-link span{display:inline-block;margin-left:6px}
.hero-art{position:relative;min-height:680px;background:var(--coral);overflow:hidden}.hero-art>img{width:100%;height:100%;object-fit:cover;object-position:left center;transform:scale(1.04)}
.hero-stamp{position:absolute;right:28px;bottom:28px;width:126px;height:126px;border-radius:50%;background:var(--blue);display:grid;place-items:center;text-align:center;font-size:13px;font-weight:700;line-height:1.1;transform:rotate(-8deg)}
.statement{padding:120px max(24px,calc((100vw - 1240px)/2));background:var(--blue)}
.statement h2{max-width:1050px;margin-bottom:36px;font-size:clamp(48px,7vw,104px);line-height:.95;letter-spacing:-.045em}
.statement>p:last-child{max-width:720px;margin-left:auto;font-size:clamp(20px,2.2vw,28px)}
.manifesto{width:var(--page);margin:0 auto;padding:130px 0;display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.manifesto h2{font-size:clamp(40px,5vw,70px);line-height:1;letter-spacing:-.04em}.manifesto-copy{font-size:clamp(18px,1.8vw,23px)}
.big-line{font-family:var(--display);font-style:italic;font-size:clamp(38px,5vw,68px);line-height:1;margin-bottom:40px}
.process{background:var(--brown);color:var(--cream);padding:120px max(24px,calc((100vw - 1240px)/2))}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:70px}.section-heading h2{max-width:760px;margin:0;font-size:clamp(44px,5.5vw,80px);line-height:.98;letter-spacing:-.04em}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,247,242,.35)}
.process article{min-height:380px;padding:34px 34px 44px 0;border-right:1px solid rgba(255,247,242,.35)}.process article+article{padding-left:34px}.process article:last-child{border-right:0}
.process span{display:block;margin-bottom:100px;opacity:.6}.process h3{font-size:32px;margin-bottom:20px}.process p{max-width:360px;font-size:17px}
.projects{padding:120px max(24px,calc((100vw - 1240px)/2));background:var(--cream)}.project-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.project{position:relative;min-height:470px;padding:38px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.project::before{content:"ic";position:absolute;top:-70px;right:-28px;font-family:var(--display);font-style:italic;font-size:260px;line-height:1;opacity:.13}
.project-dark{background:var(--brown);color:var(--cream)}.project-blue{background:var(--blue);color:var(--brown)}
.project-label{position:absolute;left:38px;top:34px;font-size:12px;letter-spacing:.13em;text-transform:uppercase}
.project h3{font-size:clamp(46px,6vw,82px);line-height:.92;margin-bottom:18px}.project p{max-width:480px;font-size:18px}.project-arrow{position:absolute;right:34px;bottom:24px;font-size:34px}.project-note{margin:24px 0 0;opacity:.65}
.brand-bridge{display:grid;grid-template-columns:1fr 1fr}.brand-bridge>div{min-height:440px;padding:clamp(60px,8vw,120px);display:flex;flex-direction:column;justify-content:space-between}
.brand-bridge>div:first-child{background:var(--coral)}.brand-bridge>div:last-child{background:var(--blue)}
.brand-bridge h2{max-width:600px;margin:0;font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.04em}
.contact{min-height:600px;padding:120px max(24px,calc((100vw - 1240px)/2));background:var(--brown);color:var(--cream);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.contact h2{max-width:1050px;font-size:clamp(48px,7vw,100px);line-height:.94;letter-spacing:-.05em;margin-bottom:28px}.contact>p:not(.eyebrow){font-size:20px;margin-bottom:32px}
footer{min-height:130px;padding:30px max(24px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;font-size:13px}
.footer-brand{font-weight:700}.footer-links{display:flex;gap:20px}.footer-links a{text-decoration:none}footer>div:last-child{text-align:right}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){:root{--page:calc(100vw - 28px)}.site-header{min-height:78px}nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:54px 28px 66px}.hero-art{min-height:420px}.manifesto{grid-template-columns:1fr;gap:50px;padding:90px 0}.section-heading{display:block}.process-grid{grid-template-columns:1fr}.process article,.process article+article{min-height:auto;padding:32px 0 50px;border-right:0;border-bottom:1px solid rgba(255,247,242,.35)}.process span{margin-bottom:50px}.project-grid,.brand-bridge{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer>div:last-child{text-align:left}}
@media(max-width:560px){h1{font-size:58px}.hero{margin-bottom:28px}.hero-art{min-height:340px}.statement,.process,.projects,.contact{padding-top:82px;padding-bottom:82px}.project{min-height:390px;padding:28px}.project-label{left:28px}.brand-bridge>div{min-height:350px;padding:64px 28px}}


/* Version 2 */
.statement{
  min-height:72vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.statement h2{margin-bottom:0}
.manifesto-copy{
  display:flex;
  align-items:center;
}
.manifesto-copy p{
  max-width:720px;
  font-size:clamp(20px,2vw,28px);
  line-height:1.42;
}
.project-grid-covers{align-items:start}
.podcast-card{background:transparent}
.podcast-card img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
}
.podcast-card-footer{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  padding-top:22px;
}
.podcast-card-footer h3{
  margin:0;
  font-size:clamp(30px,3vw,44px);
  line-height:1;
}
.podcast-links{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.podcast-links a{
  text-decoration:none;
  font-weight:700;
  border-bottom:1px solid currentColor;
  padding-bottom:3px;
}
@media(max-width:900px){
  .statement{min-height:55vh}
  .podcast-card-footer{align-items:flex-start;flex-direction:column}
  .podcast-links{justify-content:flex-start}
}


/* Version 3: kleinere Podcast-Cover + Kontakt mit Team */
.project-grid-covers{
  grid-template-columns:repeat(2,minmax(0,360px));
  justify-content:center;
  gap:clamp(32px,6vw,80px);
}
.podcast-card{
  width:100%;
  max-width:360px;
}
.podcast-card-footer{
  display:block;
  padding-top:18px;
}
.podcast-card-footer h3{
  margin-bottom:14px;
  font-size:clamp(28px,2.5vw,38px);
}
.podcast-links{
  justify-content:flex-start;
  gap:14px 18px;
}

.contact{
  min-height:auto;
  display:block;
}
.contact-intro{
  max-width:1100px;
}
.contact-intro h2{
  max-width:1050px;
  font-size:clamp(48px,7vw,100px);
  line-height:.94;
  letter-spacing:-.05em;
  margin-bottom:28px;
}
.contact-intro > p:not(.eyebrow){
  font-size:20px;
  margin-bottom:0;
}
.team-grid{
  margin-top:84px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(40px,7vw,100px);
  max-width:980px;
}
.team-card{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:28px;
  align-items:center;
}
.team-card img{
  width:150px;
  height:150px;
  border-radius:50%;
  object-fit:cover;
  display:block;
}
.team-card h3{
  margin:0 0 8px;
  font-size:clamp(26px,2.6vw,38px);
  line-height:1;
}
.team-card p{
  margin:0 0 18px;
  font-size:16px;
  opacity:.82;
}
.team-card a{
  text-decoration:none;
  font-weight:700;
  border-bottom:1px solid currentColor;
  padding-bottom:3px;
}

@media(max-width:900px){
  .project-grid-covers{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px;
  }
  .team-grid{
    grid-template-columns:1fr;
    max-width:620px;
  }
}
@media(max-width:620px){
  .project-grid-covers{
    grid-template-columns:1fr;
    justify-items:center;
  }
  .podcast-card{
    max-width:320px;
  }
  .team-card{
    grid-template-columns:110px 1fr;
    gap:20px;
  }
  .team-card img{
    width:110px;
    height:110px;
  }
}


/* Version 4 */
.general-contact{
  display:inline-block;
  margin-top:28px;
  color:inherit;
  text-decoration:none;
  font-size:clamp(20px,2vw,28px);
  font-weight:700;
  border-bottom:1px solid currentColor;
  padding-bottom:4px;
}


/* Version 5 */
.general-contact{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:28px;
  min-height:48px;
  padding:0 20px;
  border:1px solid rgba(255,253,252,.35);
  border-radius:999px;
  background:var(--blue);
  color:var(--brown);
  text-decoration:none;
  font-size:16px;
  font-weight:700;
  box-shadow:none;
}
.general-contact:hover{
  transform:translateY(-1px);
}


/* Version 6: Hover-Effekte und Team-Animationen */
.team-card img{
  transition:transform .45s ease, box-shadow .45s ease;
  will-change:transform;
}
.team-card:hover img{
  transform:scale(1.035);
  box-shadow:0 0 0 8px rgba(174,223,242,.16);
}

.team-card{
  opacity:0;
  transition:opacity .7s ease, transform .7s ease;
}
.team-card:first-child{
  transform:translateX(-24px);
}
.team-card:last-child{
  transform:translateX(24px);
}
.team-card.is-visible{
  opacity:1;
  transform:translateX(0);
}
.team-card:last-child{
  transition-delay:.12s;
}

@media (prefers-reduced-motion: reduce){
  .team-card,
  .team-card img{
    transition:none;
  }
  .team-card{
    opacity:1;
    transform:none;
  }
  .team-card:hover img{
    transform:none;
  }
}


.dark-secrets-card{
  position:relative;
}
.dark-secrets-card .cover-hover{
 position:absolute;
 inset:0;
 display:flex;
 align-items:center;
 justify-content:center;
 text-align:center;
 background:rgba(0,0,0,.18);
 color:#fff;
 opacity:0;
 transition:opacity .28s ease;
 pointer-events:none;
}
.dark-secrets-card .cover-hover div{
 display:flex;
 flex-direction:column;
 gap:10px;
}
.dark-secrets-card .cover-hover strong{
 font-size:clamp(20px,2vw,28px);
}
.dark-secrets-card .cover-hover span{
 font-size:clamp(14px,1.2vw,17px);
 opacity:.95;
}
.dark-secrets-card:hover .cover-hover{
 opacity:1;
}


/* Version 9: Rechtliches, Footer und Launch-Metadaten */
.footer-links{
  align-items:center;
}
.footer-links span{
  opacity:.45;
}

.legal-body{
  background:var(--cream);
}
.legal-header{
  border-bottom:1px solid rgba(64,18,8,.14);
}
.legal-main{
  width:var(--page);
  margin:0 auto;
  padding:70px 0 120px;
}
.legal-hero{
  max-width:1000px;
  padding:54px 0 70px;
}
.legal-hero h1{
  margin:0;
  font-size:clamp(58px,9vw,128px);
  line-height:.9;
  letter-spacing:-.055em;
}
.legal-content{
  max-width:820px;
  margin-left:auto;
}
.legal-content section{
  padding:32px 0;
  border-top:1px solid rgba(64,18,8,.18);
}
.legal-content h2{
  margin-bottom:16px;
  font-size:clamp(25px,3vw,38px);
  line-height:1.05;
  letter-spacing:-.025em;
}
.legal-content p{
  margin-bottom:16px;
  font-size:17px;
  line-height:1.7;
}
.legal-content a{
  font-weight:700;
  text-underline-offset:4px;
}
.not-found{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:28px;
  background:var(--blue);
}
.not-found main{
  max-width:960px;
  text-align:center;
}
.not-found h1{
  font-size:clamp(52px,9vw,120px);
  line-height:.92;
}
@media(max-width:900px){
  .legal-main{
    padding-top:30px;
  }
  .legal-content{
    margin-left:0;
  }
}

@media(max-width:900px){
  .brand{width:48px;height:48px;flex-basis:48px}
  .brand img{width:48px;height:48px}
}