/* Shared Eigenes-Motiv teaser used on homepage and detail pages */
.hct-section{
  position:relative;
  background:#311d22;
  color:#f3ece6;
  padding:clamp(4.5rem,8vw,7.5rem) 0;
  overflow:hidden;
  isolation:isolate;
}
.hct-section::before{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(80% 60% at 85% 15%,rgba(92,46,46,.35),transparent 60%),
    radial-gradient(60% 50% at 10% 90%,rgba(30,21,18,.55),transparent 65%);
  pointer-events:none;
  z-index:0;
}
.hct-section::after{
  content:"";
  position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:.35;
  mix-blend-mode:overlay;
  pointer-events:none;
  z-index:0;
}
.hct-section>.container{position:relative;z-index:1;}
.hct-rule{
  width:100%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(243,236,230,.18) 25%,rgba(243,236,230,.18) 75%,transparent);
  margin-bottom:clamp(3rem,5vw,4.5rem);
}
.hct-kicker{
  display:inline-flex;align-items:center;
  font-family:'Urbanist',sans-serif;
  text-transform:uppercase;font-weight:700;font-size:.72rem;letter-spacing:.12em;
  color:#e8b7a3;border-left:3px solid #c97a5a;padding-left:.55rem;
  margin-bottom:1.75rem;
}
.hct-heading{
  font-family:'Cormorant Garamond',serif;
  font-weight:500;color:#fffefc;
  font-size:clamp(2.2rem,4.6vw,3.6rem);
  line-height:1.08;letter-spacing:-.01em;
  margin:0 0 1.5rem;max-width:16ch;
}
.hct-heading em{font-style:italic;font-weight:400;color:#e8b7a3;}
.hct-lede{
  font-family:'Inter',sans-serif;font-size:1.05rem;line-height:1.65;
  color:rgba(243,236,230,.78);max-width:44ch;margin:0 0 2rem;
}
.hct-badge{
  display:inline-flex;align-items:center;gap:.5rem;
  background:rgba(90,124,101,.18);border:1px solid rgba(126,162,134,.45);
  color:#b8d6c1;font-size:.8rem;font-weight:500;
  padding:.42rem .85rem;border-radius:999px;margin-bottom:1.25rem;
}
.hct-badge i{font-size:.9rem;}
.hct-fineprint{
  display:flex;gap:.55rem;align-items:flex-start;
  font-size:.82rem;line-height:1.55;color:rgba(243,236,230,.55);
  max-width:42ch;margin:0 0 2.25rem;
}
.hct-fineprint i{color:#c97a5a;margin-top:2px;}
.hct-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;}
.hct-btn-primary{
  display:inline-flex;align-items:center;gap:.55rem;
  background:#5C2E2E;color:#fffefc;
  font-family:'Urbanist',sans-serif;font-weight:600;font-size:.95rem;letter-spacing:.01em;
  padding:.85rem 1.85rem;border-radius:22px;border:1px solid #6a3636;
  text-decoration:none;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.hct-btn-primary:hover{
  background:#3d1e1e;color:#fffefc;
  transform:translateY(-2px);box-shadow:0 10px 28px rgba(92,46,46,.45);
}
.hct-arrow{transition:transform .25s ease;display:inline-block;}
.hct-btn-primary:hover .hct-arrow{transform:translateX(4px);}
.hct-link-ghost{
  color:rgba(243,236,230,.7);text-decoration:none;font-size:.9rem;font-weight:500;
  border-bottom:1px solid rgba(243,236,230,.25);padding-bottom:2px;
  transition:color .2s ease,border-color .2s ease;
}
.hct-link-ghost:hover{color:#fffefc;border-color:#fffefc;}
.hct-visual{position:relative;min-height:540px;}
.hct-paper{
  position:absolute;inset:auto -8% 8% -4%;height:78%;
  background:#3d262a;border:1px solid rgba(243,236,230,.06);
  transform:rotate(-3deg);z-index:1;
}
.hct-paper::before{
  content:"PROJEKT-NR. DC-2407";
  position:absolute;top:1rem;left:1.25rem;
  font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;
  font-size:.65rem;letter-spacing:.2em;color:rgba(243,236,230,.28);
}
.hct-paper::after{
  content:"";position:absolute;inset:1rem;
  border:1px dashed rgba(243,236,230,.08);pointer-events:none;
}
.hct-brief{
  position:relative;z-index:3;
  background:#f6f1ec;color:#2c2b28;border-radius:4px;
  padding:1.75rem 1.75rem 1.5rem;
  box-shadow:0 30px 60px -25px rgba(0,0,0,.55),0 12px 30px -15px rgba(0,0,0,.4);
  margin:0 5% 0 0;transform:rotate(-1.2deg);
}
.hct-brief-top{
  display:flex;justify-content:space-between;align-items:flex-start;
  border-bottom:1px solid #e4e1db;padding-bottom:1rem;margin-bottom:1rem;
}
.hct-brief-from{
  font-family:'Urbanist',sans-serif;font-size:.7rem;
  letter-spacing:.12em;text-transform:uppercase;color:#8c8984;margin-bottom:.3rem;
}
.hct-brief-name{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:#2c2b28;line-height:1.1;margin:0;}
.hct-brief-meta{font-family:'Inter',sans-serif;font-size:.72rem;color:#8c8984;margin-top:.15rem;}
.hct-status{
  display:inline-flex;align-items:center;gap:.35rem;
  background:#f0e6db;color:#5C2E2E;
  font-family:'Urbanist',sans-serif;font-size:.68rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;padding:.3rem .6rem;border-radius:2px;
}
.hct-dot{width:6px;height:6px;border-radius:50%;background:#5C2E2E;animation:hctPulse 2.4s ease-in-out infinite;}
@keyframes hctPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.35;transform:scale(.8);}}
.hct-brief-body{display:grid;grid-template-columns:90px 1fr;gap:1rem;align-items:start;}
.hct-thumb{
  position:relative;width:90px;height:110px;
  background:repeating-linear-gradient(135deg,#e8dccf 0,#e8dccf 8px,#ddcebd 8px,#ddcebd 16px);
  border:1px solid #d4c6b3;display:flex;align-items:center;justify-content:center;
}
.hct-thumb i{color:#8c7a64;font-size:1.3rem;}
.hct-thumb-label{
  position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);
  background:#2c2b28;color:#f6f1ec;
  font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;
  font-size:.58rem;letter-spacing:.12em;padding:2px 6px;white-space:nowrap;
}
.hct-msg{font-family:'Inter',sans-serif;font-size:.85rem;line-height:1.55;color:#5a5854;margin:0;}
.hct-msg-quote{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1rem;color:#2c2b28;margin-bottom:.35rem;display:block;}
.hct-tag{
  display:inline-block;background:#fffefc;border:1px solid #e4e1db;color:#5a5854;
  font-size:.68rem;padding:2px 7px;margin-right:4px;margin-top:.35rem;
  font-family:'Inter',sans-serif;letter-spacing:.04em;
}
.hct-brief-foot{
  display:flex;justify-content:space-between;align-items:center;
  margin-top:1.1rem;padding-top:.9rem;border-top:1px dashed #d4cdc1;
  font-family:'Inter',sans-serif;font-size:.72rem;color:#8c8984;
}
.hct-brief-foot strong{color:#5C2E2E;font-weight:600;}
.hct-reply{
  position:absolute;z-index:4;right:0;bottom:4%;
  width:64%;max-width:320px;
  background:#fffefc;color:#2c2b28;padding:1rem 1.1rem;
  border-radius:4px;border:1px solid #e4e1db;
  box-shadow:0 24px 40px -20px rgba(0,0,0,.55);
  transform:rotate(2.5deg);
}
.hct-reply-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.55rem;}
.hct-avatar{
  width:32px;height:32px;background:#5C2E2E;color:#fffefc;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:'Cormorant Garamond',serif;font-weight:600;font-size:.95rem;
  flex-shrink:0;
}
.hct-reply-meta{line-height:1.2;}
.hct-reply-name{font-family:'Urbanist',sans-serif;font-weight:600;font-size:.78rem;color:#2c2b28;}
.hct-reply-role{font-size:.68rem;color:#8c8984;letter-spacing:.02em;}
.hct-reply-text{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:.98rem;line-height:1.4;color:#2c2b28;margin:0 0 .35rem;}
.hct-reply-stamp{font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;font-size:.6rem;letter-spacing:.12em;color:#8c8984;text-transform:uppercase;}
.hct-pricetag{
  position:absolute;z-index:5;top:6%;right:2%;
  background:#5C2E2E;color:#fffefc;
  padding:.85rem 1rem;text-align:center;
  transform:rotate(4deg);
  box-shadow:0 14px 30px -10px rgba(0,0,0,.5);
  min-width:90px;
}
.hct-num{font-family:'Cormorant Garamond',serif;font-size:2rem;line-height:1;font-weight:500;display:block;}
.hct-num em{font-style:italic;}
.hct-lbl-tag{font-family:'Urbanist',sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:.58rem;margin-top:.35rem;color:rgba(255,254,252,.78);display:block;}
.hct-pricetag::before,.hct-pricetag::after{
  content:"";position:absolute;width:6px;height:6px;background:#fffefc;
  border-radius:50%;top:50%;transform:translateY(-50%);
}
.hct-pricetag::before{left:-3px;}
.hct-pricetag::after{right:-3px;}
@media(max-width:991.98px){
  .hct-visual{min-height:460px;margin-top:3rem;}
  .hct-pricetag{top:2%;}
}
@media(max-width:575.98px){
  .hct-visual{display:none;}
  .hct-section{padding:3.5rem 0;}
}