/* Handwerk: statische Fachabschnitte und progressiv verbesserte Bildbühne. */
.craft-story { --craft-space: clamp(4rem, 10vw, 9rem); }
.craft-story h2 { font-size: clamp(2rem, 4.7vw, 4rem); line-height: 1.15; }
.craft-story p { text-wrap: pretty; }
.craft-hero { display: grid; grid-template-columns: 44% 56%; min-height: clamp(34rem, calc(100svh - 14rem), 48rem); background: var(--kirsch); color: var(--weiss); }
.craft-hero-copy { padding: clamp(2rem, 5vw, 5rem) clamp(1rem, 4vw, 4rem); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.craft-hero h1 { color: inherit; font-size: clamp(2.8rem, 5.6vw, 5.3rem); font-weight: 650; line-height: 1.1; letter-spacing: -.045em; }
.craft-hero .eyebrow { color: inherit; font-size: .67rem; letter-spacing: .18em; }
.craft-intro { max-width: 31rem; font-size: clamp(1rem, 1.4vw, 1.2rem); }
.craft-scroll { display: inline-flex; align-items: center; gap: 1rem; color: var(--weiss); margin-top: 2.5rem !important; font-size: .85rem; }
.craft-scroll span { font-size: 1.7rem; }
.craft-scroll:hover { color: white; }
.craft-hero-image { position: relative; min-width: 0; margin: 0; display: flex; flex-direction: column; }
.craft-hero-image img { width: 100%; height: 100%; min-height: 0; object-fit: cover; flex: 1; aspect-ratio: 1.12; }
.craft-story .bild-hinweis { position: static; margin: 0; padding: .65rem 1rem; background: var(--schwarz); color: var(--weiss); font-size: .68rem; line-height: 1.5; }
.craft-summary { padding-block: 3rem 0; border-bottom: 1px solid var(--linie); }
.craft-summary-grid { display: grid; grid-template-columns: 1fr 2fr; gap: 3rem; }
.craft-summary h2 { font-size: 1.6rem; margin-top: 1rem; }
.craft-summary .lead { font-size: 1.05rem; }
.craft-meta { color: var(--grau); font-size: .75rem; }
.craft-chapters { padding-block: 2.5rem; }
.craft-chapters ol { display: flex; flex-wrap: wrap; gap: .8rem 2rem; list-style: none; padding: 0; }
.craft-chapters a { display: inline-flex; align-items: center; gap: .45rem; font-size: .8rem; padding-block: .25rem; }
.craft-chapters span { font-size: .65rem; color: var(--grau); }
.craft-section { padding-block: var(--craft-space); }
.craft-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 7vw, 7rem); align-items: start; }
.craft-copy { max-width: 34rem; }
.craft-copy h2 { margin-bottom: 2rem; }
.craft-copy .lead { font-size: clamp(1.15rem, 1.6vw, 1.4rem); }
.craft-step { color: var(--kirsch); font-size: .8rem; letter-spacing: .08em; margin-bottom: 1.6rem; display: flex; align-items: baseline; gap: 1.2rem; }
.craft-step span { text-transform: uppercase; font-size: .7rem; font-weight: 500; letter-spacing: .15em; }
.craft-heading h2 { font-weight: 600; }
.craft-fruit-notes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem; margin-top: 4rem; }
.craft-fruit-notes > div { padding-top: 1.2rem; border-top: 1px solid var(--kirsch); }
.craft-detail { font-family: var(--serif); color: var(--kirsch); font-size: 1.5rem; }
.craft-fruit-notes p { font-size: .85rem; margin-top: .75rem; }
.craft-fermentation { background: var(--papier); }
.craft-process { padding: clamp(2rem, 5vw, 4rem); min-height: 32rem; background: var(--weiss); border: 1px solid var(--linie); display: flex; flex-direction: column; justify-content: center; text-align: center; }
.craft-process-word { font-family: var(--serif); color: var(--kirsch); font-size: clamp(1.4rem, 2.7vw, 2.4rem); line-height: 1.4; }
.craft-plus { font-weight: 400; }
.craft-process-connector { display: flex; flex-direction: column; align-items: center; font-size: .75rem; color: var(--grau); gap: .25rem; padding-block: 1.5rem; }
.craft-process-connector span:last-child { font-size: 3rem; line-height: 1; color: var(--kirsch); }
.craft-process figcaption { margin-top: 3rem; font-size: .7rem; color: var(--grau); }
.craft-dark { background: var(--schwarz); color: var(--weiss); }
.craft-dark .craft-step { color: var(--weiss); }
.craft-distillation { list-style: none; padding-block: 0; margin-top: 5rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
.craft-distillation li { display: flex; flex-direction: column; gap: .5rem; border-top: 1px solid #a7a3a4; padding-top: 1.5rem; }
.craft-distillation strong { font-family: var(--serif); font-size: 1.5rem; font-weight: 500; }
.craft-distill-number { font-family: var(--serif); font-size: 3rem; line-height: 1.2; color: #d1bfc2; margin-bottom: 1rem; }
.craft-distillation li > span:last-child { font-size: .85rem; }
.craft-diagram-note { margin-top: 2rem; font-size: .7rem; }
.craft-sticky-image { position: sticky; top: 2rem; }
.craft-sticky-image img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.craft-heart .craft-copy { padding-top: 2rem; }
.craft-cut { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); text-align: center; margin-block: 2rem; font-size: .8rem; }
.craft-cut > * { padding: 1rem .25rem; border-block: 1px solid var(--linie); }
.craft-cut strong { background: var(--kirsch); color: var(--weiss); border-color: var(--kirsch); }
.craft-rest { background: var(--kirsch-hell); text-align: center; }
.craft-rest-inner { max-width: 62rem; }
.craft-rest .craft-step { justify-content: center; }
.craft-rest h2 { color: var(--kirsch); font-size: clamp(3rem, 7vw, 6.5rem); font-weight: 500; letter-spacing: -.035em; }
.craft-rest-copy { max-width: 42rem; margin: 3rem auto; display: grid; gap: 1.2rem; }
.craft-rest-line { padding-top: 2rem; border-top: 1px solid var(--kirsch); display: inline-block; font-size: .9rem; }
.craft-stat { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem; margin-top: 3rem; color: var(--kirsch); }
.craft-stat strong { font-family: var(--serif); font-size: clamp(3.5rem, 7vw, 6rem); line-height: 1.1; font-weight: 500; letter-spacing: -.04em; }
.craft-stat span { font-size: .85rem; max-width: 14rem; }
.craft-cherry { background: var(--kirsch); color: var(--weiss); }
.craft-cherry .craft-step { color: inherit; }
.craft-cherry h2 { max-width: 60rem; font-weight: 500; }
.craft-likoer-lead { font-size: clamp(1.15rem, 2vw, 1.5rem); margin-top: 2rem; }
.craft-likoer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem; margin-top: 4rem; }
.craft-likoer-grid > div { border-top: 1px solid #d1bfc2; padding-top: 1.25rem; }
.craft-likoer-grid h3 { font-weight: 500; }
.craft-likoer-grid p { font-size: .95rem; }
.craft-law-note { max-width: 60rem; margin-top: 3rem; padding: 1.5rem; border: 1px solid #d1bfc2; font-size: .82rem; }
.craft-links { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin-top: 2rem; font-size: .85rem; }
.craft-cherry a, .craft-finale a { color: var(--weiss); }
.craft-finale { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); background: var(--schwarz); color: var(--weiss); }
.craft-finale-image { display: flex; flex-direction: column; }
.craft-finale-image img { width: 100%; height: 100%; flex: 1; min-height: 0; object-fit: cover; object-position: 70% center; aspect-ratio: 1; }
.craft-finale-copy { padding: clamp(2rem, 5vw, 5rem); }
.craft-finale h2 { font-size: clamp(2rem, 3.5vw, 3.3rem); font-weight: 500; }
.craft-finale .eyebrow { color: var(--weiss); }
.craft-brand-note { font-size: .8rem; }
.craft-finale .button { display: inline-flex; color: var(--kirsch); }
.craft-hero, .craft-dark, .craft-cherry, .craft-finale { --fokus: var(--weiss); }
.craft-story .faq h2 { font-size: clamp(1.75rem, 3.4vw, 2.6rem); }
.craft-story .source-note h2 { font-family: var(--sans); font-size: .75rem; }
@media (max-width: 75rem) and (min-width: 60.01rem) {
    .craft-hero h1 { font-size: 4.2vw; }
    .craft-split { gap: 3rem; }
}
@media (max-width: 60rem) {
    .craft-hero { grid-template-columns: 1fr; min-height: 0; }
    .craft-hero-copy { padding: 2.5rem var(--gutter); }
    .craft-hero h1 { font-size: clamp(2.7rem, 7vw, 4.5rem); }
    .craft-scroll { margin-top: 1.5rem !important; }
    .craft-hero-image img { height: auto; aspect-ratio: 16 / 9; flex: none; object-position: center 65%; }
    .craft-summary-grid, .craft-split, .craft-finale { grid-template-columns: 1fr; gap: 2rem; }
    .craft-fruit-notes, .craft-likoer-grid { gap: 1.5rem; }
    .craft-copy { max-width: none; }
    .craft-process { min-height: 0; }
    .craft-sticky-image { position: static; max-width: 28rem; margin-inline: auto; width: 100%; }
    .craft-heart .craft-copy { padding-top: 0; }
    .craft-finale-image img { height: auto; aspect-ratio: 16 / 10; flex: none; }
    .craft-finale { gap: 0; }
    .craft-finale-copy { padding: 3rem var(--gutter); }
}
@media (max-width: 40rem) {
    .craft-fruit-notes, .craft-distillation, .craft-likoer-grid { grid-template-columns: 1fr; }
    .craft-distillation { margin-top: 3rem; }
    .craft-distillation li { gap: .25rem; }
    .craft-distill-number { font-size: 2rem; margin-bottom: .5rem; }
    .craft-chapters ol { gap: .6rem 1.4rem; }
    .craft-cut { font-size: .7rem; }
    .craft-law-note { padding: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
    .craft-story *, .craft-story *::before, .craft-story *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media print {
    .craft-hero, .craft-split, .craft-finale, .craft-summary-grid { display: block; min-height: 0; }
    .craft-section { padding-block: 2rem; }
    .craft-sticky-image { position: static; }
    .craft-story section, .craft-hero, .craft-finale { color: #202024; background: white; }
    .craft-story .craft-step, .craft-story a, .craft-story .eyebrow { color: #202024; }
    .craft-hero-image, .craft-finale-image { max-width: 25rem; }
    .craft-story h2 { font-size: 24pt; }
}

/* Bildstrecke und erklärende Liniengrafiken unterhalb der Scrollgeschichte. */
.craft-illustration { display: block; width: 100%; max-width: 12.5rem; height: auto; }
.craft-editorial-photo { margin-top: 2.5rem; }
.craft-editorial-photo img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.craft-panorama { margin-top: 3.5rem; }
.craft-copper-photo img { display: block; width: 100%; height: auto; aspect-ratio: 2.7 / 1; object-fit: cover; object-position: 65% center; }
.craft-distillation { margin-top: 3rem; }
.craft-distillation .craft-illustration { width: 7rem; margin-bottom: .75rem; color: #d1bfc2; }
.craft-ferment-visual { color: var(--kirsch); }
.craft-ferment-visual > .craft-illustration { max-width: 15rem; margin: 1.5rem auto; }
.craft-ferment-products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding-top: 1.5rem; border-top: 1px solid var(--linie); }
.craft-ferment-products > span { font-family: var(--serif); font-size: clamp(1rem, 1.6vw, 1.4rem); }
.craft-ferment-products small { display: block; margin-top: .5rem; font-family: var(--sans); font-size: .7rem; color: var(--grau); }
.craft-ferment-visual figcaption { margin-top: 2rem; }
.craft-rest-vessels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; max-width: 44rem; margin: 3rem auto; }
.craft-rest-vessels figure { padding: 2rem 1rem; border-block: 1px solid var(--linie); }
.craft-rest-vessels .craft-illustration { margin: 0 auto 1.5rem; color: var(--kirsch); }
.craft-rest-vessels strong { display: block; font-family: var(--serif); font-weight: 500; font-size: 1.3rem; }
.craft-rest-vessels figcaption > span { display: block; margin-top: .75rem; font-size: .8rem; }
.craft-strength-visual { margin-top: 2.5rem; padding: 1.5rem; background: var(--papier); color: var(--kirsch); }
.craft-strength-process { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: .25rem; text-align: center; }
.craft-strength-process > div { min-width: 0; }
.craft-strength-process .craft-illustration { margin-inline: auto; max-width: 7rem; }
.craft-strength-process div > span { font-size: clamp(.6rem, 1vw, .8rem); }
.craft-equation { font-family: var(--serif); font-size: 1.25rem; padding-bottom: 1.5rem; }
.craft-strength-visual figcaption { margin-top: 1.5rem; font-size: .7rem; text-align: center; color: var(--grau); }
.craft-likoer-photo { margin-top: 3rem; }
.craft-likoer-photo img { display: block; width: 100%; height: auto; }
@media (max-width: 40rem) {
    .craft-copper-photo img { aspect-ratio: 16 / 10; }
    .craft-ferment-visual { padding: 1.5rem; }
    .craft-rest-vessels { gap: 1rem; }
    .craft-rest-vessels figure { padding: 1.5rem .25rem; }
    .craft-rest-vessels strong { font-size: 1rem; }
    .craft-rest-vessels figcaption > span { font-size: .7rem; }
    .craft-rest-vessels .craft-illustration { max-width: 9rem; }
    .craft-strength-visual { padding: 1.25rem 1rem; }
}
@media print {
    .craft-editorial-photo, .craft-copper-photo, .craft-likoer-photo { max-width: 25rem; margin-block: 1.5rem; }
    .craft-illustration { max-height: 7rem; }
    .craft-ferment-visual, .craft-rest-vessels, .craft-strength-visual { break-inside: avoid; }
}

/* Gemeinsame Bühne. Ohne Enhancement bleiben alle Kapitel im normalen Lesefluss. */
.cinema { position: relative; background: #171317; }
.cinema-stage { position: relative; }
.scroll-scene { position: relative; color: #fafaf7; background: #171317; --fokus: #fafaf7; }
.scroll-stage { min-height: 100svh; position: relative; overflow: hidden; isolation: isolate; display: flex; align-items: center; }
.scroll-backdrop { position: absolute; inset: 0; z-index: -3; }
.scroll-backdrop img { width: 100%; height: 100%; object-fit: cover; }
.scene-shade { position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(90deg,rgba(14,9,12,.92),rgba(14,9,12,.83) 33%,rgba(14,9,12,.30) 57%,transparent 77%); }
.scroll-copy { position: relative; z-index: 3; width: 60%; padding: 4rem 0 7rem; margin-left: clamp(1.5rem,6vw,7rem); }
.scroll-copy h1,.scroll-copy h2 { font-family: var(--serif); font-size: clamp(2.7rem,5.5vw,6.1rem); line-height: 1.14; letter-spacing: -.045em; font-weight: 500; color: inherit; }
.type-line { display: block; overflow: clip; padding: .08em .06em .14em 0; margin-bottom: -.14em; }
.type-line > span { display: block; transform-origin: left bottom; }
.scroll-copy .eyebrow { color: inherit; font-size: .64rem; letter-spacing: .24em; margin-block: 2rem 1.5rem; }
.scroll-logo { width: 7.6rem; height: auto; }
.scroll-logo use { fill: #fafaf7; }
.scene-deck { margin-top: 1.8rem; max-width: 24rem; font-size: clamp(.85rem,1.1vw,1rem); line-height: 1.9; }
.scroll-link { display: inline-flex; gap: 1.3rem; align-items: center; margin-top: 2rem; color: inherit; font-size: .78rem; text-underline-offset: .4em; }
.scroll-link:hover { color: inherit; }
.link-orbit { width: 2.75rem; height: 2.75rem; border: 1px solid #fafaf780; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; font-size: 1rem; transition: transform .25s ease; }
.scroll-link:hover .link-orbit { transform: translateY(4px); }
.scene-edition { position: absolute; top: 3rem; right: 3rem; text-align: right; color: #fafaf7; font-size: .55rem; letter-spacing: .25em; line-height: 1.8; padding: .5rem; background: #171317e6; }
.scene-word { position: absolute; left: 7%; bottom: 4%; font-family: var(--serif); font-size: clamp(8rem,23vw,26rem); letter-spacing: -.06em; line-height: 1; white-space: nowrap; color: #782f3b0b; z-index: -2; user-select: none; }
.scroll-fruit { background: #fafaf7; color: #782f3b; --fokus: #782f3b; }
.scroll-fruit .scroll-copy { width: 48%; }
.scroll-fruit .scroll-copy h2 { font-size: clamp(3rem,5.4vw,5.9rem); }
.scroll-fruit .type-line { overflow: visible; }
.scroll-pear { position: absolute; width: 54%; right: 0; top: 19%; transform-origin: 50% 55%; z-index: -1; }
.scroll-pear img { width: 100%; height: auto; }
.fruit-orbit { position: absolute; width: 41vw; height: 41vw; max-width: 42rem; max-height: 42rem; border: 1px solid #782f3b24; border-radius: 50%; top: 14%; right: 5%; z-index: -2; }
.scene-detail { position: absolute; bottom: 19%; right: 10%; color: #782f3b; font-size: .55rem; letter-spacing: .2em; }
.scroll-copper .scene-shade { background: linear-gradient(90deg,rgba(13,10,9,.96),rgba(13,10,9,.90) 38%,rgba(13,10,9,.20) 73%,rgba(13,10,9,.08)); }
.scroll-copper .scroll-backdrop img { object-position: 66% center; }
.scroll-copper .scroll-copy { width: 52%; }
.copper-prelude { font-family: var(--serif); font-size: 1.2rem; margin-bottom: 1.25rem; }
.copper-halo { position: absolute; width: 30vw; height: 30vw; left: 57%; top: 20%; background: radial-gradient(ellipse,#ba69352a,transparent 68%); border-radius: 50%; z-index: 0; }
.scroll-bottle { background: radial-gradient(ellipse at 73% 42%,#6a2836 0%,#371721 36%,#171317 77%); }
.scroll-bottle .scene-word { color: #fafaf707; font-size: 18vw; left: -2%; bottom: 12%; }
.scroll-bottle .scroll-copy { width: 56%; }
.bottle-aura { width: 26vw; height: 70%; border: 1px solid #fafaf718; border-radius: 50%; position: absolute; left: 60%; top: 10%; z-index: -1; }
.scroll-assembly { position: absolute; left: 54%; top: 5%; height: 82%; aspect-ratio: 2 / 3; transform-origin: 50% 82%; }
.scroll-assembly > img { width: 100%; height: 100%; object-fit: contain; }
.scroll-label { position: absolute; width: 38%; left: 31%; top: 43%; transform-origin: center; }
.scroll-label img { width: 100%; height: auto; }
.scroll-glint { position: absolute; inset: 16% 32% 8%; overflow: hidden; border-radius: 12% 12% 15% 15%; opacity: 0; pointer-events: none; }
.glint-beam { position: absolute; inset: 0; background: linear-gradient(105deg,transparent 36%,#ffffff70 50%,transparent 64%); }
.bottle-signature { position: absolute; right: 5%; top: 57%; font-size: .65rem; line-height: 1.9; color: #fafaf7; padding-left: 1rem; border-left: 1px solid #fafaf759; }
.scroll-family { background: #f6f2e9; color: #202024; --fokus: #782f3b; }
.scroll-family .scroll-backdrop { left: 27%; }
.scroll-family .scroll-backdrop img { object-fit: contain; object-position: right 65%; mask-image: linear-gradient(to bottom,transparent,#000 9%,#000 92%,transparent); }
.scroll-family .scene-shade { background: linear-gradient(90deg,#f6f2e9 0%,#f6f2e9 28%,#f6f2e9f5 33%,#f6f2e900 53%); }
.scroll-family .scroll-copy { width: 44%; }
.scroll-family .scroll-copy h2 { font-size: clamp(2.7rem,4.3vw,4.8rem); }
.scene-cta { color: #fafaf7; background: #782f3b; display: inline-flex; align-items: center; gap: 2.5rem; padding: 1.1rem 1.4rem; margin-top: 2rem; font-size: .8rem; text-decoration: none; transition: background .2s,transform .2s; }
.scene-cta:hover { color: #fafaf7; background: #5c2430; transform: translateY(-2px); }
.scroll-family .scroll-link { display: flex; margin-top: 1.2rem; }
.cinema-controls { position: absolute; z-index: 20; left: 4vw; right: 4vw; bottom: 1.25rem; display: flex; gap: 2rem; align-items: center; padding: .8rem 1.1rem; color: #fafaf7; background: #171317f5; border: 1px solid #fafaf726; --fokus: #fafaf7; }
.cinema-controls[hidden] { display: none; }
.cinema-chapters { display: flex; gap: 1.2rem; flex: 1; }
.cinema-chapters a { position: relative; flex: 1; padding: .65rem .15rem .9rem; color: #fafaf7; display: flex; gap: .7rem; font-size: .65rem; text-decoration: none; border-bottom: 1px solid #fafaf749; }
.chapter-number { font-size: .55rem; opacity: .8; }
.cinema-chapters i { position: absolute; bottom: -1px; left: 0; right: 0; height: 2px; background: #fafaf7; transform: scaleX(0); transform-origin: left; }
.cinema-chapters a[aria-current="step"] { font-weight: 600; }
.cinema-options { display: flex; gap: 1rem; align-items: center; }
.cinema-options a,.motion-toggle { color: #fafaf7; font: inherit; font-size: .6rem; }
.motion-toggle { background: transparent; border: 1px solid #fafaf766; padding: .6rem .7rem; cursor: pointer; }
.scroll-context { padding-block: 4rem; max-width: 55rem; }
.scroll-context .text-link { display: inline-block; margin-right: 2rem; }
/* Nur die verbesserte Desktopansicht überlagert die Szenen. */
.cinema.is-cinematic { height: 660svh; }
.is-cinematic .cinema-stage { position: sticky; top: 0; height: 100svh; overflow: clip; isolation: isolate; }
.is-cinematic .scroll-scene { position: absolute; inset: 0; opacity: 0; }
.is-cinematic .scroll-scene:first-child { opacity: 1; }
.is-cinematic .scroll-stage { height: 100%; min-height: 0; }
.is-cinematic .scroll-scene[inert] { pointer-events: none; }
.is-cinematic .scroll-backdrop,.is-cinematic .scroll-pear,.is-cinematic .scroll-assembly { will-change: transform; }
.is-cinematic .type-line > span { will-change: transform,opacity; }
.cinema.is-paused .cinema-controls { position: fixed; left: auto; right: 1rem; bottom: 1rem; }
.cinema.is-paused .cinema-chapters,.cinema.is-paused .cinema-options a { display: none; }
@media (max-width: 75rem) {
 .scroll-copy h1,.scroll-copy h2 { font-size: 5.1vw; }
 .scroll-fruit .scroll-copy h2 { font-size: 5.1vw; }
 .bottle-signature { right: 2%; font-size: .55rem; }
 .cinema-controls { gap: 1rem; }
 .cinema-chapters { gap: .65rem; }
 .cinema-chapters a { gap: .4rem; }
}
@media (max-width: 60rem), (max-height: 649px) {
 .scroll-stage { min-height: 0; display: flex; flex-direction: column; align-items: stretch; }
 .scroll-copy,.scroll-fruit .scroll-copy,.scroll-copper .scroll-copy,.scroll-bottle .scroll-copy,.scroll-family .scroll-copy { width: auto; margin: 0; padding: 3rem var(--gutter) 2rem; order: 0; }
 .scroll-copy h1,.scroll-copy h2,.scroll-fruit .scroll-copy h2,.scroll-family .scroll-copy h2 { font-size: clamp(2.2rem,6vw,3.7rem); }
 .scroll-copy .eyebrow { margin-top: 1rem; }
 .scroll-backdrop,.scroll-family .scroll-backdrop { position: relative; inset: auto; order: 1; z-index: 0; }
 .scroll-backdrop img { height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
 .scene-shade,.scene-edition,.bottle-signature,.scene-detail,.fruit-orbit,.bottle-aura,.copper-halo,.scene-word { display: none; }
 .scroll-pear { position: relative; inset: auto; width: 100%; order: 1; z-index: 0; padding: 1.5rem 0; }
 .scroll-assembly { position: relative; inset: auto; width: min(100%,26rem); height: auto; order: 1; margin: 0 auto 1rem; }
 .scroll-family .scroll-backdrop img { aspect-ratio: 3 / 2; object-fit: contain; }
 .cinema-controls { display: none; }
}
@media (prefers-reduced-motion: reduce) {
 .scroll-glint { display: none; }
 .cinema *, .cinema *::before, .cinema *::after { animation: none !important; transition: none !important; }
}
@media print {
 .cinema,.cinema-stage,.scroll-stage { height: auto !important; min-height: 0 !important; position: static !important; }
 .scroll-scene { position: static !important; opacity: 1 !important; break-inside: avoid; color: #202024; }
 .scroll-copy { width: 100% !important; margin: 0; padding: 1rem; }
 .scroll-copy h1,.scroll-copy h2 { font-size: 24pt; }
 .scroll-backdrop,.scroll-pear,.scroll-assembly,.scroll-logo,.scene-word,.scene-shade,.cinema-controls,.scene-detail,.bottle-signature,.scene-edition { display: none !important; }
 .type-line > span { transform: none !important; opacity: 1 !important; }
}

/* Aktuelle Produktformen statt separater illustrativer Fantasieflaschen. */
.scroll-family .craft-produktfamilie { display: flex; align-items: center; left: 43%; right: 2%; }
.scroll-family .craft-produktfamilie img { min-width: 0; width: 33.333%; height: 70%; object-fit: contain; mask-image: none; }
@media (max-width: 60rem), (max-height: 649px) {
 .scroll-family .craft-produktfamilie { left: auto; right: auto; padding: 1rem; }
 .scroll-family .craft-produktfamilie img { height: 20rem; aspect-ratio: auto; }
}