:root{--ink:#101010;--cream:#f3f0e8;--pink:#ff267b;--muted:#9b9892;--line:#343230;--font-head:Impact,'Arial Black',sans-serif;--font-body:Arial,Helvetica,sans-serif;--font-mono:'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--font-body);overflow-x:hidden}::selection{background:var(--pink);color:#101010}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--pink);outline-offset:5px}.noise{pointer-events:none;position:fixed;inset:0;z-index:100;opacity:.095;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 180 180" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".9" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)" opacity=".28"/%3E%3C/svg%3E')}.progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--pink);z-index:200;transition:width .1s}.shell{width:min(1400px,calc(100% - 8vw));margin:auto}.nav{position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid #ffffff28}.navinner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-family:var(--font-head);font-size:24px;letter-spacing:-2.1px;white-space:nowrap;line-height:1}.logo span{color:var(--pink)}.logo sup{vertical-align:top;font:9px var(--font-mono);letter-spacing:0;margin-left:4px}.navlinks{display:flex;align-items:center;gap:36px}.navlinks a{font:11px var(--font-mono);text-transform:uppercase;letter-spacing:1px;transition:color .2s}.navlinks a:hover{color:var(--pink)}.navcta{border:1px solid var(--cream);padding:15px 19px!important}.navcta:hover{background:var(--cream);color:var(--ink)!important}.menuToggle{display:none;background:none;border:1px solid #777;color:#fff;padding:12px 15px;font:12px var(--font-mono)}.hero{min-height:820px;height:min(940px,100svh);position:relative;overflow:hidden;display:flex;align-items:center;padding-top:95px;background:radial-gradient(ellipse at 74% 53%,#32101e 0%,#1b1116 26%,#101010 61%)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 60%,#ff267b08 85%);pointer-events:none}.heroContent{position:relative;z-index:3;width:100%}.eyebrow{font:11px var(--font-mono);letter-spacing:2.6px;text-transform:uppercase;color:var(--pink);display:flex;gap:13px;align-items:center}.eyebrow:before{content:'';width:30px;height:2px;background:var(--pink)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:var(--font-head);font-size:clamp(62px,10.2vw,164px);line-height:.93;letter-spacing:-.075em;text-transform:uppercase;margin:30px 0 34px;max-width:1050px;position:relative}.hero h1 .white{display:block}.hero h1 .pink{display:block;color:var(--pink)}.hero h1 .indent{padding-left:clamp(0px,11vw,170px)}.strike{position:relative;white-space:nowrap}.strike:after{content:'';position:absolute;height:10%;background:#fff;left:0;right:0;top:48%;transform:rotate(-7deg)}.heroBottom{display:flex;align-items:end;justify-content:space-between;gap:26px}.heroLead{font-size:clamp(16px,2vw,23px);line-height:1.45;max-width:440px;color:#e5dfde}.roundArrow{width:110px;height:110px;border:1px solid #858080;border-radius:50%;display:grid;place-items:center;font-size:45px;transform:rotate(-45deg);transition:.3s}.roundArrow:hover{background:var(--pink);color:var(--ink);border-color:var(--pink);transform:rotate(0)}.bigSix{position:absolute;right:-.025em;top:17%;font-family:var(--font-head);font-size:min(69vw,790px);font-weight:900;line-height:1;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px #fb35732c;transform:rotate(-11deg);pointer-events:none}.verticalNote{position:absolute;right:2.2vw;bottom:40px;writing-mode:vertical-rl;font:10px var(--font-mono);letter-spacing:3px;color:#b5a6a9}.marquee{background:var(--pink);color:var(--ink);overflow:hidden;transform:rotate(-1.8deg) scale(1.02);position:relative;z-index:5;border-block:2px solid var(--ink);padding:12px 0}.marqueeTrack{white-space:nowrap;display:flex;gap:30px;width:max-content;animation:mar 28s linear infinite;font-family:var(--font-head);font-size:clamp(19px,3vw,34px);letter-spacing:-.7px}.marquee b{font-family:var(--font-mono);font-size:27px}@keyframes mar{to{transform:translateX(-50%)}}.section{padding:145px 0}.secTop{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:55px}.index{font:11px var(--font-mono);color:var(--pink);letter-spacing:1.5px}.sectionTitle{font-family:var(--font-head);font-size:clamp(50px,8vw,115px);letter-spacing:-.075em;text-transform:uppercase;line-height:.94;margin-bottom:45px}.sectionTitle em{font-style:normal;color:var(--pink)}.introGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end}.introText{font-size:clamp(18px,2.1vw,28px);line-height:1.5;max-width:550px}.introText strong{color:var(--pink)}.introAside{border-left:1px solid var(--pink);padding:10px 0 10px 28px;color:#bbb5b2;font-size:15px;line-height:1.7}.services{background:var(--cream);color:var(--ink)}.services .index{color:#ab0050}.services .sectionTitle em{color:#ea0b64}.serviceList{border-top:2px solid var(--ink)}.service{border-bottom:1px solid #bab7b0;display:grid;grid-template-columns:70px 1fr 1fr 42px;gap:20px;align-items:center;padding:33px 8px;transition:background .2s,padding .2s;cursor:pointer}.service:hover,.service.active{background:#e7e2d9;padding-left:23px}.serviceNum{font:11px var(--font-mono);color:#a4004b}.serviceName{font:clamp(25px,3.6vw,49px) var(--font-head);letter-spacing:-2px;text-transform:uppercase;line-height:1.06}.serviceDesc{font-size:15px;line-height:1.6;max-width:360px;color:#4f4a46}.serviceArrow{font-size:34px;color:#a9004c}.serviceDetail{grid-column:2/4;display:none;font:12px var(--font-mono);line-height:2;color:#7b314b;padding-bottom:12px}.service.active .serviceDetail{display:block}.manifesto{position:relative;overflow:hidden;background:var(--pink);color:var(--ink);padding:115px 0 125px}.manifesto small{font:12px var(--font-mono);text-transform:uppercase;letter-spacing:2px}.manifesto p{margin:45px 0 0;font:clamp(45px,8.5vw,135px)/.99 var(--font-head);text-transform:uppercase;letter-spacing:-.085em;max-width:1250px}.manifesto p span{color:var(--cream);text-shadow:3px 3px var(--ink)}.manifesto .stamp{position:absolute;right:-45px;top:20px;border:4px solid var(--ink);font:14px var(--font-mono);border-radius:50%;width:155px;height:155px;display:grid;place-items:center;text-align:center;transform:rotate(18deg)}.worksIntro{display:flex;justify-content:space-between;gap:35px;align-items:end}.worksIntro p{max-width:400px;color:#c3bfba;font-size:16px;line-height:1.7}.workGrid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px}.work{min-height:470px;position:relative;overflow:hidden;background:#252126;border:1px solid #40373b;padding:35px;display:flex;flex-direction:column;justify-content:space-between}.work:nth-child(2){background:#eae5dc;color:#111}.work:nth-child(3){background:#ff267b;color:#151015;min-height:350px}.work:nth-child(4){background:#28242d;min-height:350px}.workCap{font:11px var(--font-mono);letter-spacing:1px;text-transform:uppercase;position:relative;z-index:2}.work h3{font:clamp(36px,5vw,73px)/.95 var(--font-head);letter-spacing:-.06em;text-transform:uppercase;z-index:2;margin-bottom:8px}.work .workType{font:12px var(--font-mono);opacity:.7;z-index:2}.workShape{position:absolute;right:-55px;top:45px;font:340px/.8 var(--font-head);letter-spacing:-60px;color:#ff267b33;transform:rotate(-17deg);pointer-events:none}.work:nth-child(2) .workShape{color:#ff267b50;right:-10px;transform:rotate(24deg)}.work:nth-child(3) .workShape{color:#10101024;font-size:420px;right:50px}.work:nth-child(4) .workShape{color:#ffffff15}.about{background:#1b1819;border-top:1px solid #312b2e}.aboutGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:start}.aboutBadge{aspect-ratio:1;max-width:390px;border-radius:50%;border:2px dashed var(--pink);display:flex;align-items:center;justify-content:center;transform:rotate(-11deg);position:relative}.aboutBadge:after{content:'NICHT VON DER STANGE';position:absolute;bottom:50px;font:9px var(--font-mono);letter-spacing:3px;color:var(--pink)}.aboutBadge span{font:clamp(90px,15vw,230px)/1 var(--font-head);letter-spacing:-.15em;color:var(--pink);transform:translateX(-.08em)}.aboutCopy h2{font:clamp(45px,7vw,90px)/1 var(--font-head);letter-spacing:-.07em;text-transform:uppercase}.aboutCopy p{font-size:18px;line-height:1.8;color:#c2bcbc}.aboutCopy p b{color:#fff}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.chip{border:1px solid #676062;border-radius:40px;padding:11px 14px;font:10px var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.contact{padding:125px 0 70px;position:relative;overflow:hidden}.contact h2{font:clamp(60px,12vw,180px)/.92 var(--font-head);letter-spacing:-.09em;text-transform:uppercase;margin:32px 0}.contact h2 span{color:var(--pink)}.contactSub{font-size:20px;color:#d1cbca;max-width:550px;line-height:1.5}.contactActions{display:flex;flex-wrap:wrap;gap:15px;margin-top:40px}.btn{border:1px solid var(--cream);padding:21px 30px;text-transform:uppercase;font:12px var(--font-mono);font-weight:700;letter-spacing:1px;display:inline-flex;align-items:center;gap:26px;background:transparent;color:var(--cream);transition:.2s}.btnPrimary{background:var(--pink);color:var(--ink);border-color:var(--pink)}.btn:hover{transform:translateY(-4px)}.btnPrimary:hover{background:var(--cream);border-color:var(--cream)}.mailHint{margin-top:17px;font:11px var(--font-mono);color:#9b8d91;line-height:1.7}.contactWatermark{position:absolute;font:420px var(--font-head);right:-100px;bottom:-110px;transform:rotate(18deg);color:#ff267b0b;pointer-events:none}footer{border-top:1px solid #3b3435;padding:30px 0 38px}.footerInner{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.footerInner p,.footerInner a{font:11px var(--font-mono);color:#a9a1a0;margin:0}.footerLinks{display:flex;gap:28px}.footerLinks a:hover{color:var(--pink)}.demoTag{font:10px var(--font-mono);color:#a99ca0;background:#ffffff0b;padding:13px 15px;margin:0 0 24px;border-left:2px solid var(--pink);max-width:900px}.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s,transform .75s}.reveal.visible{opacity:1;transform:none}@media(max-width:950px){.hero{height:auto;min-height:760px;padding:155px 0 100px}.hero h1{font-size:clamp(62px,10vw,110px)}.navlinks{gap:18px}.section{padding:110px 0}.service{grid-template-columns:35px 1fr 35px;gap:13px}.serviceDesc{grid-column:2/3;grid-row:2}.serviceArrow{grid-column:3;grid-row:1}.serviceDetail{grid-column:2/4}.introGrid,.aboutGrid{gap:50px}.work{min-height:380px}}@media(max-width:680px){.shell{width:calc(100% - 40px)}.navinner{min-height:75px}.logo{font-size:22px}.menuToggle{display:block}.navlinks{display:none;position:absolute;top:75px;left:0;right:0;background:#121012;border-bottom:1px solid #55434a;padding:25px 20px 32px;flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks a{padding:15px 4px;border-bottom:1px solid #ffffff1a}.navcta{margin-top:18px;text-align:center}.hero{min-height:690px;padding:125px 0 85px}.hero h1{font-size:clamp(52px,13vw,86px);letter-spacing:-.078em;margin:40px 0}.hero h1 .indent{padding-left:0}.heroLead{max-width:265px;font-size:16px}.roundArrow{width:72px;height:72px;font-size:33px;flex-shrink:0}.bigSix{font-size:100vw;top:27%;right:-.13em}.verticalNote{display:none}.marquee{padding:8px 0}.section{padding:85px 0}.sectionTitle{font-size:clamp(46px,12vw,75px)}.introGrid,.aboutGrid,.workGrid{grid-template-columns:1fr}.introText{font-size:20px}.introAside{margin-top:0}.service{padding:24px 4px}.serviceName{font-size:clamp(26px,7vw,38px);letter-spacing:-1px}.serviceDesc{font-size:14px}.service:hover,.service.active{padding-left:8px}.manifesto{padding:80px 0}.manifesto p{font-size:clamp(43px,10.8vw,76px)}.manifesto .stamp{width:82px;height:82px;font-size:9px;right:-15px;top:10px;border-width:2px}.worksIntro{display:block}.work{min-height:390px}.work:nth-child(3),.work:nth-child(4){min-height:320px}.workShape{font-size:250px}.aboutBadge{width:240px;margin:auto}.aboutBadge span{font-size:145px}.aboutBadge:after{bottom:27px}.contact h2{font-size:clamp(58px,13vw,90px)}.contactSub{font-size:17px}.contactActions{flex-direction:column;align-items:stretch}.btn{justify-content:space-between}.footerInner{align-items:flex-start;flex-direction:column}.footerLinks{gap:18px;flex-wrap:wrap}}
.easterEgg{position:fixed;left:calc(100vw - 260px);top:calc(100vh - 160px);z-index:120;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #ff5d9c;background:rgba(16,16,16,.78);backdrop-filter:blur(12px);border-radius:999px;color:var(--cream);font:11px var(--font-mono);letter-spacing:.8px;text-transform:uppercase;box-shadow:0 18px 45px rgba(0,0,0,.35),0 0 0 1px rgba(255,38,123,.08) inset;user-select:none;cursor:default;pointer-events:auto;will-change:transform,left,top;animation:easterFloat 5.8s ease-in-out infinite}.easterEgg:before{content:"✦";color:var(--pink);font-size:13px}.easterEgg small{display:block;font-size:9px;letter-spacing:1.1px;color:#ff9bc1}.easterEgg.is-fleeing{box-shadow:0 22px 60px rgba(0,0,0,.42),0 0 0 1px rgba(255,38,123,.18) inset}.easterEgg .eggMain{display:flex;flex-direction:column;line-height:1.15}.easterEgg .eggMain b{font-size:11px}.easterEggHint{position:fixed;right:20px;bottom:20px;font:10px var(--font-mono);color:#7d7378;opacity:.0;pointer-events:none}@keyframes easterFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}@media(max-width:680px){.easterEgg{left:auto!important;right:16px;top:auto!important;bottom:20px;padding:9px 12px;font-size:10px}.easterEgg small{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marqueeTrack{animation:none}.reveal{opacity:1;transform:none;transition:none}.btn,.roundArrow,.service{transition:none}}

.contactDirect{display:flex;flex-wrap:wrap;align-items:center;gap:12px 25px;margin-top:30px;font-size:15px}.contactDirect strong{width:100%;font:12px var(--font-mono);letter-spacing:.4px;color:#fff}.contactDirect a{display:inline-block;border-bottom:1px solid #ff267b;padding-bottom:4px;color:#f9edf2}.contactDirect a:hover{color:var(--pink)}
.legalWrap{background:#141214;border-top:1px solid #403038;padding:65px 0 80px}.legalHeader{display:flex;gap:15px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:28px}.legalHeader h2{font:clamp(25px,4vw,44px)/1.1 var(--font-head);letter-spacing:-.05em;margin:0}.legalHeader .index{font-size:10px}.legalIntro{color:#c6bac0;max-width:740px;line-height:1.7;font-size:14px}.legalTabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.legalTab{background:transparent;color:#fff;border:1px solid #67555d;border-radius:0;padding:12px 17px;text-transform:uppercase;font:11px var(--font-mono)}.legalTab[aria-selected="true"],.legalTab:hover{border-color:var(--pink);background:var(--pink);color:#101010}.legalPanel{display:none;border:1px solid #48353d;background:#1b171a;padding:clamp(20px,4vw,45px);max-width:950px}.legalPanel.active{display:block}.legalPanel h3{font:clamp(20px,3vw,28px)/1.2 var(--font-head);letter-spacing:-.03em;margin:26px 0 12px}.legalPanel h3:first-child{margin-top:0}.legalPanel p,.legalPanel li{font-size:14px;line-height:1.85;color:#d3c8cc}.legalPanel a{color:#ff90bc;text-decoration:underline;text-underline-offset:3px}.missing{color:#ffaccb;font-weight:700}.legalNotice{border-left:3px solid var(--pink);background:#2e1d27;color:#ffe1ee;padding:13px 17px;font-size:13px;line-height:1.6;margin:20px 0}.legalPanel ul{padding-left:20px}.legalPanel dt{font:10px var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:#ff91b7;margin-top:16px}.legalPanel dd{font-size:14px;line-height:1.7;margin:5px 0 0;color:#fff}@media(max-width:680px){.contactDirect{display:flex;flex-direction:column;align-items:flex-start}.legalWrap{padding:52px 0}.legalPanel{padding:22px}}

/* Easter Egg nur auf Geräten mit Maus anzeigen */
@media(max-width:680px), (hover:none), (pointer:coarse){#easterEgg{display:none!important}}



.logo > span{color:var(--cream)}
/* BLACKSIX 2.0 — Original branding, genuinely floating emblem */
:root{--pink:#f5277b}
.nav .logo,.footerInner .logo{display:inline-flex;align-items:center;gap:10px}
.nav .logo img,.footerInner .logo img{height:45px;width:45px;object-fit:contain;filter:drop-shadow(0 8px 10px #000c) drop-shadow(0 0 9px #f5277b42);transition:transform .4s}
.nav .logo:hover img,.footerInner .logo:hover img{transform:rotate(-14deg) scale(1.12)}
.hero{background:radial-gradient(ellipse at 85% 40%,#2b0e19 0%,#131014 49%,#08090b 84%)}
.floating-emblem{position:absolute;right:max(3vw,20px);top:17%;width:clamp(230px,35vw,550px);z-index:1;transform:rotate(9deg);filter:drop-shadow(12px 30px 22px #000b) drop-shadow(0 0 30px #f5277b24);animation:float6 6s ease-in-out infinite;pointer-events:none}
.floating-emblem img{display:block;width:100%;height:auto}
@keyframes float6{0%,100%{transform:translateY(0) rotate(9deg)}50%{transform:translateY(-19px) rotate(5deg)}}
.heroContent{z-index:3}.hero h1{max-width:890px;text-shadow:0 5px 30px #09090bc0}
.hero-annotation{position:absolute;right:4vw;bottom:90px;color:#ffb3cd;font:11px var(--font-mono);letter-spacing:2px;transform:rotate(-9deg);z-index:3}
.mode-btn{margin-top:26px;display:inline-flex;align-items:center;gap:12px;color:#fff;background:#1e1d21;border:1px solid #f5277b;padding:13px 17px;font:11px var(--font-mono);letter-spacing:.8px;transition:.25s}
.mode-btn:hover{background:#f5277b;color:#101010}.mode-light{height:9px;width:9px;background:#f5277b;border-radius:50%;box-shadow:0 0 15px #f5277b}
body.standard-mode{--pink:#88919d;--cream:#ededed;background:#202124}
body.standard-mode .hero{background:#292d31}body.standard-mode .floating-emblem{filter:grayscale(1);animation:none;transform:rotate(0deg)}
body.standard-mode .marquee{transform:none}body.standard-mode .work{border-radius:10px}body.standard-mode .manifesto{background:#8c939d}body.standard-mode .mode-light{background:#9b9fa7;box-shadow:none}
body.standard-mode .hero-annotation{color:#aaa}
.aboutGrid{grid-template-columns:.87fr 1.13fr;gap:6vw;align-items:center}
.portraitFrame{position:relative;max-width:460px;transform:rotate(-2deg);box-shadow:18px 24px 60px #0009;transition:transform .3s}
.portraitFrame:hover{transform:rotate(0deg)}.portraitFrame img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;filter:contrast(1.04)}
.portraitLabel{position:absolute;left:-13px;bottom:22px;background:#101010;color:#fff;border-left:5px solid #f5277b;padding:13px 17px;font:11px var(--font-mono);letter-spacing:1px;transform:rotate(-2deg)}
.aboutSticker{position:absolute;top:-30px;right:-35px;background:#f5277b;color:#111;display:grid;place-items:center;width:110px;height:110px;border-radius:50%;font:12px var(--font-mono);text-align:center;transform:rotate(15deg);border:2px dashed #101010}
.workHead{padding:8px 11px;border:1px solid currentColor;align-self:flex-start;display:inline-flex;font:10px var(--font-mono);opacity:.85;letter-spacing:1px}
.service.active .serviceDetail{display:block}
.contactLead{font:12px var(--font-mono);color:var(--pink);margin-top:24px;letter-spacing:1.3px}
.project-facts{font:12px var(--font-mono);color:#d9d3cf;line-height:1.9;max-width:700px;margin-bottom:36px}
@media(max-width:950px){.floating-emblem{top:22%;right:-7vw;width:44vw;opacity:.63}.hero h1{position:relative;z-index:3}}
@media(max-width:680px){.floating-emblem{top:20%;right:-24vw;width:80vw;opacity:.28}.hero{min-height:760px}.hero-annotation{display:none}.nav .logo img,.footerInner .logo img{width:34px;height:34px}.portraitFrame{margin:20px 24px 45px 10px}.aboutSticker{right:-18px;top:-23px;width:82px;height:82px;font-size:9px}.mode-btn{margin-top:17px}}
@media(prefers-reduced-motion:reduce){.floating-emblem{animation:none}}


/* BlackSix: echtes Desktop-Easter-Egg; keine Touch- oder Tablet-Interaktion */
@media (max-width: 1024px), (hover: none), (pointer: coarse) { #easterEgg {display:none!important;} }
/* Rechtliche Links auf der Startseite */
.legalTabs a.legalTab {display:inline-block;text-decoration:none;color:var(--cream);border:1px solid var(--pink);padding:15px 21px;}
.legalTabs a.legalTab:hover {background:var(--pink);color:#111;}

/* Lesbarkeitskorrektur für lokale Systemschriften – BlackSix */
.hero h1{letter-spacing:-.012em;line-height:1.06}
.sectionTitle{letter-spacing:-.012em;line-height:1.07}
.manifesto p{letter-spacing:-.012em;line-height:1.07}
.aboutCopy h2{letter-spacing:-.012em;line-height:1.08}
.work h3{letter-spacing:-.01em;line-height:1.07}
.contact h2{letter-spacing:-.012em;line-height:1.07}
.serviceName{letter-spacing:0;line-height:1.12}
@media(max-width:680px){.hero h1{letter-spacing:0;line-height:1.08}.sectionTitle,.aboutCopy h2,.contact h2{letter-spacing:0;line-height:1.1}}

/* BlackSix one-page launch: real project references */
.references{background:radial-gradient(ellipse at 45% 0%,#27131c 0%,#101010 56%)}
.references .worksIntro{margin-bottom:32px}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.reference-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #56404b;min-width:0;background:#201a1e;transition:border-color .3s,transform .3s}
.reference-card:hover{border-color:var(--pink);transform:translateY(-3px)}
.reference-overline{display:flex;justify-content:space-between;gap:10px;padding:18px 22px;border-bottom:1px solid #ffffff20;font:10px var(--font-mono);letter-spacing:1.1px;color:#ffc4d8}
.reference-art{height:245px;position:relative;display:flex;align-items:end;padding:30px;overflow:hidden}
.ref-wood .reference-art{background:linear-gradient(135deg,#143326,#2b6a49 58%,#0f291e)}.ref-football .reference-art{background:radial-gradient(circle at 32px 32px,rgba(255,255,255,.055) 0 26px,transparent 27px) 0 0/64px 38px,radial-gradient(circle at 0 32px,rgba(255,255,255,.04) 0 26px,transparent 27px) 32px 18px/64px 38px,linear-gradient(145deg,#050505 0%,#141414 58%,#030303 100%)}
.reference-giant{position:relative;z-index:2;font:clamp(54px,7vw,112px)/.95 var(--font-head);letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere;color:#fff;text-shadow:0 6px 30px #0009}
.wood-rings{position:absolute;right:-40px;top:-160px;font:450px/1 Georgia,serif;color:#ffffff14;transform:rotate(-22deg)}.field-lines{position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.08),transparent 18%),radial-gradient(circle at 78% 30%,rgba(255,255,255,.05),transparent 16%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.28));mix-blend-mode:screen;opacity:.75}
.reference-bottom{padding:28px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.reference-bottom h3{font:clamp(30px,4vw,52px)/1.12 var(--font-head);letter-spacing:0;margin:0 0 14px;overflow-wrap:anywhere}.ref-dot{color:var(--pink)}.reference-bottom p{color:#d9d0d4;font-size:16px;line-height:1.72;margin:0 0 21px}.reference-tag{display:block;color:#ffa0c5;font:10px/1.7 var(--font-mono);margin-top:auto;letter-spacing:.3px}.reference-bottom a{display:inline-block;margin-top:24px;border-bottom:2px solid var(--pink);padding-bottom:8px;font:12px var(--font-mono);font-weight:bold;letter-spacing:.5px}.reference-bottom a:hover{color:var(--pink)}
.reference-note{display:flex;align-items:center;gap:20px;margin-top:24px;border-top:1px solid #ffffff25;padding:28px 0 0}.reference-note span{font:12px var(--font-mono);color:var(--pink);white-space:nowrap}.reference-note p{margin:0;flex:1;color:#c7bcc1;line-height:1.5}.reference-note a{font:11px var(--font-mono);border:1px solid var(--pink);padding:15px;white-space:nowrap}.reference-note a:hover{background:var(--pink);color:#111}
@media(max-width:820px){.reference-grid{grid-template-columns:1fr}.reference-art{height:210px}.reference-giant{font-size:clamp(55px,12vw,100px)}.reference-note{display:block}.reference-note p{margin:12px 0 22px}.reference-note a{display:inline-block}}
@media(prefers-reduced-motion:reduce){.reference-card:hover{transform:none}}
/* Make dense system-font headlines readable without external font requests */
.hero h1,.sectionTitle,.aboutCopy h2,.contact h2,.manifesto p{letter-spacing:0;overflow-wrap:normal}

/* Original reference logos, sized for desktop and mobile */
.reference-art-logo{display:flex;align-items:center;justify-content:center;isolation:isolate;padding:26px 36px}
.reference-art-logo:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#ffffff09,transparent 70%)}
.reference-logo{position:relative;z-index:3;max-width:100%;object-fit:contain;filter:drop-shadow(0 14px 18px #0009);transition:transform .4s ease}
.reference-card:hover .reference-logo{transform:translateY(-5px) scale(1.025)}
.wood-logo{width:min(86%,420px);height:auto;max-height:140px;padding:18px 26px;border-radius:14px;background:rgba(247,251,248,.96);box-shadow:0 22px 40px rgba(0,0,0,.28);border:1px solid rgba(36,92,61,.12)}
.predators-logo{width:min(86%,400px);height:205px;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(0,0,0,.58))}
@media(max-width:820px){.reference-art-logo{padding:18px}.predators-logo{height:180px}.wood-logo{max-height:112px;padding:14px 18px}}
@media(prefers-reduced-motion:reduce){.reference-logo{transition:none}.reference-card:hover .reference-logo{transform:none}}

/* BlackSix reference metrics */
.reference-metric{display:flex;flex-direction:column;gap:4px;margin:22px 0 18px;padding:14px 18px;border-left:3px solid var(--pink);background:rgba(255,255,255,.065)}
.reference-metric strong{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(30px,3.4vw,49px);line-height:1.15;letter-spacing:.015em;color:var(--pink)}
.reference-metric span{font-size:12px;letter-spacing:.03em;color:inherit;opacity:.9}
.reference-disclaimer{font-size:12px;line-height:1.5;color:#aaa1a5;margin:22px 0 0}

/* Third reference: editorial print design */
.ref-editorial{grid-column:1/-1;display:grid;grid-template-columns:46% 54%;grid-template-rows:auto 1fr}
.ref-editorial .reference-overline{grid-column:1/-1}
.ref-editorial .reference-art{grid-column:1;grid-row:2;min-height:410px;height:auto;background:radial-gradient(ellipse at 55% 35%,#d82147 0%,#84213b 36%,#29141f 76%);align-items:center;justify-content:center;padding:30px 20px}
.ref-editorial .reference-bottom{grid-column:2;grid-row:2;justify-content:center;padding:clamp(26px,5vw,65px)}
.ref-editorial .vic-cover{position:relative;z-index:1;width:auto;height:min(380px,42vw);max-width:90%;object-fit:contain;box-shadow:18px 21px 40px #0505058c;transform:rotate(-4deg);transition:transform .3s ease}
.ref-editorial:hover .vic-cover{transform:rotate(-1.5deg) translateY(-4px)}
.ref-editorial .editorial-glow{position:absolute;width:340px;height:340px;border-radius:50%;border:2px solid #ffffff26;box-shadow:0 0 0 35px #ffffff08,0 0 0 90px #ffffff04}
.reference-sample{font:10px var(--font-mono);color:#b5abb0;letter-spacing:.05em;margin-top:15px}
@media(max-width:820px){.ref-editorial{display:flex;grid-column:auto}.ref-editorial .reference-art{height:340px;min-height:0}.ref-editorial .vic-cover{height:285px}.ref-editorial .reference-bottom{padding:28px}}
@media(max-width:440px){.ref-editorial .reference-art{height:295px}.ref-editorial .vic-cover{height:250px}}

/* BlackSix: Event- und Flyergestaltung – zusätzliche Referenz */
.ref-events{background:#17151a}
.ref-events .reference-art{height:275px;min-height:275px;display:grid;place-items:center;background:radial-gradient(circle at 72% 35%,#61243e 0%,#241620 43%,#120f13 80%);position:relative;overflow:hidden}
.event-poster{position:relative;z-index:1;background:#f0eae1;color:#181316;transform:rotate(-6deg);padding:22px 28px 19px;box-shadow:18px 23px 0 #ff267b,27px 36px 40px #0009;min-width:225px;line-height:.95;text-transform:uppercase}
.event-poster span{display:block;font:900 37px/1 Impact,'Arial Black',sans-serif;letter-spacing:0}
.event-poster strong{display:block;font:900 45px/1 Impact,'Arial Black',sans-serif;color:#df1262;letter-spacing:0}
.event-poster small{font:700 9px/1.6 'Courier New',monospace;letter-spacing:1px}
.event-asterisk{position:absolute;right:7%;top:4%;font-size:160px;color:#ff267b55;transform:rotate(15deg)}
.event-examples{font-size:13px!important;color:#d9cbd0!important;margin-top:-5px}
@media(max-width:680px){.ref-events .reference-art{height:240px;min-height:240px}.event-poster{transform:rotate(-4deg) scale(.86)}}

/* Social-Media-Links für Referenzen */
.reference-social-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:24px}
.reference-bottom .reference-social-links a{margin-top:0;white-space:nowrap;font-size:11px;padding-bottom:7px}
@media(max-width:480px){.reference-social-links{gap:14px}.reference-bottom .reference-social-links a{font-size:10px}}

/* Refined holzquelle identity — floating white transparent original mark */
.ref-wood .reference-art{background:radial-gradient(ellipse at 50% 45%,#317a53 0%,#1b553a 52%,#0d3022 100%)}
.ref-wood .wood-logo{width:min(91%,425px);height:auto;max-height:185px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 17px 11px rgba(0,0,0,.48)) drop-shadow(0 3px 18px rgba(7,23,15,.3));animation:holzquelleHover 6s ease-in-out infinite;will-change:transform}
.ref-wood:hover .wood-logo{animation-play-state:paused;transform:translateY(-5px) scale(1.025)}
.ref-wood .wood-rings{color:rgba(228,255,237,.095)}
@keyframes holzquelleHover{0%,100%{transform:translateY(3px)}50%{transform:translateY(-9px)}}
@media(max-width:820px){.ref-wood .wood-logo{max-height:155px;width:min(92%,390px)}}
@media(prefers-reduced-motion:reduce){.ref-wood .wood-logo{animation:none;will-change:auto}}

/* BlackSix additional reference work - 2026 */
.ref-siebel .siebel-art{position:relative;height:300px;padding:0;display:block;background:#153653}
.siebel-motif{position:absolute;inset:0;overflow:hidden}
.siebel-motif img{height:100%;width:100%;object-fit:cover}
.siebel-motif:after{position:absolute;content:"";inset:0;background:linear-gradient(90deg,rgba(1,13,29,.38),transparent 80%)}
.siebel-logo{position:absolute;bottom:16px;left:18px;width:28%;min-width:95px;max-width:156px;background:#fff;border:5px solid rgba(255,255,255,.92);box-shadow:0 14px 28px rgba(0,0,0,.55);z-index:2}
.siebel-logo img{display:block;width:100%;height:90px;object-fit:contain}
.ref-progress .progress-art{height:300px;display:block;padding:0;background:radial-gradient(ellipse at 48% 55%,#184066 0%,#09192e 48%,#080b13 100%)}
.progress-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 60px,#ffffff08 61px 62px)}
.progress-stamp{position:absolute;left:25px;top:19px;font:27px/1.02 var(--font-head);color:#e5f5ff;letter-spacing:.04em}
.progress-car{position:absolute;left:5%;width:90%;height:auto;bottom:10px;max-height:208px;filter:drop-shadow(0 12px 14px #000a)}
.progress-caption,.presentation-caption{position:absolute;bottom:8px;right:12px;color:#ffffffb5;font:9px/1.3 var(--font-mono);letter-spacing:.05em;z-index:2}
.ref-pitches .presentation-art{height:300px;background:linear-gradient(140deg,#26152b,#6c194e 70%,#211120);align-items:center;justify-content:center}
.pitch-slide{width:min(90%,380px);padding:26px 28px;background:#131019;box-shadow:15px 18px 26px #0008;transform:rotate(-4deg);color:white;border-top:5px solid #fd3386;display:flex;flex-direction:column;gap:20px}
.pitch-slide>span:first-child{font:10px var(--font-mono);letter-spacing:.15em;color:#ffacd0}
.pitch-slide b{font:clamp(24px,3.2vw,38px)/1.12 var(--font-head)}
.pitch-slide b i{font-style:normal;color:#ff4093}
.pitch-bars{display:flex;align-items:end;height:38px;gap:10px}.pitch-bars i{background:#f33b86;width:17%;height:36%;display:block}.pitch-bars i:nth-child(2){height:58%}.pitch-bars i:nth-child(3){height:75%}.pitch-bars i:nth-child(4){height:100%}
.ref-becreated .pricelist-art{height:300px;background:radial-gradient(circle at 48% 45%,#c5aeb8,#3c2839 70%,#1b1520);align-items:center;justify-content:center}
.pricelist-paper{width:245px;max-width:85%;height:245px;background:#fff8f7;box-shadow:14px 18px 30px #0006;transform:rotate(5deg);padding:22px 28px;display:flex;flex-direction:column;gap:13px;color:#392735}
.pricelist-paper>span{font:21px var(--font-head);letter-spacing:.02em}.pricelist-paper>span strong{color:#b15f84}.pricelist-paper>b{font:10px var(--font-mono);letter-spacing:.24em}
.price-lines{display:flex;flex-direction:column;gap:13px;margin-top:12px}.price-lines i{display:block;height:2px;width:100%;background:linear-gradient(90deg,#dbc4ce 60%,transparent 60% 71%,#dbc4ce 71%)}
.pricelist-paper small{font:8px var(--font-mono);text-align:center;margin-top:auto}
@media(max-width:820px){.ref-siebel .siebel-art,.ref-progress .progress-art,.ref-pitches .presentation-art,.ref-becreated .pricelist-art{height:260px}.pitch-slide{padding:19px}.pricelist-paper{height:225px}}

/* Hero-Titel und Lead als leicht eingerueckte Bloecke setzen */
.hero h1,.heroLead{margin-left:max(4%,calc((100% - 1400px)/2))}