html{scroll-padding-top:88px}
.desktop-nav{gap:20px}
.quotes{grid-template-columns:1fr 1fr}
.partner-lead{max-width:820px;margin:70px 0 0;font-size:clamp(22px,2.4vw,32px);font-weight:800;line-height:1.15;letter-spacing:-.4px}
.partner-lead cite,.philosophy-quote cite{display:block;margin-top:14px;font-family:'Barlow Condensed',Arial,sans-serif;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.4px}
.partner-note{max-width:640px;margin:18px 0 0;font-size:16px;line-height:1.45}
.social{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px}
.social a{font-family:'Barlow Condensed',Arial,sans-serif;font-size:14px;letter-spacing:.6px;text-transform:uppercase;border-bottom:1px solid #000}
.philosophy,.history{background:#fff;padding:110px 22px 40px}
.philosophy h2,.history h2{font-size:clamp(40px,6vw,88px);font-weight:800;letter-spacing:-1.8px;line-height:.92;margin:12px 0 28px;max-width:16ch}
.philosophy p,.history p{max-width:760px;font-size:18px;line-height:1.45;margin:0 0 16px}
.philosophy-quote{margin-top:28px;font-size:clamp(22px,2.4vw,32px);font-weight:800;line-height:1.15;letter-spacing:-.3px}
.philosophy h3,.history h3{font-size:clamp(26px,3vw,40px);font-weight:800;letter-spacing:-.6px;line-height:1.05;margin:36px 0 12px}
.plant-video{margin:42px 0 20px;max-width:860px}
.plant-video button{margin-top:14px;font-weight:800;font-size:18px;border-bottom:1px solid #000;padding:0 0 4px}
.plant-video iframe{width:100%;aspect-ratio:16/9;border:0;background:#111;margin-top:16px}
.video-note{font-family:'Barlow Condensed',Arial,sans-serif;font-size:14px;letter-spacing:.3px;margin-top:10px}
.step-row{display:grid;grid-template-columns:repeat(11,minmax(220px,1fr));gap:16px;overflow:auto;padding-bottom:12px;margin:28px 0 10px}
.step-row figure{margin:0}
.step-row img{width:100%;height:320px;object-fit:contain;background:#f3f3f3}
.step-row figcaption{margin-top:10px;font-family:'Barlow Condensed',Arial,sans-serif;font-size:13px;letter-spacing:.3px;line-height:1.25}
.history article{padding:28px 0;border-top:1px solid #ddd;max-width:860px}
.history article:last-child{border-bottom:1px solid #ddd;margin-bottom:40px}
.history a{font-weight:800;border-bottom:1px solid #000}
.legal{background:#fff}
.legal main{padding:120px 22px 80px;max-width:860px}
.legal h1{font-size:clamp(42px,7vw,88px);font-weight:800;letter-spacing:-1.8px;line-height:.92;max-width:12ch;margin:12px 0 28px}
.legal h2{font-size:28px;font-weight:800;letter-spacing:-.4px;margin:36px 0 10px}
.legal p,.legal li{font-size:17px;line-height:1.5}
.legal ul{padding-left:1.1em}
.legal a{border-bottom:1px solid #000}
.legal footer{position:static;padding:28px 0 0;color:#000}
.book-order{margin:34px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 22px}
.book-buy{font-size:clamp(22px,2.4vw,32px);font-weight:800;letter-spacing:-.4px;line-height:1.05;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.book-buy:hover,.book-buy:focus-visible{text-decoration-thickness:4px}
.book-order span{font-family:'Barlow Condensed',Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.4px}
#oakStage.gl{transform:translate(-50%,-50%)}
#oakStage canvas.oak-canvas{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0}
.sub .subnav{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 34px;font-family:'Barlow Condensed',Arial,sans-serif;font-size:15px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}
.sub .subnav a{border:0}
.sub .subnav a:hover,.sub .subnav a:focus-visible,.sub .subnav a[aria-current=page]{text-decoration:underline;text-underline-offset:4px}
.sub h3{font-size:22px;font-weight:800;letter-spacing:-.2px;margin:30px 0 8px}
.sub main img{display:block;max-width:100%;height:auto}
.sub main a:has(img){border:0}
.sub figure{margin:18px 0}
.sub .gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:18px 0}
.sub .gallery figure{margin:0}
.sub .gallery img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#f3f3f3}
.sub figcaption{margin-top:8px;font-family:'Barlow Condensed',Arial,sans-serif;font-size:14px;letter-spacing:.3px}
.sub blockquote{margin:28px 0;font-size:22px;font-weight:800;line-height:1.2}
.sub .more a,.sub .embed-link a{font-weight:800}
.sub .contact-box{padding:18px 0;border-top:1px solid #000;border-bottom:1px solid #000}
.post-list,.nl-list{list-style:none;padding:0!important;margin:28px 0}
.post-list li{padding:20px 0;border-top:1px solid #ddd}
.post-list a{display:grid;grid-template-columns:120px 1fr;gap:4px 18px;align-items:start;border:0}
.post-list img{width:120px;height:90px;object-fit:cover;grid-row:span 2;background:#f3f3f3}
.post-list strong{font-size:21px;line-height:1.2;text-decoration:underline;text-underline-offset:4px}
.post-list p{margin:10px 0 0}
.post-list .date,.nl-list .date{font-family:'Barlow Condensed',Arial,sans-serif;font-size:14px;letter-spacing:.4px}
.nl-list li{padding:10px 0;border-top:1px solid #ddd}
.sub .back{margin-top:40px}
.sub footer{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:48px;border-top:1px solid #000}
@media(max-width:700px){
.quotes{grid-template-columns:1fr}
.philosophy,.history{padding:72px 16px 20px}
.philosophy p,.history p,.partner-note{font-size:16px}
.step-row{grid-template-columns:repeat(11,72vw)}
.step-row img{height:240px}
.legal main{padding:108px 16px 48px}
}
.history-sub article{padding:28px 0;border-top:1px solid #ddd}
.history-sub article:last-child{border-bottom:1px solid #ddd}
.history-sub h3{margin-top:14px}
.jr-wrap{position:relative}
.jr-list{position:relative;padding-left:34px}
.jr-list::before,.jr-line{content:"";position:absolute;left:5px;top:0;bottom:0;width:1px;background:#ddd}
.jr-line{background:#000;transform:scaleY(0);transform-origin:50% 0}
.jr-on article{position:relative;opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.jr-on article.is-in{opacity:1;transform:none}
.jr-on article::before{content:"";position:absolute;left:-34px;top:37px;width:11px;height:11px;border:1px solid #000;border-radius:50%;background:#fff;transition:background-color .4s ease,transform .4s ease}
.jr-on article.is-reached::before{background:#000;transform:scale(1.15)}
.jr-on article figure img{clip-path:inset(0 0 100% 0);transition:clip-path 1.2s cubic-bezier(.2,.7,.2,1) .15s}
.jr-on article.is-in figure img{clip-path:inset(0)}
.jr-svg{display:block;width:100%;height:auto;overflow:visible;transition:transform .6s ease-out}
.jr-band{fill:#fff;opacity:0;transition:opacity 1s ease .45s}
.jr-band.is-dark{fill:#f1f1f1}
.jr-stroke{fill:none;stroke:#000;stroke-width:.45;stroke-opacity:0;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset 1.3s cubic-bezier(.3,.6,.2,1),stroke-width .5s ease,stroke-opacity .3s ease}
.jr-ring.is-grown .jr-band{opacity:1}
.jr-ring.is-grown .jr-stroke{stroke-dashoffset:0;stroke-opacity:.55}
.jr-ring.is-current .jr-stroke{stroke-width:1;stroke-opacity:1}
.jr-pith{fill:#000}
.jr-crack,.jr-bark{fill:none;stroke:#000;stroke-opacity:0;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.3,.6,.2,1) .3s,stroke-opacity .2s ease .3s}
.jr-crack{stroke-width:.5}
.jr-bark{stroke-width:1.9}
.jr-complete .jr-crack,.jr-complete .jr-bark{stroke-dashoffset:0;stroke-opacity:1}
.jr-meta{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:0;margin-bottom:10px;text-align:center}
.jr-year{font-size:clamp(56px,6vw,104px);font-weight:800;letter-spacing:-2px;line-height:.9}
.jr-count{font-family:'Barlow Condensed',Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}
.legal main.jr-main{max-width:none}
.legal main.jr-main>:not(.history-sub,h1){max-width:860px}
@media(min-width:1100px){
.jr-wrap{display:grid;grid-template-columns:minmax(0,760px) minmax(0,1fr);column-gap:clamp(48px,6vw,120px);align-items:start}
.jr-list{grid-column:1;grid-row:1}
.jr-aside{grid-column:2;grid-row:1;position:sticky;top:16vh;justify-self:center;width:min(100%,540px,58vh)}
}
@media(max-width:1099px){
.jr-aside{position:sticky;top:58px;z-index:3;display:flex;align-items:center;gap:14px;margin:0 0 8px;padding:10px 0;background:#fff;box-shadow:0 1px 0 #ddd}
.jr-aside.is-stuck{box-shadow:0 -58px 0 24px #fff,0 1px 0 #ddd}
.jr-disk{width:62px;flex:none}
.jr-stroke{stroke-width:1.8}
.jr-ring.is-current .jr-stroke{stroke-width:3}
.jr-bark{stroke-width:4.5}
.jr-crack{stroke-width:1.6}
.jr-pith{r:3.5px}
.jr-on article a{scroll-margin-top:150px}
.jr-meta{margin:0;gap:2px;align-items:flex-start;text-align:left}
.jr-year{font-size:34px;letter-spacing:-.8px}
}
@media(prefers-reduced-motion:reduce){.jr-on article{opacity:1;transform:none}.jr-on article figure img{clip-path:none}}
@media print{.jr-aside,.jr-line{display:none}.jr-on article{opacity:1;transform:none}}

/* Mail 16.10.2026 / Anpassungen III */
.info-panel.references a{font-weight:800;border-bottom:1px solid currentColor}
.info-panel.media-panel a{font-weight:800}
.work-card .photo img{transition:transform .55s ease, filter .55s ease}
.work-card:hover .photo img{transform:scale(1.05);filter:saturate(.7) blur(.35px)}
@media (prefers-reduced-motion:reduce){.work-card:hover .photo img{transform:none;filter:saturate(.65)}}
.gallery-media{background:#111;color:#fff;padding:90px 22px 80px}
.gallery-media .gallery-lead{max-width:720px;font-size:16px;line-height:1.45;margin:12px 0 36px}
.gallery-media .gallery-lead a{border-bottom:1px solid #fff;font-weight:800}
.gallery-intro{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1200px}
.gallery-intro figure{margin:0}
.gallery-intro img{width:100%;height:320px;object-fit:cover;display:block;filter:saturate(.75)}
.gallery-intro figcaption{font-family:'Barlow Condensed',Arial,sans-serif;font-size:12px;letter-spacing:.5px;margin-top:10px;text-transform:uppercase}
@media(max-width:800px){.gallery-intro{grid-template-columns:1fr}.gallery-intro img{height:260px}}

/* Fix 2026-11-05: lesbare Schrift nach Galerie-Section-Fix */
.book,.about,.philosophy,.history{color:#000}
.book a,.about a,.philosophy a,.history a{color:#000}
.info-panel a,.references a,.media-panel a,.history a{color:#000;border-bottom-color:#000}
.partners a,.partner-lead a{color:#000}

/* Fix 2026-11-05: Stamm oberhalb Video */
#oakStage{top:26%;width:34%;height:30%;z-index:5}
.scene-photo.s2{top:54%;height:40%;z-index:2}
@media(max-width:700px){
  #oakStage{top:20%;width:72%;height:24%;z-index:5}
  .scene-photo.s2{top:50%;height:38%}
}
.lang-switch{display:inline-flex;gap:8px;align-items:center;margin-right:8px}
.lang-switch button{font-size:12px;font-weight:800;opacity:.55;letter-spacing:.4px}
.lang-switch button[aria-pressed="true"]{opacity:1;text-decoration:underline;text-underline-offset:4px}
.lang-switch{display:inline-flex!important;gap:10px;align-items:center;margin:0 14px 0 0;pointer-events:auto;position:relative;z-index:40}
.lang-switch button{display:inline-block!important;font-size:12px;font-weight:800;letter-spacing:.4px;opacity:.7;color:inherit;min-width:28px;min-height:28px;line-height:28px;padding:0 2px}
.lang-switch button[aria-pressed="true"]{opacity:1;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){
  header .lang-switch{display:inline-flex!important;margin-right:8px}
}

/* Newsletter Datenschutz-Opt-in */
.nl-consent{display:flex;align-items:flex-start;gap:10px;width:100%;margin:10px 0 0;text-align:left;font-family:'Barlow Condensed',Arial,sans-serif;font-size:13px;line-height:1.35;color:rgba(255,255,255,.92);cursor:pointer}
.nl-consent input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;margin:2px 0 0;accent-color:#fff;cursor:pointer}
.nl-consent span{flex:1 1 auto}
.nl-consent a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.nl-consent a:hover,.nl-consent a:focus{opacity:.85}

/* Letzte Werke-Reihe: bei 2 Restkarten zweite ganz nach rechts (Desktop) */
@media (min-width: 701px) {
  .work-grid:not(.list) > .work-card:last-child:nth-child(4n + 2) {
    grid-column: 4;
  }
}

/* Partner-Marquee + Geschichte-Portrait 2026-11-05m */
.partners{max-width:none;width:100%;margin-left:0;margin-right:0}
.partner-marquee{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;padding:18px 0 8px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.partner-track{display:flex;width:max-content;gap:0;animation:partner-marquee 90s linear infinite}
.partner-set{display:flex;align-items:center;gap:clamp(36px,5vw,72px);padding-right:clamp(36px,5vw,72px)}
.partner-logo{display:flex;align-items:center;justify-content:center;flex:none;opacity:.72;transition:opacity .25s}
.partner-logo:hover{opacity:1}
.partner-logo img{display:block;height:56px;width:auto;max-width:220px;object-fit:contain;filter:grayscale(1)}
@keyframes partner-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.partner-track{animation:none;flex-wrap:wrap;width:100%;justify-content:center}.partner-set:last-child{display:none}.partner-marquee{width:100%;max-width:100%;margin:0;mask-image:none;-webkit-mask-image:none}}
@media(max-width:700px){.partner-logo img{height:42px;max-width:160px}.partner-track{animation-duration:70s}}

/* Geschichte: kleineres Portrait + Jahreszahl über Stamm, kleinerer Disk */
[data-jr-portrait]{display:block;width:min(100%,320px);height:auto;max-height:none;margin:12px auto 14px;object-fit:contain;object-position:center top;background:#f5f5f5}
@media(min-width:1100px){
.jr-aside{width:min(100%,340px);max-height:none;display:flex;flex-direction:column;align-items:center}
.jr-aside [data-jr-portrait]{width:min(100%,320px);margin:0 auto 12px}
.jr-aside .jr-meta{width:100%;margin:0 0 8px;gap:4px}
.jr-aside .jr-year{font-size:clamp(40px,4.2vw,72px);letter-spacing:-1.4px}
.jr-aside .jr-count{font-size:12px}
.jr-aside .jr-disk{width:min(100%,200px);margin:0 auto}
.jr-aside .jr-meta + .jr-disk{order:0}
}
@media(max-width:1099px){
[data-jr-portrait]{width:min(100%,260px);margin:10px auto 12px}
.jr-aside{flex-direction:column;align-items:flex-start;gap:8px}
.jr-aside .jr-meta{margin:0;gap:2px;align-items:flex-start;text-align:left;order:0}
.jr-aside .jr-disk{width:78px;order:1}
.jr-aside .jr-year{font-size:28px;letter-spacing:-.6px}
}


/* Partner-Marquee: kein Strich unter Logos 2026-11-05p */
.partners a.partner-logo{border-bottom:0;text-decoration:none}

/* Anpassungen 2026-11-13 (Liste Matthias 12.11.) */
/* Hero: Buch-Video füllt den Rahmen bis unter den Stamm */
.scene-photo.s2{top:33%;height:61%}
@media(max-width:700px){.scene-photo.s2{top:31%;height:57%}}
/* Galerie: vier Einstiegsbilder */
.gallery-intro{grid-template-columns:repeat(4,1fr);max-width:none}
.gallery-intro img{height:300px}
@media(max-width:1000px){.gallery-intro{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.gallery-intro{grid-template-columns:1fr}.gallery-intro img{height:260px}}
/* Bewertungen: ungerade Anzahl sauber abschliessen */
.quotes figure:last-child:nth-child(odd){grid-column:1/-1;max-width:760px}
/* Buch bestellen als klarer Knopf */
.book-buy{display:inline-block;background:#000;color:#fff!important;text-decoration:none;padding:14px 22px 12px;border:2px solid #000;transition:background .2s,color .2s}
.book-buy:hover,.book-buy:focus-visible{background:#fff;color:#000!important;text-decoration:none}
/* Zitat Philosophie hervorheben */
.philosophy-quote{border-left:6px solid #f2d400;padding:6px 0 6px 22px;max-width:900px}
/* Video Baumpflanzung mit Vorschaubild */
.plant-video .plant-poster{display:block;position:relative;width:100%;max-width:860px;border:0;padding:0;margin-top:14px;aspect-ratio:16/9;background:#111;overflow:hidden;cursor:pointer}
.plant-video .plant-poster img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.8)}
.plant-video .plant-poster .plant-play{position:absolute;left:18px;bottom:16px;background:#fff;color:#000;font-weight:800;font-size:16px;padding:10px 14px}
.plant-video .plant-poster:hover img{filter:brightness(.95)}
/* Kontakt-Dialog: Skulptor-Logo statt MG */
.contact-brand{font-size:12px;letter-spacing:0}
.contact-brand img{display:block;width:120px;height:auto}
.contact-brand span{margin-top:12px}
@media(max-width:700px){.contact-brand{display:block;grid-column:1/-1;order:9;margin-top:8px}.contact-brand img{width:72px}}