:root{--ink:#171310;--paper:#f4f0e9;--orange:#ff6a00;--muted:#756e66;--line:#d9d1c7;--white:#fff;--display:'Barlow Condensed',sans-serif;--body:'Manrope',sans-serif}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65}a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
    .nav{position:absolute;z-index:3;top:0;left:0;width:100%;padding:18px 0;color:#fff}.nav .wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:block;width:clamp(220px,24vw,330px);text-decoration:none;line-height:0}.brand img{width:100%;height:auto;display:block}.navlinks{display:flex;gap:28px;align-items:center}.navlinks a{text-decoration:none;font-size:.9rem;font-weight:600}.navlinks .pill{border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:9px 16px}
    .hero{min-height:760px;display:flex;align-items:center;color:#fff;position:relative;background:#15120f url('/assets/werkstatt-hero-aufgeraeumt-pflaster.webp') center/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,12,10,.04) 0%,rgba(15,12,10,.12) 34%,rgba(15,12,10,.54) 64%,rgba(15,12,10,.92) 100%)}.hero .wrap{position:relative;z-index:1;padding-top:80px}.hero-copy{width:min(100%,620px);margin-left:auto;padding-left:36px}.eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700}.eyebrow:before{content:'';width:38px;height:3px;background:var(--orange)}h1,h2,h3{font-family:var(--display);text-transform:uppercase;line-height:.92;margin:0}h1{font-size:clamp(4.3rem,9.2vw,8.4rem);letter-spacing:-.025em;max-width:880px;margin:28px 0 24px}h1 span{color:var(--orange)}.lead{font-size:clamp(1.05rem,2vw,1.3rem);max-width:620px;color:#e8e1d9}.brand-promise{display:inline-block;margin-top:16px;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;border-radius:4px;padding:14px 20px;font-weight:700;border:1px solid transparent}.btn.primary{background:var(--orange);color:#171310}.btn.secondary{border-color:rgba(255,255,255,.45);color:#fff}.hero-note{position:absolute;z-index:2;right:max(20px,calc((100vw - 1180px)/2));bottom:30px;color:#fff;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;writing-mode:vertical-rl}
    section{padding:110px 0}.intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.number{font:800 8rem/.75 var(--display);color:transparent;-webkit-text-stroke:1px #bfb6ab}.intro-portrait{position:relative;margin:0;overflow:hidden;border-radius:5px;background:var(--ink);box-shadow:0 24px 55px rgba(23,19,16,.18)}.intro-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top}.intro-portrait .number{position:absolute;left:18px;bottom:16px;color:var(--orange);-webkit-text-stroke:0;font-size:4.6rem;text-shadow:0 2px 20px rgba(0,0,0,.45)}.intro-portrait figcaption{position:absolute;right:18px;bottom:18px;padding:7px 10px;background:rgba(23,19,16,.86);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.intro h2,.section-head h2{font-size:clamp(3.2rem,7vw,6rem);letter-spacing:-.02em}.intro-copy{font-size:1.15rem}.intro-copy p:first-child{font-size:1.5rem;line-height:1.45;margin-top:4px}.marker{display:inline;background:linear-gradient(transparent 62%,rgba(255,106,0,.34) 62%)}.workshop-real{margin-top:75px}.workshop-real-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.workshop-real-head h3{font-size:clamp(2.4rem,5vw,4.4rem)}.workshop-real-head p{max-width:470px;margin:0;color:var(--muted)}.workshop-real-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.workshop-shot{position:relative;margin:0;overflow:hidden;border-radius:6px;background:var(--ink);box-shadow:0 14px 34px rgba(23,19,16,.12)}.workshop-shot img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s ease}.workshop-shot:first-child img{object-position:center}.workshop-shot:hover img{transform:scale(1.018)}.workshop-shot figcaption{position:absolute;left:0;right:0;bottom:0;padding:52px 18px 18px;background:linear-gradient(transparent,rgba(14,12,11,.88));color:#fff;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.workshop-shot figcaption span{color:var(--orange)}
    .dark{background:var(--ink);color:#fff}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:50px}.section-head p{max-width:440px;color:#bcb4ac;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#423c37;border:1px solid #423c37}.card{background:var(--ink);padding:38px;min-height:310px;display:flex;flex-direction:column}.card-icon{font:700 1rem var(--display);color:var(--orange);letter-spacing:.14em}.card h3{font-size:2.5rem;margin:55px 0 20px}.card p{color:#bcb4ac;margin:0}.card:nth-child(2){background:#211d1a}.card:nth-child(3){background:var(--orange);color:var(--ink)}.card:nth-child(3) .card-icon,.card:nth-child(3) p{color:var(--ink)}
    .projects .section-head p{color:var(--muted)}.project-list{border-top:1px solid var(--line)}.project{display:grid;grid-template-columns:100px 1fr 1.35fr;gap:30px;padding:34px 0;border-bottom:1px solid var(--line);align-items:start}.project .idx{font:700 1rem var(--display);color:var(--orange)}.project h3{font-size:clamp(2rem,4vw,3.6rem)}.project .story{color:var(--muted)}.story b{color:var(--ink)}.project-detail{display:grid;gap:22px}.project-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.project-gallery img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:3px;background:#ddd}.project-gallery.single{grid-template-columns:minmax(0,280px)}.photo-project .idx{grid-row:1/3}.photo-project .project-detail{grid-column:2/4;grid-row:2}.project-gallery.featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-gallery.trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-gallery.station{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-gallery.radio{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-gallery.loops{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-gallery.loops .photo-card img{aspect-ratio:auto;object-fit:contain;background:#f4f1ec}.photo-card{margin:0;background:var(--ink);padding:9px;border-radius:5px}.photo-card img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.project-gallery.trio .photo-card img,.project-gallery.station .photo-card img{aspect-ratio:4/3;object-fit:contain;background:#f4f0e9}.photo-card figcaption{padding:10px 8px 5px;color:#fff;font-size:.86rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.photo-card figcaption span{color:var(--orange)}
    .project-list>.project:first-child{padding:42px 28px;background:linear-gradient(135deg,rgba(255,106,0,.12),rgba(255,106,0,.025) 58%);border-top:3px solid var(--orange);border-radius:4px}.project-list>.project:first-child h3:before{content:'Projekt im Fokus';display:table;margin:0 0 15px;background:var(--orange);color:var(--ink);padding:7px 11px;border-radius:3px;font:800 .74rem/1 var(--body);letter-spacing:.12em;text-transform:uppercase}
    .quote{padding:90px 0;background:var(--orange);color:var(--ink)}.quote blockquote{margin:0;font:800 clamp(3.5rem,8vw,7.5rem)/.9 var(--display);text-transform:uppercase;letter-spacing:-.025em}.quote small{display:block;margin-top:28px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
    .participate{padding:86px 0;background:#e9e2d8}.participate-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:center}.participate-kicker{color:#8b4a18;text-transform:uppercase;font-size:.78rem;font-weight:800;letter-spacing:.14em}.participate h2{margin:14px 0 18px;font-size:clamp(3rem,6vw,5rem);letter-spacing:-.02em}.participate-intro p{max-width:440px;color:var(--muted);font-size:1.05rem}.idea-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.idea-choice{min-height:150px;padding:17px 15px;text-align:left;border:1px solid #c9bfb3;border-radius:5px;background:rgba(255,255,255,.44);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.idea-choice:hover{transform:translateY(-2px);border-color:var(--orange)}.idea-choice[aria-pressed="true"]{border:2px solid var(--orange);background:#fff;box-shadow:0 8px 22px rgba(23,19,16,.08)}.idea-choice span{display:block;color:#99531e;font:700 .82rem var(--display);letter-spacing:.12em}.idea-choice strong{display:block;margin:14px 0 7px;font-size:.98rem;line-height:1.25}.idea-choice small{display:block;color:var(--muted);font-size:.82rem;line-height:1.45}.participate-action{margin-top:20px}.participate-action p{margin:0 0 11px;color:var(--muted);font-size:.92rem}.participate-action .btn{background:var(--ink);color:#fff}.participate-action .btn:hover{background:var(--orange);color:var(--ink)}.participate-action .btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;pointer-events:none}.participate-note{margin-top:12px!important;font-size:.78rem!important}
    .contact{background:#0e0c0b;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px}.contact h2{font-size:clamp(4rem,9vw,8rem);max-width:700px}.contact h2 span{color:var(--orange)}.contact-copy{padding-top:20px}.contact-copy p{color:#c9c1b9;font-size:1.1rem}.contact .btn{margin-top:20px}.fine{font-size:.82rem!important;color:#8e8780!important;margin-top:28px!important}.footer{padding:28px 0;background:#0e0c0b;color:#8e8780;border-top:1px solid #312c28}.footer .wrap{display:flex;justify-content:space-between;gap:20px;font-size:.78rem}.footer a{text-decoration:none}.visitor-counter{color:#c9c1b9;font-weight:600;white-space:nowrap}.visitor-counter strong{color:var(--orange)}
    @media(max-width:760px){.wrap{width:min(100% - 28px,1180px)}.brand{width:190px}.navlinks a:not(.pill){display:none}.navlinks .pill{padding:8px 12px;font-size:.8rem}.hero{min-height:700px;background-position:36% center}.hero:before{background:linear-gradient(180deg,rgba(15,12,10,.14) 0%,rgba(15,12,10,.26) 32%,rgba(15,12,10,.91) 72%,rgba(15,12,10,.96) 100%)}.hero-copy{width:100%;max-width:620px;margin:0;padding:0}h1{font-size:clamp(3.75rem,18vw,5.2rem)}.hero-note{display:none}section{padding:78px 0}.intro,.contact-grid{grid-template-columns:1fr;gap:35px}.intro-portrait{width:min(100%,430px)}.intro-portrait .number{font-size:4rem}.number{font-size:6rem}.workshop-real{margin-top:55px}.workshop-real-head{display:block}.workshop-real-head p{margin-top:16px}.workshop-real-grid{grid-template-columns:1fr 1fr}.workshop-shot:first-child{grid-column:1/3}.workshop-shot:first-child img{aspect-ratio:16/10}.section-head{display:block}.section-head p{margin-top:22px}.cards{grid-template-columns:1fr}.card{min-height:255px}.card h3{margin-top:38px}.project{grid-template-columns:45px 1fr;gap:18px}.project-detail,.photo-project .project-detail{grid-column:2;grid-row:auto}.photo-project .idx{grid-row:auto}.project-gallery,.project-gallery.featured,.project-gallery.trio,.project-gallery.radio,.project-gallery.loops{grid-template-columns:1fr}.project-gallery.single{grid-template-columns:minmax(0,240px)}.participate-grid{grid-template-columns:1fr;gap:22px}.participate{padding:70px 0}.idea-choices{grid-template-columns:1fr}.idea-choice{min-height:0;display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center}.idea-choice span{grid-row:1/3}.idea-choice strong{margin:0}.idea-choice small{grid-column:2}.quote{padding:70px 0}.footer .wrap{display:block}.footer span{display:block;margin-top:8px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
    .idea-form{display:grid;gap:13px;margin-top:22px}.idea-form label{display:grid;gap:6px;font-size:.9rem;font-weight:700}.idea-form input,.idea-form textarea{width:100%;border:1px solid #bdb3a7;border-radius:4px;background:#fff;color:var(--ink);font:inherit;font-size:1rem;padding:12px 13px}.idea-form textarea{min-height:120px;resize:vertical}.idea-form input::placeholder,.idea-form textarea::placeholder{color:#756e66;opacity:1}.idea-form .btn{justify-self:start;border:0;background:var(--ink);color:#fff;cursor:pointer}.idea-form .btn:hover{background:var(--orange);color:var(--ink)}.idea-form .btn:disabled{opacity:.65;cursor:wait}.idea-choice:focus-visible,.idea-form input:focus-visible,.idea-form textarea:focus-visible,.idea-form button:focus-visible{outline:3px solid #a94a00;outline-offset:3px}.form-status{min-height:1.5em;margin:0;color:var(--ink);font-size:.92rem;font-weight:700}.form-status.error{color:#8a1c12}.participate-note{margin:0!important;font-size:.78rem!important;color:var(--muted)}.participate-note a{font-weight:700;text-underline-offset:3px}.form-trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
    @media(max-width:760px){.idea-form .btn{width:100%;justify-content:center}}
  
.nav.subpage{position:relative;background:var(--ink);color:#fff}
.nav-drop{position:relative}.nav-drop summary{cursor:pointer;list-style:none;font-size:.9rem;font-weight:600}.nav-drop summary::-webkit-details-marker{display:none}.nav-drop summary:after{content:'⌄';margin-left:7px;color:var(--orange)}.submenu{display:none;position:absolute;top:100%;left:-18px;min-width:230px;padding:9px;background:var(--ink);border:1px solid #423c37;border-radius:4px;box-shadow:0 14px 25px #0003}.nav-drop[open] .submenu,.nav-drop:hover .submenu,.nav-drop:focus-within .submenu{display:grid}.submenu a{padding:10px 12px!important;border-radius:3px}.submenu a:hover{background:#302923}.mobile-only{display:none!important}
.page-hero{padding:90px 0 76px;background:var(--ink);color:#fff}.page-hero h1{font-size:clamp(3.5rem,8vw,7rem);max-width:900px;margin:22px 0}.page-hero .lead{max-width:730px}
.archive .project-list>.project:first-child{padding:34px 0;background:transparent;border-top:0;border-radius:0}.archive .project-list>.project:first-child h3:before{display:none}
.filter-links{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 36px}.filter-links a{border:1px solid var(--line);border-radius:999px;padding:8px 14px;text-decoration:none;font-size:.88rem;font-weight:700}.filter-links a:hover{border-color:var(--orange);background:#fff}
.home-intro{padding:64px 0}.home-intro .section-head{margin-bottom:18px}.home-intro .btn.secondary{color:var(--ink);border-color:var(--line)}.home-cta{padding:70px 0;background:#e9e2d8}.home-cta h2{font-size:clamp(3rem,6vw,5rem)}.home-cta p{color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.navlinks .desk-link{display:none!important}.nav-drop>summary{font-size:0}.nav-drop>summary:before{content:'Menü';font-size:.83rem}.nav-drop{position:static}.nav-drop[open] .submenu{left:auto;right:14px;top:72px;min-width:230px;z-index:8}.mobile-only{display:block!important}.nav-drop[open] .submenu a{display:block!important}.page-hero{padding:72px 0 58px}.page-hero h1{font-size:clamp(3.3rem,15vw,5.4rem)}.filter-links{display:grid;grid-template-columns:1fr 1fr}}

.category-landing{padding:76px 0}.category-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-link{min-height:245px;padding:28px;background:var(--ink);color:#fff;border-radius:5px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between}.category-link:nth-child(2){background:#29221d}.category-link:nth-child(3){background:var(--orange);color:var(--ink)}.category-link span{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:var(--orange);font-weight:800}.category-link:nth-child(3) span{color:var(--ink)}.category-link strong{font:700 clamp(2rem,4vw,3.5rem)/.95 var(--display);text-transform:uppercase}.category-link b{font-size:.9rem}.category-link:hover{transform:translateY(-3px)}.archive-note{margin:28px 0 0;color:var(--muted);max-width:600px}.back-links{padding:0 0 80px}.back-links .wrap{display:flex;justify-content:space-between;gap:20px}.back-links a{text-decoration:none;font-weight:800;border-bottom:2px solid var(--orange);padding-bottom:4px}
@media(max-width:760px){.category-landing{padding:44px 0}.category-cards{grid-template-columns:1fr}.category-link{min-height:180px}.back-links .wrap{display:grid}}

.home-feature .project-list>.project:first-child h3:before{display:none}

.project-showcase{display:grid;gap:66px}.showcase-heading{display:flex;align-items:baseline;gap:16px;margin-bottom:24px}.showcase-heading>span{color:var(--orange);font:700 1rem var(--display);letter-spacing:.12em}.showcase-heading h2{font-size:clamp(2.5rem,5vw,4.4rem)}.project-teasers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-teaser{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:270px;overflow:hidden;border-radius:5px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 10px 26px rgba(23,19,16,.08);transition:transform .2s ease,box-shadow .2s ease}.project-teaser:hover,.project-teaser:focus-visible{transform:translateY(-3px);box-shadow:0 18px 34px rgba(23,19,16,.14)}.project-teaser:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.project-teaser>img{width:100%;height:100%;min-height:270px;object-fit:cover;background:#ddd}.teaser-copy{display:flex;flex-direction:column;align-items:flex-start;padding:22px}.teaser-type{color:#8b4a18;font-size:.76rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.teaser-copy h3{margin:12px 0;font-size:clamp(1.65rem,2.3vw,2.35rem);line-height:.98}.teaser-copy p{margin:0 0 18px;color:var(--muted);font-size:.96rem;line-height:1.5}.teaser-copy b{margin-top:auto;padding-top:10px;border-top:2px solid var(--orange);font-size:.84rem;text-transform:uppercase;letter-spacing:.08em}.showcase-group{scroll-margin-top:20px}
@media(max-width:900px){.project-teasers{grid-template-columns:1fr}.project-teaser{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
@media(max-width:560px){.showcase-heading{gap:10px}.project-teaser{grid-template-columns:1fr}.project-teaser>img{aspect-ratio:16/10;min-height:0;max-height:260px}.teaser-copy{padding:20px}.teaser-copy h3{font-size:2rem}}

/* Tighten the first viewport and keep the next action in view. */
.hero{padding:0;min-height:760px}.hero .wrap{padding-top:46px}.hero .actions{margin-top:24px}
.page-hero.project-hero{padding:62px 0 42px}.page-hero.project-hero h1{margin:14px 0}.category-landing{padding:42px 0 56px}.category-landing .showcase-group{padding:0}.category-landing .project-showcase{gap:42px}
@media(max-width:760px){.hero{padding:0;min-height:700px}.hero .wrap{padding-top:36px}.hero .actions{margin-top:22px}.page-hero.project-hero{padding:58px 0 32px}.page-hero.project-hero h1{margin:14px 0}.category-landing{padding:30px 0 42px}.category-landing .project-showcase{gap:32px}}