[data-look=feinschliff] .reveal{opacity:1;transform:none;visibility:visible}
/* 1. Existing cards: brighter surfaces, a quieter border and subtle depth. */
[data-look=feinschliff] :is(.weg,.objekt,.beitrag,.bewertung){border-color:rgba(18,18,20,.09);border-radius:16px;box-shadow:0 4px 8px -6px #12121416,0 16px 34px -24px #12121433}
[data-look=feinschliff] .weg{background:linear-gradient(150deg,#fff 20%,#f7f6f4 100%)}
[data-look=feinschliff] .weg-nr{box-shadow:0 5px 14px -5px #e1001a66,inset 0 1px 0 #ffffff55}
[data-look=feinschliff] .ref-card-photo{display:block;position:absolute;right:18px;top:18px;width:calc(100% - 110px);max-width:120px;height:72px;object-fit:cover;border-radius:10px;border:3px solid white;box-shadow:0 6px 14px -7px #12121455;pointer-events:none}
[data-look=feinschliff] :is(.weg,.objekt,.beitrag,.bewertung):is(:hover,:focus-within){border-color:rgba(225,0,26,.25);box-shadow:0 7px 14px -10px #12121433,0 22px 40px -23px #12121455;transform:translateY(-4px)}
[data-look=feinschliff] .bewertung{background:linear-gradient(140deg,#fff,var(--papier));border-top:2px solid #e1001a}
/* 2. Same image sizes and crops, with more carefully finished edges. */
[data-look=feinschliff] :is(.vergleich,.rundgang-direkt,.team-bild,.kontakt-karte){border-radius:16px;box-shadow:0 6px 12px -10px #12121455,0 22px 44px -28px #12121466;outline:1px solid #1212140d;outline-offset:-1px}
[data-look=feinschliff] .vergleich{outline:5px solid #fff;outline-offset:-5px}
[data-look=feinschliff] .vergleich-griff{box-shadow:0 0 0 7px #ffffff44,0 5px 20px #0003}
[data-look=feinschliff] .vergleich-marke{backdrop-filter:blur(10px);box-shadow:0 2px 8px #0002}
[data-look=feinschliff] .referenz{border-radius:16px;border-color:#ffffff20;box-shadow:0 16px 30px -20px #0009}
/* 3. Existing red/black panel, with a softer translucent card surface. */
[data-look=feinschliff] :is(.wert-karte,.team-karte){border-radius:16px;background:linear-gradient(135deg,#ffffff0e,#ffffff04),var(--schwarz-2);border-color:#ffffff20;box-shadow:0 20px 40px -24px #000b,inset 0 1px 0 #ffffff0a}
[data-look=feinschliff] .wert::before{filter:drop-shadow(12px 0 24px #0002)}
[data-look=feinschliff] .zahlen{background:linear-gradient(180deg,#f4f2ee,var(--flaeche-grau));box-shadow:inset 0 1px 0 #fff}
/* 4. Finish existing controls without changing their shape or position. */
[data-look=feinschliff] .btn--rot{box-shadow:0 5px 12px -7px #e1001a80,inset 0 1px 0 #ffffff2b}
[data-look=feinschliff] .film-play-kreis{box-shadow:0 0 0 9px #ffffff14,0 0 0 10px #ffffff38,0 12px 34px -10px #0009}
[data-look=feinschliff] .schritt-nr{box-shadow:0 0 0 6px #fff,0 10px 22px -12px #e1001a66}
[data-look=feinschliff] .kopf.ist-gescrollt{background:#fffffff2;border-bottom-color:#12121412;box-shadow:0 8px 20px -15px #12121444}
/* 5. Small entrances; no pinned scrolling, zooming headlines or layout shifts. */
@media(prefers-reduced-motion:no-preference){
 [data-look=feinschliff]:not([data-motion=paused]) .ref-enter{animation:ref-in .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--ref-delay,0ms)}
 [data-look=feinschliff] :is(.objekt-bild,.referenz-bild,.beitrag-bild) img{transition:transform 650ms cubic-bezier(.2,.7,.2,1)}
 [data-look=feinschliff] :is(.objekt,.referenz,.beitrag):hover img{transform:scale(1.025)}
}
@keyframes ref-in{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:none}}
[data-motion=paused] *,[data-motion=paused] *::before,[data-motion=paused] *::after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}.ref-motion{display:none}}

/* Bild & Bewegung, 11.09.2026: two broad image compositions, based on Erik's
   supplied examples. These override the earlier surface-only treatment. */
.ref-scene-layer,.ref-slider-controls{display:none}
[data-look=feinschliff] [data-image-scene]{position:relative;isolation:isolate;overflow:clip}
[data-look=feinschliff] .ref-scene-layer{display:block;position:absolute;pointer-events:none;z-index:-1;overflow:hidden}
[data-look=feinschliff] .ref-scene-layer img{display:block;position:absolute;width:100%;height:100%;object-fit:cover;transform:translate3d(0,var(--scene-drift,0px),0) scale(var(--scene-scale,1.04));transform-origin:65% 48%;will-change:transform}
/* A photo that dissolves into the original paper color. The existing cards
   stand in front of its lower part, rather than in a separate band below. */
[data-look=feinschliff] #angebote{padding-top:0;--scene-height:760px}
[data-look=feinschliff] #angebote .ref-scene-layer{inset:0 0 auto;height:var(--scene-height)}
[data-look=feinschliff] #angebote .ref-scene-layer img{left:23%;width:77%;object-position:62% 48%}
[data-look=feinschliff] #angebote .ref-scene-layer::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--flaeche-grau) 0%,var(--flaeche-grau) 25%,rgba(237,234,228,.98) 33%,rgba(237,234,228,.88) 42%,rgba(237,234,228,.35) 54%,rgba(237,234,228,0) 66%),linear-gradient(0deg,var(--flaeche-grau) 0%,rgba(237,234,228,0) 34%)}
[data-look=feinschliff] #angebote>.wrap{position:relative;z-index:1}
[data-look=feinschliff] #angebote .sec-kopf{min-height:580px;display:flex;flex-direction:column;justify-content:center;margin-bottom:0;padding-top:50px;padding-bottom:140px}
[data-look=feinschliff] #angebote .sec-kopf h2{max-width:17ch;width:49%}
[data-look=feinschliff] #angebote .sec-kopf .lead{max-width:45ch;width:44%;color:var(--text)}
[data-look=feinschliff] #angebote .objekte{position:relative;margin-top:-88px;gap:1.5rem}
[data-look=feinschliff] #angebote .objekt{border:1px solid #ffffffd9;box-shadow:0 12px 26px -14px #21180c33,0 35px 70px -32px #21180c44;backdrop-filter:blur(14px);background:#fffffff5;border-radius:14px;opacity:1!important;animation:none!important;transform:translate3d(0,var(--tile-y,0px),0);will-change:transform}
[data-look=feinschliff] #angebote .objekt:focus-within{transform:translate3d(0,0,0)}
[data-look=feinschliff] #angebote .objekt-bild{margin:9px 9px 0;border-radius:8px}
[data-look=feinschliff] #angebote .objekt-body{padding:1.25rem 1.4rem 1.4rem}
/* Red remains the anchor for valuation. The real existing room image opens
   up on the right and the existing choice card sits in that image. */
[data-look=feinschliff] .wert{background:var(--rot)}
[data-look=feinschliff] .wert::before{display:none}
[data-look=feinschliff] .wert .ref-scene-layer{inset:0 0 0 32%;z-index:0}
[data-look=feinschliff] .wert .ref-scene-layer img{object-position:68% center}
[data-look=feinschliff] .wert .ref-scene-layer::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--rot) 0%,rgba(225,0,26,.98) 9%,rgba(225,0,26,.84) 20%,rgba(225,0,26,.28) 39%,rgba(225,0,26,0) 58%),linear-gradient(0deg,#12121442,transparent 60%)}
[data-look=feinschliff] .wert-inner{min-height:700px}
[data-look=feinschliff] .wert-karte{align-self:end;margin-bottom:8px;background:rgba(18,18,20,.87);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:#ffffff75;box-shadow:0 20px 55px -20px #0009;animation:none!important;opacity:1!important;transform:translate3d(0,var(--value-card-y,0px),0);will-change:transform}
/* Bring image-related blocks into view distinctly, using scroll position.
   No hidden text, forced scroll position, or artificial progress counters. */
[data-look=feinschliff] .praesentation-grid>.reveal:first-child{animation:none!important;opacity:1!important;transform:translate3d(var(--comparison-x,0px),0,0)}
[data-motion=paused] .ref-scene-layer img,[data-motion=paused] #angebote .objekt,[data-motion=paused] .wert-karte,[data-motion=paused] .praesentation-grid>.reveal:first-child{transform:none!important}
@media(min-width:1800px){[data-look=feinschliff] #angebote .ref-scene-layer img{left:28%;width:72%}}
@media(max-width:1024px){
 [data-look=feinschliff] #angebote{--scene-height:740px}
 [data-look=feinschliff] #angebote .sec-kopf{min-height:560px}
 [data-look=feinschliff] #angebote .sec-kopf h2{width:56%;max-width:17ch}
 [data-look=feinschliff] #angebote .sec-kopf .lead{width:49%}
 [data-look=feinschliff] #angebote .ref-scene-layer::after{background:linear-gradient(90deg,var(--flaeche-grau) 0%,var(--flaeche-grau) 22%,rgba(237,234,228,.93) 39%,rgba(237,234,228,.45) 58%,transparent 78%),linear-gradient(0deg,var(--flaeche-grau),transparent 36%)}
 [data-look=feinschliff] .wert-inner{min-height:870px;gap:120px}
 [data-look=feinschliff] .wert-inner>div:first-child{max-width:520px}
 [data-look=feinschliff] .wert-karte{width:min(470px,82%);justify-self:end;margin:0}
 [data-look=feinschliff] .wert .ref-scene-layer{inset:0}
 [data-look=feinschliff] .wert .ref-scene-layer::after{background:linear-gradient(180deg,var(--rot) 0%,var(--rot) 20%,rgba(225,0,26,.95) 37%,rgba(225,0,26,.55) 53%,transparent 75%),linear-gradient(0deg,#12121433,transparent 50%)}
}
@media(max-width:768px){
 [data-look=feinschliff] #angebote{--scene-height:810px;padding-bottom:60px}
 [data-look=feinschliff] #angebote .ref-scene-layer img{inset:200px 0 auto;width:100%;height:610px;object-position:63% center}
 [data-look=feinschliff] #angebote .ref-scene-layer::after{background:linear-gradient(180deg,var(--flaeche-grau) 0%,var(--flaeche-grau) 20%,rgba(237,234,228,.98) 28%,rgba(237,234,228,.86) 36%,rgba(237,234,228,.25) 48%,transparent 60%),linear-gradient(0deg,var(--flaeche-grau),transparent 22%)}
 [data-look=feinschliff] #angebote .sec-kopf{min-height:570px;justify-content:flex-start;padding-top:70px;padding-bottom:210px}
 [data-look=feinschliff] #angebote .sec-kopf h2{width:100%;max-width:18ch}
 [data-look=feinschliff] #angebote .sec-kopf .lead{width:100%;max-width:38ch}
 [data-look=feinschliff] #angebote .objekte{display:flex;margin-top:-32px;margin-inline:calc(-1 * var(--pad-x));padding:0 var(--pad-x) 50px;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad-x);scrollbar-width:none;align-items:stretch;touch-action:pan-x pan-y}
 [data-look=feinschliff] #angebote .objekte::-webkit-scrollbar{display:none}
 [data-look=feinschliff] #angebote .objekt{flex:0 0 86%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
 [data-look=feinschliff] .ref-slider-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:-28px;position:relative;z-index:2}
 .ref-slider-controls button{width:44px;height:44px;border:1px solid #12121433;border-radius:50%;background:#fff;cursor:pointer;color:var(--text);font-size:22px}
 .ref-slider-controls button:disabled{opacity:.3;cursor:default}
 .ref-slider-controls span{font-size:14px;color:var(--text-2)}
 [data-look=feinschliff] .wert-inner{min-height:970px;gap:200px}
 [data-look=feinschliff] .wert-karte{width:100%;padding:1.5rem;margin:0}
 [data-look=feinschliff] .wert .ref-scene-layer img{height:68%;top:32%;object-position:67% center}
 [data-look=feinschliff] .wert .ref-scene-layer::after{background:linear-gradient(180deg,var(--rot) 0%,var(--rot) 25%,rgba(225,0,26,.95) 38%,rgba(225,0,26,.55) 49%,transparent 67%),linear-gradient(0deg,#12121433,transparent 28%)}
}
@media(prefers-reduced-motion:reduce){[data-look=feinschliff] .ref-scene-layer img,[data-look=feinschliff] #angebote .objekt,[data-look=feinschliff] .wert-karte,[data-look=feinschliff] .praesentation-grid>.reveal:first-child{transform:none!important;will-change:auto!important}}
/* Four distinct entrances, while the page itself scrolls normally. */
[data-look=feinschliff] :is(.sec,.zahlen){overflow:clip}
[data-look=feinschliff][data-enhanced-motion] [data-reveal]{opacity:1;transform:none;animation:none!important;transition:opacity .8s ease,transform .9s cubic-bezier(.16,.72,.24,1);transition-delay:var(--entrance-delay,0ms)}
[data-reveal=left]{--entrance-x:-100px;--entrance-y:0px}
[data-reveal=right]{--entrance-x:100px;--entrance-y:0px}
[data-reveal=up]{--entrance-x:0px;--entrance-y:75px}
[data-reveal=down]{--entrance-x:0px;--entrance-y:-75px}
@media(prefers-reduced-motion:no-preference){[data-look=feinschliff][data-enhanced-motion]:not([data-motion=paused]) [data-reveal].ref-before{opacity:0;transform:translate3d(var(--entrance-x,0px),var(--entrance-y,75px),0)}}
[data-look=feinschliff] #angebote .objekt{transition:box-shadow .25s ease,border-color .25s ease}
[data-look=original] [data-reveal],[data-motion=paused] [data-reveal]{opacity:1!important;transform:none!important}
@media(max-width:768px){[data-reveal=left]{--entrance-x:-45px}[data-reveal=right]{--entrance-x:45px}[data-reveal=up]{--entrance-y:50px}[data-reveal=down]{--entrance-y:-50px}}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important}}
/* V7: clearer opening video, open team layout, quieter assistant entry.
   The existing comparison photographs and their presentation are untouched. */

/* Protect the text on the left while the right side retains the film's light.
   Limit the change to the homepage; category-page header images stay as before. */
[data-look=feinschliff] .hero:not(.hero--kat) .hero-schleier{
 background:linear-gradient(90deg,
  rgba(18,18,20,.88) 0%,rgba(18,18,20,.8) 30%,
  rgba(18,18,20,.73) 48%,rgba(18,18,20,.57) 60%,
  rgba(18,18,20,.18) 74%,rgba(18,18,20,.025) 88%,
  rgba(18,18,20,.025) 100%);
}

/* The original team photograph and copy share one open dark section. */
[data-look=feinschliff] #team .team-karte{
 background:none;border:0;border-radius:0;box-shadow:none;outline:0;
 padding:0 0 0 clamp(0px,1.5vw,22px);max-width:465px;
}
[data-look=feinschliff] #team .team-karte::before{
 content:'';display:block;width:48px;height:3px;margin-bottom:26px;background:var(--rot);
}
[data-look=feinschliff] #team .team-karte p{max-width:38ch;line-height:1.75}

/* A brief, once-per-tab introduction, then a stable 54px speech bubble. */
[data-look=feinschliff] .assi-knopf{
 width:54px;height:54px;min-height:54px;padding:0;gap:0;justify-content:center;
 box-shadow:0 5px 16px -6px #11131850;
 transition:width .35s ease,padding .35s ease,gap .35s ease,background .2s ease,transform .2s ease;
}
[data-look=feinschliff] .assi-knopf svg{width:21px;height:21px;flex:0 0 21px}
[data-look=feinschliff] .assi-knopf span{
 display:block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;
 transition:opacity .2s ease,max-width .35s ease;
}
[data-look=feinschliff] .assi-knopf:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #171719}
@media(min-width:769px){
 [data-look=feinschliff] .assi-knopf.ref-assi-intro{width:218px;padding-inline:18px;gap:9px}
 [data-look=feinschliff] .assi-knopf.ref-assi-intro span{max-width:175px;opacity:1}
}
@media(max-width:1024px){
 [data-look=feinschliff] #team .team-karte{padding:0;max-width:600px}
 /* On narrower screens the text spans most of the video. */
 [data-look=feinschliff] .hero:not(.hero--kat) .hero-schleier{
  background:linear-gradient(90deg,rgba(18,18,20,.86),rgba(18,18,20,.7) 60%,rgba(18,18,20,.45));
 }
}
@media(max-width:560px){
 [data-look=feinschliff] .hero:not(.hero--kat) .hero-schleier{
  background:linear-gradient(180deg,rgba(18,18,20,.72),rgba(18,18,20,.68) 50%,rgba(18,18,20,.77));
 }
}
@media(prefers-reduced-motion:reduce){
 [data-look=feinschliff] .assi-knopf,[data-look=feinschliff] .assi-knopf span{transition:none}
}
[data-motion=paused] .assi-knopf,[data-motion=paused] .assi-knopf span{transition:none}