@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');

:root { --bg:#080707; --panel:#100d0d; --line:#302424; --red:#ef171d; --deep:#7d080c; --text:#f2eee9; --muted:#aaa2a0; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--bg); }
body { margin:0; color:var(--text); background:var(--bg); font-family:Inter,system-ui,sans-serif; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
.site-header { height:82px; position:fixed; inset:0 0 auto; z-index:20; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(24px,6vw,104px); border-bottom:1px solid rgba(255,255,255,.09); background:rgba(8,7,7,.84); backdrop-filter:blur(16px); }
.brand { display:flex; align-items:center; gap:12px; text-transform:uppercase; }
.brand img { object-fit:contain; }
.brand strong { display:block; font:800 1.32rem/1 'Barlow Condensed',sans-serif; letter-spacing:.035em; }
.brand small { display:block; margin-top:6px; color:var(--red); font-size:.64rem; font-weight:700; letter-spacing:.55em; }
nav { display:flex; align-items:center; gap:clamp(24px,3.5vw,60px); }
nav a { position:relative; padding:30px 0; color:#ddd7d3; font:600 .83rem/1 Inter,sans-serif; text-transform:uppercase; letter-spacing:.09em; }
nav a::after { content:""; position:absolute; left:0; right:100%; bottom:20px; height:2px; background:var(--red); transition:right .2s; }
nav a:hover::after,nav a:focus-visible::after { right:0; }
.language-switcher { display:flex; align-items:center; gap:7px; margin-left:4px; color:#6f6765; font-size:.68rem; font-weight:700; letter-spacing:.09em; }
.language-switcher a { padding:8px 3px; color:#8f8784; font-size:.68rem; }
.language-switcher a::after { display:none; }
.language-switcher a:hover,.language-switcher a:focus-visible,.language-switcher a[aria-current="true"] { color:var(--text); }
.language-switcher a[aria-current="true"] { border-bottom:1px solid var(--red); }
.menu-button { display:none; }
.hero { min-height:100vh; position:relative; isolation:isolate; display:grid; align-items:center; padding:130px clamp(24px,12vw,220px) 86px; overflow:hidden; background:radial-gradient(circle at 75% 43%,rgba(181,0,8,.19),transparent 31%),linear-gradient(135deg,#0a0808 0%,#050505 67%); }
.hero::before { content:""; position:absolute; inset:0; z-index:-3; opacity:.24; background-image:linear-gradient(118deg,transparent 47%,rgba(239,23,29,.18) 47.2%,transparent 47.5%),repeating-linear-gradient(132deg,transparent 0 98px,rgba(255,255,255,.035) 99px 100px); }
.hero-rooster { position:fixed; z-index:-2; right:clamp(-110px,2vw,40px); top:50%; width:min(50vw,720px); aspect-ratio:1; transform:translateY(-46%); background:url('assets/numb-chicken-logo.png') center/contain no-repeat; filter:drop-shadow(0 0 55px rgba(224,0,10,.22)); opacity:.54; pointer-events:none; }
.hero-lines { position:absolute; z-index:-1; right:-5%; bottom:8%; width:42%; height:2px; background:linear-gradient(90deg,transparent,var(--red)); transform:rotate(-42deg); box-shadow:0 70px 0 rgba(239,23,29,.2),0 140px 0 rgba(239,23,29,.1); }
.hero-copy { position:relative; z-index:2; max-width:690px; }
.eyebrow { margin:0 0 18px; color:var(--red); font-size:.76rem; font-weight:700; letter-spacing:.24em; text-transform:uppercase; }
h1,h2,h3 { margin:0; font-family:'Barlow Condensed',Impact,sans-serif; text-transform:uppercase; }
h1 { font-size:clamp(4.8rem,8vw,8.9rem); line-height:.78; letter-spacing:-.025em; }
h1 span { color:transparent; -webkit-text-stroke:2px var(--text); }
.intro { max-width:570px; margin:34px 0; color:#c2bab7; font-size:clamp(1rem,1.35vw,1.2rem); line-height:1.72; }
.button { display:inline-flex; align-items:center; gap:38px; padding:17px 24px; background:linear-gradient(135deg,var(--red),#a80007); clip-path:polygon(0 0,100% 0,100% 70%,92% 100%,0 100%); font-size:.83rem; font-weight:700; letter-spacing:.075em; text-transform:uppercase; transition:transform .2s,filter .2s; }
.button:hover { transform:translateY(-2px); filter:brightness(1.14); }
.scroll-cue { position:absolute; bottom:30px; left:50%; transform:translateX(-50%); color:#8e8784; font-size:.67rem; text-transform:uppercase; letter-spacing:.23em; }
.section { position:relative; z-index:3; padding:110px clamp(24px,6vw,104px); background:var(--bg); }
.section-heading { display:flex; align-items:end; justify-content:space-between; padding-bottom:22px; border-bottom:1px solid var(--line); }
.section-heading .eyebrow { margin-bottom:8px; }
h2 { font-size:clamp(3rem,5vw,5.2rem); line-height:.9; }
.project-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:36px; }
.project-card { min-height:480px; position:relative; display:flex; flex-direction:column; overflow:hidden; border:1px solid #3b3030; background:#100d0d; clip-path:polygon(0 0,96% 0,100% 6%,100% 100%,0 100%); transition:transform .22s,border-color .22s,filter .22s; }
.project-card:hover,.project-card:focus-visible { transform:translateY(-4px); border-color:#714145; filter:brightness(1.06); outline:none; }
.project-card:focus-visible { box-shadow:0 0 0 3px rgba(239,23,29,.28); }
.card-art { min-height:260px; position:relative; overflow:hidden; }
.breach .card-art { background:radial-gradient(circle at 65% 46%,rgba(255,34,34,.38) 0 3px,transparent 4px),linear-gradient(135deg,transparent 48%,rgba(255,35,35,.22) 49%,transparent 50%),radial-gradient(circle at 70% 55%,#2a313a,#10151b 45%,#08090b 75%); }
.crosshair { position:absolute; inset:50% auto auto 68%; width:85px; height:85px; border:1px solid rgba(255,35,35,.55); border-radius:50%; transform:translate(-50%,-50%); }
.crosshair::before,.crosshair::after { content:""; position:absolute; background:rgba(255,35,35,.5); }
.crosshair::before { width:125px; height:1px; left:-20px; top:41px; }.crosshair::after { height:125px; width:1px; left:41px; top:-20px; }
.osiris .card-art { background:radial-gradient(circle at 72% 28%,#ffd756 0 7%,transparent 7.5%),linear-gradient(150deg,#1c5166 0%,#3099a8 42%,#e38343 42.5%,#73301c 100%); }
.numbered-shape { position:absolute; right:19%; top:23%; display:grid; place-items:center; width:116px; aspect-ratio:1; color:#fff; border:3px solid rgba(255,255,255,.78); border-radius:56% 44% 55% 45%; background:rgba(226,36,72,.78); font:700 2rem Inter; transform:rotate(18deg); }
.numbered-shape.second { width:74px; right:42%; top:53%; background:rgba(39,162,128,.8); transform:rotate(-20deg); }
.card-content { flex:1; display:grid; grid-template-columns:1fr auto; align-items:end; gap:18px; padding:28px; background:linear-gradient(180deg,#151111,#0c0a0a); }
.status { display:inline-flex; align-items:center; gap:8px; color:var(--red); font-size:.68rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.status::before { content:""; width:6px; height:6px; background:var(--red); border-radius:50%; box-shadow:0 0 9px var(--red); }
.card-content h3 { margin-top:7px; font-size:clamp(2.3rem,3.4vw,3.7rem); }
.card-content p { grid-column:1/-1; max-width:580px; margin:0; color:var(--muted); line-height:1.65; }
.card-link { font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.card-link>span { display:inline-block; transition:transform .2s; }
.project-card:hover .card-link>span,.project-card:focus-visible .card-link>span { transform:translate(5px,-2px); }
.studio { display:grid; grid-template-columns:.8fr 1.2fr; gap:7vw; overflow:hidden; background:#0e0b0b; }
.studio::before { content:""; position:absolute; inset:0; opacity:.4; background:linear-gradient(120deg,rgba(168,0,7,.13),transparent 45%); }
.studio-mark { min-height:470px; position:relative; display:grid; place-items:center; border:1px solid #2f2424; background:radial-gradient(circle,rgba(173,7,14,.2),transparent 63%); }
.studio-mark img { width:min(90%,480px); filter:drop-shadow(0 0 40px rgba(239,23,29,.22)); opacity:.88; }
.studio-copy { position:relative; align-self:center; }
.studio-copy>p:not(.eyebrow) { max-width:680px; color:var(--muted); font-size:1.08rem; line-height:1.8; }
.studio-copy .text-link { display:inline-flex; align-items:center; gap:24px; margin-top:7px; padding-bottom:6px; border-bottom:1px solid var(--red); color:#e8e1de; font-size:.76rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; transition:gap .2s,color .2s; }
.studio-copy .text-link:hover,.studio-copy .text-link:focus-visible { gap:31px; color:#fff; }
.values { position:relative; grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.values div { padding:34px 34px 20px 0; }
.values div+div { padding-left:34px; border-left:1px solid var(--line); }
.values b { color:var(--red); font:700 .72rem Inter; letter-spacing:.15em; }
.values h3 { margin:11px 0 7px; font-size:1.5rem; }
.values p { margin:0; color:var(--muted); line-height:1.55; }
.news { min-height:440px; display:flex; flex-direction:column; justify-content:center; background:linear-gradient(110deg,#080707 40%,#16090a); }
.news>p:not(.eyebrow) { max-width:620px; color:var(--muted); font-size:1.05rem; line-height:1.7; }
.news .news-link { display:inline-flex; align-items:center; gap:24px; align-self:flex-start; margin-top:12px; padding-bottom:6px; border-bottom:1px solid var(--red); color:#e8e1de; font-size:.76rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; transition:gap .2s,color .2s; }
.news .news-link:hover,.news .news-link:focus-visible { gap:31px; color:#fff; }
.news.has-posts { min-height:0; display:block; padding-top:115px; padding-bottom:115px; background:linear-gradient(120deg,#080707 35%,#130a0a); }
.home-news-heading { display:flex; align-items:end; justify-content:space-between; gap:35px; padding-bottom:24px; border-bottom:1px solid var(--line); }
.home-news-heading .eyebrow { margin-bottom:8px; }
.home-news-heading .news-link { flex:0 0 auto; margin:0 0 8px; }
.home-news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:34px; }
.home-news-card { min-height:510px; display:flex; flex-direction:column; overflow:hidden; border:1px solid #382b2b; background:#0e0b0b; clip-path:polygon(0 0,95% 0,100% 5%,100% 100%,0 100%); transition:transform .22s,border-color .22s,filter .22s; }
.home-news-card:hover,.home-news-card:focus-visible { transform:translateY(-4px); border-color:#714145; filter:brightness(1.05); outline:none; }
.home-news-card:focus-visible { box-shadow:0 0 0 3px rgba(239,23,29,.28); }
.home-news-art { min-height:220px; height:220px; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle,rgba(181,0,8,.19),transparent 58%),#151111; }
.home-news-art>img { width:100%; height:100%; object-fit:cover; }
.home-news-art>.home-news-placeholder { width:min(68%,220px); height:auto; object-fit:contain; opacity:.62; filter:drop-shadow(0 0 35px rgba(239,23,29,.22)); }
.home-news-copy { flex:1; display:flex; flex-direction:column; padding:27px; }
.home-news-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 18px; margin:0; color:#817976; font-size:.64rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.home-news-meta span { color:var(--red); }
.home-news-copy h3 { margin-top:22px; font-size:clamp(2rem,2.8vw,3rem); line-height:.97; }
.home-news-copy>p:not(.home-news-meta) { margin:17px 0 25px; color:var(--muted); font-size:.92rem; line-height:1.65; }
.home-news-copy>strong { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:19px; border-top:1px solid #3a2e2e; font-size:.69rem; letter-spacing:.1em; text-transform:uppercase; }
.home-news-copy>strong i { font-style:normal; font-size:1.15rem; transition:transform .2s; }
.home-news-card:hover .home-news-copy>strong i { transform:translateX(6px); }
.home-news-mobile-link { display:none!important; }
footer { position:relative; z-index:4; display:grid; grid-template-columns:1fr auto auto; align-items:end; gap:50px; padding:55px clamp(24px,6vw,104px); border-top:1px solid var(--line); background:#050505; }
footer strong { font:700 1.45rem 'Barlow Condensed'; text-transform:uppercase; } footer p { margin:8px 0 0; color:#766f6d; font-size:.78rem; } footer a { color:#ddd7d3; }
.social-links { display:flex; align-items:center; justify-content:flex-end; gap:10px; }
.social-link { width:42px; height:42px; display:grid; place-items:center; border:1px solid #4a3333; border-radius:3px; color:#d9d2ce; background:#0d0a0a; transition:border-color .2s,color .2s,background .2s,transform .2s,box-shadow .2s; }
.social-link svg { width:20px; height:20px; overflow:visible; fill:currentColor; stroke:none; }
.social-link .social-icon-outline { fill:none; stroke:currentColor; stroke-width:1.8; }
.social-link .social-icon-cutout { fill:#0d0a0a; stroke:none; }
a.social-link:hover,a.social-link:focus-visible { color:#fff; border-color:var(--red); background:#2a0a0c; transform:translateY(-3px); box-shadow:0 9px 24px rgba(239,23,29,.18); outline:none; }
.social-link.is-disabled { color:#69615f; border-color:#2e2626; cursor:not-allowed; opacity:.72; }
@media(max-width:800px){
  .site-header{height:70px}.brand img{width:46px;height:46px}.menu-button{display:block;border:1px solid #4c3434;background:transparent;color:#fff;padding:9px 12px;text-transform:uppercase;letter-spacing:.1em}.site-header nav{position:absolute;top:70px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 24px;background:#0a0808;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}nav a{padding:15px 0}.language-switcher{margin:10px 0 0;padding-top:14px;border-top:1px solid var(--line)}.language-switcher a{padding:7px 4px}.hero{min-height:850px;padding:130px 24px 90px;align-items:start}.hero-rooster{position:absolute;top:auto;right:-80px;bottom:15px;width:500px;transform:none;opacity:.34}h1{font-size:clamp(4rem,19vw,6rem)}.intro{max-width:92%}.scroll-cue{display:none}.section{padding:80px 24px}.project-grid,.studio{grid-template-columns:1fr}.project-card{min-height:440px}.card-content{grid-template-columns:1fr}.card-link{grid-row:3}.studio-mark{min-height:340px}.values{grid-template-columns:1fr}.values div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}.news.has-posts{padding:80px 24px}.home-news-heading{align-items:start;flex-direction:column}.home-news-heading .news-link{display:none}.home-news-grid{grid-template-columns:1fr}.home-news-card{min-height:0}.home-news-copy{min-height:290px}.home-news-mobile-link{display:inline-flex!important;margin-top:34px}footer{grid-template-columns:1fr;gap:25px;align-items:start}.social-links{justify-content:flex-start;flex-wrap:wrap}}
@media(min-width:801px) and (max-width:1100px){.home-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-news-card:last-child:nth-child(odd){grid-column:1/-1}.home-news-card:last-child:nth-child(odd) .home-news-art{height:300px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Kontaktseite */
.contact-page { min-height:100vh; position:relative; isolation:isolate; padding:155px clamp(24px,8vw,145px) 100px; overflow:hidden; background:radial-gradient(circle at 82% 30%,rgba(181,0,8,.2),transparent 32%),linear-gradient(135deg,#0a0808,#050505 72%); }
.contact-page::before { content:""; position:fixed; z-index:-2; right:-90px; top:50%; width:min(46vw,650px); aspect-ratio:1; transform:translateY(-45%); background:url('assets/numb-chicken-logo.png') center/contain no-repeat; filter:drop-shadow(0 0 55px rgba(224,0,10,.22)); opacity:.2; pointer-events:none; }
.contact-page::after { content:""; position:fixed; inset:0; z-index:-3; opacity:.22; background-image:repeating-linear-gradient(132deg,transparent 0 98px,rgba(255,255,255,.035) 99px 100px); }
.contact-layout { width:min(1180px,100%); margin:auto; display:grid; grid-template-columns:.78fr 1.22fr; gap:clamp(55px,8vw,120px); align-items:start; }
.contact-intro { position:sticky; top:145px; }
.contact-intro h1 { font-size:clamp(4.2rem,7vw,7.5rem); }
.contact-intro h1 span { display:block; }
.contact-intro>p:last-of-type { max-width:480px; margin:30px 0; color:var(--muted); font-size:1.04rem; line-height:1.75; }
.contact-direct { display:inline-block; margin-top:12px; color:#ddd7d3; font-size:.87rem; border-bottom:1px solid var(--red); padding-bottom:5px; }
.contact-panel { padding:clamp(25px,4vw,52px); border:1px solid #3a2b2b; background:rgba(14,11,11,.88); box-shadow:0 30px 80px rgba(0,0,0,.3); backdrop-filter:blur(10px); clip-path:polygon(0 0,96% 0,100% 4%,100% 100%,0 100%); }
.contact-panel h2 { margin-bottom:32px; font-size:clamp(2.6rem,4vw,4rem); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.field { display:flex; flex-direction:column; gap:9px; }
.field.full { grid-column:1/-1; }
.field label { color:#d8d1ce; font-size:.76rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.field input,.field textarea { width:100%; border:1px solid #443535; border-radius:0; outline:none; background:#090707; color:var(--text); padding:15px 16px; font:400 1rem/1.5 Inter,sans-serif; transition:border-color .2s,box-shadow .2s; }
.field textarea { min-height:190px; resize:vertical; }
.field input:focus,.field textarea:focus { border-color:var(--red); box-shadow:0 0 0 3px rgba(239,23,29,.12); }
.field input::placeholder,.field textarea::placeholder { color:#6f6765; }
.consent { grid-column:1/-1; display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start; color:#aaa2a0; font-size:.82rem; line-height:1.55; }
.consent input { width:18px; height:18px; margin-top:2px; accent-color:var(--red); }
.form-actions { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:5px; }
.form-actions .button { border:0; color:#fff; cursor:pointer; font-family:Inter,sans-serif; }
.required-note { margin:0; color:#766f6d; font-size:.74rem; }
.form-message { margin:0 0 28px; padding:16px 18px; border-left:3px solid var(--red); background:rgba(239,23,29,.1); color:#e7ddda; line-height:1.55; }
.form-message.success { border-color:#4fc887; background:rgba(79,200,135,.1); }
.form-message ul { margin:0; padding-left:20px; }
.honeypot { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
@media(max-width:800px){.contact-page{padding:120px 24px 75px}.contact-page::before{position:absolute;width:520px;right:-220px;top:310px;opacity:.12}.contact-layout{grid-template-columns:1fr;gap:45px}.contact-intro{position:relative;top:auto}.contact-panel{padding:28px 20px}.form-grid{grid-template-columns:1fr}.field.full,.consent,.form-actions{grid-column:1}.form-actions{align-items:flex-start;flex-direction:column}.form-actions .button{width:100%;justify-content:space-between}}