/* KOMPAKT – auf Wunsch von Matze: weniger Weißraum, dichtere Darstellung. Übergabe an Design: darf nach design.css übernommen werden. */
body.concept--signal .top .wrap{padding-block:14px}
body.concept--signal .hero .wrap{padding-top:22px;padding-bottom:26px;row-gap:16px}
body.concept--signal .hero h1{font-size:clamp(38px,4.4vw,60px);line-height:1.08}
body.concept--signal .hello{margin-bottom:10px}
body.concept--signal .hero-row{padding-block:4px}
body.concept--signal .lede{font-size:16px;line-height:1.6}
body.concept--signal .scope{height:210px;margin-top:-6px}
body.concept--signal .focus{margin-top:6px}
body.concept--signal .focus a{padding-block:12px}
body.concept--signal .lane .wrap{padding-block:40px;gap:32px}
body.concept--signal .head h2{font-size:24px}
body.concept--signal .intro{font-size:17px;line-height:1.6;margin-bottom:20px}
body.concept--signal .bench{margin-bottom:18px}
body.concept--signal .bench article{padding:14px 0;gap:4px 18px}
body.concept--signal .bench h3{font-size:18px}
body.concept--signal .bench p{font-size:14px}
body.concept--signal .bench svg{width:30px;height:30px}
body.concept--signal .pipeline{margin-bottom:16px}
body.concept--signal .pipeline div{padding:10px 12px}
body.concept--signal .toolbox{margin-bottom:16px}
body.concept--signal .sub{margin-top:20px;margin-bottom:8px;font-size:20px}
body.concept--signal .log article{padding-block:12px}
body.concept--signal .log h3{font-size:16px}
body.concept--signal .log p{font-size:14px}
body.concept--signal .projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.concept--signal .proj.wide{grid-column:1/-1}
body.concept--signal .proj,body.concept--signal .proj.wide{padding:16px;gap:8px}
body.concept--signal .proj h3,body.concept--signal .proj.wide h3{font-size:19px}
body.concept--signal .proj p{font-size:14px}
body.concept--signal .music-editorial{gap:24px}
body.concept--signal .music-art{min-height:200px}
body.concept--signal .music-disc{width:160px;height:160px}
body.concept--signal .music-process{margin-top:22px;padding-top:16px;gap:16px}
body.concept--signal .music-contact{margin-top:14px}
body.concept--signal .music-tracks{margin-top:22px}
body.concept--signal .mt-track{padding:10px 0}
body.concept--signal .prints{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.concept--signal .print canvas{aspect-ratio:1.15}
body.concept--signal .print figcaption{padding:10px 12px;gap:6px}
body.concept--signal .print h3{font-size:15px}
body.concept--signal .print dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}
body.concept--signal #druck .toolbox{margin-top:14px}
body.concept--signal .quote{font-size:clamp(22px,2.4vw,30px);margin-bottom:18px}
body.concept--signal .path{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.concept--signal .step{padding-top:16px}
body.concept--signal .relay{padding:22px;gap:18px}
body.concept--signal .relay h3{font-size:22px}
body.concept--signal .mail output{font-size:clamp(24px,3vw,38px)}
body.concept--signal .contact{gap:12px}
body.concept--signal footer{padding-block:18px}
@media (max-width:1050px){body.concept--signal .prints{grid-template-columns:repeat(2,minmax(0,1fr))}body.concept--signal .projects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
body.concept--signal .hero h1{font-size:clamp(34px,9.5vw,48px)}
body.concept--signal .scope{height:190px}
body.concept--signal .lane .wrap{padding-block:28px;gap:16px}
body.concept--signal .head h2{font-size:24px}
body.concept--signal .intro{font-size:16px}
body.concept--signal .projects{grid-template-columns:minmax(0,1fr)}
body.concept--signal .prints{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.concept--signal .print dl{grid-template-columns:minmax(0,1fr)}
body.concept--signal .path{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.concept--signal .music-process{grid-template-columns:minmax(0,1fr);gap:10px}
body.concept--signal .music-art{min-height:170px}
body.concept--signal .relay{padding:16px}
}
/* Hero ohne Oszilloskop: „Aktuell“-Liste mit schmaler Signallinie */
body.concept--signal .now{grid-area:art;align-self:center;display:grid;gap:0;border:1px solid var(--rule);border-radius:var(--round,3px);background:var(--plate);padding:14px 16px 6px;min-width:0}
body.concept--signal .now-signal{display:block;width:100%;height:34px;margin-bottom:8px}
body.concept--signal .now>.label{font-size:10px;padding-bottom:6px;border-bottom:1px solid var(--rule)}
body.concept--signal .now a{display:grid;gap:2px;padding:9px 0;border-bottom:1px solid var(--rule);text-decoration:none}
body.concept--signal .now a:last-child{border-bottom:0}
body.concept--signal .now a b{font:500 16px/1.25 var(--display);letter-spacing:-.02em}
body.concept--signal .now a span{font:400 11px/1.4 var(--mono);color:var(--mute)}
body.concept--signal .now a:hover b{color:var(--copper)}
body.concept--signal .hero-row{align-self:center}
@media (max-width:760px){
body.concept--signal .top .wrap{padding-block:10px}
body.concept--signal .hero .wrap{padding-top:14px;gap:14px;grid-template-areas:"title" "text" "art" "focus"}
body.concept--signal .hero h1{font-size:clamp(32px,9vw,44px)}
body.concept--signal .hello{font-size:9px;margin-bottom:6px}
body.concept--signal .lede{font-size:15px}
body.concept--signal .hero-actions{gap:8px}
body.concept--signal .hero-actions .btn{padding:10px 14px;font-size:13px}
body.concept--signal .now{padding:10px 12px 2px}
body.concept--signal .now-signal{height:26px}
body.concept--signal .now a{padding:7px 0}
body.concept--signal .now a b{font-size:15px}
body.concept--signal .focus{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;border:0;margin-top:2px;padding-bottom:4px;-webkit-overflow-scrolling:touch}
body.concept--signal .focus a,body.concept--signal .focus a:first-child,body.concept--signal .focus a:nth-child(-n+2){flex:0 0 auto;scroll-snap-align:start;padding:8px 14px;border:1px solid var(--rule);border-radius:99px;gap:0}
body.concept--signal .focus a .label,body.concept--signal .focus a i{display:none}
body.concept--signal .focus b{font-size:14px}
body.concept--signal .bench article{grid-template-columns:28px 1fr;gap:2px 12px}
body.concept--signal .bench svg{width:24px;height:24px}
body.concept--signal .pipeline div{padding:8px 10px;font-size:13px}
body.concept--signal .log article{gap:2px}
body.concept--signal .proj,body.concept--signal .proj.wide{padding:14px}
body.concept--signal pre.code{font-size:11px}
body.concept--signal .mt-track{gap:6px}
body.concept--signal .mail{gap:10px}
}
/* Hinweise auf Platzhalter nicht öffentlich anzeigen */
body.concept--signal .note:has(.sample){display:none}
/* Mobil: Nebensächliches ausblenden, Listen verdichten */
@media (max-width:760px){
body.concept--signal .focus a:last-child{border:1px solid var(--rule)}
body.concept--signal .bench{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
body.concept--signal .bench article{grid-template-columns:22px 1fr;padding:10px 0;align-items:center}
body.concept--signal .bench article p{display:none}
body.concept--signal .bench h3{font-size:14px;line-height:1.25}
body.concept--signal .bench svg{width:20px;height:20px;grid-row:auto}
body.concept--signal .pipeline{display:flex;flex-wrap:wrap;gap:6px}
body.concept--signal .pipeline div{display:block;padding:6px 10px;font-size:12px;border-radius:99px}
body.concept--signal .pipeline div .label,body.concept--signal .pipeline small{display:none}
body.concept--signal .proj pre.code{display:none}
body.concept--signal .proj p{font-size:13px}
body.concept--signal .music-art{display:none}
body.concept--signal .music-process{display:none}
body.concept--signal .print dl{display:none}
body.concept--signal .print h3{font-size:13px}
body.concept--signal .step p{display:none}
body.concept--signal .step h3{font-size:15px}
body.concept--signal .relay .flow{display:none}
body.concept--signal .relay p{font-size:14px}
body.concept--signal .quote{font-size:20px}
}
@media (max-width:760px){body.concept--signal .now{display:none}}
body.concept--signal .log article{grid-template-columns:minmax(0,1fr)}

/* Login-Knopf im Kopf (Zugang u. a. für Rike) */
.nav a.nav-login{color:var(--ink);border:1px solid var(--rule);margin-left:6px}
.nav a.nav-login:hover{border-color:var(--copper);background:var(--copper-soft)}