/* Existing worlds, typefaces and media remain the visual source of truth. */
.journey-refined .repair-arrival-followup{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr);gap:32px;align-items:start;padding:38px var(--era-space,5vw) 56px;background:var(--era-paper,#f3f0e8);color:var(--era-ink,#183b32)}
.repair-arrival-followup .r-arrival-closing{font:400 30px/1.15 var(--era-serif);margin:0}
.repair-arrival-followup .ref-arrival-description{font-size:16px;line-height:1.6;margin:0}
.repair-arrival-followup .ref-arrival-actions{display:grid;gap:16px}
.repair-arrival-followup .m-light-link{font-size:var(--type-fussnote,15px);color:inherit}
.journey-refined #marketing .m-tine-performance .m-display{font-size:clamp(36px,4.1vw,64px);line-height:1.06}
.journey-refined #marketing .m-tine-performance>p:last-child{line-height:1.5}
/* Counter removal is in the source images. A fading patch must not reappear during zoom. */
.journey-refined #zusammenspiel .kai-sheet::after{display:none!important}
.journey-refined #zusammenspiel .story-horizontal .kai-sheet:not(.kai-phone-sheet)>img{transform:none!important;clip-path:none!important;opacity:var(--kai-overview,1)}
.journey-refined #zusammenspiel .kai-sheet{position:relative}
.kai-reading-panel{display:none}
@media(min-width:701px){
 .story-horizontal .kai-reading-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:18px;background:var(--era-paper,#f3f0e8);border:1px solid #c1cbbd;opacity:var(--kai-panel,0);pointer-events:none;transform:scale(calc(.97 + .03 * var(--kai-reading,0)));transform-origin:center}
 .kai-reading-panel>strong{font-size:15px;line-height:1.35;font-weight:500}
 .kai-reading-panel .repair-dialog-lines{display:flex;flex-direction:column;gap:10px}
 .kai-reading-panel .repair-dialog-line{margin:0;padding:10px 14px;border-radius:6px;background:#fff;font:400 16px/1.4 var(--era-sans);max-width:92%;color:#183b32;align-self:flex-start}
 .kai-reading-panel .repair-dialog-line.customer{align-self:flex-end;background:#d9efd3}
 .kai-reading-panel .repair-dialog-line strong{font-size:12px;display:block;margin-bottom:4px;font-weight:500}
 .kai-reading-panel .repair-record{margin:0;display:grid;gap:10px}
 .kai-reading-panel .repair-record>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;border-bottom:1px solid #d6ded2;padding-bottom:7px}
 .kai-reading-panel dt{font-size:13px;margin:0;color:#40574a}
 .kai-reading-panel dd{font-size:16px;line-height:1.4;margin:0}
}
/* Portrait proportions preserve the face and clothing while the frame stays filled. */
.journey-refined #marketing .media-tine-gallery .media-tine-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
/* T2, Owner-Befund 16.09.2026: --portrait-ratio gab jedem Bild sein eigenes Seiten-
   verhaeltnis; im Paar standen deshalb 318 px neben 410 px. Alle sechs Bilder der
   Galerie stehen jetzt im gleichen 3:4-Rahmen, der Ausschnitt haelt das Gesicht. */
.journey-refined #marketing .media-tine-gallery .media-image-window{height:auto;aspect-ratio:3/4}
.journey-refined #marketing .media-tine-gallery .media-corporate-enlarge{height:100%}
.journey-refined #marketing .media-tine-gallery .media-corporate-enlarge>img{height:100%;width:100%;object-fit:cover;object-position:center}
.journey-refined #marketing .media-corporate-picture>figcaption{font-size:var(--type-fussnote,15px);line-height:1.55;color:var(--marketing-ink)}
.journey-refined #marketing .media-corporate-picture>figcaption strong{font-size:16px;color:inherit}
.journey-refined #marketing .era-film figcaption>span{font-size:var(--type-fussnote,15px);line-height:1.55;color:var(--marketing-ink)!important}
.journey-refined #marketing .media-tine-group .media-tine-pair{max-width:min(660px,calc((100svh - 220px) * 1.1));margin-inline:auto;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:701px) and (max-height:720px){
 .journey-refined #marketing .media-tine-group{align-items:start}
 .journey-refined #marketing .media-tine-group .media-tine-pair{max-width:520px;margin-inline:auto;width:100%}
 .story-horizontal .kai-reading-panel{gap:8px;padding:12px}
 .kai-reading-panel .repair-dialog-line{font-size:15px;padding:8px 12px}
 .kai-reading-panel .repair-dialog-lines{gap:8px}
}
@media(max-width:700px){
 .journey-refined .repair-arrival-followup{grid-template-columns:1fr;gap:20px;padding:30px 22px 46px}
 .journey-refined #marketing .m-tine-performance .m-display{font-size:40px}
 .journey-refined #marketing .media-tine-pair{gap:16px}
 .journey-refined #marketing .media-corporate-picture>figcaption{font-size:var(--type-fussnote,15px)}
 .journey-refined #marketing .media-corporate-picture>figcaption strong{font-size:15px}
}

.journey-refined #marketing .era-film figcaption>strong{color:var(--marketing-ink)}
@media(min-width:701px){
 .journey-refined #zusammenspiel .kai-phone-note dl{font-size:16px;line-height:1.4}
 .journey-refined #zusammenspiel .kai-phone-note dt{font-size:13px}
}
@media(min-width:701px) and (max-height:720px){
 .journey-refined #zusammenspiel .kai-phone-note dl{font-size:15px}
}

/* T2: Ausschnitt je Foto, damit das Gesicht im 3:4-Rahmen vollstaendig bleibt.
   Gemessene Gesichtslage (Anteil der Bildhoehe): Tine-349 30 %, Tine-339 7 %,
   Tine-319 8 %, Tine-289 11 %, Tine-279 42 %, Tine-069 (quer) bei 72 % der Breite. Beim Boot-Selfie
   stand das Gesicht bei 85 % hart am linken Rahmenrand; 70 % geben ihm Luft. */
.journey-refined #marketing .media-tine-gallery [data-media-gallery-item="Tine-349"]>img{object-position:50% 50%}
.journey-refined #marketing .media-tine-gallery [data-media-gallery-item="Tine-339"]>img{object-position:50% 8%}
.journey-refined #marketing .media-tine-gallery [data-media-gallery-item="Tine-319"]>img{object-position:50% 8%}
.journey-refined #marketing .media-tine-gallery [data-media-gallery-item="Tine-289"]>img{object-position:50% 10%}
.journey-refined #marketing .media-tine-gallery [data-media-gallery-item="Tine-279"]>img{object-position:50% 30%}
.journey-refined #marketing .media-tine-gallery [data-media-gallery-item="Tine-069"]>img{object-position:70% 50%}