*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background:#fff;color:#111;line-height:1.6;overflow-x:hidden;}
a{text-decoration:none;color:inherit;}

/* HEADER */
header{height:70px;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:center;}
.header-inner{width:90%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;}
.title a{font-size:14px;letter-spacing:1px;text-align:center;}
.title a:hover{color:#f05a28;}
.right-nav{text-align:right;}
.right-nav a{margin-left:18px;font-size:13px;transition:color 0.2s;}
.right-nav a:hover{color:#f05a28;}

/* KUSNA WORDMARK – seitenübergreifend */
.kusna-wordmark{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  text-decoration:none;
  line-height:1;
}
.kusna-wordmark .kusna-name{
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:1.05rem;
  font-weight:500;
  letter-spacing:0.22em;
  animation:kusna-shift 3s cubic-bezier(0.4,0,0.2,1) infinite;
}
.kusna-wordmark .kusna-studio{
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:0.52rem;
  font-weight:400;
  letter-spacing:0.42em;
  color:#111;
  opacity:0.4;
  margin-left:0;
  align-self:center;
}
@keyframes kusna-shift{
  0%,  28%{color:#C8B89A;}
  33%, 61%{color:#C8493A;}
  66%, 94%{color:#4A7C6F;}
  99%,100%{color:#C8B89A;}
}
@media(prefers-reduced-motion:reduce){
  .kusna-wordmark .kusna-name{animation:none;color:#111;}
}

/* MAIN */
main{width:90%;margin:40px auto;}

/* INTRO IMAGE */
.intro{width:100%;margin:0;min-height:calc(100vh - 70px);display:grid;place-items:center;padding:24px;}
.intro-link{position:relative;display:block;max-width:min(1180px, 100%);max-height:calc(100vh - 118px);overflow:visible;}
.intro img{display:block;width:100%;max-height:calc(100vh - 118px);object-fit:contain;cursor:pointer;}
.intro-wordmark{position:absolute;z-index:1;opacity:0;color:#d7ff4f;font-size:clamp(3.2rem, 9.5vw, 10.5rem);font-weight:800;letter-spacing:-0.085em;line-height:.82;text-shadow:0 0 14px rgba(215,255,79,.38);pointer-events:none;}
.intro-wordmark-left{top:29%;right:30%;transform:translateX(-105%) translateY(-50%);animation:intro-slide-left 1.25s cubic-bezier(.2,.8,.2,1) 1.5s forwards;}
.intro-wordmark-right{top:72%;left:70%;transform:translateX(105%) translateY(-50%);animation:intro-slide-right 1.65s cubic-bezier(.2,.8,.2,1) 1.5s forwards;}
@keyframes intro-slide-left{to{transform:translateX(0) translateY(-50%);opacity:1;}}
@keyframes intro-slide-right{to{transform:translateX(0) translateY(-50%);opacity:1;}}

/* 2x2 GRID */
.grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:30px;height:calc(100vh - 150px);}
.grid-2x2 img{width:100%;height:auto;max-height:100%;object-fit:cover;display:block;cursor:pointer;}

/* 4x4 GRID */
.grid-4x4{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;}
.grid-4x4 img{width:100%;height:auto;object-fit:contain;display:block;cursor:pointer;}

/* RESPONSIVE */
@media(max-width:1024px){
  .grid-2x2{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);}
  .grid-4x4{grid-template-columns:1fr;}
}
@media(max-width:640px){
  header{height:58px;}
  .header-inner{width:92%;grid-template-columns:minmax(0,1fr) auto;}
  .header-inner > :first-child{display:none;}
  .title a{font-size:12px;letter-spacing:.6px;}
  .right-nav a{margin-left:12px;font-size:12px;}
  main{width:92%;margin:28px auto;}
  .intro{width:100%;min-height:calc(100svh - 58px);padding:12px;}
  .intro-link{width:100%;}
  .intro img{width:100%;max-height:calc(100svh - 82px);object-fit:contain;}
  .intro-wordmark{font-size:clamp(2.7rem, 14vw, 4.6rem);letter-spacing:-.09em;}
  .intro-wordmark-left{top:30%;right:42%;}
  .intro-wordmark-right{top:70%;left:58%;}
  .grid-5x4{width:100%;margin:0;}
  .scale-label{font-size:15px;}
  .page-wrapper{width:calc(100% - 48px)!important;margin:84px 24px 32px!important;}
  .network-text,.impressum-text{max-width:100%;font-size:14px!important;}
  .project-wrapper{height:auto!important;min-height:calc(100svh - 58px);}
  .project-image{min-height:48svh;}
  .project-text{padding:24px!important;}
  .project-text h2{font-size:15px!important;}
  .project-thumbs img{width:52px!important;height:52px!important;}
  .back-grid{margin:24px!important;}
}
@media(prefers-reduced-motion:reduce){.intro-wordmark{animation:none;opacity:1;}.intro-wordmark-left{transform:translateX(0) translateY(-50%);}.intro-wordmark-right{transform:translateX(0) translateY(-50%);}}

/* CONTACT PAGE */
.contact-links{
  display:flex;
  flex-direction:column;
  gap:18px;
  margin-top:0px;
}
.contact-links a{
  text-decoration:none;
  color:#111;
  font-size:14px;
  transition:color 0.25s ease;
}
.contact-links a:hover{
  color:#f05a28;
}
.contact-links a:last-child{
  margin-top:30px;
}