@media(max-width:700px){
 /* One generous opening scene gives the following smaller stories a rhythm. */
 body.salon main .latest .story-grid>.story-card:first-child>a.overview-mobile{display:flex!important;flex-direction:column;align-items:center;gap:27px;--overview-width:min(74vw,280px)}
 body.salon main .latest .story-grid>.story-card:first-child>a.overview-mobile>.overview-art{width:var(--overview-width);height:calc(var(--overview-width)*1402/1122);margin-inline:auto;box-shadow:0 16px 30px #0e0b1040}
 body.salon main .latest .story-grid>.story-card:first-child .story-card-copy{height:auto;min-height:0;max-width:31ch;align-items:center;text-align:center;padding:0 5px}
 body.salon main .latest .story-grid>.story-card:first-child h3{font-size:clamp(29px,8.4vw,36px);line-height:1.12;margin:0 0 14px}
 body.salon main .latest .story-grid>.story-card:first-child p{font-size:18px;line-height:1.5;max-width:30ch;color:#d0c2ab}
 body.salon main :is(.latest .story-grid,.lives .life-grid) :is(.story-card,.small-story).story-card--portrait-invitation .kicker{font-size:12px;line-height:1.4;font-weight:400;letter-spacing:.045em;color:#bdad8f;margin-bottom:9px;flex-shrink:0}
 body.salon main :is(.latest .story-grid,.lives .life-grid) :is(.story-card,.small-story).story-card--portrait-invitation .story-card-copy{min-height:calc(var(--overview-width)*1.5);height:auto}
 body.salon main .latest .story-grid>.story-card:first-child .story-card-copy{min-height:0}
 body.salon main .latest .story-grid{row-gap:68px}
 body.salon main .lives .life-grid{row-gap:60px}
 /* The portrait invitation stays within the warm, dark atmosphere. */
 body.salon main>.inhabitants{width:100%;max-width:none;display:block;margin:30px auto 0;padding:70px 24px 60px;border:0;background:radial-gradient(ellipse 85% 380px at 50% 380px,#b397621a,transparent 100%);color:#dfd0b5;--ink:#dfd0b5;--muted:#c2b398;--rose:#dcc49e;--line:#b29a6a66}
 body.salon main>.inhabitants::before{display:none}
 body.salon .inhabitants>.center-heading{max-width:34ch;margin:0 auto 35px}
 body.salon .inhabitants .center-heading>.rose{width:150px;margin:0 auto 25px;filter:none;opacity:.9}
 body.salon .inhabitants .center-heading h2{font:italic 400 clamp(27px,7.6vw,34px)/1.18 var(--display);letter-spacing:-.015em;color:#decdb0;text-wrap:balance}
 body.salon .inhabitants .center-heading p{max-width:30ch;margin:21px auto 0;font:400 17px/1.5 var(--text);color:#c5b9a4}
 body.salon .inhabitants .center-heading p br{display:none}
 body.salon .inhabitants .portrait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;width:100%;max-width:360px;margin:0 auto 34px}
 body.salon .inhabitants .portrait img{outline:0;box-shadow:0 12px 24px #100d1233}
 body.salon .inhabitants>.button.outline{min-height:48px;max-width:100%;padding:12px 15px;gap:14px;font-size:16px;line-height:1.3;color:#e0ceb0;border-color:#b59a6880;background:#b69a6a08}
 body.salon .footer{position:relative;width:100%;max-width:none;margin:0;padding:37px 24px 30px;gap:20px;border:0;background:linear-gradient(180deg,#292629,#211f22);color:#cabca5;text-align:center}
 body.salon .footer::before{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#b49a6a66,transparent)}
 body.salon .footer .footer-exlibris{padding:0 0 20px;gap:18px}
 body.salon .footer .footer-exlibris::before{display:none}
 body.salon .footer .footer-exlibris>.rose{width:144px;opacity:.9}
 body.salon .footer .brand>span{font-size:46px;color:#ddc9a5}
 body.salon .footer .brand>small{font-size:14px;line-height:1.55;letter-spacing:.035em;max-width:25ch;color:#c5b69c;margin-top:14px}
 body.salon .footer .footer-meta{color:#c6b9a2;font-size:16px;line-height:1.5}
 body.salon .footer nav{font-size:15px;margin-top:12px;gap:24px}
 body.salon .footer nav a{min-height:44px}
}


/* Local proposal, limited to the encounter and life-story chapter headings. */
body.salon main>.latest{border-top:0;padding-top:48px}
body.salon :is(.latest,.lives)>.home-chapter-heading{position:relative;display:flex;flex-direction:column;align-items:center;width:min(100%,650px);margin:0 auto 54px;padding:0 0 25px;text-align:center;isolation:isolate}
body.salon :is(.latest,.lives)>.home-chapter-heading::before{display:none}
body.salon :is(.latest,.lives)>.home-chapter-heading .home-meeting-threads{display:none}
body.salon :is(.latest,.lives)>.home-chapter-heading>img{display:block;content:normal;width:clamp(190px,47vw,310px);height:auto;margin:0 auto 17px;opacity:.95}
body.salon :is(.latest,.lives)>.home-chapter-heading h2{display:block;width:max-content;max-width:100%;margin:0 auto;padding:0 12px;font:400 clamp(48px,14.8vw,78px)/1.17 Italianno,cursive;letter-spacing:0;text-transform:none;color:#d6c29f;text-shadow:0 2px 18px #d4af6a12}
body.salon :is(.latest,.lives)>.home-chapter-heading h2::before,body.salon :is(.latest,.lives)>.home-chapter-heading h2::after{display:none}
body.salon :is(.latest,.lives)>.home-chapter-heading::after{content:'';display:block;width:82px;height:1px;margin:21px auto 0;background:linear-gradient(90deg,transparent,#b99a6499,transparent)}
body.salon[data-design="rahmen"] :is(.latest,.lives)>.home-chapter-heading{width:min(94%,500px);padding:27px 14px 24px;margin-top:18px;border:1px solid #bda16b70;outline:1px solid #bda16b24;outline-offset:5px;background:radial-gradient(ellipse at center,#d3aa6210,transparent 75%)}
body.salon[data-design="rahmen"] :is(.latest,.lives)>.home-chapter-heading>img{position:absolute;top:-17px;width:190px;height:28px;margin:0;background:#282627;padding:0 15px;object-fit:contain}
body.salon[data-design="rahmen"] :is(.latest,.lives)>.home-chapter-heading h2{font:italic 400 clamp(30px,9.1vw,50px)/1.3 var(--display);letter-spacing:-.015em;padding:0 3px;color:#d8c7aa}
body.salon[data-design="rahmen"] :is(.latest,.lives)>.home-chapter-heading::after{width:44px;margin-top:14px}
@media(min-width:701px){body.salon main>.latest{padding-top:65px}}
@media(max-width:360px){body.salon :is(.latest,.lives)>.home-chapter-heading{margin-bottom:42px}}
/* More space before the next chapter, after the last encounter. */
body.salon main>.lives{padding-top:clamp(96px,15vw,150px);border-top:0}
/* Bring the first image closer to both chapter headings on iPhone. */
@media(max-width:700px){
 body.salon[data-design="schrift"] :is(.latest,.lives)>.home-chapter-heading{padding-bottom:16px;margin-bottom:36px}
}
@media(max-width:360px){
 body.salon[data-design="schrift"] :is(.latest,.lives)>.home-chapter-heading{margin-bottom:29px}
}
/* Let the opening occupy the first phone display; chapter ornament starts after it. */
@media(max-width:700px) and (orientation:portrait){
 body.salon main>.salon-hero{min-height:calc(var(--opening-height,100svh) - var(--opening-top,50px) - 48px);padding-bottom:16px}
 body.salon main>.latest{padding-top:64px}
}
/* One selected story per chapter on the phone. */
.home-all-stories{display:none}
@media(max-width:700px){
 body.salon main>.salon-hero a.home-encounters-jump.encounter-reading-cue{display:block;width:144px;height:94px;min-height:44px;margin:12px auto 8px;position:relative}
 body.salon main>.salon-hero a.home-encounters-jump::before{background:url('/assets/dekor/ornamentpfeil-altgold.svg') center/88% auto no-repeat;opacity:.94;animation:rose-gold-glow 5s ease-in-out infinite}
 body.salon main>.salon-hero a.home-encounters-jump::after{display:block;-webkit-mask:url('/assets/dekor/ornamentpfeil-altgold.svg') center/88% auto no-repeat;mask:url('/assets/dekor/ornamentpfeil-altgold.svg') center/88% auto no-repeat;background:linear-gradient(110deg,transparent 36%,#d8c092 49%,transparent 62%) -180px 0/360px 100% no-repeat;animation:ornament-arrow-light 5s ease-in-out infinite;opacity:.8}
 body.salon main>.salon-hero a.home-encounters-jump:hover::before{filter:brightness(1.15)}
}
@keyframes ornament-arrow-light{0%{background-position:-240px 0;opacity:0}20%{opacity:.85}65%{opacity:.85}85%,100%{background-position:160px 0;opacity:0}}
@keyframes rose-gold-glow{0%,100%{filter:brightness(1) drop-shadow(0 0 1px #d9ba7e00)}50%{filter:brightness(1.15) drop-shadow(0 0 3px #c9ad7c33)}}
@media(prefers-reduced-motion:reduce){body.salon main>.salon-hero a.home-encounters-jump::before{animation:none}body.salon main>.salon-hero a.home-encounters-jump::after{animation:none;display:none}}
@media(max-width:700px){
 body.salon main :is(.latest>.story-grid,.lives>.life-grid)>article:not(:first-child){display:none!important}
 body.salon main :is(.latest>.story-grid,.lives>.life-grid)>article:first-child>.home-story-divider{display:none}
 body.salon main>.lives .life-grid>article:first-child>a.overview-mobile{display:flex!important;flex-direction:column;align-items:center;gap:27px;--overview-width:min(74vw,280px)}
 body.salon main>.lives .life-grid>article:first-child>a.overview-mobile>.overview-art{width:var(--overview-width);height:calc(var(--overview-width)*1.5);margin-inline:auto}
 body.salon main>.lives .life-grid>article:first-child .story-card-copy{height:auto;min-height:0;max-width:31ch;align-items:center;text-align:center;padding:0 5px}
 body.salon main>.lives .life-grid>article:first-child h3{font-size:clamp(29px,8.4vw,36px);line-height:1.12;margin:0 0 14px}
 body.salon main>.lives .life-grid>article:first-child p{font-size:18px;line-height:1.5;max-width:30ch;color:#d0c2ab}
 body.salon .home-all-stories{display:block;width:max-content;max-width:100%;margin:30px auto 0;padding:10px 0;border-bottom:1px solid #b49a6a66;color:#d0bd9a;font:italic 400 19px/1.4 var(--display);text-align:center}
}

/* Matching fine gold ornaments with a gently breathing, edgeless halo. */
@media(max-width:700px){
 body.salon main>.salon-hero .salon-hero-mobile-ornament::before,
 body.salon main>.salon-hero .rose-background-glow{content:"";display:block;position:absolute;pointer-events:none;left:50%;top:50%;width:240px;height:125px;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(201,173,124,.17),rgba(169,139,98,.055) 40%,transparent 72%);animation:rose-background-shimmer 6s ease-in-out infinite}
 body.salon main>.salon-hero .salon-hero-mobile-ornament>.rose{animation:rose-gold-glow 5s ease-in-out infinite}
 body.salon main>.salon-hero .salon-hero-mobile-ornament::after{animation-duration:5s}
}
@keyframes rose-background-shimmer{0%,100%{opacity:.22}50%{opacity:.8}}
@media(prefers-reduced-motion:reduce){
 body.salon main>.salon-hero .salon-hero-mobile-ornament::before,
 body.salon main>.salon-hero .rose-background-glow{animation:none;opacity:.35}
 body.salon main>.salon-hero .salon-hero-mobile-ornament>.rose{animation:none}
}

/* Fine moving light and three quiet glints on the life-story ornament. */
@media(max-width:700px){
 body.salon .lives>.home-chapter-heading>img{animation:rose-gold-glow 5s ease-in-out infinite}
 body.salon .lives>.home-chapter-heading::before{content:"";display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:clamp(190px,47vw,310px);aspect-ratio:400/48;pointer-events:none;-webkit-mask:url('/assets/dekor/salon-geschichtenranke-altgold.svg') center/contain no-repeat;mask:url('/assets/dekor/salon-geschichtenranke-altgold.svg') center/contain no-repeat;background:linear-gradient(110deg,transparent 36%,#f1d9a9 49%,transparent 62%) -180px 0/360px 100% no-repeat;animation:ornament-arrow-light 5s ease-in-out infinite}
 body.salon .chapter-gold-sparks{position:absolute;top:0;left:50%;transform:translateX(-50%);width:clamp(190px,47vw,310px);aspect-ratio:400/48;pointer-events:none}
 body.salon .chapter-gold-sparks>i{position:absolute;left:24%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%);background:#f1d9a9;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:0;animation:chapter-gold-twinkle 6s ease-in-out infinite}
 body.salon .chapter-gold-sparks>i:nth-child(2){left:50%;width:9px;height:9px;animation-delay:-2s}
 body.salon .chapter-gold-sparks>i:nth-child(3){left:76%;animation-delay:-4s}
}
@keyframes chapter-gold-twinkle{0%,65%,100%{opacity:0;transform:translate(-50%,-50%) scale(.6)}80%{opacity:.85;transform:translate(-50%,-50%) scale(1)}}
@media(min-width:701px){.chapter-gold-sparks{display:none}}
@media(prefers-reduced-motion:reduce){body.salon .lives>.home-chapter-heading>img,body.salon .lives>.home-chapter-heading::before{animation:none}body.salon .chapter-gold-sparks{display:none}}

/* Matching shimmer for the invitation to meet the Wollwesen. */
@media(max-width:700px){
 body.salon .inhabitants>.center-heading{position:relative}
 body.salon .inhabitants>.center-heading>.rose{animation:rose-gold-glow 5s ease-in-out infinite}
 body.salon .inhabitants>.center-heading::before{content:"";display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:150px;aspect-ratio:280/60;pointer-events:none;-webkit-mask:url('/salon-rose.svg') center/contain no-repeat;mask:url('/salon-rose.svg') center/contain no-repeat;background:linear-gradient(110deg,transparent 36%,#f1d9a9 49%,transparent 62%) -180px 0/360px 100% no-repeat;animation:ornament-arrow-light 5s ease-in-out infinite}
 body.salon .inhabitants .inhabitants-gold-sparks{width:150px;aspect-ratio:280/60}
}
@media(prefers-reduced-motion:reduce){body.salon .inhabitants>.center-heading>.rose,body.salon .inhabitants>.center-heading::before{animation:none}}

@media(max-width:319px){body.salon .inhabitants>.button.outline{font-size:14px;padding-inline:10px;gap:8px;white-space:nowrap}}

/* Keep the phone opening clear beneath the portraits and Safari toolbar. */
@media(max-width:700px){body.salon main>.salon-hero a.home-encounters-jump.encounter-reading-cue{display:none}}

/* Bring the portrait trio closer to the quotation on the phone. */
@media(max-width:700px){body.salon main>.salon-hero .portrait-carousel{margin-top:calc(clamp(12px,2.2svh,18px) + var(--opening-air,0px)*.04)}}

/* Softer shimmer above the home-page title. */
@media(max-width:700px){
 body.salon main>.salon-hero .salon-hero-mobile-ornament::before{background:radial-gradient(ellipse at center,rgba(201,173,124,.11),rgba(169,139,98,.035) 40%,transparent 72%)}
 body.salon main>.salon-hero .salon-hero-mobile-ornament::after{opacity:.55}
 body.salon main>.salon-hero .salon-hero-mobile-ornament>.rose{animation-name:home-rose-soft-glow}
}
@keyframes home-rose-soft-glow{0%,100%{filter:brightness(1) drop-shadow(0 0 1px #d9ba7e00)}50%{filter:brightness(1.08) drop-shadow(0 0 2px #c9ad7c20)}}