/* Bildreiche VOMANO-Seiten — dunkle Fotobühnen statt Werbebalken. */
.immersive-hero h1 { font-family: var(--sans); font-weight: 600; font-size: clamp(58px, 8vw, 116px); line-height: .98; letter-spacing: -.075em; }
.immersive-hero h1 em { font-style: normal; font-weight: 400; color: #e0d5c1; }
.immersive-hero .hero-atmosphere { opacity: .4; background: radial-gradient(circle, rgba(196,178,147,.14), transparent 68%); }
.immersive-hero { min-height: min(980px, max(740px, 95svh)); }
.menu-experience { background: #121516; color: #f6f7f4; }
.menu-experience .section-intro h2 { color: #f6f7f4; }
.menu-experience .section-intro h2 em { color: #a7b8b1; font-style: normal; }
.menu-experience .experience-caption { color: #b8c0bd; }
.menu-experience .experience-caption p { margin: 0; }
.menu-interaction-hint { display: flex; align-items: center; gap: 9px; margin-top: 20px; font-size: 11px; color: #e5ece8; }
.menu-interaction-hint > span { font-size: 24px; font-weight: 400; }
.concept-image-note { max-width: 760px; margin: 30px 0 0; color: #a7b1ad; font-size: 11px; line-height: 1.6; }
.menu-experience + .section { border-top: 1px solid #2a3030; }
.menu-shelf-overview { margin-top: 0; }
.story-band { background: #18211e; color: #f4f6f2; align-items: center; grid-template-columns: minmax(0, .8fr) minmax(0, 1fr); gap: clamp(32px, 8vw, 100px); }
.story-band .eyebrow { color: #a9c1b4; }
.story-band h2 { color: #f4f6f2; }
.story-band h2 em { color: #a9c1b4; font-style: normal; }
.story-band p { color: #c1cbc5; }
.story-band .button { border-color: #8da89a; color: #e7eee9; }
.story-band .button:hover, .story-band .button:focus-visible { background: #afc4b8; border-color: #afc4b8; color: #132018; }
.kitchen-editorial, .service-editorial-image, .detail-image-hero { position: relative; margin: 0; overflow: clip; background: #242927; isolation: isolate; }
.kitchen-editorial { aspect-ratio: 5 / 4; border-radius: 3px; }
.kitchen-editorial img, .service-editorial-image img, .detail-image-hero img { display: block; width: 100%; height: 100%; object-fit: cover; transform: translate3d(0, var(--photo-y, 0px), 0) scale(1.065); transition: transform 150ms linear; }
.kitchen-editorial::after, .service-editorial-image::after { content: ''; position: absolute; inset: 55% 0 0; z-index: 0; pointer-events: none; background: linear-gradient(transparent, rgba(8,15,12,.86)); }
.kitchen-editorial figcaption, .service-editorial-image figcaption { position: absolute; left: 24px; right: 24px; bottom: 24px; z-index: 1; color: #f5f8f4; font-size: 16px; font-weight: 500; line-height: 1.5; }
.kitchen-editorial figcaption span, .service-editorial-image figcaption span { display: block; margin-top: 6px; font-size: 9px; text-transform: uppercase; letter-spacing: .12em; opacity: .75; }
.service-editorial-image { height: clamp(290px, 40vw, 540px); margin-bottom: 70px; }
.photo-detail-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .82fr); align-items: center; gap: clamp(35px, 7vw, 110px); padding-top: 145px; padding-bottom: 65px; min-height: 710px; background: #111516; }
.photo-detail-hero::before { content: none; }
.photo-detail-copy { min-width: 0; }
.photo-detail-copy h1 { font-family: var(--sans); font-weight: 600; font-size: clamp(46px, 5vw, 76px); line-height: 1.02; }
.photo-detail-copy > p { color: #bec8c3; font-size: 15px; line-height: 1.7; }
.photo-detail-copy .photo-detail-subline { margin-top: 10px; color: #d1e1d6; font-size: 18px; font-weight: 500; }
.photo-detail-copy .concept-meta { color: #9fb5a9; margin-top: 24px; }
.detail-image-hero { width: 100%; height: clamp(400px, 40vw, 600px); border-radius: 3px; }
.detail-image-hero figcaption { position: absolute; bottom: 15px; left: 15px; padding: 5px 8px; background: rgba(11,16,13,.78); color: #eff4ef; font-size: 9px; letter-spacing: .08em; }
.menu-detail-layout h2 { font-family: var(--sans); font-weight: 500; font-size: clamp(35px, 4vw, 59px); line-height: 1.06; letter-spacing: -.045em; }
.menu-detail-layout h2 em { color: #577565; font-style: normal; }
.menu-detail-layout .detail-caption { max-width: 540px; color: #645f56; line-height: 1.75; }
.photo-concept-card { display: flex; flex-direction: column; min-height: 0; padding: 0; background: #111819; border: 1px solid #2b3531; overflow: clip; }
.photo-concept-card::before, .photo-concept-card::after { content: none; }
.concept-card-photo { position: relative; width: 100%; height: 300px; overflow: clip; }
.concept-card-photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 650ms cubic-bezier(.2,.7,.2,1); }
.photo-concept-card:hover .concept-card-photo img { transform: scale(1.05); }
.photo-credit { position: absolute; left: 14px; bottom: 14px; padding: 4px 7px; background: #111819b8; color: #e7eae6; font-size: 8px; letter-spacing: .09em; }
.photo-card-copy { padding: 26px; }
.photo-card-copy .eyebrow { color: #a8beb1; }
.photo-card-copy h3 { font-family: var(--sans); font-weight: 500; letter-spacing: -.045em; }
.photo-card-copy p { margin-bottom: 25px; }
.photo-card-copy .text-link { color: #b7ccbf; font-size: 11px; }
.photo-concept-card:hover, .photo-concept-card:focus-visible { border-color: #96b09f; box-shadow: none; }
body.motion-paused :is(.kitchen-editorial, .service-editorial-image, .detail-image-hero) img { transform: none; transition: none; }
body.motion-paused .concept-card-photo img { transform: none; transition: none; }
@media (max-width: 900px) {
  .story-band { grid-template-columns: 1fr; }
  .photo-detail-hero { grid-template-columns: 1fr; padding-top: 135px; gap: 30px; }
  .detail-image-hero { height: 410px; max-width: 620px; }
  .photo-detail-copy h1 { max-width: 700px; font-size: clamp(45px, 7vw, 70px); }
  .kitchen-editorial { aspect-ratio: 3 / 2; }
  .concept-card-photo { height: 290px; }
}
@media (max-width: 560px) {
  .immersive-hero h1 { font-size: clamp(41px, 12vw, 61px); line-height: 1; letter-spacing: -.07em; }
  .immersive-hero { min-height: max(720px, 93svh); }
  .experience-caption { max-width: 100%; }
  .menu-interaction-hint { font-size: 10px; }
  .concept-image-note { font-size: 10px; }
  .detail-image-hero { height: 370px; }
  .photo-detail-hero { padding-bottom: 36px; min-height: 0; }
  .photo-detail-copy h1 { font-size: 45px; }
  .photo-detail-copy .photo-detail-subline { font-size: 16px; }
  .service-editorial-image { height: 300px; margin-bottom: 48px; }
  .kitchen-editorial { aspect-ratio: 5 / 4; }
  .kitchen-editorial figcaption, .service-editorial-image figcaption { left: 18px; right: 18px; bottom: 18px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .kitchen-editorial img, .service-editorial-image img, .detail-image-hero img, .concept-card-photo img { transform: none !important; transition: none !important; }
}

.book-cover-open { position: absolute; z-index: 5; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; cursor: pointer; border-radius: inherit; }
.book-cover-open:focus-visible { outline: 3px solid #d1e0d6; outline-offset: -8px; }
.book-cover-open:hover { background: linear-gradient(transparent 65%, rgba(9,14,11,.15)); }

/* VOMANO-Konzeptküche: feste Originalmotive, unveränderte natürliche Farbwelt. */
.hero-backdrop img { object-position: 63% 46%; filter: none; opacity: .94; }
.hero-kitchen-label { display: inline; color: #c8c3b8; font-size: 9px; font-weight: 400; letter-spacing: .05em; }
.kitchen-editorial { aspect-ratio: 1; }
.kitchen-editorial img { object-position: center; }
.brand-planning-image { width: min(820px, 100%); height: auto; aspect-ratio: 1; margin: 0 auto 70px; }
.brand-planning-image img { transform: none; object-fit: contain; }
.brand-kitchen-section { background: #171e1b; }
.brand-kitchen-intro { max-width: 760px; }
.brand-kitchen-intro h2 { margin: 18px 0 22px; color: #f3f4ee; font: 500 clamp(39px, 5vw, 68px)/1.07 var(--sans); letter-spacing: -.05em; }
.brand-kitchen-intro h2 em { color: #b0c3b7; font-style: normal; }
.brand-kitchen-intro p { max-width: 650px; color: #c0c9c3; line-height: 1.75; }
.brand-kitchen-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 44px; }
.brand-kitchen-gallery figure { position: relative; margin: 0; overflow: clip; }
.brand-kitchen-gallery img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.brand-kitchen-gallery figcaption { margin-top: 14px; color: #d5e0d8; font-size: 12px; font-weight: 500; }
.brand-kitchen-disclosure { margin-top: 26px; color: #9eaca3; font-size: 10px; line-height: 1.6; }
@media (max-width: 900px) {
  .brand-kitchen-gallery { gap: 15px; }
  .kitchen-editorial { aspect-ratio: 1; }
}
@media (max-width: 600px) {
  .hero-kitchen-label { display: block; margin-top: 7px; }
  .brand-kitchen-gallery { grid-template-columns: 1fr; gap: 30px; }
  .brand-kitchen-intro h2 { font-size: clamp(34px, 9vw, 49px); }
  .brand-planning-image { margin-bottom: 48px; }
}

/* Quadratischer Fotoausschnitt: die Referenzszene bleibt vollständig sichtbar. */
.book-cover-media { inset: 0 0 auto; height: auto; aspect-ratio: 1; }
.book-cover-media img { aspect-ratio: 1; object-fit: contain; filter: none; }
.book-cover-media::after { background: linear-gradient(180deg, rgba(8,10,10,.1), transparent 35%, rgba(8,10,10,.2)); }
.book-cover-overlay { background: linear-gradient(0deg, rgba(4,5,6,.25), transparent 40%); }

/* Hintergrundornamente dürfen die mobile Seitenbreite nicht vergrößern. */
.page-hero { overflow: clip; }

/* Über uns: eine redaktionelle Bildgeschichte statt drei ähnlicher Motive. */
.about-kitchen-story { border-top: 1px solid #2b3930; }
.about-kitchen-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(34px, 6vw, 90px); align-items: center; }
.about-kitchen-visual { width: 100%; aspect-ratio: 1; border-radius: 3px; }
.about-kitchen-visual img { object-position: center; }
.about-kitchen-content { min-width: 0; }
.about-kitchen-content .section-intro { margin-bottom: 28px; }
.about-kitchen-content .brand-kitchen-intro h2 { font-size: clamp(34px, 3.8vw, 53px); line-height: 1.08; margin: 15px 0 19px; }
.about-kitchen-content .brand-kitchen-intro p { font-size: 15px; line-height: 1.75; }
.about-kitchen-notes { list-style: none; padding: 0; margin: 0; border-top: 1px solid #3b4b41; }
.about-kitchen-notes li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 14px; padding: 19px 0; border-bottom: 1px solid #3b4b41; }
.about-kitchen-notes li > span { padding-top: 4px; color: #abc0b3; font-size: 10px; letter-spacing: .12em; }
.about-kitchen-notes h3 { margin: 0 0 6px; color: #eff3ed; font: 500 19px/1.25 var(--sans); letter-spacing: -.025em; }
.about-kitchen-notes p { margin: 0; max-width: 420px; color: #b6c3ba; font-size: 13px; line-height: 1.65; }
.about-kitchen-content .brand-kitchen-disclosure { max-width: 500px; margin: 20px 0 0; font-size: 11px; line-height: 1.65; }
@media (max-width: 900px) {
  .about-kitchen-layout { grid-template-columns: 1fr; gap: 35px; }
  .about-kitchen-visual { max-width: 680px; margin: 0 auto; }
  .about-kitchen-content { max-width: 680px; margin: 0 auto; width: 100%; }
}
@media (max-width: 600px) {
  .about-kitchen-story { padding-top: 52px; padding-bottom: 62px; }
  .about-kitchen-content .brand-kitchen-intro h2 { font-size: clamp(32px, 9vw, 45px); }
  .about-kitchen-notes li { padding: 17px 0; gap: 10px; }
  .about-kitchen-notes h3 { font-size: 18px; }
}

/* Unverändertes Original-Logo: konsistente Darstellung nach Domainumstellung. */
.site-header .brand img { width: clamp(180px, 19vw, 240px); height: auto; flex-shrink: 0; object-fit: contain; opacity: 1; visibility: visible; }
.site-footer .footer-logo { width: min(260px, 100%); height: auto; object-fit: contain; opacity: 1; visibility: visible; }
@media (max-width: 900px) { .site-header .brand img { width: 198px; } }
@media (max-width: 600px) { .site-header .brand img { width: 178px; } }
@media (max-width: 350px) { .site-header .brand img { width: 160px; } }