@font-face{font-family:Italianno;src:url('/fonts/italianno-latin-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Cormorant;src:url('/fonts/cormorant-garamond-wollwesen-20260728.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:Cormorant;src:url('/fonts/cormorant-garamond-italic-400-wollwesen-20260806.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:Newsreader;src:url('/fonts/newsreader-latin-variable-20260805.woff2') format('woff2');font-weight:300 500;font-display:swap}
@font-face{font-family:Newsreader;src:url('/fonts/newsreader-latin-variable-italic-20260805.woff2') format('woff2');font-weight:300 500;font-style:italic;font-display:swap}
:root{--paper:#e8dfcf;--paper-deep:#ddd1bc;--ink:#3e3a32;--muted:#736958;--rose:#805e62;--gold:#91774b;--line:#b5a38580;--display:Cormorant,Georgia,serif;--text:Newsreader,Georgia,serif;scroll-behavior:smooth;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:300 19px/1.6 var(--text);-webkit-font-smoothing:antialiased}body:before{position:fixed;inset:0;z-index:-1;content:'';pointer-events:none;background:radial-gradient(ellipse at 0 14%,#b2967240,transparent 34%),radial-gradient(ellipse at 100% 60%,#c0ab8d20,transparent 35%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%}figure,p,h1,h2,h3,blockquote{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.07;letter-spacing:-.024em}h1{font-size:clamp(46px,5.4vw,78px)}h2{font-size:clamp(36px,3.3vw,49px)}h3{font-size:30px}em{font-weight:400}button{border:0;background:none;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:1px solid var(--rose);outline-offset:6px}a:hover{color:var(--rose)}[hidden]{display:none!important}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{position:fixed;top:8px;left:8px;padding:12px;z-index:40;background:var(--paper)}
.proposal-bar{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px max(4.5vw,24px);background:#ddd4c7;color:#655e54;font:300 13px/1.6 var(--text);border-bottom:1px solid #a68e7624}.proposal-bar nav{display:flex;gap:25px}.proposal-bar a{display:inline-block;padding:4px 0}.proposal-bar a[aria-current]{text-decoration:underline;text-underline-offset:4px;color:#70464e}.masthead{max-width:1440px;margin:auto;min-height:113px;padding:20px 4.5%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;flex-direction:column;align-items:flex-start;width:fit-content;line-height:1}.brand>span{font:italic 400 43px/1 var(--display);letter-spacing:-.025em}.brand small{font:300 10px/1.6 var(--text);letter-spacing:.17em;text-transform:uppercase;margin-top:9px}.navigation{display:flex;gap:32px;align-items:center;font-size:16px}.navigation a{padding:8px 0;white-space:nowrap}.navigation [aria-current]{text-decoration:underline;text-decoration-color:var(--rose);text-underline-offset:9px;text-decoration-thickness:1px}.masthead-note{justify-self:end;font:italic 300 15px/1.4 var(--text);text-align:right;color:var(--muted);border-right:1px solid var(--line);padding-right:20px}.menu-button{display:none}.kicker{display:block;font:300 12px/1.6 var(--text);text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:15px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;max-width:100%;min-height:46px;padding:13px 22px;background:var(--rose);color:#f1e9db;font:300 15px/1.45 var(--text);border:1px solid var(--rose);transition:background .15s}.button:hover{background:#67494d;color:#fff7e9}.button span{font-size:19px}.button.outline{color:var(--ink);background:transparent;border-color:var(--line)}.button.outline:hover{background:#daceb9}.button.light{color:var(--ink);background:var(--paper);border-color:var(--paper)}.text-link{font:italic 300 18px/1.5 var(--text);border-bottom:1px solid var(--line);padding:8px 0;display:inline-flex;align-items:center;gap:28px;min-height:44px}.rose{width:160px;height:auto;opacity:.85;object-fit:contain}.short-line{height:1px;width:58px;background:var(--gold);margin:27px 0}.section{width:min(1260px,88vw);margin:0 auto;padding:83px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:39px}.section-heading .kicker{margin-bottom:11px}.section-heading .text-link{flex-shrink:0}.section-heading h2{font-size:45px}.center-heading{text-align:center;max-width:780px;margin:0 auto 45px}.center-heading .rose{margin:0 auto 20px;width:180px}.center-heading .kicker{margin-bottom:12px}.center-heading p{margin-top:24px;color:var(--muted);font-size:20px;line-height:1.65}.center-heading h1{font-size:64px}
.house-hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:43% 57%;min-height:600px;position:relative}.hero-copy{padding:78px 3.5vw 52px max(6vw,36px);align-self:center;position:relative;z-index:1}.hero-copy h1{font-size:clamp(53px,5.1vw,75px);line-height:1.03}.hero-copy h1 em{color:var(--rose)}.hero-copy>p{max-width:330px;font-size:20px;line-height:1.65;margin-bottom:30px}.hero-copy>.rose{width:205px;margin:29px 0 0;opacity:.7}.house-hero figure{position:relative;align-self:stretch;min-width:0;background:#26251e}.house-hero figure>img{width:100%;height:100%;object-fit:cover;object-position:84% 50%;max-height:670px;min-height:600px}.house-hero figcaption{position:absolute;right:32px;left:35px;bottom:23px;display:flex;justify-content:space-between;gap:14px;font-size:14px;color:#e8dec5}.house-hero figcaption span{font-style:italic;opacity:.75}.house-hero figcaption a{text-decoration:underline;text-underline-offset:4px}.invitation{padding:42px 20px 45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;background:#e0d5c255}.invitation blockquote{font:italic 300 24px/1.5 var(--text);color:#756348}.invitation cite{display:block;font:300 12px/1.5 var(--text);letter-spacing:.13em;margin-top:11px}.invitation blockquote br{display:none}.invitation blockquote br:after{content:' '}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.story-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.story-card-copy{padding:23px 2px 0}.story-card .kicker{font-size:11px;margin-bottom:11px}.story-card h3{font-size:35px;margin-bottom:16px}.story-card p{font-size:17px;line-height:1.62;color:var(--muted);margin-bottom:17px;max-width:36ch}.read-link{font-style:italic;font-size:16px;color:var(--rose);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:8px 0;gap:10px}.story-card .read-link{max-width:180px}.story-card a:hover img{filter:brightness(1.035)}.inhabitants{position:relative;width:100%;max-width:none;padding:80px max(6vw,28px) 83px;background:var(--paper-deep);text-align:center;border-block:1px solid var(--line)}.inhabitants:before{content:'';position:absolute;left:0;top:22px;width:200px;height:90px;background:url('/salon-rose.svg') center/contain no-repeat;transform:rotate(63deg) translate(0,50%);opacity:.33;pointer-events:none}.portrait-grid{max-width:1160px;margin:0 auto 38px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:31px}.portrait{display:block;min-width:0;text-align:center}.portrait img{width:100%;aspect-ratio:2/3;object-fit:cover;outline:1px solid #b9a88966;outline-offset:5px;margin-bottom:22px}.portrait h3,.portrait h2{font:italic 400 25px/1.18 var(--display);letter-spacing:0}.portrait>span{display:block;font:300 12px/1.7 var(--text);letter-spacing:.08em;color:var(--muted);margin-top:8px}.garden{max-width:1440px;margin:auto;position:relative;background:#1b261c}.garden>img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}.garden-copy{position:absolute;bottom:42px;left:6%;padding:23px 29px;background:#e8dfcfeF;border:1px solid #c3b29780;min-width:270px}.garden-copy h2{font-size:44px;margin-bottom:16px}.garden-copy .button{padding:0;border:0;background:transparent;font-style:italic;min-height:36px}.garden-copy .kicker{font-size:11px;margin-bottom:8px}.life-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.small-story>a{display:grid;grid-template-columns:90px 1fr;gap:22px;align-items:start}.small-story img{width:90px;height:135px;object-fit:cover}.small-story .kicker{font-size:10px;letter-spacing:.08em;line-height:1.5;margin:0 0 9px}.small-story h3{font-size:29px}.small-story p{display:none}.small-story .read-link{font-size:15px;margin-top:12px;border:0;padding:0;justify-content:flex-start;gap:20px}.footer{padding:40px 6%;background:#daceb7;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:40px}.footer>.rose{width:200px}.footer>.brand span{font-size:36px}.footer>div{text-align:right;font-size:16px}.footer>div>a{border-bottom:1px solid var(--line)}.footer nav{display:flex;gap:26px;justify-content:flex-end;margin-top:8px;font-size:13px}
/* A second composition: an album in a quiet, dusky drawing room. */
.salon{--paper:#e3d9c7;--paper-deep:#d8cbb4;--ink:#e4d6ba;--muted:#b5a68a;--rose:#d1ae85;--gold:#b69a6a;--line:#ba9f704f;background:#292629;color:var(--ink)}.salon:before{background:radial-gradient(ellipse at 50% 5%,#654e4938,transparent 48%)}.salon .proposal-bar{background:#201f21;color:#c2b49e;border-color:var(--line)}.salon .proposal-bar a[aria-current]{color:#e0c393}.salon .masthead{grid-template-columns:1fr auto 1fr;min-height:117px}.salon .brand>span{font-size:42px}.salon .masthead .brand{grid-column:2;grid-row:1;align-items:center}.salon .navigation{grid-column:1;grid-row:1;gap:22px;font-size:14px}.salon .masthead-note{grid-column:3;grid-row:1;color:#b5a68a}.salon .button{color:#272421;background:#c5ac8b;border-color:#c5ac8b}.salon .button:hover{background:#d3bfa0;color:#272421}.salon .section{padding-block:88px}.salon-hero{text-align:center;max-width:1200px;margin:auto;padding:58px 35px 45px}.salon-hero>.kicker{font-size:11px;letter-spacing:.23em;margin-bottom:17px}.salon-hero h1{font-size:clamp(30px,12vw,80px);white-space:nowrap;line-height:.98;color:#e6d7bb}.salon-hero h1 em{color:#c7ad8a}.salon-hero blockquote{font:italic 300 19px/1.65 var(--text);margin:25px auto 0;color:#bfb197}.salon-hero cite{display:block;font:300 11px/1.7 var(--text);margin:10px auto 0;letter-spacing:.08em}.album{display:grid;grid-template-columns:1fr 1.14fr 1fr;align-items:center;gap:38px;max-width:840px;margin:44px auto 33px}.album a{display:block}.album img{width:100%;aspect-ratio:2/3;object-fit:cover;outline:1px solid #b2935f88;outline-offset:7px;box-shadow:0 15px 26px #15131170}.album-side{margin-top:58px}.album a>span{display:block;font:italic 400 23px/1.3 var(--display);margin-top:20px}.album a>small{display:block;font:300 11px/1.5 var(--text);letter-spacing:.14em;text-transform:uppercase;margin-top:4px;color:#a99d87}.salon-hero>.text-link{font-size:17px;gap:25px}.salon-hero>.rose{margin:30px auto 0;width:150px}.salon .latest{border-top:0}.salon .story-grid{grid-template-columns:1.4fr 1fr;gap:36px}.salon .story-grid>.story-card:first-child{grid-row:span 2}.salon .story-grid>.story-card:not(:first-child)>a{display:grid;grid-template-columns:46% 1fr;gap:23px}.salon .story-grid>.story-card:not(:first-child) img{aspect-ratio:4/3}.salon .story-grid>.story-card:not(:first-child) .story-card-copy{padding:0}.salon .story-grid>.story-card:not(:first-child) h3{font-size:30px}.salon .story-grid>.story-card:not(:first-child) p{font-size:16px;margin-bottom:12px}.salon .garden{max-width:1160px;width:88vw;margin:15px auto 0}.salon .garden-copy{color:#413b32;--muted:#736553;--rose:#805e62;background:#e5dbcbea}.salon .inhabitants{color:#453e32;--muted:#746959;--rose:#805e62;--ink:#453e32;--line:#b5a38580}.salon .footer{background:#201e20;color:#bfb196}.salon .footer small{color:#a99d86}
/* Working gallery and story register, containing the complete current inventory. */
.collection{padding-top:60px}.search-form{display:flex;gap:18px;align-items:center;justify-content:center;margin:0 auto 28px;font-size:17px}.search-form label{font-style:italic}.search-form input{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:9px 3px;max-width:100%;width:265px;font:300 16px/1.6 var(--text);color:inherit}.search-form input::placeholder{color:var(--muted);opacity:.85}.result-note{text-align:center;font:300 13px/1.6 var(--text);color:var(--muted);margin-bottom:38px}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:58px 33px}.gallery-grid .portrait h2{font-size:27px}.gallery-grid .portrait>span{font-size:13px;letter-spacing:.025em}.archive-controls{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid var(--line);padding:13px 0;margin-top:50px}.archive-controls .search-form{margin:0}.filters{display:flex;gap:26px;font:italic 300 18px/1.4 var(--text)}.filters button{padding:11px 0;border-bottom:1px solid transparent}.filters [aria-pressed=true]{border-color:var(--rose);color:var(--rose)}.archive-controls+.result-note{margin-top:21px;text-align:left}.archive-start{margin:38px 0 20px;color:var(--rose);font:300 11px/1.4 var(--text);letter-spacing:.16em;text-transform:uppercase}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:57px 35px}.archive-grid [data-kind=portraets] img{aspect-ratio:2/3;object-fit:contain;background:#282820;width:100%;max-height:325px}.archive-grid .story-card h3{font-size:33px}.archive-grid .story-card p{font-size:17px}.empty-state{font-style:italic;text-align:center;padding:50px 0}
/* Story text is taken from the existing source, unchanged. */
.entry{width:min(1180px,88vw);margin:0 auto;padding:60px 0 68px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.entry h1{font-size:clamp(45px,4.1vw,65px);margin:17px 0 20px}.entry .back-link{display:block;font:italic 300 15px/1.5 var(--text);color:var(--muted);margin-bottom:45px;width:fit-content;min-height:30px}.entry .role{font:italic 300 21px/1.5 var(--text);color:var(--rose);margin-bottom:24px}.entry .entry-intro{font:300 20px/1.7 var(--text);color:var(--muted);margin-bottom:30px;max-width:37ch}.entry-copy>.rose{margin:25px 0 0;width:180px}.entry-portrait figure{justify-self:center;width:min(100%,390px)}.entry-portrait figure img{width:100%;aspect-ratio:2/3;object-fit:cover;outline:1px solid var(--line);outline-offset:8px}.entry-encounter{display:block;text-align:center;padding-bottom:0}.entry-encounter .entry-copy{max-width:660px;margin:auto}.entry-encounter .back-link{margin-inline:auto;margin-bottom:25px}.entry-encounter .entry-intro{max-width:620px;margin:0 auto 30px}.entry-encounter .entry-copy>.rose{margin:22px auto 30px}.entry-encounter figure{width:min(900px,100%);margin:0 auto 65px}.entry-encounter figure img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.reading{background:#d8ccb4;color:#433d31;padding:65px max(6vw,22px) 48px;scroll-margin-top:20px;border-block:1px solid #a48c6740}
/* Stronger reading ink preserves the light typeface on the cream paper. */
.salon .reading{color:#211f1c}
.salon .story-text{font-weight:400}
.reading-heading{max-width:710px;margin:auto}.reading-heading>h2{font-size:49px;text-align:center;margin:15px 0 26px}.reading-heading>.kicker{text-align:center;color:#756247}.reading-heading>.rose{margin:31px auto 38px;width:190px}.story-text{max-width:710px;margin:auto;font:300 21px/1.8 var(--text)}.story-text p{text-align:justify;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:7 3 3;margin-bottom:1.15em}.story-text p:first-child:first-letter{float:left;font:400 69px/.78 var(--display);padding:8px 9px 0 0;color:#7a6043}.story-text h2,.story-text h3{font-size:30px;margin:38px 0 20px}.story-text .visually-hidden{display:none}.story-text>figure{max-width:100%}.finis{font:italic 400 26px/1.4 var(--display);text-align:center;margin:45px 0 32px;color:#8b714e}.reading-end{display:flex;justify-content:space-between;gap:20px;max-width:710px;margin:0 auto;font:italic 300 16px/1.5 var(--text);border-top:1px solid #a88c654a;padding-top:25px}.story-connections__group>summary{list-style:none;cursor:pointer;font:italic 300 19px/1.5 var(--text);padding:12px 0;border-bottom:1px solid var(--line)}.story-connections__group>summary::-webkit-details-marker{display:none}.story-connections__group>summary>span{display:inline-block;margin-left:15px;transition:transform .2s}.story-connections__group[open]>summary>span{transform:rotate(45deg)}.story-connections__group ul{list-style:none;padding:0;margin:15px 0}.story-connections__cast{max-width:100%;text-align:left}.story-connections__cast li{margin:7px 0}.story-connections__cast .story-connections__title{font-style:italic;font-size:18px}
.story-connections__cast a .story-connections__title{text-decoration:underline;text-decoration-color:#a4895c;text-underline-offset:4px}.story-connections__cast .story-connections__subtitle{display:block;font:300 16px/1.5 var(--text);color:#796b56}.story-connections__cast .story-connections__person{display:block;margin-top:17px}.related{max-width:710px;padding-block:45px 65px}.related>details>summary{color:var(--rose)}.related .story-connections__title{font:300 23px/1.3 var(--text);color:var(--gold);display:block}.related .story-connections__subtitle{font:300 16px/1.5 var(--text);display:block;color:var(--muted);margin-top:5px}.related li{margin:24px 0}.related a{display:block;padding:3px 0}.legal{max-width:780px}.legal h1{font-size:52px;margin-bottom:35px}.legal h2{font-size:32px;margin:32px 0 20px}.legal p{margin:15px 0}.legal .section-kicker{display:none}
@media(min-width:1600px){.section{width:min(1260px,88vw)}.house-hero{margin-top:28px;margin-bottom:28px;border:1px solid var(--line)}.hero-copy{padding-left:75px}}
@media(max-width:1100px){.masthead{gap:20px;padding-inline:5%;grid-template-columns:1fr auto}.masthead-note{display:none}.navigation{gap:20px}.house-hero{min-height:520px;grid-template-columns:45% 55%}.hero-copy{padding:50px 30px}.house-hero figure>img{min-height:550px;max-height:none;object-position:82% center}.hero-copy h1{font-size:57px}.hero-copy>p{font-size:19px}.house-hero figcaption{display:block;left:24px;right:20px}.house-hero figcaption span{display:none}.section-heading h2{font-size:38px}.story-grid,.life-grid{gap:25px}.small-story>a{grid-template-columns:75px 1fr;gap:15px}.small-story img{width:75px;height:113px}.small-story h3{font-size:26px}.salon .navigation{gap:16px}.salon .masthead{grid-template-columns:1fr auto 1fr}.salon .navigation{grid-column:1/3;grid-row:2;justify-self:center}.salon .masthead .brand{grid-column:1/3}.salon .masthead{display:flex;flex-direction:column;gap:12px;padding:20px}.salon .story-grid{gap:26px}.salon .story-grid>.story-card:not(:first-child)>a{grid-template-columns:1fr}.salon .story-grid>.story-card:not(:first-child) p{display:none}.gallery-grid{gap:45px 24px}.archive-controls{flex-direction:column;gap:12px}.archive-controls .search-form{width:100%}.entry{gap:6vw}.entry h1{font-size:49px}.footer>.rose{width:140px}}
@media(max-width:700px){.proposal-bar{padding:7px 18px;justify-content:center;font-size:12px}.proposal-bar>span{display:none}.proposal-bar nav{gap:28px}.masthead{min-height:94px;padding:19px 23px;display:flex;justify-content:space-between;position:relative;gap:10px}.brand>span{font-size:37px}.brand small{font-size:8px;letter-spacing:.13em;margin-top:7px}.menu-button{display:flex;gap:12px;align-items:center;min-height:44px;font-size:15px;padding:8px 0}.menu-button>span{font-size:20px;line-height:1}.navigation{display:none;position:absolute;left:0;right:0;top:100%;padding:15px 25px 23px;background:var(--paper);z-index:10;border-block:1px solid var(--line);font-size:19px}.navigation.open{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.navigation a{width:100%;padding:11px 0}.masthead-note{display:none}.house-hero{display:flex;flex-direction:column}.hero-copy{padding:45px 26px 37px;text-align:center}.hero-copy h1{font-size:55px;line-height:1.02}.hero-copy>.kicker{font-size:10px;letter-spacing:.1em}.hero-copy .short-line{margin:23px auto}.hero-copy>p{font-size:18px;max-width:290px;margin:0 auto 25px;line-height:1.6}.hero-copy>.rose{display:none}.button{font-size:15px;padding:11px 20px;min-height:46px;gap:20px}.house-hero figure{width:100%;height:auto;aspect-ratio:1.14}.house-hero figure>img{height:100%;width:100%;min-height:0;max-height:none;object-fit:cover;object-position:88% center}.house-hero figcaption{left:23px;right:23px;bottom:17px;text-align:right;font-size:12px}.invitation{padding:29px 23px}.invitation blockquote{font-size:18px;line-height:1.55}.invitation blockquote br{display:block}.invitation cite{font-size:10px;margin-top:12px;letter-spacing:.09em}.section{width:calc(100% - 44px);padding:52px 0}.section-heading{align-items:flex-start;display:block;margin-bottom:29px}.section-heading .kicker{font-size:11px}.section-heading h2{font-size:36px;line-height:1.06;max-width:320px}.section-heading .text-link{font-size:16px;margin-top:14px;gap:28px}.story-grid{display:block}.story-card{margin-bottom:39px}.story-card:last-child{margin-bottom:0}.story-card-copy{padding-top:20px}.story-card h3{font-size:34px;margin-bottom:13px}.story-card p{font-size:17px;max-width:none;margin-bottom:9px}.story-card .read-link{max-width:185px}.inhabitants{padding:49px 24px 52px;width:100%}.center-heading{margin-bottom:33px}.center-heading h2{font-size:36px}.center-heading h1{font-size:49px}.center-heading p{font-size:17px;line-height:1.6;margin-top:20px}.center-heading p br{display:none}.center-heading>.rose{width:147px;margin-bottom:17px}.inhabitants:before{width:100px;opacity:.25;top:12px}.portrait-grid{grid-template-columns:1fr 1fr;gap:33px 21px;margin-bottom:35px}.portrait img{outline-offset:4px;margin-bottom:18px}.portrait h3{font-size:22px;line-height:1.1}.portrait>span{font-size:11px;letter-spacing:.035em;line-height:1.45}.garden-copy{position:relative;inset:auto;padding:28px 25px 30px;text-align:center;background:#ddd1bd;min-width:0;border:0}.garden-copy h2{font-size:39px}.garden-copy .button{margin:auto}.life-grid{display:grid;grid-template-columns:1fr;gap:29px}.small-story>a{grid-template-columns:90px 1fr;gap:24px;padding-bottom:27px;border-bottom:1px solid var(--line)}.small-story:last-child>a{border:0;padding-bottom:0}.small-story img{width:90px;height:135px}.small-story h3{font-size:31px}.small-story .kicker{font-size:11px;margin-top:3px;letter-spacing:.065em}.small-story .read-link{margin-top:15px}.footer{display:block;padding:34px 24px 31px;text-align:center}.footer .brand{align-items:center;margin:auto}.footer>.rose{margin:22px auto 20px;width:140px}.footer>div{text-align:center;font-size:15px}.footer nav{justify-content:center;margin-top:15px}.salon .masthead{flex-direction:row;min-height:93px;padding:18px 23px}.salon .masthead .brand{align-items:flex-start}.salon .brand>span{font-size:37px}.salon .navigation{background:#292629;color:#e0d1b7;gap:8px}.salon .section{padding-block:52px}.salon-hero{padding:41px 22px 30px}.salon-hero>.kicker{font-size:10px;letter-spacing:.13em}.salon-hero h1{font-size:clamp(30px,12vw,80px)}.salon-hero blockquote{font-size:17px;line-height:1.6;margin-top:22px}.album{grid-template-columns:.78fr 1.35fr .78fr;gap:13px;margin:38px -5px 25px;align-items:center}.album img{outline-offset:3px;box-shadow:none}.album-side{margin-top:17px}.album a>span{font-size:15px;line-height:1.15;margin-top:11px}.album-center>span{font-size:20px!important}.album a>small{font-size:9px;margin-top:6px;letter-spacing:.08em}.salon-hero>.text-link{font-size:16px}.salon-hero>.rose{width:130px;margin-top:22px}.salon .story-grid{display:block}.salon .story-grid>.story-card:not(:first-child)>a{display:block}.salon .story-grid>.story-card:not(:first-child) img{aspect-ratio:16/9}.salon .story-grid>.story-card:not(:first-child) .story-card-copy{padding-top:20px}.salon .story-grid>.story-card:not(:first-child) p{display:block;font-size:17px}.salon .story-grid>.story-card:not(:first-child) h3{font-size:34px}.salon .garden{width:100%;margin-top:0}.salon .garden-copy{background:#ddd1bd}.collection{padding-top:43px}.search-form{display:block;text-align:center;margin-bottom:18px}.search-form label{display:block;margin-bottom:5px}.search-form input{width:100%;max-width:290px}.result-note{font-size:12px;margin-bottom:28px}.gallery-grid{grid-template-columns:1fr 1fr;gap:36px 22px}.gallery-grid .portrait h2{font-size:23px}.gallery-grid .portrait>span{font-size:12px}.archive-controls{margin-top:32px;gap:14px;padding:16px 0}.filters{flex-wrap:nowrap;justify-content:center;gap:clamp(8px,2.4vw,17px);font-size:clamp(12px,3.8vw,16px)}.filters button{min-height:44px;padding:6px 0;white-space:nowrap}.archive-controls+.result-note{text-align:center}.archive-grid{grid-template-columns:1fr;gap:37px}.archive-grid .story-card{margin:0}.archive-grid [data-kind=portraets] img{max-height:350px}.entry{display:flex;flex-direction:column;width:calc(100% - 48px);gap:35px;padding:33px 0 50px;text-align:center}.entry .back-link{margin:0 auto 28px;font-size:14px}.entry .kicker{font-size:10px}.entry h1{font-size:47px;line-height:1.05;margin:15px 0}.entry .role{font-size:19px;margin-bottom:20px}.entry .entry-intro{font-size:18px;line-height:1.6;margin:0 auto 24px;max-width:31ch}.entry-copy>.rose{margin:20px auto 0;width:160px}.entry-portrait figure{width:calc(100% - 16px);max-width:330px}.entry-encounter .entry-copy>.rose{margin-bottom:0}.entry-encounter figure{width:100%;margin-bottom:0}.entry-encounter{padding-bottom:35px}.reading{padding:43px 24px 35px;scroll-margin-top:0}.reading-heading>h2{font-size:40px;margin:15px 0 23px}.reading-heading .kicker{font-size:10px}.reading-heading>.rose{width:155px;margin:23px auto 28px}.story-text{font-size:19px;line-height:1.8}.story-text p:first-child:first-letter{font-size:61px;padding-top:8px}.story-connections__group>summary{font-size:16px;line-height:1.4}.story-connections__group>summary>span{margin-left:9px}.story-connections__cast .story-connections__title{font-size:17px}.story-connections__cast .story-connections__subtitle{font-size:15px}.reading-end{font-size:14px;gap:15px}.related .story-connections__title{font-size:21px}.related .story-connections__subtitle{font-size:15px}.finis{margin:34px 0 28px}.legal h1{font-size:44px}.legal h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}

/* A fine, gently curved upward arrow for literary reading links. */
.salon .read-link .read-arrow{display:block;flex:0 0 27px;width:27px;height:27px;overflow:visible;transition:transform .45s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){.salon .read-link:hover .read-arrow{transform:translate(2px,-2px)}}

/* One fluid phone composition, shared by compact, Pro, Plus and Pro Max widths. */
@media (max-width:700px){
  .salon .entry{padding-top:22px;padding-bottom:36px;gap:28px}
  .salon .entry .back-link{margin-bottom:18px}
  .salon .entry h1{font-size:clamp(28px,8.3vw,34px);line-height:1.12;margin:12px 0 14px;text-wrap:balance}
  .salon .entry .role{margin-bottom:16px}
  .salon .entry-encounter .role{font-size:18px;line-height:1.45}
  .salon .entry-encounter .encounter-person{display:block}
  .salon .entry .entry-intro{margin-bottom:20px}
  .salon .entry-copy>.rose{margin-top:16px}
  .salon .entry-encounter{padding-bottom:28px}
  .salon .section{padding-block:44px}
  .salon .section-heading{margin-bottom:24px}
  .salon .section-heading h2{font-size:clamp(22px,7.45vw,30px);line-height:1.12;max-width:none;text-wrap:balance}
  .salon .section-heading .text-link{margin-top:10px}
  .salon .story-card h3,.salon .archive-grid .story-card h3,
  .salon .story-grid>.story-card:not(:first-child) h3{font-size:clamp(27px,7.7vw,32px);line-height:1.12;text-wrap:balance}
  .salon .small-story h3{font-size:clamp(23px,6.6vw,27px);line-height:1.14;text-wrap:balance}
  .salon .center-heading h1{font-size:clamp(34px,10.4vw,43px);line-height:1.1}
  .salon .center-heading h2{font-size:clamp(28px,8.2vw,34px);line-height:1.12}
  .salon .center-heading{margin-bottom:28px}
  .salon .portrait-grid,.salon .gallery-grid{row-gap:28px}
  .salon .portrait h3,.salon .gallery-grid .portrait h2{font-size:clamp(17px,5.2vw,21px);line-height:1.15;text-wrap:balance}
  .salon .portrait .portrait-name__given,.salon .portrait .portrait-name__family{display:block}
  .salon .portrait-grid .portrait>span,.salon .gallery-grid .portrait>span{margin-top:6px}
}

/* Give the featured encounter button the same inner breathing room as the reading buttons. */
.salon .garden-copy .button{padding:13px 22px;min-height:46px}

.salon .salon-hero-mobile-ornament{display:none}
@media (max-width:700px){
  .salon .salon-hero>.kicker{display:none}
  .salon .salon-hero{padding-top:26px}
  .salon .salon-hero-mobile-ornament{display:block;margin-bottom:10px}
  .salon .salon-hero-mobile-ornament>.rose{display:block;width:147px;margin:0 auto;transform:none}
}

/* Use the compact poetic gallery line only throughout the phone layout. */
.salon .gallery-intro-mobile{display:none}
@media (max-width:700px){
  .salon .gallery-intro-desktop{display:none}
  .salon .gallery-intro-mobile{display:block;font-style:italic}
  .salon .gallery-collection .gallery-intro{margin-top:12px}
}

/* Compact gallery introduction spacing throughout the phone layout. */
@media (max-width:700px){
  .salon .gallery-collection{padding-top:26px}
  .salon .gallery-collection>.center-heading{margin-bottom:18px}
  .salon .gallery-collection>.center-heading>.rose{margin-bottom:10px}
  .salon .gallery-collection>.center-heading>.kicker{display:none}
}

/* One centered gallery search field, with its accessible label retained. */
.salon .gallery-collection>.search-form{display:block;text-align:center;margin-bottom:28px}
.salon .gallery-collection>.search-form input{display:block;width:100%;max-width:290px;min-height:44px;margin:0 auto;text-align:center}
@media (max-width:700px){
  .salon .gallery-collection>.search-form{position:relative;display:flex;align-items:center;width:145px;min-height:42px;padding:0 8px 0 32px;margin:0 auto 18px;text-align:left;border:0;background:transparent}
  .salon .gallery-collection>.search-form::before{content:"";position:absolute;left:9px;top:50%;width:11px;height:11px;border:1px solid var(--gold);border-radius:50%;transform:translateY(-62%);opacity:.9}
  .salon .gallery-collection>.search-form::after{content:"";position:absolute;left:19px;top:23px;width:7px;height:1px;background:var(--gold);transform:rotate(45deg);transform-origin:left center;opacity:.9}
  .salon .gallery-collection>.search-form input{width:100%;max-width:none;min-height:40px;margin:0;padding:6px 0;border:0;text-align:left;font-size:16px}
  .salon .gallery-collection>.search-form input::placeholder{font-size:13px}
}

/* A quieter archive search hint; the input stays at 16px to prevent iPhone focus zoom. */
.salon .archive-controls input[type="search"]::placeholder{font-size:14px}

/* Center the home ornament in the existing gap between the reading link and encounters. */
.salon .salon-hero>.rose{transform:translateY(51.5px)}
@media (max-width:700px){.salon .salon-hero>.rose{transform:translateY(26px)}}

/* A lighter antique-gold surface for the featured encounter invitation. */
.salon .garden-copy .button{background:#d1bd9f}
.salon .garden-copy .button:hover{background:#ddccb1}

/* Reading titles follow the same mobile scale as the story opening.
   Long titles adapt separately; body text and portrait names retain their sizes. */
@media (max-width:700px){
 .salon .reading-heading>h2{font-size:clamp(28px,8.3vw,34px);line-height:1.12;text-wrap:balance}
 .salon :is(.entry h1,.reading-heading>h2,.story-card h3,.small-story h3).heading-long{font-size:clamp(20px,7vw,30px);line-height:1.12;text-wrap:balance}
 .salon .inhabitants>.button{gap:14px}
}

/* On the narrowest phones, give the story titles room beside their thumbnails. */
@media (max-width:380px){
 .salon .small-story>a{grid-template-columns:clamp(40px,calc(50vw - 105px),68px) minmax(0,1fr);gap:10px}
 .salon .small-story img{width:100%;height:auto;aspect-ratio:2/3}
 .salon .small-story h3{font-size:clamp(21px,7.3vw,23px)}
 .salon .small-story .kicker{font-size:10px;letter-spacing:.03em}
 .salon .section-heading .kicker{font-size:9px;letter-spacing:.12em}
 .salon .entry h1,.salon .reading-heading>h2{font-size:clamp(25px,8.3vw,34px)}
 .salon .story-card h3,.salon .archive-grid .story-card h3,.salon .story-grid>.story-card:not(:first-child) h3{font-size:clamp(24px,7.7vw,32px)}
 .salon :is(.entry h1,.reading-heading>h2,.story-card h3,.small-story h3).heading-long{font-size:clamp(20px,7vw,30px)}
 .salon .inhabitants>.button{padding-inline:14px;gap:10px}
}

@media (max-width:320px){
 .salon .entry .button,.salon .inhabitants>.button{font-size:14px;padding-inline:7px;gap:7px}
}

/* Extra narrow effective viewport, including a reserved scrollbar. */
@media (max-width:296px){
 .salon :is(.entry h1,.reading-heading>h2,.story-card h3,.small-story h3).heading-long{letter-spacing:-.045em}
 .salon .inhabitants>.button{font-size:13.5px}
}

/* A slightly deeper antique gold for the rose ornaments throughout the Salon. */
.salon .rose,.salon .inhabitants::before{filter:brightness(.8)}

/* These three portraits already contain their approved gold frames. */
.salon .album img{outline:none}

/* Encounter scenes remain unframed and fully visible. */
.salon .story-grid>.story-card>a>img.encounter-image,
.salon img.encounter-image{
 width:100%;
 height:auto;
 aspect-ratio:16/9;
 object-fit:contain;
 border:0;
 outline:none;
}

/* Encounter images and their text form one generous archive entry. */
.salon .archive-grid>[data-kind="begegnungen"]{grid-column:1/-1;min-width:0}
.salon .archive-grid>[data-kind="begegnungen"] .story-card>a{
 display:grid;
 grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
 align-items:center;
 gap:clamp(24px,4vw,48px);
}
.salon .archive-grid>[data-kind="begegnungen"] .story-card-copy{min-width:0;padding:0}
.salon .archive-grid>[data-kind="begegnungen"] .story-card h3{font-size:34px;line-height:1.14;margin-bottom:13px}
.salon .archive-grid>[data-kind="begegnungen"] .story-card p{font-size:17px;line-height:1.6;max-width:35ch;margin-bottom:13px}
.salon .archive-grid>[data-kind="begegnungen"] .read-link{margin-top:0;padding-block:5px}
@media(max-width:900px){
 .salon .archive-grid>[data-kind="begegnungen"] .story-card>a{display:block}
 .salon .archive-grid>[data-kind="begegnungen"] .story-card-copy{padding:17px 2px 0}
}
@media(max-width:700px){
 .salon .archive-grid>[data-kind="begegnungen"] .story-card>a{margin-inline:-12px}
 .salon .archive-grid>[data-kind="begegnungen"] .story-card-copy{padding:14px 12px 0}
 .salon .archive-grid>[data-kind="begegnungen"] .story-card .kicker{font-size:10px;margin-bottom:7px}
 .salon .archive-grid>[data-kind="begegnungen"] .story-card h3{font-size:27px;line-height:1.14;margin-bottom:10px}
 .salon .archive-grid>[data-kind="begegnungen"] .story-card p{font-size:16px;line-height:1.55;max-width:none;margin-bottom:8px}
 .salon .archive-grid>[data-kind="begegnungen"] .read-link{font-size:16px}
}

/* The wider header keeps its wordmark centred and navigation on the right. */
@media(min-width:701px){
 .salon .masthead .navigation{grid-column:3;justify-self:end}
 .salon .masthead-note{display:none}
}
@media(min-width:701px) and (max-width:1100px){
 .salon .masthead .navigation{align-self:flex-end}
}

/* A compact mobile menu sits beneath the button in a quiet grey-green panel. */
@media(max-width:700px){
 .salon .masthead{min-height:50px;padding-block:3px}
 .salon .masthead .brand{transform:translateY(-4px)}
 .salon .brand>span{font-size:28px}
 .salon .masthead .navigation{
  width:248px;
  max-width:calc(100% - 46px);
  inset-inline:auto 23px;
  padding:16px 24px 20px;
  background:#30342f;
  border:1px solid #b69a6a55;
  box-shadow:0 10px 24px #17191626;
  text-align:left;
 }
}

/* The active menu item keeps one short underline, even while hovered. */
.salon .navigation a[aria-current]{background-image:none}

/* Gallery portraits already contain their approved gold frame. */
.salon .gallery-grid .portrait img{outline:none}

/* Leave breathing room between the encounter link and the first image. */
@media(max-width:700px){.salon .latest>.section-heading{margin-bottom:56px}}

/* On phones, encounter images reach both screen edges; text keeps its inset. */
@media(max-width:700px){
 .salon .latest .story-grid>.story-card>a>img.encounter-image{width:calc(100% + 44px);max-width:none;margin-inline:-22px}
 .salon .archive-grid>[data-kind="begegnungen"] .story-card>a{margin-inline:-22px}
 .salon .archive-grid>[data-kind="begegnungen"] .story-card-copy{padding-inline:22px}
 .salon .entry-encounter figure{width:calc(100% + 48px);max-width:none;margin-inline:-24px}
}

/* Mobile life stories give each framed portrait space above its own title. */
@media(max-width:700px){
 .salon .lives .life-grid{gap:36px}
 .salon .lives .small-story>a{display:flex;flex-direction:column;align-items:center;gap:0;padding-bottom:32px;text-align:center}
 .salon .lives .small-story:last-child>a{padding-bottom:0}
 .salon .lives .small-story img{width:min(50vw,220px);height:auto;aspect-ratio:2/3;object-fit:contain;margin:0 auto 20px}
 .salon .lives .small-story>a>div{width:100%;min-width:0}
 .salon .lives .small-story .kicker{font-size:11px;line-height:1.55;letter-spacing:.06em;margin:0 0 9px}
 .salon .lives .small-story h3{font-size:clamp(21px,6.6vw,27px);line-height:1.15;letter-spacing:0;text-wrap:balance}
 .salon .lives .small-story .read-link{display:inline-flex;width:auto;min-height:44px;justify-content:center;gap:20px;margin:12px auto 0;font-size:16px}
}

/* On phones, encounter images meet the light reading paper directly. */
@media(max-width:700px){
 .salon .entry.entry-encounter{padding-bottom:0}
 .salon .entry-encounter figure{margin-bottom:0}
}

/* The garden invitation continues the quiet, dark Salon palette. */
.salon .garden-copy{background:#292629;color:#e4d6ba;--muted:#b5a68a;--rose:#d1ae85;--line:#ba9f704f;border-color:var(--line)}
.salon .garden-copy .garden-link{color:var(--ink);background:transparent;max-width:100%;padding:8px 0;min-height:44px;gap:24px}
.salon .garden-copy .garden-link:hover{color:var(--rose);border-color:var(--rose)}
.salon .garden-copy .garden-link svg{flex:none;width:22px;height:22px}
@media(max-width:700px){
 .salon .garden-copy .garden-link{font-size:16px;gap:20px;margin-inline:auto}
}

/* The title index occupies the existing count line until it is opened. */
.salon .archive-control-inner{display:contents}
.salon .filter-short{display:none}
@media(max-width:700px){
 .salon .archive-collection{padding-top:34px}
 .salon .archive-collection>.center-heading{margin-bottom:22px}
 .salon .archive-collection>.center-heading>.rose{width:clamp(120px,40vw,170px);margin-bottom:16px}
 .salon .archive-collection>.center-heading h1,
 .salon .gallery-collection>.center-heading h1{font-family:var(--display);font-style:italic;font-weight:400}
 .salon .archive-collection>.center-heading h1{font-size:clamp(34px,11vw,45px)}
 .salon .archive-collection>.center-heading .archive-quote{margin-top:16px}
 .salon .archive-collection>.center-heading .archive-quote cite{margin-top:7px;font-size:9px;letter-spacing:.014em}
 .salon .gallery-collection>.center-heading .gallery-intro cite{margin-top:7px;font-size:9px;letter-spacing:.008em}
 .salon .gallery-collection>.center-heading .gallery-intro cite::before,
 .salon .gallery-collection>.center-heading .gallery-intro cite::after{display:none}
 .salon .archive-collection>.center-heading .archive-quote cite::before,
 .salon .archive-collection>.center-heading .archive-quote cite::after{display:none}
 .salon .archive-collection>.center-heading>.kicker{display:none}
 .salon .archive-collection>.center-heading p.archive-intro{margin-top:12px;line-height:1.45;font-size:clamp(14px,4.1vw,17px);white-space:nowrap}
 .salon .archive-collection>.center-heading .archive-intro>span{display:inline}
 .salon .archive-collection>.archive-controls{margin-top:22px;padding:8px 0;gap:4px;border-top:0}
 .salon .archive-collection .archive-control-inner{display:grid;gap:4px;width:max-content;max-width:100%;margin-inline:auto}
 .salon .archive-collection .archive-control-inner .filters{width:100%;justify-content:space-between}
 .salon .archive-collection .archive-control-inner .search-form{position:relative;display:flex;align-items:center;width:100%;min-height:42px;padding:0 10px 0 34px;border:0;background:transparent}
 .salon .archive-collection .archive-control-inner .search-form::before{content:"";position:absolute;left:11px;top:50%;width:11px;height:11px;border:1px solid var(--gold);border-radius:50%;transform:translateY(-62%);opacity:.9}
 .salon .archive-collection .archive-control-inner .search-form::after{content:"";position:absolute;left:21px;top:24px;width:7px;height:1px;background:var(--gold);transform:rotate(45deg);transform-origin:left center;opacity:.9}
 .salon .archive-collection .archive-control-inner .search-form:focus-within{background:transparent}
 .salon .archive-collection .archive-control-inner .search-form input{width:100%;max-width:none;min-height:40px;padding:6px 0;border:0;text-align:left}
 .salon .archive-collection .archive-control-inner .search-form input::placeholder{font-size:13px}
 .salon .archive-collection .filters button{min-height:40px;padding:3px 0}
 .salon .archive-collection .filter-long{display:none}
 .salon .archive-collection .filter-short{display:inline}
 .salon .archive-collection .search-form input{min-height:40px;padding-block:6px}
}
.salon .story-index>summary{position:relative;display:flex;align-items:center;gap:12px;width:fit-content;max-width:100%;font:inherit;list-style:none;cursor:pointer;touch-action:manipulation}
.salon .story-index>summary::-webkit-details-marker{display:none}
.salon .story-index>summary::before{content:"";position:absolute;inset:-12px -4px}
.salon .story-index>summary:hover{color:var(--rose)}
.salon .story-index-mark{position:relative;flex:none;width:10px;height:10px}
.salon .story-index-mark::before,.salon .story-index-mark::after{content:"";position:absolute;background:currentColor}
.salon .story-index-mark::before{width:10px;height:1px;left:0;top:4.5px}
.salon .story-index-mark::after{width:1px;height:10px;left:4.5px;top:0}
.salon .story-index[open] .story-index-mark::after{display:none}
.salon .story-index-list{list-style:none;margin:24px 0 0;padding:12px 0;border-block:1px solid var(--line);text-align:left;columns:2;column-gap:48px}
.salon .story-index-list li{margin:0;padding:0;break-inside:avoid}
.salon .story-index-list a{display:flex;align-items:center;min-height:32px;padding:4px 0;color:var(--ink);font:300 17px/1.45 var(--text);text-wrap:pretty}
.salon .story-index-list a:hover{color:var(--rose)}
@media(max-width:700px){
 .salon .story-index>summary{margin-inline:auto}
 .salon .story-index-list{columns:1}
 .salon .story-index-list a{font-size:16px}
}

@media(max-width:700px){.salon .reading-end:has([data-index-return],[data-search-return]){flex-direction:column;align-items:center;gap:14px}}

/* Only active searches add a quiet reading aid; ordinary story views stay unchanged. */
.salon .search-hit{background:#ad936440;color:inherit;padding:0;border-radius:0;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.salon .search-hit-current{background:#ad936477;box-shadow:0 1px 0 #7a6043;outline:0}
.salon .search-reader{position:fixed;z-index:30;top:0;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:minmax(0,1fr) auto 44px 44px;align-items:center;gap:4px;width:100%;max-width:758px;padding:4px 12px;padding-top:max(4px,env(safe-area-inset-top));background:#d8ccb4;color:#433d31;border-bottom:1px solid #a48c6770;box-shadow:0 3px 10px #29262912;font:300 16px/1.4 var(--text)}
.salon .search-reader-back{display:flex;align-items:center;min-height:44px;width:fit-content;white-space:nowrap;font-style:italic}
.salon .search-reader-count{white-space:nowrap;font-variant-numeric:tabular-nums;padding:0 7px}
.salon .search-reader button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;background:transparent;color:inherit;border:0;font:300 24px/1 var(--text);cursor:pointer}
.salon .search-reader button:disabled{opacity:.3;cursor:default}
.salon .search-reader a:focus-visible,.salon .search-reader button:focus-visible{outline:1px solid #7a6043;outline-offset:-3px}

/* A search shows stories and their passages, without the ordinary image cards. */
.salon .search-results{max-width:710px;margin:0 auto}
.salon .search-result{padding:30px 0 36px;border-bottom:1px solid var(--line)}
.salon .search-result:first-child{padding-top:0}
.salon .search-result:last-child{border-bottom:0;padding-bottom:0}
.salon .search-result h3{font:400 clamp(25px,4vw,32px)/1.2 var(--display);letter-spacing:-.01em;margin:0 0 5px;text-wrap:balance}
.salon .search-result-count{font:300 15px/1.5 var(--text);color:var(--muted);margin:0 0 12px}
.salon .search-result ol{margin:0;padding:0;list-style:none}
.salon .search-result li+li{border-top:1px solid #ba9f7024}
.salon .search-result li>a{display:block;padding:12px 0;font:300 18px/1.65 var(--text);text-align:left;overflow-wrap:anywhere}
.salon .search-result mark{color:var(--ink);background:#ba9f7033;box-shadow:0 1px 0 #ba9f7077;padding:0}
.salon .search-result summary{cursor:pointer;width:fit-content;min-height:44px;padding:12px 0;font:italic 300 16px/1.5 var(--text);color:var(--rose)}
.salon .search-reader{grid-template-columns:minmax(0,1fr) 44px 96px;column-gap:8px;row-gap:0}
.salon .search-reader-info{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;padding:8px 0 3px;font-size:15px}
.salon .search-reader-query{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.salon .search-reader-count{padding:0;flex:none}
.salon .search-reader button:last-child{font:300 16px/1.4 var(--text);justify-content:flex-end}
@media(max-width:700px){.salon .search-result h3{font-size:25px}.salon .search-result li>a{font-size:18px}}

/* On phones, one clear encounter invitation replaces the duplicate hero transition. */
.salon .latest-title-mobile,.salon .latest-link-mobile{display:none}
.salon .life-kicker-mobile,.salon .life-title-mobile,.salon .life-link-mobile{display:none}
@media(max-width:700px){
 .salon .salon-hero{padding-bottom:0}
 .salon .salon-hero>.text-link,.salon .salon-hero>.rose{display:none}
 .salon .album{margin-bottom:0}
 .salon .latest{padding-top:56px}
 .salon .latest>.section-heading{margin-bottom:36px}
 .salon .latest>.section-heading h2{font-size:clamp(23px,6.9vw,30px)}
 .salon .latest-title-desktop,.salon .latest-link-desktop{display:none}
 .salon .latest-title-mobile,.salon .latest-link-mobile{display:inline}
 .salon .latest{padding-bottom:0}
 .salon .lives{padding-top:50px}
 .salon .lives>.section-heading{margin-bottom:36px}
 .salon .life-kicker-desktop,.salon .life-title-desktop,.salon .life-link-desktop{display:none}
 .salon .life-kicker-mobile,.salon .life-title-mobile,.salon .life-link-mobile{display:inline}
 .salon .inhabitants>.center-heading>.kicker{display:none}
}

/* The ornament opens each reading page; the story title follows without a redundant category label. */
.salon .reading-heading{margin:0 auto 36px}
.salon .reading-heading>.rose{width:150px;margin:0 auto 22px}
.salon .reading-heading>h2{margin-top:0}
.salon .reading-heading .story-connections__group>summary{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:9px 18px 9px 20px;background-color:#9b80590a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 80' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23907852' stroke-opacity='.54' stroke-width='.8' vector-effect='non-scaling-stroke' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M42 8H558M42 72H558'/%3E%3Cpath d='M50 13H550M50 67H550' stroke-opacity='.27'/%3E%3Cg%3E%3Cpath d='M42 8c-10 0-14 7-9 14-14-4-24 4-19 15 3 7 11 8 16 3-8 11-3 27 12 32'/%3E%3Cpath d='M33 22c-8-8-18-5-19 5 8-2 15 2 18 9M30 39c-8-4-16 1-15 9 7-3 14-1 19 5M36 18c5 2 8 7 7 13M35 58c5-3 8-8 8-14' stroke-opacity='.42'/%3E%3C/g%3E%3Cg transform='translate(600 0) scale(-1 1)'%3E%3Cpath d='M42 8c-10 0-14 7-9 14-14-4-24 4-19 15 3 7 11 8 16 3-8 11-3 27 12 32'/%3E%3Cpath d='M33 22c-8-8-18-5-19 5 8-2 15 2 18 9M30 39c-8-4-16 1-15 9 7-3 14-1 19 5M36 18c5 2 8 7 7 13M35 58c5-3 8-8 8-14' stroke-opacity='.42'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;border:0;font:italic 300 17px/1.5 var(--text);color:#66543d}
.salon .reading-heading .story-connections__group>summary>span{display:block;flex:none;width:18px;height:18px;margin-left:12px;border:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cg fill='none' stroke='%23785f3e' stroke-width='.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9h12M9.5 4.5 14 9l-4.5 4.5'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;font-size:0;line-height:1;color:#785f3e;transition:transform .28s ease}
.salon .reading-heading .story-connections__group>summary>span:before{content:none}
.salon .reading-heading .story-connections__group>summary:hover,.salon .reading-heading .story-connections__group>summary:focus-visible{background-color:#9b805916}
.salon .reading-heading .story-connections__group[open]>summary>span{transform:rotate(90deg)}
.salon .reading-heading .story-connections__group[open]>summary>span:before{content:none}
.salon .reading-heading .story-connections__group ul{margin:10px 0 0}
.salon .reading-heading .story-connections__cast li{margin:4px 0}
@media(max-width:700px){
 .salon .reading{padding-top:28px}
 .salon .reading-heading{margin-bottom:20px}
 .salon .reading-heading>.rose{width:147px;margin:0 auto 17px}
 .salon .reading-heading>h2{margin:0 0 22px}
 .salon .reading-heading .story-connections__group>summary{min-height:48px;padding:8px 16px 8px 18px;font-size:16px}
 .salon .reading-heading .story-connections__group>summary>span{width:18px;height:22px;margin-left:14px}
}

/* Quiet return navigation on story openings. */
.salon .entry .back-link{font-size:14px;margin-bottom:25px}
@media(max-width:700px){
 .salon .entry .back-link{font-size:13px;margin-bottom:8px;min-height:24px}
 .salon .entry .entry-intro{font-size:16px;line-height:1.55;max-width:32ch}
 .salon .story-text{line-height:1.5}
 .salon .story-text p{text-align:left;-webkit-hyphens:auto;hyphens:auto}
 .salon .reading-heading .story-connections__group:not([open]){margin-bottom:30px}
 .salon .album a>span,.salon .album .album-center>span{color:#b3a58d;font-size:15px!important;font-weight:300}
 .salon :is(.latest,.lives) .text-link{color:#a99c85}
}

/* A restrained, consistent composition for larger screens. */
@media(min-width:701px){
 .salon .salon-hero{padding-top:38px;padding-bottom:58px}
 .salon .salon-hero-mobile-ornament{display:block;margin-bottom:22px}
 .salon .salon-hero-mobile-ornament>.rose{display:block;width:155px;margin:0 auto;transform:none}
 .salon .salon-hero h1{font-size:clamp(54px,5vw,68px)}
 .salon .salon-hero blockquote{font-size:22px;line-height:1.55}
 .salon .album a>span{color:#b9aa90;font-size:20px;font-weight:300;letter-spacing:.005em}
 .salon .album .album-center>span{font-size:21px}
 .salon .salon-hero>.rose{display:none}
 .salon .latest{padding-bottom:42px}
 .salon .lives{padding-top:50px;border-top:1px solid var(--line)}
 .salon .lives .section-heading h2{font-size:30px}
 .salon .lives .small-story h3{font-size:24px;line-height:1.12}
 .salon .gallery-collection>.center-heading{margin-bottom:30px}
 .salon .gallery-collection .gallery-intro{margin-top:18px;color:var(--muted);font-size:21px;line-height:1.55;font-style:italic}
 .salon .gallery-collection>.search-form{position:relative;display:flex;align-items:center;width:170px;min-height:42px;margin:0 auto 40px;padding:0 8px 0 34px;border:0;background:transparent;text-align:left}
 .salon .gallery-collection>.search-form::before{content:"";position:absolute;left:10px;top:50%;width:12px;height:12px;border:1px solid var(--gold);border-radius:50%;transform:translateY(-62%);opacity:.9}
 .salon .gallery-collection>.search-form::after{content:"";position:absolute;left:21px;top:24px;width:7px;height:1px;background:var(--gold);transform:rotate(45deg);transform-origin:left center;opacity:.9}
 .salon .gallery-collection>.search-form input{width:100%;max-width:none;min-height:40px;margin:0;padding:6px 0;border:0;text-align:left;font-size:16px}
 .salon .gallery-collection>.search-form input::placeholder{font-size:15px}
 .salon .gallery-grid .portrait h2{font-size:22px;line-height:1.14}
 .salon .story-text{line-height:1.5}
 .salon .story-text p{text-align:left;-webkit-hyphens:auto;hyphens:auto}
 .salon .reading-heading .story-connections__group{width:min(100%,300px);margin-left:0;margin-right:auto}
 .salon .reading-heading .story-connections__group>summary{width:fit-content;max-width:100%;min-height:42px;padding:5px 14px 5px 16px}
 .salon .reading-heading .story-connections__group>summary>span{margin-left:12px}
 .salon .archive-ornament{display:flex;justify-content:center;margin:20px auto 48px}
 .salon .archive-ornament .rose{width:130px;margin:0}
 .salon .reading-heading>.rose{width:190px;margin:0 auto 26px}
}
@media(max-width:700px){.salon .archive-ornament{display:none}}

.salon .gallery-grid .portrait img{margin-bottom:0}
.salon .gallery-grid .portrait h2{color:#b9aa90;font-family:var(--text);font-style:italic;font-weight:300}
.salon .gallery-grid .portrait :is(.portrait-name__given,.portrait-name__family){display:block}
.salon .filters button:not([aria-pressed="true"]){color:#9f937f}
.salon .filters button{position:relative}
.salon .filters button+button::before{content:"";position:absolute;left:-13px;top:50%;width:1px;height:14px;background:#8f826e;transform:translateY(-50%);opacity:.55}
.salon .album-name-break{display:none}
@media(max-width:700px){
 .salon .album-name-break{display:initial}
 .salon .archive-collection .filters{gap:20px}
 .salon .filters button+button::before{left:-10px}
}
@media(max-width:320px){
 .salon .archive-collection .filters{gap:16px}
 .salon .filters button+button::before{left:-8px}
}

@media(hover:hover) and (pointer:fine){
 .salon :is(.navigation a,.text-link,.back-link,.reading-end a,.footer nav a,.filters button:not([aria-pressed="true"])){background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:left bottom;background-size:0 1px;transition:color .2s ease,background-size .45s cubic-bezier(.22,1,.36,1)}
 .salon :is(.navigation a,.text-link,.back-link,.reading-end a,.footer nav a,.filters button:not([aria-pressed="true"])):hover{background-size:100% 1px}
}

@media(min-width:701px){
 .salon .masthead{display:grid;grid-template-columns:1fr auto}
 .salon .masthead .brand{grid-column:1;grid-row:1;justify-self:start;align-items:flex-start;transform:none}
 .salon .masthead .navigation{grid-column:2;grid-row:1;justify-self:end;align-self:center}
}

/* An open literary vignette replaces the enclosed cast frame. */
.salon .reading-heading{margin-bottom:15px}
.salon .reading-heading>.rose{width:136px;margin:0 auto 20px;opacity:.72}
.salon .reading-heading>h2{margin:0 0 25px}
.salon .reading-heading .story-connections__group{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}
.salon .reading-heading .story-connections__group>summary{display:flex;align-items:center;justify-content:center;width:auto;min-height:42px;padding:5px 0;background:none!important;border:0;font:italic 300 17px/1.5 var(--text);color:#6c5a43;white-space:nowrap;gap:10px}
.salon .reading-heading .story-connections__group>summary::before,.salon .reading-heading .story-connections__group>summary::after{content:"";display:block;flex:0 0 clamp(20px,6vw,54px);height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 12'%3E%3Cg fill='none' stroke='%23907852' stroke-opacity='.55' stroke-width='.75' stroke-linecap='round'%3E%3Cpath d='M1 6h56c4 0 5-4 8-4 3 0 4 4 1 5-2 1-4 0-5-2'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat}
.salon .reading-heading .story-connections__group>summary::after{transform:scaleX(-1)}
.salon .reading-heading .story-connections__group>summary>span{width:16px;height:16px;margin-left:0}
.salon .reading-heading .story-connections__group>summary:hover,.salon .reading-heading .story-connections__group>summary:focus-visible{background:none!important;color:#765b3d}
.salon .reading-heading .story-connections__group[open]{width:min(100%,380px)}
.salon .reading-heading .story-connections__group[open]>summary{width:100%;padding-bottom:10px;border-bottom:1px solid #90785238}
.salon .reading-heading .story-connections__group ul{margin:12px 0 0;padding:3px 8px 0}
.salon .reading-heading .story-connections__cast li{margin:0}
.salon .reading-heading .story-connections__cast li+li{margin-top:11px}
.salon .reading-heading .story-connections__cast .story-connections__person{margin-top:0}
.salon .reading-heading .story-connections__cast .story-connections__subtitle{margin-top:2px;line-height:1.35}
.salon .reading-heading .story-connections__cast a:is(:hover,:focus-visible,:active){color:#5d4933}
.salon .entry-intro__mobile{display:none}
@media(max-width:700px){.salon .reading-heading>.rose{width:128px;margin-bottom:17px}.salon .reading-heading>h2{margin-bottom:22px}.salon .reading-heading .story-connections__group>summary{min-height:40px;padding:4px 0;font-size:16px;gap:8px}.salon .reading-heading .story-connections__group>summary>span{width:15px;height:15px;margin-left:0}}
@media(max-width:700px){.salon .entry-intro__desktop{display:none}.salon .entry-intro__mobile{display:block;font-size:clamp(14px,4.1vw,16px)}.salon .entry-intro__mobile>span{display:block;white-space:nowrap}}
.salon .navigation a[aria-current]{background-image:none!important}
.salon .latest>.section-heading h2{color:#c7b99f}
.salon .encounter-threshold{display:block;width:142px;margin:0 auto 44px;padding:6px;line-height:0}
.salon .encounter-threshold__ornament{display:block;width:100%;height:auto;aspect-ratio:156/102;opacity:.86;transition:opacity .2s ease,transform .2s ease}
.salon .encounter-threshold:is(:hover,:focus-visible) .encounter-threshold__ornament{opacity:.94;transform:translateY(3px)}
.salon .rose-lively{opacity:.94;filter:drop-shadow(0 0 5px rgba(201,173,124,.16))}
@media(max-width:700px){.salon .encounter-threshold{width:116px;margin-bottom:max(54px,calc(env(safe-area-inset-bottom) + 32px));padding:5px}}
/* Continuous, softly offset glints follow only the two opening ornaments. */
.salon .salon-hero-mobile-ornament{position:relative;width:fit-content;margin-inline:auto;--opening-ornament:url('/assets/dekor/salon-rose-altgold.svg')}
.salon .encounter-threshold{position:relative;--opening-ornament:url('/assets/dekor/salon-begegnungen-herzpfeil-zart.svg')}
.salon .salon-hero-mobile-ornament::after,
.salon .encounter-threshold::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:repeating-linear-gradient(90deg,rgba(212,183,134,.1) 0%,rgba(212,183,134,.1) 7%,rgba(245,224,183,.82) 12%,rgba(218,190,145,.22) 16%,rgba(212,183,134,.1) 25%);
 background-size:200% 100%;
 -webkit-mask:var(--opening-ornament) center/contain no-repeat;
 mask:var(--opening-ornament) center/contain no-repeat;
 animation:salon-opening-shimmer 7.6s linear infinite;
}
.salon .encounter-threshold::after{inset:6px;animation-duration:9.2s;animation-delay:-3.1s;transition:transform .2s ease}
.salon .encounter-threshold:is(:hover,:focus-visible)::after{transform:translateY(3px)}
@keyframes salon-opening-shimmer{from{background-position:100% 50%}to{background-position:0% 50%}}
@media(max-width:700px){.salon .encounter-threshold::after{inset:5px}}
@media(max-width:700px) and (orientation:portrait){.salon .encounter-threshold::after{bottom:calc(5px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){
 .salon .salon-hero-mobile-ornament::after,
 .salon .encounter-threshold::after{animation:none;background-position:35% 50%;opacity:.45}
}
/* All three literary quotations share the gallery composition exactly. */
.salon .gallery-collection>.center-heading{max-width:760px;margin-bottom:clamp(48px,5vw,64px)}
.salon .gallery-collection>.center-heading>.rose{width:clamp(132px,12vw,156px);margin-bottom:18px;opacity:.7}
.salon .gallery-collection>.center-heading>h1{font-size:clamp(40px,4.6vw,60px);line-height:1;letter-spacing:-.02em}
.salon .gallery-collection .gallery-intro,
.salon .archive-collection .archive-quote,
.salon .salon-hero .home-quote{width:fit-content;max-width:100%;margin:23px auto 0;color:#b9aa91;font:italic 300 15px/20.25px var(--text);letter-spacing:.005em}
.salon .gallery-collection .gallery-intro p,
.salon .archive-collection .archive-quote p,
.salon .salon-hero .home-quote p{margin:0;color:inherit;font:inherit}
.salon .gallery-collection .gallery-intro p>span,
.salon .archive-collection .archive-quote p>span,
.salon .salon-hero .home-quote p>span{display:block;white-space:nowrap}
.salon .gallery-collection .gallery-intro cite,
.salon .archive-collection .archive-quote cite,
.salon .salon-hero .home-quote cite{display:flex;align-items:center;justify-content:center;gap:11px;width:fit-content;margin:11px auto 0;color:#93846d;font:300 clamp(8px,.7vw,9.5px)/1.35 var(--text);font-style:normal;letter-spacing:.17em;text-transform:uppercase}
.salon .gallery-collection .gallery-intro cite::before,.salon .gallery-collection .gallery-intro cite::after,
.salon .archive-collection .archive-quote cite::before,.salon .archive-collection .archive-quote cite::after,
.salon .salon-hero .home-quote cite::before,.salon .salon-hero .home-quote cite::after{content:"";display:block;width:24px;height:1px;background:currentColor;opacity:.38}
@media(max-width:700px){.salon .gallery-collection>.center-heading>.rose{margin-bottom:15px}.salon .gallery-collection .gallery-intro,.salon .archive-collection .archive-quote,.salon .salon-hero .home-quote{margin-top:18px}.salon .gallery-collection .gallery-intro cite,.salon .archive-collection .archive-quote cite,.salon .salon-hero .home-quote cite{gap:8px;margin-top:9px;letter-spacing:.13em}.salon .gallery-collection .gallery-intro cite::before,.salon .gallery-collection .gallery-intro cite::after,.salon .archive-collection .archive-quote cite::before,.salon .archive-collection .archive-quote cite::after,.salon .salon-hero .home-quote cite::before,.salon .salon-hero .home-quote cite::after{width:14px}}
@media(min-width:701px){.salon .gallery-collection .gallery-intro,.salon .archive-collection .archive-quote,.salon .salon-hero .home-quote{font-size:20px;line-height:27px}}
@media(max-width:700px){.salon .gallery-grid .portrait h2{font-size:var(--gallery-name-size,18px);line-height:1.15;white-space:nowrap;text-wrap:nowrap}.salon .gallery-grid .portrait :is(.portrait-name__given,.portrait-name__family){display:inline}.salon .gallery-grid .portrait .portrait-name__family::before{content:" "}}


/* Phone collection openings share the moving gold light of the homepage rose. */
@media(max-width:700px){
 .salon :is(.archive-collection,.gallery-collection)>.center-heading{position:relative}
 .salon :is(.archive-collection,.gallery-collection)>.center-heading>.rose{opacity:.94;filter:drop-shadow(0 0 5px rgba(201,173,124,.16))}
 .salon :is(.archive-collection,.gallery-collection)>.center-heading::before{
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:clamp(120px,40vw,170px);aspect-ratio:280/60;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(212,183,134,.1) 0%,rgba(212,183,134,.1) 7%,rgba(245,224,183,.82) 12%,rgba(218,190,145,.22) 16%,rgba(212,183,134,.1) 25%);
  background-size:200% 100%;
  -webkit-mask:url('/assets/dekor/salon-rose-altgold.svg') center/contain no-repeat;
  mask:url('/assets/dekor/salon-rose-altgold.svg') center/contain no-repeat;
  animation:salon-opening-shimmer 7.6s linear infinite;
 }
 .salon .gallery-collection>.center-heading::before{width:147px}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){
 .salon :is(.archive-collection,.gallery-collection)>.center-heading::before{animation:none;background-position:35% 50%;opacity:.45}
}

/* Quiet museum labels keep every gallery name subordinate to its portrait. */
.salon .gallery-grid .portrait{position:relative}
.salon .gallery-grid .portrait h2{
 position:relative;
 z-index:1;
 display:flex;
 align-items:center;
 justify-content:center;
 width:calc(100% - 18px);
 height:30px;
 min-height:30px;
 margin:-15px auto 0;
 padding:0 10px;
 color:#d6c8af;
 background:linear-gradient(180deg,rgba(31,29,30,.98),rgba(25,24,25,.99));
 border:1px solid rgba(177,148,99,.62);
 box-shadow:0 5px 12px rgba(8,7,8,.22);
 font-family:var(--display);
 font-size:clamp(11px,1.25vw,15.5px);
 font-style:normal;
 font-weight:400;
 line-height:1;
 letter-spacing:.012em;
 white-space:nowrap;
 text-wrap:nowrap;
}
.salon .gallery-grid .portrait :is(.portrait-name__given,.portrait-name__family){display:inline}
.salon .gallery-grid .portrait .portrait-name__family::before{content:" "}
@media(max-width:700px){
 .salon .gallery-grid{row-gap:34px}
 .salon .gallery-grid .portrait h2{width:calc(100% - 6px);height:25px;min-height:25px;margin-top:-12px;padding:0 8px;font-size:clamp(10.5px,3.25vw,13px)}
}


/* The same opening ornament scale on home, stories and gallery. */
.salon .salon-hero-mobile-ornament>.rose,
.salon .gallery-collection>.center-heading>.rose,
.salon .archive-collection>.center-heading>.rose{width:180px}
@media(max-width:700px){
 .salon .salon-hero-mobile-ornament>.rose,
 .salon .gallery-collection>.center-heading>.rose,
 .salon .archive-collection>.center-heading>.rose{width:147px}
}

/* Quiet first-name captions let the three home portraits remain the focus. */
.salon .album a>span,
.salon .album .album-center>span{
 position:static;
 display:block;
 width:auto;
 height:auto;
 min-height:0;
 margin:14px 0 0;
 padding:0;
 color:#b9aa90;
 background:none;
 border:0;
 box-shadow:none;
 font-family:var(--display);
 font-size:18px!important;
 font-style:italic;
 font-weight:400;
 line-height:1.15;
 letter-spacing:.005em;
 white-space:nowrap;
}
.salon .album-name-break{display:none!important}
@media(max-width:700px){
 .salon .album a>span,
 .salon .album .album-center>span{width:auto;height:auto;min-height:0;margin-top:10px;padding:0;font-size:15px!important}
 .salon .album{align-items:end}
 .salon .album-side{margin-top:0;margin-bottom:14px}
}


/* Short iPhone screens keep a generous album and place the arrow safely above Safari. */
@media(max-width:700px){
.salon .encounter-threshold{margin-bottom:max(56px,calc(env(safe-area-inset-bottom) + 24px))}
}
@media(max-width:700px) and (max-height:820px){
 .salon .salon-hero{padding-top:14px}
 .salon .salon-hero-mobile-ornament{margin-bottom:8px}
 .salon .salon-hero-mobile-ornament>.rose{width:124px}
 .salon .salon-hero h1{font-size:clamp(30px,10.7vw,46px);line-height:.97}
 .salon .salon-hero .home-quote{margin-top:14px;font-size:14.5px;line-height:19px}
 .salon .salon-hero .home-quote cite{margin-top:6px}
 .salon .album{width:min(calc(100% + 10px),max(246px,calc(100svh - 300px)));min-width:0;gap:clamp(8px,3vw,12px);margin:24px -5px 0}
 .salon .album-side{margin-top:0;margin-bottom:14px}
 .salon .album a>span,.salon .album .album-center>span{margin-top:9px;font-size:14.5px!important}
 .salon .album a>small{margin-top:3px;font-size:8px}
 .salon .latest{padding-top:8px}
 .salon .encounter-threshold{width:106px}
 .salon .proposal-bar + .masthead + main .salon-hero{padding-top:8px}
 .salon .proposal-bar + .masthead + main .salon-hero-mobile-ornament{margin-bottom:4px}
 .salon .proposal-bar + .masthead + main .home-quote{margin-top:10px}
 .salon .proposal-bar + .masthead + main .album{margin-top:14px}
 .salon .proposal-bar + .masthead + main .latest{padding-top:4px}
}
@media(max-width:340px) and (max-height:600px){
 .salon .salon-hero{padding-top:9px}
 .salon .salon-hero-mobile-ornament{margin-bottom:4px}
 .salon .salon-hero-mobile-ornament>.rose{width:102px}
 .salon .salon-hero h1{font-size:30px}
 .salon .salon-hero .home-quote{margin-top:8px;font-size:12.5px;line-height:17px}
 .salon .salon-hero .home-quote cite{margin-top:4px;font-size:8px}
 .salon .album{width:min(calc(100% + 10px),max(246px,calc(100svh - 300px)));min-width:0;gap:8px;margin:16px -5px 0}
 .salon .album-side{margin-top:0;margin-bottom:12px}
 .salon .album a>span,.salon .album .album-center>span{margin-top:7px;font-size:12.5px!important}
 .salon .album a>small{margin-top:2px;font-size:7.5px}
 .salon .latest{padding-top:4px}
 .salon .encounter-threshold{width:96px}
}


/* Stronger warm bronze for ornaments on the light reading paper. */
.salon .reading-heading>.rose.rose-reading{opacity:1;filter:drop-shadow(0 1px 1px rgba(83,61,37,.16))}


/* Tighter leading keeps the story introduction composed as one thought. */
.salon .entry .entry-intro{line-height:1.40}
@media(max-width:700px){.salon .entry .entry-intro{line-height:1.32}}

/* Compact leading keeps every story preview together as a short paragraph. */
.salon .story-card p,
.salon .archive-grid>[data-kind="begegnungen"] .story-card p{line-height:1.34}


/* Museum labels now identify portraits consistently across the Salon. */
.salon .lives .small-story>a{display:flex;flex-direction:column;align-items:center;gap:0;text-align:center}
.salon .lives .small-story>a>.small-story-portrait{position:relative;width:min(50vw,220px);min-width:0}
.salon .lives .small-story .small-story-portrait>img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;margin:0}
.salon .lives .small-story>a>.small-story-copy{width:100%;min-width:0;margin-top:20px;text-align:center}
.salon .lives .small-story .read-link{display:none}
.salon .inhabitants .portrait{position:relative}
.salon .inhabitants .portrait img{margin-bottom:0}
.salon .inhabitants .portrait h3,
.salon .lives .small-story .small-story-name{
 position:relative;
 z-index:1;
 display:flex;
 align-items:center;
 justify-content:center;
 width:calc(100% - 18px);
 height:30px;
 min-height:30px;
 margin:-15px auto 0;
 padding:0 10px;
 color:#d6c8af;
 background:linear-gradient(180deg,rgba(31,29,30,.98),rgba(25,24,25,.99));
 border:1px solid rgba(177,148,99,.62);
 box-shadow:0 5px 12px rgba(8,7,8,.22);
 font-family:var(--display);
 font-size:clamp(11px,1.25vw,15.5px);
 font-style:normal;
 font-weight:400;
 line-height:1;
 letter-spacing:.012em;
 text-transform:none;
 white-space:nowrap;
 text-wrap:nowrap;
}
.salon .inhabitants .portrait h3 :is(.portrait-name__given,.portrait-name__family),
.salon .lives .small-story .small-story-name :is(.portrait-name__given,.portrait-name__family){display:inline}
.salon .inhabitants .portrait h3 .portrait-name__family::before,
.salon .lives .small-story .small-story-name .portrait-name__family::before{content:" "}
.salon .inhabitants>.center-heading p{line-height:1.42}
@media(max-width:700px){
 .salon .inhabitants .portrait h3,
 .salon .lives .small-story .small-story-name{width:calc(100% - 6px);height:25px;min-height:25px;margin-top:-12px;padding:0 8px;font-size:clamp(10.5px,3.25vw,13px)}
 .salon .lives .small-story>a>.small-story-copy{margin-top:17px}
}
/* Fine flowering scrollwork separates stories; light follows only the gold strokes. */
.salon .archive-grid>.searchable{position:relative}
.salon .archive-grid .story-card-copy{text-align:center}
.salon .archive-grid .story-card-copy p{margin-inline:auto}
.salon .archive-grid{row-gap:100px;margin-top:48px}
.salon .archive-story-divider,
.salon .home-story-divider{
 position:absolute;
 left:50%;
 bottom:-67px;
 width:min(280px,78%);
 height:34px;
 transform:translateX(-50%);
 background:url("/assets/dekor/salon-geschichtenranke-altgold.svg") center/contain no-repeat;
 pointer-events:none;
}
.salon .home-story-divider{display:none}
.salon .archive-story-divider::after,
.salon .home-story-divider::after{
 content:"";
 position:absolute;
 inset:0;
 background:linear-gradient(100deg,transparent 10%,#f5dfb3 15%,transparent 21%,transparent 39%,#fff0d0 44%,transparent 50%,transparent 72%,#e8cea0 77%,transparent 83%);
 background-size:250% 100%;
 -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;
 filter:drop-shadow(0 0 2px #dfc08b65);
 animation:salon-ranke-shimmer 8s linear infinite;
 animation-play-state:paused;
 opacity:.9;
}
.salon .story-divider-visible::after{animation-play-state:running}
.salon .searchable:nth-child(3n+2) .archive-story-divider::after,
.salon .story-card:nth-child(3n+2) .home-story-divider::after{animation-delay:-2.7s}
.salon .searchable:nth-child(3n) .archive-story-divider::after,
.salon .small-story:nth-child(3n) .home-story-divider::after{animation-delay:-5.3s}
.salon .archive-last-visible .archive-story-divider{display:none}
@keyframes salon-ranke-shimmer{
 from{background-position:100% 50%}
 to{background-position:-100% 50%}
}
@media(max-width:700px){
 .salon .archive-grid{row-gap:0;margin-top:36px}
 .salon .archive-story-divider,
 .salon .latest .home-story-divider,
 .salon .lives .home-story-divider{position:relative;left:auto;bottom:auto;width:min(280px,78%);height:34px;margin:31.5px auto;transform:none}
 .salon .latest .story-card{margin-bottom:0}
 .salon .latest .story-card:not(:last-child) .home-story-divider{display:block}
 .salon .lives .life-grid{gap:0}
 .salon .lives .small-story>a{padding-bottom:0;border-bottom:0}
 .salon .lives .small-story:not(:last-child) .home-story-divider{display:block}
 .salon .lives .small-story>a>.small-story-copy{margin-top:22px}
 .salon .lives .small-story .small-story-type{display:block;font-size:clamp(8px,2.2vw,9px);line-height:1.3;letter-spacing:.15em;margin:0 0 10px;opacity:.82}
 .salon .lives .small-story .small-story-copy h3{font-size:clamp(24px,7.7vw,32px);line-height:1.12;letter-spacing:-.024em;margin:0 0 10px;text-wrap:balance}
 .salon .lives .small-story .small-story-copy p{display:block;max-width:none;margin:0;color:var(--muted);font-size:16px;line-height:1.34}
 .salon .latest .story-card .kicker{font-size:clamp(8px,2.2vw,9px);line-height:1.3;letter-spacing:.15em;margin-bottom:6px;opacity:.82}
 .salon .archive-grid>[data-kind="portraets"] .story-card .kicker,
 .salon .archive-grid>[data-kind="begegnungen"] .story-card .kicker{font-size:clamp(8px,2.2vw,9px);line-height:1.3;letter-spacing:.15em;margin-bottom:6px;opacity:.82}
}
@media(prefers-reduced-motion:reduce){
 .salon .archive-story-divider::after,
 .salon .home-story-divider::after{animation:none;opacity:.35;background-position:42% 50%;filter:none}
}


/* On light paper, the museum labels are narrower and softly green-charcoal. */
.salon .inhabitants .portrait>span{display:none}
.salon .inhabitants .portrait h3{
 width:86%;
 height:28px;
 min-height:28px;
 margin-top:-14px;
 padding:0 7px;
 color:#ded2bb;
 background:linear-gradient(180deg,rgba(59,61,53,.98),rgba(47,49,44,.99));
 border-color:rgba(159,133,89,.72);
 box-shadow:0 4px 10px rgba(44,38,29,.18),inset 0 1px rgba(225,205,169,.07);
 font-size:clamp(10px,1.05vw,13.5px);
 letter-spacing:.01em;
}
.salon .gallery-grid .portrait .portrait-name__family::before,
.salon .inhabitants .portrait h3 .portrait-name__family::before,
.salon .lives .small-story .small-story-name .portrait-name__family::before{content:"\00a0"}
@media(max-width:700px){
 .salon .inhabitants .portrait h3{width:88%;height:24px;min-height:24px;margin-top:-11px;padding:0 5px;font-size:clamp(9px,2.55vw,10.5px)}
}

/* Quiet captions on the light portrait wall. */
.salon .inhabitants .portrait h3{
 width:auto;
 height:auto;
 min-height:0;
 margin:14px 0 0;
 padding:0;
 color:#655640;
 background:none;
 border:0;
 box-shadow:none;
 font-family:var(--text);
 font-size:clamp(11.5px,1.08vw,13.5px);
 font-style:normal;
 font-weight:400;
 line-height:1.25;
 letter-spacing:.025em;
 white-space:nowrap;
}
@media(max-width:700px){
 .salon .inhabitants .portrait h3{margin-top:12px;font-size:clamp(9.5px,2.55vw,11px);letter-spacing:.015em}
}

/* All approved portraits: native horizontal scrolling, a larger center, full frames. */
.salon .portrait-carousel{--portrait-size:300px;--portrait-step:250px;max-width:900px;margin:44px auto 0}
.salon .portrait-reel{position:relative;display:flex;gap:0;width:100%;padding:3px calc((100% - var(--portrait-step))/2) 5px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.salon .portrait-reel::-webkit-scrollbar{display:none}
.salon .portrait-slide{flex:0 0 var(--portrait-step);min-width:0;display:block;scroll-snap-align:center;text-align:center;color:#b9aa90;user-select:none;-webkit-user-drag:none}
.salon .portrait-slide-image{position:relative;display:block;height:calc(var(--portrait-size)*1.5)}
.salon .portrait-slide-image img{position:absolute;bottom:0;left:50%;display:block;width:var(--portrait-size);max-width:none;height:auto;aspect-ratio:2/3;object-fit:contain;transform:translateX(-50%) scale(var(--portrait-scale,.6));transform-origin:50% 100%;outline:0;box-shadow:none;-webkit-user-drag:none}
.salon .portrait-slide-name{display:block;margin-top:12px;font:italic 400 20px/1.15 var(--display);white-space:nowrap;letter-spacing:.005em}
.salon .portrait-slide:focus-visible{outline:none}
.salon .portrait-slide:focus-visible .portrait-slide-name{text-decoration:underline;text-underline-offset:5px}
.salon .portrait-reel:focus-visible{outline:1px solid var(--line);outline-offset:4px}
.salon .portrait-carousel-caption{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;width:min(100%,490px);margin:14px auto 0}
.salon .portrait-carousel-caption button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;color:#b59b74}
.salon .portrait-carousel-caption [data-portrait-prev] svg{transform:rotate(180deg)}
.salon .portrait-carousel-caption button:disabled{opacity:.2;cursor:default}
.salon .portrait-carousel-story{display:flex;align-items:center;justify-content:center;min-height:48px;padding:3px 0;color:#c4b399;font:italic 400 22px/1.2 var(--display);letter-spacing:.005em;text-wrap:balance}
@media(max-width:700px){
 .salon .portrait-carousel{--portrait-size:42vw;--portrait-step:36vw;max-width:none;margin:38px -12px 0}
 .salon .portrait-slide-name{margin-top:10px;font-size:15px}
 .salon .portrait-carousel-caption{gap:6px;margin-top:11px}
 .salon .portrait-carousel-story{font-size:clamp(16px,4.6vw,18px)}
}
@media(max-width:700px) and (max-height:820px){.salon .portrait-carousel{margin-top:24px}}
@media(max-width:340px) and (max-height:600px){.salon .portrait-carousel{margin-top:16px}}

/* Two quiet highlights travel continuously around the existing selected frame. */
@property --portrait-glint-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
.salon .portrait-slide[aria-current] .portrait-slide-image::after{
 content:"";position:absolute;z-index:1;bottom:2px;left:50%;
 width:calc(var(--portrait-size) - 4px);height:calc(var(--portrait-size)*1.5 - 4px);padding:2px;
 pointer-events:none;transform:translateX(-50%) scale(var(--portrait-scale,1));transform-origin:50% 100%;
 background:conic-gradient(from var(--portrait-glint-angle),#d5b47b20 0deg,#e2c79780 30deg,#fff1cbea 48deg,#e2c79780 66deg,#d5b47b20 100deg,#d5b47b20 180deg,#e2c79780 210deg,#fff1cbea 228deg,#e2c79780 246deg,#d5b47b20 280deg,#d5b47b20 360deg);
 opacity:.85;
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask-composite:exclude;
 animation:portrait-frame-glint 7s linear infinite;
}
@keyframes portrait-frame-glint{
 from{--portrait-glint-angle:0deg}
 to{--portrait-glint-angle:360deg}
}
@media(prefers-reduced-motion:reduce){
 .salon .portrait-slide[aria-current] .portrait-slide-image::after{animation:none;opacity:.4}
}
.salon .portrait-carousel{scroll-margin-top:24px}

/* Related stories belong beside the people, before the narrative begins. */
.salon .reading .related-before{max-width:none;padding:0;margin:0 0 28px}
.salon .reading .related-before>details>summary{color:#5c4932}
.salon .reading .related-before .story-connections__title{font:400 19px/1.35 var(--display);color:#594732}
.salon .reading .related-before .story-connections__subtitle{font:300 15px/1.45 var(--text);color:#736249}
.salon .reading .related-before li{margin:16px 0}
.salon .reading .related-before>details>summary{white-space:normal;text-align:center;line-height:1.4}
.salon .reading .related-before>details>summary::before,.salon .reading .related-before>details>summary::after{flex-basis:clamp(8px,2vw,24px)}

.salon .encounter-person-link{text-decoration:underline;text-decoration-color:#bca98b65;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s ease,text-decoration-color .2s ease}
.salon .encounter-person-link:is(:hover,:focus-visible){color:#e0c9a4;text-decoration-color:currentColor}

/* A discreet entry beside the identity; the approved cartouche closes the narrative. */
.salon .entry .portrait-stories-top{padding:0;margin:-12px 0 22px}
.salon .portrait-stories-top>details>summary{display:flex;align-items:center;justify-content:center;gap:9px;width:fit-content;max-width:100%;min-height:44px;padding:6px 0;border:0;color:#bca98b;font:italic 300 16px/1.45 var(--text);white-space:nowrap}
.salon .portrait-stories-top>details>summary>span{margin:0;font-size:0;width:16px;height:22px;line-height:22px;transition:transform .2s ease}
.salon .portrait-stories-top>details>summary>span::after{content:"→";font:300 18px/22px var(--text)}
.salon .portrait-stories-top>details[open]>summary>span{transform:rotate(90deg)}
.salon .entry-encounter .portrait-stories-top>details>summary{margin-inline:auto}
.salon .portrait-stories-top ul{margin:10px 0 18px}
.salon .portrait-stories-top li{margin:14px 0}
.salon .portrait-stories-top a{padding:5px 0}
.salon .portrait-stories-top .story-connections__title{font:400 20px/1.3 var(--display);color:#d4bea0}
.salon .portrait-stories-top .story-connections__subtitle{font:300 15px/1.4 var(--text);color:#b5a68a}
.salon .portrait-afterword{padding:38px 4px 36px;background:#292629}
.salon .portrait-stories-end{max-width:710px;padding:0;margin:0 auto 30px;text-align:center}
.salon .portrait-afterword .portrait-stories-end>details>summary{left:auto;width:min(100%,360px);margin-inline:auto;transform:none}
.salon .portrait-afterword .reading-end{width:calc(100% - 36px);color:#bca98b;border-color:#ad94703d}
.salon .portrait-afterword .portrait-stories-end ul{padding-inline:18px}
.salon .portrait-stories>details>summary,
.salon .lives .life-cartouche{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:min(100%,360px);min-height:60px;margin-inline:auto;padding:14px 10px;border:0;color:#cbb694;font:italic 300 17px/1.45 var(--text);white-space:nowrap;isolation:isolate}
.salon .portrait-stories>details>summary::before,
.salon .lives .life-cartouche::before{content:"";position:absolute;inset:0;z-index:-1;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ad9470%22%20stroke-width%3D%22.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M172%206H22C22%2013%2015%2018%207%2018V42C15%2042%2022%2047%2022%2054H172M188%206H338C338%2013%20345%2018%20353%2018V42C345%2042%20338%2047%20338%2054H188%22%20opacity%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M171%206C177%206%20180%203%20180%201C180%203%20183%206%20189%206C183%206%20180%209%20180%2011C180%209%20177%206%20171%206ZM171%2054C177%2054%20180%2051%20180%2049C180%2051%20183%2054%20189%2054C183%2054%20180%2057%20180%2059C180%2057%20177%2054%20171%2054Z%22%20opacity%3D%22.85%22%2F%3E%3Cpath%20d%3D%22M7%2024C15%2024%2015%2036%207%2036M353%2024C345%2024%20345%2036%20353%2036%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;pointer-events:none}
.salon .portrait-stories>details>summary::after{content:none}
.salon .portrait-stories>details>summary>span,
.salon .lives .life-cartouche>span{display:block;flex:none;width:18px;height:18px;margin:0;font-size:0;line-height:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2 10h15M11 4l6 6-6 6' fill='none' stroke='%23bda273' stroke-width='.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transform:none;transition:transform .2s ease}
.salon .portrait-stories>details[open]>summary>span{transform:rotate(90deg)}
.salon .portrait-stories>details>summary:is(:hover,:focus-visible),
.salon .lives .life-cartouche:is(:hover,:focus-visible){color:#dec8a1}
.salon .portrait-stories ul{padding:0;margin:19px 0 0}
.salon .portrait-stories li{margin:14px 0}
.salon .portrait-stories a{padding:6px 8px}
.salon .portrait-stories .story-connections__title{font:400 22px/1.2 var(--display);color:#d4bea0}
.salon .portrait-stories .story-connections__subtitle{font:300 15px/1.4 var(--text);color:#b5a68a;margin-top:5px}
.salon .portrait-stories a:is(:hover,:focus-visible) .story-connections__title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
@media(max-width:700px){.salon .portrait-stories>details>summary,
.salon .lives .life-cartouche{font-size:clamp(15px,calc(8px + 2.5vw),16px)}.salon .portrait-stories>details>summary>span,
.salon .lives .life-cartouche>span{width:14px;height:16px}.salon .portrait-stories .story-connections__title{font-size:21px}.salon .portrait-stories-top>details>summary{margin-inline:auto}.salon .portrait-afterword{padding-top:30px}}
@media(prefers-reduced-motion:reduce){.salon .portrait-stories>details>summary>span,
.salon .lives .life-cartouche>span{transition:none}}

/* The existing cartouche welcomes readers to all life stories. */
.salon .lives>.section-heading{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.salon .lives .life-cartouche{margin:0 auto}

/* Compose the complete phone opening inside the visible space above Safari's toolbar.
   Extra height becomes breathing room; short screens give the portraits the remaining room. */
@media(max-width:700px) and (orientation:portrait){
 .salon .salon-hero{padding-top:calc(clamp(6px,calc(var(--opening-height,100svh)*.016),14px) + var(--opening-air,0px)*.15)}
 .salon .salon-hero-mobile-ornament{margin-bottom:5px}
 .salon .salon-hero-mobile-ornament>.rose{width:clamp(86px,calc(var(--opening-height,100svh)*.16),128px)}
 .salon .salon-hero h1{font-size:clamp(30px,11.3vw,52px);line-height:1.02}
 .salon .salon-hero .home-quote{margin-top:18px;font-size:clamp(12.5px,calc(var(--opening-height,100svh)*.021),15px);line-height:1.3}
 .salon .salon-hero .home-quote cite{margin-top:6px;font-size:8px}
 .salon .portrait-carousel{margin-top:calc(clamp(10px,calc((var(--opening-height,100svh) - 420px)*.05),24px) + var(--opening-air,0px)*.35)}
 .salon .portrait-reel{padding-top:2px;padding-bottom:0}
 .salon .portrait-slide-name{margin-top:6px;font-size:15px}
 .salon .portrait-carousel-caption{margin-top:clamp(6px,calc((var(--opening-height,100svh) - 420px)*.045),16px)}
 .salon .portrait-carousel-story{min-height:44px;padding:0}
 .salon .latest{padding-top:calc(clamp(12px,calc(var(--opening-height,100svh)*.025),24px) + var(--opening-air,0px)*.5)}
 .salon .encounter-threshold{--opening-safe-gap:54px;width:clamp(82px,calc(var(--opening-height,100svh)*.136),98px);padding-bottom:calc(5px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:700px) and (orientation:portrait){
 [data-opening-compact] .salon .masthead{min-height:45px;padding-top:0;padding-bottom:0}
 [data-opening-compact] .salon .salon-hero{padding-top:4px}
 [data-opening-compact] .salon .salon-hero-mobile-ornament{margin-bottom:3px}
 [data-opening-compact] .salon .portrait-carousel-caption{margin-top:5px}
 [data-opening-compact] .salon .latest{padding-top:10px}
 [data-opening-compact] .salon .encounter-threshold{--opening-safe-gap:44px;width:74px}
}

/* An intimate literary album: light, picture plates, contents and colophon. */
.salon::before{background:radial-gradient(ellipse at 50% 5%,rgba(170,145,102,.10),transparent 46%),radial-gradient(ellipse at 0 55%,rgba(24,46,34,.20),transparent 62%),radial-gradient(ellipse at 100% 75%,rgba(23,40,31,.16),transparent 58%)}
.salon :is(.salon-hero,.collection,.entry){background-image:radial-gradient(ellipse 48% 270px at 50% 130px,rgba(182,151,100,.045),transparent 100%);background-repeat:no-repeat}
.salon .encounter-plate{display:block;align-self:start;min-width:0;padding:7px;border:1px solid rgba(164,138,94,.45);background:#222420;box-shadow:0 10px 26px rgba(13,20,16,.14)}
body.salon :is(.story-grid>.story-card,.archive-grid .story-card,.entry-encounter) .encounter-plate>img.encounter-image{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;margin:0;padding:0;border:0;outline:none}
.salon .navigation-heading,.salon .navigation-number,.salon .navigation-flourish{display:none}
.salon .finis{margin:44px 0 42px;font-size:26px;letter-spacing:.015em}
.salon .finis::after{content:"";display:block;width:102px;height:36px;margin:14px auto 0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%2042%22%20fill%3D%22none%22%3E%3Cg%20stroke%3D%22%2392764f%22%20stroke-width%3D%22.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M60%2012C48%207%2036%206%2023%209V29C37%2025%2049%2028%2060%2033C71%2028%2083%2025%2097%2029V9C84%206%2072%207%2060%2012V33%22%2F%3E%3Cpath%20d%3D%22M29%2013C39%2011%2049%2013%2055%2016M29%2018C39%2016%2048%2018%2055%2021M65%2016C72%2013%2082%2011%2091%2013M65%2021C72%2018%2082%2016%2091%2018%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M17%2029C10%2026%208%2020%2012%2017C16%2014%2020%2018%2016%2021M103%2029C110%2026%20112%2020%20108%2017C104%2014%20100%2018%20104%2021M47%2037H56M64%2037H73%22%20opacity%3D%22.65%22%2F%3E%3Cpath%20d%3D%22m60%2036%201%201-1%201-1-1Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;opacity:.85;pointer-events:none}
.salon .footer{display:flex;flex-direction:column;align-items:center;gap:27px;padding:46px 24px 32px;background:radial-gradient(ellipse at 50% 5%,rgba(124,112,80,.075),transparent 66%),#202421;border-top:1px solid rgba(155,136,100,.23);text-align:center}
.salon .footer .footer-exlibris{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;width:310px;max-width:100%;padding:15px 20px 26px;text-align:center}
.salon .footer-exlibris::before,.salon .footer-exlibris::after{content:"";position:absolute;left:50%;width:130px;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(166,143,102,.52),transparent)}
.salon .footer-exlibris::before{top:0}
.salon .footer-exlibris::after{bottom:0}
.salon .footer .footer-exlibris>.rose{width:138px;margin:0;opacity:.72;filter:none}
.salon .footer .brand{align-items:center;margin:0 auto;border:0}
.salon .footer .brand>span{font-size:44px;color:#ccbc9c;line-height:1.05}
.salon .footer .brand>small{max-width:25ch;margin-top:13px;font:300 11px/1.7 var(--text);letter-spacing:.095em;text-transform:none;text-wrap:balance;color:#b0a58c}
.salon .footer .footer-meta{text-align:center;font:300 14px/1.6 var(--text);color:#afa68f}
.salon .footer .footer-meta>a{display:inline-block;padding:6px 0;border:0}
.salon .footer nav{justify-content:center;flex-wrap:wrap;gap:9px 27px;margin-top:8px;font-size:13px}
.salon .footer nav a{display:inline-flex;align-items:center;min-height:44px}
.salon .story-card p,.salon .archive-grid>[data-kind] .story-card p,.salon .lives .small-story .small-story-copy p{font-size:18px;line-height:1.48;text-wrap:pretty}
.salon .story-card .kicker,.salon .archive-grid>[data-kind] .story-card .kicker,.salon .lives .small-story .small-story-type{font-size:11px;line-height:1.5;letter-spacing:.14em}
@media(max-width:700px){
 .salon .masthead .navigation{left:0;right:0;top:100%;transform:none;width:100%;max-width:none;max-height:calc(100svh - 80px);overflow-y:auto;padding:15px 16px 17px;gap:8px;background:linear-gradient(180deg,#292629fa,#252326f5);border:0;border-bottom:1px solid #b69a6a55;box-shadow:0 12px 22px #15131620;text-align:center}
 .salon .navigation.open{flex-direction:row;align-items:center;justify-content:center}
 .salon .navigation :is(.navigation-heading,.navigation-number,.navigation-flourish){display:none}
 .salon .navigation a{display:flex;flex:1 1 auto;align-items:center;justify-content:center;min-width:0;width:auto;min-height:44px;padding:8px 0;font:italic 400 clamp(20px,5.8vw,24px)/1.25 var(--display);text-decoration:none;background-image:none!important;color:#e0d1b7}
 .salon .navigation a[aria-current] .navigation-label{text-decoration:underline;text-decoration-color:#ad9470;text-decoration-thickness:.65px;text-underline-offset:7px}
 .salon .latest .story-grid>.story-card>a>.encounter-plate{width:calc(100% + 20px);margin-inline:-10px}
 .salon .archive-grid>[data-kind="begegnungen"] .encounter-plate{width:calc(100% - 24px);margin-inline:12px}
 .salon .entry-encounter figure.encounter-plate{width:calc(100% + 24px);margin-inline:-12px}
 .salon .entry.entry-encounter{padding-bottom:24px}
 .salon .encounter-plate{padding:6px}
 .salon .story-card p,.salon .archive-grid>[data-kind] .story-card p,.salon .lives .small-story .small-story-copy p{font-size:17px;line-height:1.46}
 .salon .story-card .kicker,.salon .archive-grid>[data-kind] .story-card .kicker,.salon .lives .small-story .small-story-type{font-size:clamp(9.5px,2.8vw,11px)}
 .salon .salon-hero .home-quote cite,.salon .gallery-collection .gallery-intro cite,.salon .archive-collection .archive-quote cite{font-size:clamp(9px,2.4vw,10px);line-height:1.5}
 .salon .finis{margin:38px 0 36px}
 .salon .finis::after{width:94px;height:33px;margin-top:12px}
 .salon .footer{padding-top:38px;gap:22px}
 .salon .footer .brand>span{font-size:42px}
}

/* Keep the extra Safari clearance even at the shortest usable phone height. */
@media(max-width:700px) and (orientation:portrait){[data-opening-compact] .salon .salon-hero .home-quote cite{line-height:1.35}}

/* One larger rose opens the page; the portraits and their controls close the first view. */
.salon .salon-hero-mobile-ornament{display:block;margin:0 auto 16px}
.salon .salon-hero-mobile-ornament>.rose{width:190px}
.salon .portrait-carousel{padding-bottom:44px}
@media(max-width:700px){
 .salon .salon-hero-mobile-ornament>.rose,
 .salon .archive-collection>.center-heading>.rose{width:clamp(120px,40vw,170px)}
 .salon .salon-hero-mobile-ornament{margin-bottom:10px}
 .salon .latest{padding-top:52px}
}
@media(max-width:700px) and (orientation:portrait){
 .salon .salon-hero{padding-top:calc(clamp(10px,calc(var(--opening-height,100svh)*.022),20px) + var(--opening-air,0px)*.3)}
 .salon .portrait-carousel{--opening-safe-gap:54px;margin-top:calc(clamp(4px,calc((var(--opening-height,100svh) - 350px)*.012),10px) + var(--opening-air,0px)*.04)}
 .salon .salon-hero-mobile-ornament{margin-bottom:calc(10px + var(--opening-air,0px)*.06)}
 .salon .salon-hero .home-quote{margin-top:calc(18px + var(--opening-air,0px)*.18)}
 .salon .portrait-carousel-caption{margin-top:calc(clamp(6px,calc((var(--opening-height,100svh) - 420px)*.045),16px) + var(--opening-air,0px)*.24)}
 [data-opening-compact] .salon .salon-hero{padding-top:4px}
 [data-opening-compact] .salon .salon-hero-mobile-ornament{margin-bottom:4px}
 [data-opening-compact] .salon .salon-hero-mobile-ornament>.rose{width:120px}
 [data-opening-compact] .salon .portrait-carousel{--opening-safe-gap:44px;margin-top:2px}
 [data-opening-compact] .salon .latest{padding-top:44px}
}

/* Balance the phone quotation between the title and portraits without moving the portraits. */
.salon .salon-hero .home-quote{position:relative;top:10px}
@media(max-width:700px) and (orientation:portrait){
 .salon .salon-hero .home-quote{top:max(-18px,calc(-8px - var(--opening-air,0px)*.12))}
 [data-opening-compact] .salon .salon-hero .home-quote{top:-10px}
}

/* Use part of the former sound-control space for the larger phone title. */
@media(max-width:700px) and (orientation:portrait){
 .salon .portrait-carousel{padding-bottom:22px}
}

/* The next section begins below the first visible phone screen, without stretching its content. */
@media(max-width:700px) and (orientation:portrait){
 .salon .salon-hero{min-height:calc(var(--opening-height,100svh) - var(--opening-top,50px))}
}

/* A quiet chapter opening for the phone encounter section. */
.salon .home-chapter-heading{display:block;text-align:center;margin:0 auto 32px}
.salon .home-chapter-heading img{width:190px;height:auto;margin:0 auto 12px;opacity:.85}
.salon .home-chapter-heading h2{font:italic 400 clamp(30px,8.4vw,36px)/1.15 var(--display);letter-spacing:-.015em;color:var(--ink)}
@media(max-width:700px){
 .salon .inhabitants>.center-heading h2{font-family:var(--display);font-style:italic}
 .salon .inhabitants>.center-heading p{color:#584d3e}
 .salon .inhabitants .portrait-grid .portrait h3{display:none}
 .salon .home-chapter-heading{display:block;text-align:center;margin:0 auto 42px}
 .salon .home-chapter-heading img{width:190px;height:auto;margin:0 auto 20px;opacity:.85}
 .salon .home-chapter-heading h2{font:italic 400 clamp(30px,8.4vw,36px)/1.15 var(--display);letter-spacing:-.015em;color:var(--ink)}
}

/* Mac and iPad salon. Phone portrait and phone landscape keep their approved layout. */
@media (min-width:701px) and (min-height:600px), (min-width:1100px){
 .salon .masthead{width:calc(100% - 80px);max-width:1240px;min-height:90px;padding:18px 0;gap:32px}
 .salon .masthead .brand>span{font-size:42px}
 .salon .navigation{gap:30px;font-size:16px}
 .salon .section{width:calc(100% - 112px);max-width:1120px;padding-block:76px}
 .salon .salon-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);column-gap:50px;max-width:1280px;width:calc(100% - 80px);margin:0 auto;padding:38px 0 28px;text-align:left;min-height:0}
 .salon .salon-hero-mobile-ornament{grid-column:1;justify-self:start;margin:0 0 14px 5px}
 .salon .salon-hero-mobile-ornament>.rose{width:145px}
 .salon .salon-hero h1{grid-column:1;grid-row:2;font-size:clamp(48px,5.05vw,70px);line-height:1.02;letter-spacing:-.032em;margin:0}
 .salon .salon-hero .home-quote{grid-column:2;grid-row:2;align-self:center;position:static;top:auto;margin:0;padding:4px 0 4px 30px;border-left:1px solid #bca17440;text-align:left;font-size:clamp(18px,1.7vw,22px);line-height:1.48}
 .salon .salon-hero .home-quote p{font-size:inherit;line-height:inherit}
 .salon .salon-hero .home-quote p>span{display:inline;white-space:normal}
 .salon .salon-hero .home-quote p>span+span::before{content:" "}
 .salon .salon-hero .home-quote cite{display:block;font-size:11px;line-height:1.7;letter-spacing:.14em;margin:15px 0 0;text-align:left}
 .salon .salon-hero .home-quote cite::before,.salon .salon-hero .home-quote cite::after{display:none}
 .salon .portrait-carousel{grid-column:1/-1;width:100%;max-width:none;margin:38px 0 0;padding:0 0 12px}
 .salon .portrait-reel{padding:5px 0 18px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#a68d5b75 transparent;cursor:grab}
 .salon .portrait-reel:active{cursor:grabbing}
 .salon .portrait-reel::-webkit-scrollbar{display:block;height:3px}
 .salon .portrait-reel::-webkit-scrollbar-thumb{background:#a68d5b75;border-radius:2px}
 .salon .portrait-slide{flex-basis:var(--portrait-step);padding:0 14px;scroll-snap-align:center}
 .salon .portrait-slide-image img{transform:translateX(-50%);width:var(--portrait-size)}
 .salon .portrait-slide-name{margin-top:13px;font-size:19px;font-style:normal;color:#cdbd9e}
 .salon .portrait-slide[aria-current] .portrait-slide-image::after{transform:translateX(-50%);opacity:.62}
 .salon .portrait-carousel-caption{width:380px;max-width:100%;margin:13px auto 0}
 .salon .portrait-carousel-story{font-size:21px;min-height:44px}
 .salon .home-chapter-heading{display:block;margin:0 auto 42px;text-align:center}
 .salon .home-chapter-heading img{width:160px;margin:0 auto 16px;opacity:.8}
 .salon .home-chapter-heading h2{font:italic 400 44px/1.1 var(--display);color:#d9c9ae;letter-spacing:-.02em}
 .salon .latest{padding-top:48px}
 .salon .latest .story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 46px}
 .salon .latest .story-grid>.story-card{grid-row:auto;margin:0;min-width:0}
 .salon .latest .story-grid>.story-card:first-child{grid-column:1/-1}
 .salon .latest .story-grid>.story-card:first-child>a{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:52px}
 .salon .latest .story-grid>.story-card:not(:first-child)>a{display:block}
 .salon .latest .story-grid>.story-card .encounter-plate{width:100%;margin:0;padding:6px}
 .salon .latest .story-grid>.story-card img.encounter-image{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto}
 .salon .latest .story-grid>.story-card .story-card-copy{padding:22px 3px 0;text-align:left}
 .salon .latest .story-grid>.story-card:first-child .story-card-copy{padding:0 16px 0 0}
 .salon .latest .story-grid>.story-card h3{font-size:36px;line-height:1.12;margin:0 0 16px;text-wrap:balance}
 .salon .latest .story-grid>.story-card:first-child h3{font-size:clamp(38px,3.6vw,50px)}
 .salon .latest .story-grid>.story-card p{display:block;font-size:18px;line-height:1.55;max-width:35ch;margin:0;color:#bfb299}
 .salon .latest .home-story-divider,.salon .lives .home-story-divider{display:none}
 .salon .lives{border-top:1px solid #b1986b30}
 .salon .lives>.section-heading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:30px;margin:0 0 40px;text-align:left}
 .salon .lives>.section-heading h2{font-size:44px;line-height:1.12}
 .salon .lives .life-cartouche{width:300px;min-height:56px;margin:0;font-size:16px}
 .salon .lives .life-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px}
 .salon .lives .small-story>a{display:flex;flex-direction:column;padding:0;border:0;align-items:center;gap:0}
 .salon .lives .small-story>a>.small-story-portrait{width:180px;max-width:100%}
 .salon .lives .small-story .small-story-portrait>img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
 .salon .lives .small-story .small-story-name{font-size:13px;letter-spacing:0;padding-inline:3px;width:calc(100% - 6px);height:28px;min-height:28px;margin-top:-14px}
 .salon .lives .small-story>a>.small-story-copy{margin-top:28px;text-align:center;width:100%}
 .salon .lives .small-story h3{font-size:31px;line-height:1.16;text-wrap:balance;margin:0 auto 14px}
 .salon .lives .small-story .small-story-copy p{display:block;font-size:17px;line-height:1.55;max-width:30ch;margin:0 auto;color:#bfb299}
 .salon .inhabitants{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 72px;align-items:center;background:transparent;color:#dfcfb2;--ink:#dfcfb2;--muted:#bfb299;--rose:#c7ad8a;border-top:1px solid #b1986b30}
 .salon .inhabitants::before{display:none}
 .salon .inhabitants>.center-heading{grid-column:1;grid-row:1;margin:0;text-align:left;align-self:end}
 .salon .inhabitants .center-heading>.rose{margin:0 0 24px;width:150px}
 .salon .inhabitants .center-heading h2{font-size:44px;line-height:1.1;text-wrap:balance}
 .salon .inhabitants .center-heading p{font-size:18px;line-height:1.6;margin-top:24px;max-width:35ch}
 .salon .inhabitants .center-heading p br{display:none}
 .salon .inhabitants .portrait-grid{grid-column:2;grid-row:1/span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;width:100%;max-width:360px;justify-self:center;margin:0}
 .salon .inhabitants .portrait img{outline:0;box-shadow:none;margin:0}
 .salon .inhabitants .portrait h3{font:400 14px/1.3 var(--display);margin:12px 0 0;color:#cdbd9e;letter-spacing:0}
 .salon .inhabitants>.button{grid-column:1;grid-row:2;align-self:start;justify-self:start;margin:0;width:auto;min-height:48px;font-size:16px;color:#d6c4a4;border-color:#a68e6359;padding:12px 19px}
 .salon .collection{padding-top:55px}
 .salon .collection>.center-heading{margin-bottom:48px}
 .salon .collection .center-heading h1{font-size:60px;line-height:1.05}
 .salon .collection .center-heading>.rose{width:145px;margin-bottom:20px}
 .salon .gallery-intro,.salon .archive-intro{margin-top:24px}
 .salon .gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:60px 52px;max-width:1040px;margin:0 auto}
 .salon .gallery-grid .portrait{min-width:0}
 .salon .gallery-grid .portrait img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;outline:0;margin:0}
 .salon .gallery-grid .portrait h2{font-size:15px;letter-spacing:0;width:calc(100% - 6px);padding-inline:3px;height:32px;min-height:32px;margin-top:-16px}
 .salon .archive-controls{margin-top:30px;padding:18px 0;border-block:1px solid #ac95623d}
 .salon .archive-control-inner{max-width:none;display:flex;justify-content:space-between;align-items:center;gap:30px}
 .salon .filters{gap:26px;font-size:16px}
 .salon .filters button{font-size:16px}
 .salon .archive-controls .search-form{margin:0}
 .salon .archive-controls input{max-width:none;width:270px;font-size:15px}
 .salon .archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 46px;margin-top:44px}
 .salon .archive-grid>.searchable,.salon .archive-grid>[data-kind="begegnungen"]{grid-column:auto;min-width:0;padding-bottom:32px;border-bottom:1px solid #ac95622c}
 .salon .archive-grid .story-card{margin:0}
 .salon .archive-grid>[data-kind] .story-card>a{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:25px;align-items:center;margin:0}
 .salon .archive-grid>[data-kind] .story-card-copy{min-width:0;padding:0;text-align:left}
 .salon .archive-grid>[data-kind] .story-card h3{font-size:30px;line-height:1.15;margin:0 0 12px;text-wrap:balance}
 .salon .archive-grid>[data-kind] .story-card p{display:block;max-width:none;font-size:16px;line-height:1.55;margin:0;color:#bfb299}
 .salon .archive-grid .story-card .kicker{font-size:10px;letter-spacing:.1em;margin-bottom:10px}
 .salon .archive-grid>[data-kind="portraets"] .story-card>a>img{width:156px;max-width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;max-height:none;justify-self:center}
 .salon .archive-grid>[data-kind="begegnungen"] .encounter-plate{width:100%;margin:0;padding:5px}
 .salon .archive-grid .archive-story-divider{display:none}
 .salon .entry{width:calc(100% - 112px);max-width:1050px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:70px;padding:55px 0 68px;text-align:left}
 .salon .entry .entry-copy{min-width:0}
 .salon .entry .back-link{font-size:16px;margin:0 0 30px}
 .salon .entry .kicker{font-size:11px;letter-spacing:.14em;margin:0 0 16px}
 .salon .entry h1{font-size:clamp(38px,4.25vw,56px);line-height:1.08;margin:0 0 19px;text-wrap:balance;max-width:none}
 .salon .entry .role{font-size:24px;line-height:1.4;margin:0 0 25px}
 .salon .entry .entry-intro{font-size:19px;line-height:1.58;max-width:35ch;margin:0}
 .salon .entry-portrait figure{width:100%;max-width:310px;justify-self:center;margin:0}
 .salon .entry-portrait figure img{width:100%;height:auto;max-height:470px;aspect-ratio:auto;object-fit:contain}
 .salon .entry .portrait-stories-top{margin:0 0 24px}
 .salon .entry .portrait-stories-top>details>summary{justify-content:flex-start;margin:0;font-size:17px}
 .salon .entry.entry-encounter{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);max-width:1160px;gap:52px;padding-bottom:64px}
 .salon .entry-encounter h1{font-size:clamp(38px,3.7vw,50px)}
 .salon .entry-encounter .role{font-size:21px;line-height:1.5;margin-bottom:23px}
 .salon .entry-encounter .encounter-person{display:block}
 .salon .entry-encounter figure.encounter-plate{width:100%;max-width:660px;margin:0;padding:7px;align-self:center}
 .salon .entry-encounter figure img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
 .salon .reading{width:calc(100% - 112px);max-width:1040px;margin:0 auto;padding:62px 70px 50px;box-shadow:0 16px 60px #100e1029;scroll-margin-top:20px}
 .salon .reading-heading{max-width:740px;margin:0 auto 34px}
 .salon .reading-heading>h2{font-size:46px;line-height:1.13;margin-bottom:24px;text-wrap:balance}
 .salon .story-text{max-width:630px;margin:0 auto;font-size:20px;line-height:1.8}
 .salon .reading-end{max-width:630px;margin-inline:auto;font-size:16px}
 .salon .portrait-afterword{max-width:1040px;width:calc(100% - 112px);margin:auto;background:transparent;padding:40px 0 58px}
 .salon .footer{max-width:1240px;width:calc(100% - 80px);margin:50px auto 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:32px 0;gap:40px;background:transparent;text-align:left}
 .salon .footer .footer-exlibris{width:auto;max-width:380px;display:block;padding:0;text-align:left}
 .salon .footer-exlibris::before,.salon .footer-exlibris::after,.salon .footer .footer-exlibris>.rose{display:none}
 .salon .footer .brand{align-items:flex-start;margin:0}
 .salon .footer .brand>span{font-size:36px}
 .salon .footer .brand>small{max-width:none;font-size:12px;margin-top:10px;letter-spacing:.035em}
 .salon .footer .footer-meta{text-align:right}
 .salon .footer nav{justify-content:flex-end}
 .salon .legal{max-width:820px;padding-top:65px}
}
@media (min-width:701px) and (max-width:1099px) and (min-height:600px){
 .salon .masthead{width:calc(100% - 56px);min-height:84px}
 .salon .masthead .brand>span{font-size:38px}
 .salon .navigation{gap:22px;font-size:15px}
 .salon .section,.salon .entry,.salon .reading,.salon .portrait-afterword{width:calc(100% - 64px)}
 .salon .section{padding-block:58px}
 .salon .salon-hero{width:calc(100% - 56px);column-gap:26px;padding-top:32px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
 .salon .salon-hero h1{font-size:clamp(42px,5.8vw,58px)}
 .salon .salon-hero .home-quote{padding-left:22px;font-size:18px}
 .salon .salon-hero .home-quote cite{font-size:10px;letter-spacing:.1em}
 .salon .portrait-carousel{margin-top:34px}
 .salon .portrait-slide-name{font-size:17px}
 .salon .latest .story-grid{gap:34px 30px}
 .salon .latest .story-grid>.story-card:first-child>a{gap:30px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
 .salon .latest .story-grid>.story-card h3{font-size:31px}
 .salon .latest .story-grid>.story-card:first-child h3{font-size:37px}
 .salon .latest .story-grid>.story-card p{font-size:17px;line-height:1.52}
 .salon .latest .story-grid>.story-card:first-child .story-card-copy{padding:0}
 .salon .lives>.section-heading h2{font-size:36px}
 .salon .lives .life-cartouche{width:270px;font-size:15px}
 .salon .lives .life-grid{gap:25px}
 .salon .lives .small-story>a>.small-story-portrait{width:150px}
 .salon .lives .small-story h3{font-size:27px}
 .salon .lives .small-story .small-story-copy p{font-size:16px}
 .salon .lives .small-story .small-story-name{font-size:12px}
 .salon .inhabitants{gap:28px 38px}
 .salon .inhabitants .center-heading h2{font-size:35px}
 .salon .inhabitants .center-heading p{font-size:17px}
 .salon .inhabitants .portrait-grid{max-width:320px;gap:26px 22px}
 .salon .inhabitants .portrait h3{font-size:13px}
 .salon .inhabitants>.button{font-size:14px;gap:14px;padding-inline:13px}
 .salon .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 35px;max-width:780px}
 .salon .gallery-grid .portrait h2{font-size:14px}
 .salon .archive-control-inner{gap:22px;flex-wrap:wrap;justify-content:center}
 .salon .archive-controls input{width:250px}
 .salon .archive-grid{grid-template-columns:1fr;max-width:760px;margin-inline:auto;gap:34px}
 .salon .archive-grid>[data-kind] .story-card>a{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:35px}
 .salon .archive-grid>[data-kind] .story-card h3{font-size:35px}
 .salon .archive-grid>[data-kind] .story-card p{font-size:18px}
 .salon .archive-grid>[data-kind="portraets"] .story-card>a>img{width:166px}
 .salon .entry{gap:38px;padding:42px 0 52px}
 .salon .entry h1{font-size:40px}
 .salon .entry .role{font-size:22px}
 .salon .entry .entry-intro{font-size:18px}
 .salon .entry-portrait figure{max-width:270px}
 .salon .entry.entry-encounter{display:block;text-align:center;padding-bottom:45px}
 .salon .entry-encounter .entry-copy{max-width:620px;margin:0 auto 32px}
 .salon .entry-encounter .back-link{margin-bottom:22px}
 .salon .entry-encounter h1{font-size:44px}
 .salon .entry-encounter .role{font-size:21px;margin-bottom:20px}
 .salon .entry-encounter .encounter-person{display:inline}
 .salon .entry-encounter .entry-intro{max-width:46ch;margin:auto}
 .salon .entry-encounter figure.encounter-plate{max-width:640px;margin:0 auto}
 .salon .reading{padding:48px 40px}
 .salon .reading-heading>h2{font-size:40px}
 .salon .story-text{font-size:20px;line-height:1.75}
 .salon .footer{width:calc(100% - 64px);gap:28px}
 .salon .footer .brand>small{max-width:25ch}
}

/* Warm gallery light on the Mac: the wall and gold catch the light, not the photographs. */
@media (min-width:1100px){
 .salon::before{background:radial-gradient(ellipse 920px 700px at 38% 4%,rgba(195,155,100,.14),transparent 74%),radial-gradient(ellipse 860px 1100px at 96% 65%,rgba(99,56,67,.09),transparent 72%),radial-gradient(ellipse 700px 900px at 0 70%,rgba(17,34,25,.19),transparent 72%),linear-gradient(105deg,rgba(13,12,15,.2),transparent 30%,transparent 70%,rgba(12,10,14,.25))}
 .salon :is(.salon-hero,.collection,.entry){background-image:radial-gradient(ellipse 72% 330px at 38% 15%,rgba(207,166,109,.06),transparent 100%);background-repeat:no-repeat}
 .salon .portrait-carousel{background:radial-gradient(ellipse 58% 190px at 48% 44%,rgba(193,151,88,.065),transparent 100%)}
 .salon .portrait-slide-image img{filter:drop-shadow(0 8px 11px rgba(8,6,8,.3)) drop-shadow(0 0 12px rgba(195,151,85,.08))}
 .salon .portrait-slide[aria-current] .portrait-slide-image::after{opacity:.82}
 .salon .encounter-plate{border-color:rgba(185,155,103,.48);background:linear-gradient(135deg,#2b2b24,#20211d);box-shadow:0 15px 32px rgba(9,7,10,.23),0 0 30px rgba(190,148,83,.055),inset 0 1px rgba(220,190,132,.13)}
 .salon .gallery-grid .portrait img,.salon .lives .small-story-portrait>img,.salon .inhabitants .portrait img{filter:drop-shadow(0 10px 13px rgba(8,6,8,.26)) drop-shadow(0 0 16px rgba(192,148,82,.055))}
 .salon .entry-portrait figure{box-shadow:0 16px 36px rgba(9,7,10,.22),0 0 32px rgba(192,148,82,.06)}
 .salon .reading{background-image:linear-gradient(115deg,rgba(255,242,211,.14),transparent 48%,rgba(89,61,40,.025));box-shadow:0 20px 70px rgba(10,7,10,.23),0 0 36px rgba(190,153,98,.045)}
 .salon .masthead,.salon .lives,.salon .inhabitants,.salon .footer{border-color:rgba(184,153,102,.25)}
}

/* Supplied encounter compositions retain their complete, distinct formats. */
.salon .encounter-picture{display:block;width:100%}
.salon .encounter-picture img{display:block;width:100%;height:auto!important;object-fit:contain!important;max-height:none}
.salon .encounter-picture--scene img,.salon .encounter-picture--home img{aspect-ratio:var(--encounter-ratio)!important}
.salon .encounter-picture--overview img{aspect-ratio:var(--encounter-ratio)!important}
@media(max-width:700px){
 .salon .encounter-picture--scene img{aspect-ratio:var(--encounter-mobile-ratio)!important}
 .salon .encounter-picture--overview img{aspect-ratio:var(--encounter-mobile-ratio)!important}
}


body.salon .story-card--portrait-invitation>a.overview-mobile{display:none!important}
@media(max-width:700px){
body.salon .story-card--portrait-invitation>a.overview-desktop{display:none!important}
/* Uniform portrait areas for both kinds of story invitation. Originals remain complete. */
body.salon :is(.latest .story-grid,.lives .life-grid,.archive-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 46px}
body.salon :is(.latest .story-grid,.lives .life-grid,.archive-grid) :is(.story-card,.small-story).story-card--portrait-invitation{grid-column:auto;grid-row:auto;margin:0;min-width:0}
body.salon :is(.latest .story-grid,.lives .life-grid,.archive-grid) :is(.story-card,.small-story).story-card--portrait-invitation>a.overview-mobile{display:grid!important;grid-template-columns:var(--overview-width) minmax(0,1fr);gap:24px;align-items:center;width:100%;max-width:none;margin:0;--overview-width:180px}
body.salon main :is(.latest .story-grid,.lives .life-grid,.archive-grid) :is(.story-card,.small-story).story-card--portrait-invitation>a>.overview-art{display:flex;align-items:center;justify-content:center;width:var(--overview-width);height:calc(var(--overview-width)*1.5);max-width:none;box-sizing:border-box;margin:0;padding:0;background:#242225;overflow:hidden}
body.salon main :is(.latest .story-grid,.lives .life-grid,.archive-grid) :is(.story-card,.small-story).story-card--portrait-invitation .overview-art img{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;aspect-ratio:auto!important;object-fit:contain!important;margin:0;outline:none}
body.salon main :is(.latest .story-grid,.lives .life-grid,.archive-grid) :is(.story-card,.small-story).story-card--portrait-invitation .overview-art picture{display:block;width:100%;height:100%}
body.salon main :is(.latest .story-grid,.lives .life-grid,.archive-grid) :is(.story-card,.small-story).story-card--portrait-invitation .story-card-copy{min-width:0;padding:0;text-align:left;height:calc(var(--overview-width)*1.5);display:flex;flex-direction:column}
body.salon main :is(.latest .story-grid,.lives .life-grid,.archive-grid) :is(.story-card,.small-story).story-card--portrait-invitation h3{white-space:normal;font-size:32px;line-height:1.15;text-wrap:balance;margin:0 0 12px}
body.salon main :is(.latest .story-grid,.lives .life-grid,.archive-grid) :is(.story-card,.small-story).story-card--portrait-invitation p{display:block;font-size:17px;line-height:1.48;margin:0;max-width:36ch}
body.salon main :is(.latest .story-grid,.lives .life-grid,.archive-grid) :is(.story-card,.small-story).story-card--portrait-invitation .kicker{font-size:10px;letter-spacing:.08em;margin-bottom:8px}
@media(max-width:1100px){
 body.salon :is(.latest .story-grid,.lives .life-grid,.archive-grid){grid-template-columns:1fr;max-width:760px;margin-inline:auto}
}
@media(max-width:700px){
 body.salon :is(.latest .story-grid,.lives .life-grid,.archive-grid){gap:0}
 body.salon :is(.latest .story-grid,.lives .life-grid,.archive-grid) :is(.story-card,.small-story).story-card--portrait-invitation>a.overview-mobile{--overview-width:clamp(110px,34vw,180px);gap:18px}
 body.salon main :is(.latest .story-grid,.lives .life-grid,.archive-grid) :is(.story-card,.small-story).story-card--portrait-invitation h3{font-size:clamp(18px,6.62vw,26px);font-style:italic;line-height:1.12;margin-bottom:12px}
 body.salon main :is(.latest .story-grid,.lives .life-grid,.archive-grid) :is(.story-card,.small-story).story-card--portrait-invitation p{font-size:16px;line-height:1.45}
 body.salon main :is(.latest .story-grid,.lives .life-grid,.archive-grid) :is(.story-card,.small-story).story-card--portrait-invitation .kicker{font-size:9px}
}

@media(max-width:359px){
 body.salon main :is(.latest .story-grid,.lives .life-grid,.archive-grid) :is(.story-card,.small-story).story-card--portrait-invitation h3{font-size:clamp(18px,6.62vw,26px);margin-bottom:4px}
 body.salon main :is(.latest .story-grid,.lives .life-grid,.archive-grid) :is(.story-card,.small-story).story-card--portrait-invitation p{font-size:14px;line-height:1.3}
 body.salon main :is(.latest .story-grid,.lives .life-grid,.archive-grid) :is(.story-card,.small-story).story-card--portrait-invitation .kicker{font-size:8px;letter-spacing:.03em;margin-bottom:4px}
}

body.salon .overview-intro-compact{display:none}
@media(max-width:379px){
 body.salon .overview-intro-full{display:none}
 body.salon .overview-intro-compact{display:inline}
}

@media(max-width:320px){
 body.salon :is(.latest .story-grid,.lives .life-grid,.archive-grid) :is(.story-card,.small-story).story-card--portrait-invitation>a.overview-mobile{gap:10px}
}

@media(max-width:700px){
 body.salon .archive-story-divider,body.salon .latest .home-story-divider,body.salon .lives .home-story-divider{margin-block:44px}
 body.salon .lives :is(.story-card,.small-story):not(:last-child) .home-story-divider{display:block}
}

}

/* Fine lettering belongs to each portrait featured in the newest story. */
body.salon .portrait-carousel .portrait-reel{padding-top:34px}
body.salon .portrait-slide-image .portrait-story-note{
 position:absolute;left:50%;bottom:calc(var(--portrait-size)*1.5*var(--portrait-scale,.6) + 12px);
 transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:7px;
 width:max-content;max-width:none;white-space:nowrap;pointer-events:none;
 font-family:var(--display);font-size:clamp(9px,calc(13px*var(--portrait-scale,.6)),13px);
 font-weight:400;font-style:normal;line-height:1.2;letter-spacing:.13em;text-transform:uppercase;
 color:#bda985;text-shadow:none;
}
body.salon .portrait-slide:not([aria-current="true"]) .portrait-story-note{visibility:hidden}
body.salon .portrait-story-note::before,body.salon .portrait-story-note::after{content:"";display:block;width:11px;height:1px;background:linear-gradient(90deg,transparent,#bda98570)}
body.salon .portrait-story-note::after{transform:scaleX(-1)}
@media(min-width:701px) and (min-height:600px),(min-width:1100px){
 body.salon .portrait-slide-image .portrait-story-note{bottom:calc(var(--portrait-size)*1.5 + 14px);font-size:13px;letter-spacing:.15em;gap:9px}
}


/* The two home chapters share their heading, ornament and breathing room. */
.salon .inhabitants>.button.outline{
 background:transparent;color:var(--ink);border:1px solid #b69a6a;
 font-weight:400;box-shadow:none;
}
.salon .inhabitants>.button.outline:hover{background:#b69a6a0d;color:var(--ink);border-color:#a68a59}
.salon .inhabitants>.button.outline:focus-visible{outline:2px solid #cfb387;outline-offset:5px}

@media(max-width:320px){
 .salon .inhabitants>.button.outline{padding:10px 8px;gap:8px;font-size:14px}
 .salon .inhabitants>.button.outline>span{display:none}
}

/* Keep the iPhone teasers delicate, with clearer strokes and more light. */
@media(max-width:700px){
 body.salon main :is(.latest .story-grid,.lives .life-grid,.archive-grid) :is(.story-card,.small-story).story-card--portrait-invitation>a.overview-mobile p{color:#cbbca2;font-weight:300}
}

/* Always-visible phone navigation, shared by every page. */
@media(max-width:700px){
 body.salon .masthead{position:sticky;top:0;z-index:50;display:block;width:100%;max-width:none;min-height:45px;margin:0;padding:0;gap:0;border:0;background:#292629}
 body.salon .masthead>.brand,body.salon .masthead>.menu-button{display:none}
 body.salon .masthead .navigation{position:static;display:flex;flex-direction:row;align-items:center;justify-content:center;transform:none;width:100%;max-width:none;max-height:none;overflow:visible;margin:0;padding:2px 16px;gap:8px;border:0;border-bottom:1px solid #b69a6a40;background:transparent;box-shadow:none}
 body.salon .masthead .navigation a{font-size:clamp(17px,4.8vw,20px);min-height:44px;padding:8px 0}
 body.salon .masthead .navigation a[aria-current] .navigation-label{text-underline-offset:5px}
}

/* The three phone entrances begin at the same distance below the fixed navigation. */
@media(max-width:700px){
 body.salon main>:is(.salon-hero,.archive-collection,.gallery-collection),
 [data-opening-compact] body.salon main>.salon-hero{padding-top:clamp(24px,6svh,52px)}
}

/* Search stays a small icon until requested on the phone. */
.header-search-toggle,.header-search-panel{display:none}
@media(max-width:700px){
 body.salon .masthead{display:grid;grid-template-columns:minmax(0,1fr) 44px;border-bottom:1px solid #b69a6a40}
 body.salon .masthead .navigation{grid-column:1;grid-row:1;padding:0 8px 0 12px;border-bottom:0;gap:6px}
 body.salon .header-search-toggle{display:flex;grid-column:2;grid-row:1;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:none;color:#baa477;cursor:pointer}
 body.salon .header-search-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round}
 body.salon .header-search-toggle[aria-expanded="true"]{color:#ecdbb7}
 body.salon .header-search-panel:not([hidden]){display:block;position:absolute;top:100%;left:0;right:0;padding:12px 20px 15px;background:#292629;border-bottom:1px solid #b69a6a55;box-shadow:0 12px 20px #17151826}
 body.salon .header-search-panel .search-form{display:flex;align-items:center;gap:12px;width:100%;margin:0;border:0;background:transparent}
 body.salon .header-search-panel input[type="search"]{flex:1;min-width:0;width:100%;max-width:none;min-height:44px;padding:8px 0;border:0;border-bottom:1px solid #b69a6a70;border-radius:0;background:transparent;color:#dfd1b6;font:400 16px/1.4 var(--text);text-align:left}
 body.salon .header-search-panel input::placeholder{color:#baad94;opacity:1}
 body.salon .header-search-submit{min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:#dfd1b6;font-size:23px}
 body.salon :is(.search-results,.archive-grid){scroll-margin-top:125px}
}

@media(max-width:700px){
 body.salon .portrait-slide-image .portrait-story-note{font-size:11px;letter-spacing:.1em}
 body.salon .portrait-story-note::before,body.salon .portrait-story-note::after{display:none}
}

/* A quiet leaf-and-arrow invitation below the featured story title. */
.home-encounters-jump{display:none}
@media(max-width:700px){
 body.salon .home-encounters-jump{display:flex;align-items:center;justify-content:center;width:110px;min-height:52px;margin:0 auto 16px;color:#baa477}
 body.salon .home-encounters-jump svg{display:block;width:96px;height:auto;transition:transform .2s ease,color .2s ease}
 body.salon .home-encounters-jump:hover{color:#dbc399}
 body.salon .home-encounters-jump:active svg{transform:translateY(2px)}
 body.salon .latest{scroll-margin-top:65px}
}

/* A compact, mirrored pair of leaf arrows frames the featured story title. */
.portrait-arrow-phone{display:none}
@media(max-width:700px){
 body.salon .portrait-carousel-caption{width:max-content;max-width:calc(100% - 24px);grid-template-columns:44px minmax(0,auto) 44px;gap:6px}
 body.salon .portrait-carousel-story{min-width:0;font-size:clamp(18px,5.1vw,21px);line-height:1.22;color:#d4c2a3}
 body.salon .portrait-carousel-caption .portrait-arrow-desktop{display:none}
 body.salon .portrait-carousel-caption .portrait-arrow-phone{display:block;width:44px;height:30px}
 body.salon .portrait-carousel-caption [data-portrait-prev] .portrait-arrow-phone{transform:scaleX(-1)}
}

/* Smaller, loosely drawn rose and leaf ornaments for the phone composition. */
@media(max-width:700px){
 body.salon .salon-hero-mobile-ornament{--opening-ornament:url('/assets/dekor/salon-rose-romantisch-iphone.svg')}
 body.salon .salon-hero-mobile-ornament>.rose,
 body.salon :is(.archive-collection,.gallery-collection)>.center-heading>.rose{content:url('/assets/dekor/salon-rose-romantisch-iphone.svg');width:clamp(120px,40vw,170px)}
 body.salon :is(.archive-collection,.gallery-collection)>.center-heading::before{width:clamp(120px,40vw,170px);-webkit-mask-image:url('/assets/dekor/salon-rose-romantisch-iphone.svg');mask-image:url('/assets/dekor/salon-rose-romantisch-iphone.svg')}
 body.salon .gallery-collection>.center-heading>.rose,body.salon .gallery-collection>.center-heading::before{width:147px}
 body.salon .home-chapter-heading img{content:url('/assets/dekor/salon-ranke-romantisch-iphone.svg');width:142.5px}
 body.salon .archive-story-divider,body.salon .latest .home-story-divider,body.salon .lives .home-story-divider{width:min(210px,58.5%);height:25.5px;background-image:url('/assets/dekor/salon-ranke-romantisch-iphone.svg')}
 body.salon .archive-story-divider::after,body.salon .home-story-divider::after{-webkit-mask-image:url('/assets/dekor/salon-ranke-romantisch-iphone.svg');mask-image:url('/assets/dekor/salon-ranke-romantisch-iphone.svg')}
}

@media(max-width:700px){
 body.salon .latest>.home-chapter-heading>img{display:none}
}

/* Quiet leaf separators, distinct from the roses at the page entrances. */
@media(max-width:700px){
 body.salon .archive-story-divider,body.salon .latest .home-story-divider,body.salon .lives .home-story-divider{width:min(180px,54%);height:24px;background-image:url('/assets/dekor/salon-blatttrenner-iphone.svg')}
 body.salon .archive-story-divider::after,body.salon .home-story-divider::after{-webkit-mask-image:url('/assets/dekor/salon-blatttrenner-iphone.svg');mask-image:url('/assets/dekor/salon-blatttrenner-iphone.svg');opacity:.5;filter:none}
}

/* Let the phone story cards breathe without decorative separators. */
@media(max-width:700px){
 body.salon main :is(.archive-story-divider,.home-story-divider){display:none!important}
 body.salon main :is(.latest .story-grid,.lives .life-grid,.archive-grid){row-gap:56px}
}

/* Small mirrored leaves frame the two phone chapter headings. */
@media(max-width:700px){
 body.salon :is(.latest,.lives)>.home-chapter-heading>img{display:none}
 body.salon .home-chapter-heading h2{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1.5vw,8px)}
 body.salon .home-chapter-heading h2::before,body.salon .home-chapter-heading h2::after{content:"";display:block;flex:0 0 clamp(16px,6vw,28px);height:20px;background:url('/assets/dekor/salon-kapitelblatt-iphone.svg') center/contain no-repeat}
 body.salon .home-chapter-heading h2::after{transform:scaleX(-1)}
}

/* Quiet upright lettering distinguishes phone navigation from the italic titles. */
@media(max-width:700px){
 body.salon .masthead .navigation a{font-family:var(--text);font-style:normal;font-size:clamp(14px,4.6vw,18px);font-weight:400;letter-spacing:0;text-transform:none}
}

/* A deeper warm charcoal gives the phone navigation clearer contrast. */
@media(max-width:700px){
 body.salon .masthead{background:#201e20}
 body.salon .header-search-panel:not([hidden]){background:#201e20}
}

/* Two short gold strokes quietly separate the phone navigation links. */
@media(max-width:700px){
 body.salon .masthead .navigation a{position:relative}
 body.salon .masthead .navigation a+a::before{content:"";position:absolute;left:-3px;top:50%;width:1px;height:.8em;transform:translateY(-50%);background:#b49a6a66;pointer-events:none}
}

/* Both navigation variants are complete at first paint, with matching keyboard order. */
body.salon .masthead .navigation-phone{display:none}
@media(max-width:700px){
 body.salon .masthead .navigation-desktop{display:none}
 body.salon .masthead .navigation-phone{display:flex}
 body.salon .archive-controls .search-form{display:none}
}

/* A clearer gold edge for the three approved phone photographs. */
@media(max-width:700px){
 body.salon main :is(.latest .story-grid,.archive-grid) .story-card--portrait-invitation>a.overview-mobile>.overview-art.encounter-plate:has(source[srcset*="-klares-licht-iphone-"]){
  border:2px solid #b79d6e;
  border-image:linear-gradient(135deg,#d3bb87 0%,#a58b5d 38%,#bea577 65%,#8e774f 100%) 1;
  box-shadow:0 0 0 1px #d2b88126,0 0 12px #c5aa7520,0 12px 24px #09070a30;
 }
}

/* A quiet phone entrance: return link, name, epithet, then the scene. */
@media(max-width:700px){
 body.salon .entry:is(.entry-portrait,.entry-encounter){display:flex;flex-direction:column;padding-top:26px;padding-bottom:38px;gap:26px}
 body.salon .entry .entry-copy{width:100%;margin:0}
 body.salon .entry .entry-copy>:is(.kicker,.entry-intro,.portrait-stories-top){display:none}
 body.salon .entry .back-link{margin:0 auto 18px}
 body.salon .entry h1{margin:0 0 10px}
 body.salon .entry .role{margin:0;line-height:1.4}
}

/* Related stories are also reachable beside the phone's opening scene. */
body.salon .portrait-stories-near{display:none}
@media(max-width:700px){
 body.salon .entry-portrait .portrait-stories-near{display:block;width:100%;max-width:360px;margin:8px auto 0;padding:0;text-align:center}
 body.salon .portrait-stories-near>details>summary{left:auto;width:100%;margin:0 auto;transform:none}
 body.salon .portrait-stories-near ul{text-align:center}
}

/* The light reading paper begins below a complete phone viewport. */
@media(max-width:700px){
 body.salon .entry{min-height:calc(100svh - 45px);box-sizing:border-box}
}

/* Tap the phone portrait to begin reading beneath the sticky header. */
.portrait-read-link{display:none}
@media(max-width:700px){
 body.salon .entry figure{position:relative}
 body.salon .entry .portrait-read-link{display:block;position:absolute;inset:0;cursor:pointer}
 body.salon .entry .portrait-read-link:focus-visible{outline:2px solid #d3bb87;outline-offset:5px}
 body.salon .entry+.reading{scroll-margin-top:45px}
}

/* The same gentle frame shimmer on phones, tablets and Macs. */
@keyframes portrait-cartouche-shimmer{
 from{background-position:0% 0}
 to{background-position:200% 0}
}
@media all{
 body.salon :is(.portrait-stories-near,.portrait-stories-end)>details>summary::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:repeating-linear-gradient(100deg,rgba(237,204,143,.08) 0%,rgba(245,217,162,.3) 6%,#fff1c6 12%,rgba(245,217,162,.3) 18%,rgba(237,204,143,.08) 25%) 0% 0/200% 100%;
  opacity:.5;
  filter:drop-shadow(0 0 1px #f1d28e22);
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ad9470%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M172%206H22C22%2013%2015%2018%207%2018V42C15%2042%2022%2047%2022%2054H172M188%206H338C338%2013%20345%2018%20353%2018V42C345%2042%20338%2047%20338%2054H188%22%20opacity%3D%221%22%2F%3E%3Cpath%20d%3D%22M171%206C177%206%20180%203%20180%201C180%203%20183%206%20189%206C183%206%20180%209%20180%2011C180%209%20177%206%20171%206ZM171%2054C177%2054%20180%2051%20180%2049C180%2051%20183%2054%20189%2054C183%2054%20180%2057%20180%2059C180%2057%20177%2054%20171%2054Z%22%20opacity%3D%221%22%2F%3E%3Cpath%20d%3D%22M7%2024C15%2024%2015%2036%207%2036M353%2024C345%2024%20345%2036%20353%2036%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ad9470%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M172%206H22C22%2013%2015%2018%207%2018V42C15%2042%2022%2047%2022%2054H172M188%206H338C338%2013%20345%2018%20353%2018V42C345%2042%20338%2047%20338%2054H188%22%20opacity%3D%221%22%2F%3E%3Cpath%20d%3D%22M171%206C177%206%20180%203%20180%201C180%203%20183%206%20189%206C183%206%20180%209%20180%2011C180%209%20177%206%20171%206ZM171%2054C177%2054%20180%2051%20180%2049C180%2051%20183%2054%20189%2054C183%2054%20180%2057%20180%2059C180%2057%20177%2054%20171%2054Z%22%20opacity%3D%221%22%2F%3E%3Cpath%20d%3D%22M7%2024C15%2024%2015%2036%207%2036M353%2024C345%2024%20345%2036%20353%2036%22%20opacity%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;
  animation:portrait-cartouche-shimmer 3s linear infinite;
 }
}
@media(prefers-reduced-motion:reduce){
 body.salon :is(.portrait-stories-near,.portrait-stories-end)>details>summary::after{animation:none;opacity:0}
}

/* The approved italic treatment is shared by every phone story. */
@media(max-width:700px){
 body.salon .entry h1,body.salon .reading-heading>h2{font-style:italic}
}

@media(max-width:700px){
 body.salon .entry-encounter h1{color:#d9cfbd;font-size:clamp(25px,8.8vw,36px)}
 body.salon .entry-encounter h1.heading-long{font-size:clamp(20px,7.6vw,32px)}
}

/* A small, continuously shimmering reading cue completes the phone encounters. */
.encounter-reading-cue{display:none}
@media(max-width:700px){
 body.salon .entry-encounter .encounter-reading-cue{display:block;position:relative;flex:none;width:80px;height:56px;min-height:44px;margin:0 auto;padding:0;isolation:isolate}
 body.salon .encounter-reading-cue svg{display:block;width:100%;height:100%}
 body.salon .encounter-reading-cue::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:repeating-linear-gradient(100deg,rgba(237,204,143,.08) 0%,rgba(245,217,162,.3) 6%,#fff1c6 12%,rgba(245,217,162,.3) 18%,rgba(237,204,143,.08) 25%) 0% 0/200% 100%;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2056%22%20fill%3D%22none%22%20aria-hidden%3D%22true%22%3E%3Cg%20stroke%3D%22%23baa275%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M40%209V48M33%2040L40%2048L47%2040%22%2F%3E%3Cpath%20d%3D%22M40%2025C32%2024%2029%2018%2022%2018C15%2018%2012%2022%2010%2025M40%2025C48%2024%2051%2018%2058%2018C65%2018%2068%2022%2070%2025%22%2F%3E%3Cpath%20d%3D%22M30%2021C23%2022%2020%2016%2021%2011C27%2012%2031%2016%2030%2021ZM50%2021C57%2022%2060%2016%2059%2011C53%2012%2049%2016%2050%2021ZM40%205L43%209L40%2013L37%209Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2056%22%20fill%3D%22none%22%20aria-hidden%3D%22true%22%3E%3Cg%20stroke%3D%22%23baa275%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M40%209V48M33%2040L40%2048L47%2040%22%2F%3E%3Cpath%20d%3D%22M40%2025C32%2024%2029%2018%2022%2018C15%2018%2012%2022%2010%2025M40%2025C48%2024%2051%2018%2058%2018C65%2018%2068%2022%2070%2025%22%2F%3E%3Cpath%20d%3D%22M30%2021C23%2022%2020%2016%2021%2011C27%2012%2031%2016%2030%2021ZM50%2021C57%2022%2060%2016%2059%2011C53%2012%2049%2016%2050%2021ZM40%205L43%209L40%2013L37%209Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;
  animation:portrait-cartouche-shimmer 3s linear infinite;
 }
 body.salon .encounter-reading-cue:focus-visible{outline:1px solid #d3bb87;outline-offset:5px;border-radius:4px}
}
@media(prefers-reduced-motion:reduce){
 body.salon .encounter-reading-cue::after{animation:none;opacity:0}
}

@media(max-width:700px){
 body.salon .home-encounters-jump.encounter-reading-cue{display:block;position:relative;width:80px;height:56px;min-height:44px;margin:0 auto 16px;padding:0;isolation:isolate}
 body.salon .home-encounters-jump.encounter-reading-cue svg{width:100%;height:100%}
}

/* A small rose quietly links each opening to the stories below. */
body.salon :is(.entry-encounter,.salon-hero) a.encounter-reading-cue{display:block;position:relative;width:64px;max-width:100%;height:44px;min-height:44px;padding:0;isolation:isolate;text-decoration:none}
body.salon :is(.entry-encounter,.salon-hero) a.encounter-reading-cue>svg{display:none}
body.salon :is(.entry-encounter,.salon-hero) a.encounter-reading-cue::before{content:"";position:absolute;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2044%22%20fill%3D%22none%22%3E%3Cg%20stroke%3D%22%23baa275%22%20stroke-width%3D%22.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M32%2012C27%208%2023%2012%2025%2017C19%2018%2021%2025%2026%2025C25%2031%2032%2033%2035%2028C40%2031%2045%2026%2041%2022C47%2018%2042%2012%2038%2015C38%209%2033%208%2032%2012Z%22%2F%3E%3Cpath%20d%3D%22M32%2016C27%2015%2025%2020%2028%2024C30%2028%2037%2027%2039%2023C41%2019%2037%2015%2033%2016C29%2016%2028%2020%2031%2022C34%2024%2037%2021%2035%2019C34%2018%2032%2018%2032%2020%22%2F%3E%3Cpath%20d%3D%22M27%2028C23%2033%2017%2032%2015%2028C20%2026%2024%2026%2027%2028ZM37%2029C40%2033%2046%2032%2049%2027C43%2026%2039%2026%2037%2029Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;opacity:.85}
body.salon :is(.entry-encounter,.salon-hero) a.encounter-reading-cue::after{content:"";position:absolute;inset:0;pointer-events:none;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2044%22%20fill%3D%22none%22%3E%3Cg%20stroke%3D%22%23baa275%22%20stroke-width%3D%22.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M32%2012C27%208%2023%2012%2025%2017C19%2018%2021%2025%2026%2025C25%2031%2032%2033%2035%2028C40%2031%2045%2026%2041%2022C47%2018%2042%2012%2038%2015C38%209%2033%208%2032%2012Z%22%2F%3E%3Cpath%20d%3D%22M32%2016C27%2015%2025%2020%2028%2024C30%2028%2037%2027%2039%2023C41%2019%2037%2015%2033%2016C29%2016%2028%2020%2031%2022C34%2024%2037%2021%2035%2019C34%2018%2032%2018%2032%2020%22%2F%3E%3Cpath%20d%3D%22M27%2028C23%2033%2017%2032%2015%2028C20%2026%2024%2026%2027%2028ZM37%2029C40%2033%2046%2032%2049%2027C43%2026%2039%2026%2037%2029Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2044%22%20fill%3D%22none%22%3E%3Cg%20stroke%3D%22%23baa275%22%20stroke-width%3D%22.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M32%2012C27%208%2023%2012%2025%2017C19%2018%2021%2025%2026%2025C25%2031%2032%2033%2035%2028C40%2031%2045%2026%2041%2022C47%2018%2042%2012%2038%2015C38%209%2033%208%2032%2012Z%22%2F%3E%3Cpath%20d%3D%22M32%2016C27%2015%2025%2020%2028%2024C30%2028%2037%2027%2039%2023C41%2019%2037%2015%2033%2016C29%2016%2028%2020%2031%2022C34%2024%2037%2021%2035%2019C34%2018%2032%2018%2032%2020%22%2F%3E%3Cpath%20d%3D%22M27%2028C23%2033%2017%2032%2015%2028C20%2026%2024%2026%2027%2028ZM37%2029C40%2033%2046%2032%2049%2027C43%2026%2039%2026%2037%2029Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;background:repeating-linear-gradient(100deg,#edcc8f14 0%,#f5d9a24d 6%,#fff1c6 12%,#f5d9a24d 18%,#edcc8f14 25%) 0% 0/200% 100%;animation:portrait-cartouche-shimmer 3s linear infinite;opacity:.35}
@media(prefers-reduced-motion:reduce){body.salon :is(.entry-encounter,.salon-hero) a.encounter-reading-cue::after{animation:none;opacity:0}}

/* Phone opening: the portraits lead directly into the encounters. */
@media(max-width:700px){
 body.salon .salon-hero .portrait-carousel-caption{display:none}
 body.salon .salon-hero a.home-encounters-jump.encounter-reading-cue{display:none}
 body.salon .salon-hero .portrait-carousel{margin-top:calc(clamp(24px,5svh,42px) + var(--opening-air,0px)*.04)}
}

/* Warm charcoal preserves the delicate cream lettering and fine gold rule. */
body.salon header.masthead,
body.salon .masthead .header-search-panel:not([hidden]){background:#242224;border-color:#b69a6a40}
body.salon header.masthead .navigation a,
body.salon header.masthead .brand>span,
body.salon header.masthead .header-search-panel input{color:#dfd3be}
body.salon header.masthead .header-search-toggle,
body.salon header.masthead .header-search-submit{color:#baa477}
body.salon header.masthead .navigation a[aria-current] .navigation-label{text-decoration-color:#bba279}
body.salon header.masthead .navigation a+a::before{background:#b49a6a55}
body.salon header.masthead .header-search-panel input{border-bottom-color:#b69a6a70}
body.salon header.masthead .header-search-panel input::placeholder{color:#baad94;opacity:1}
body.salon header.masthead :is(a,button,input):focus-visible{outline-color:#d3bb87}

/* Two fine strands meet to introduce the encounters, like a book chapter. */
.home-meeting-threads{display:none}
@media(max-width:700px){
 body.salon main>.salon-hero{min-height:0;padding-bottom:0}
 body.salon main>.latest{padding-top:34px}
 body.salon .latest .home-chapter-heading{display:block;width:100%;margin:0 auto 56px;text-align:center}
 body.salon .home-meeting-threads{display:block;width:min(86%,280px);height:auto;margin:0 auto 15px;pointer-events:none}
 body.salon .home-meeting-threads svg{display:block;width:100%;height:auto;overflow:visible}
 body.salon .home-meeting-threads path{stroke:#bba16f;stroke-width:.85;stroke-linecap:round}
 body.salon .home-meeting-threads .meeting-thread-left{opacity:.76}
 body.salon .home-meeting-threads .meeting-thread-right{opacity:.58}
 body.salon .home-meeting-threads .meeting-thread-light{stroke:#d7ba7f;stroke-width:1.05;animation:meeting-thread-glow 4.2s ease-in-out infinite}
 body.salon .latest .home-chapter-heading h2{display:block;margin:0 auto;font:400 clamp(31px,9.2vw,37px)/1.15 var(--display);font-style:normal;letter-spacing:.015em;text-transform:none;color:#cec2ad}
 body.salon .latest .home-chapter-heading::before,
 body.salon .latest .home-chapter-heading h2::before,
 body.salon .latest .home-chapter-heading h2::after{display:none}
}
@keyframes meeting-thread-glow{0%,100%{opacity:.2}50%{opacity:.85}}
@media(prefers-reduced-motion:reduce){body.salon .home-meeting-threads .meeting-thread-light{animation:none;opacity:.35}}

/* Refined mobile transitions from scene to reading paper. */
@media(max-width:700px){
 body.salon main .entry-encounter a.encounter-reading-cue{width:min(65vw,250px);height:44px;min-height:44px;margin-inline:auto}
 body.salon main .entry-encounter a.encounter-reading-cue::before{background:url('/assets/dekor/leseuebergang-altgold.svg') center/contain no-repeat;opacity:1}
 body.salon main .entry-encounter a.encounter-reading-cue::after{display:none;animation:none}
 body.salon main .reading .reading-heading>img.rose.rose-reading{content:url('/assets/dekor/leseuebergang-bronze.svg');width:min(55vw,210px);height:30px;object-fit:contain;opacity:1;filter:none}
}

/* A light frame, a restrained transition and the original reading ornament. */
@media(max-width:700px){
 body.salon main .entry.entry-encounter{min-height:0;padding-bottom:28px}
 body.salon main .entry.entry-encounter figure.encounter-plate{padding:0;border:1px solid #b7a17c78;background:transparent;box-shadow:0 9px 24px #0b090c26}
 body.salon main .entry.entry-encounter a.encounter-reading-cue{display:none}
 body.salon main .entry.entry-encounter+.reading{padding-top:40px}
 body.salon main .entry.entry-encounter+.reading .reading-heading>img.rose.rose-reading{display:block;content:normal;width:155px;height:auto;margin:0 auto 20px;object-fit:contain}
 body.salon main .entry.entry-encounter+.reading .reading-heading>h2{margin-top:0;margin-bottom:14px}
}

/* Anna's selected 2:3 photograph on homepage and story overview. */
@media(max-width:700px){
 body.salon main>.reading{padding-top:40px}
}
@media(max-width:700px){
 body.salon :is(.latest .story-grid,.archive-grid) article.story-card.der-erste-besuch-bild>a.overview-mobile>.overview-art{
  height:calc(var(--overview-width)*1.5)!important;
 }
 body.salon :is(.latest .story-grid,.archive-grid) article.story-card.der-erste-besuch-bild>a.overview-mobile>.story-card-copy{
  height:auto!important;min-height:calc(var(--overview-width)*1.5);
 }
}

/* Shared mobile footer: same charcoal finish as the homepage. */
@media(max-width:700px){
 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}
}

/* The story and gallery openings share the approved soft gold shimmer. */
@media(max-width:700px){
 body.salon :is(.archive-collection,.gallery-collection)>.center-heading>.rose{animation:collection-rose-gold-glow 5s ease-in-out infinite}
 body.salon :is(.archive-collection,.gallery-collection)>.center-heading::before{animation-duration:5s}
 body.salon :is(.archive-collection,.gallery-collection)>.center-heading::after{content:"";display:block;position:absolute;pointer-events:none;left:50%;top:16px;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:collection-rose-background-shimmer 6s ease-in-out infinite}
}
@keyframes collection-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)}}
@keyframes collection-rose-background-shimmer{0%,100%{opacity:.22}50%{opacity:.8}}
@media(prefers-reduced-motion:reduce){
 body.salon :is(.archive-collection,.gallery-collection)>.center-heading>.rose{animation:none}
 body.salon :is(.archive-collection,.gallery-collection)>.center-heading::after{animation:none;opacity:.35}
}

/* Gentle bronze-gold glints on the original ornament above encounter prose. */
@media(max-width:700px){
 body.salon main .entry.entry-encounter+.reading .reading-heading{position:relative}
 body.salon main .entry.entry-encounter+.reading .reading-heading>img.rose.rose-reading{animation:reading-rose-glow 5s ease-in-out infinite}
 body.salon main .entry.entry-encounter+.reading .reading-heading::before,
 body.salon main .entry.entry-encounter+.reading .reading-heading::after{content:"";display:block;position:absolute;pointer-events:none;left:50%;top:0;transform:translateX(-50%);width:155px;aspect-ratio:280/60}
 body.salon main .entry.entry-encounter+.reading .reading-heading::before{-webkit-mask:url('/assets/dekor/salon-rose-lesebronze.svg') center/contain no-repeat;mask:url('/assets/dekor/salon-rose-lesebronze.svg') center/contain no-repeat;background:linear-gradient(110deg,transparent 36%,#fff0c9 49%,transparent 62%) -200px 0/360px 100% no-repeat;animation:reading-rose-sheen 5s ease-in-out infinite}
 body.salon main .entry.entry-encounter+.reading .reading-heading::after{background:radial-gradient(circle at 40% 28%,#fff3d6 0 .7px,transparent 2px),radial-gradient(circle at 72% 56%,#fff3d6 0 .7px,transparent 2px);animation:reading-rose-sparkle 6s ease-in-out infinite}
}
@keyframes reading-rose-glow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12) drop-shadow(0 0 2px #c9ad7c44)}}
@keyframes reading-rose-sheen{0%{background-position:-240px 0;opacity:0}20%,65%{opacity:.75}85%,100%{background-position:160px 0;opacity:0}}
@keyframes reading-rose-sparkle{0%,60%,100%{opacity:0}76%{opacity:.9}88%{opacity:.15}}
@media(prefers-reduced-motion:reduce){body.salon main .entry.entry-encounter+.reading .reading-heading>img.rose.rose-reading{animation:none}body.salon main .entry.entry-encounter+.reading .reading-heading::before,body.salon main .entry.entry-encounter+.reading .reading-heading::after{animation:none;display:none}}

/* A balanced opening for Ella and Leonore: close title group, calm image spacing. */
@media(max-width:700px){
 body.salon main .entry[data-scene-spacing="ella-leonore"]{padding-top:24px;padding-bottom:28px;gap:30px;min-height:calc(100svh - 45px);justify-content:flex-start}
 body.salon main .entry[data-scene-spacing="ella-leonore"] .entry-copy{display:flex;flex-direction:column;align-items:center}
 body.salon main .entry[data-scene-spacing="ella-leonore"] .back-link{display:block;margin:0 auto 24px;padding:4px 0;font-size:14px;line-height:1.4}
 body.salon main .entry[data-scene-spacing="ella-leonore"] h1{font-size:clamp(29px,8.6vw,37px);line-height:1.14;margin:0 0 14px;letter-spacing:-.015em;text-wrap:balance}
 body.salon main .entry[data-scene-spacing="ella-leonore"] .role{font-size:18px;line-height:1.45;margin:0}
 body.salon main .entry[data-scene-spacing="ella-leonore"]>figure.encounter-plate{margin-top:0;margin-bottom:0}
}

/* A slimmer phone navigation band. */
@media(max-width:700px){
 body.salon header.masthead{min-height:39px;padding-block:0}
 body.salon header.masthead .navigation-phone{padding-block:0}
 body.salon header.masthead .navigation-phone a{display:flex;align-items:center;min-height:38px;padding-block:4px;line-height:1.2}
 body.salon header.masthead .header-search-toggle{height:38px}
}

/* Nilo: wide Crete scene and quiet illustrations between the preserved paragraphs. */
.salon .nilo-story-picture,.salon .wollwesen-story-picture{margin:2.5rem auto 3rem;width:100%;max-width:960px}
.salon .nilo-story-picture picture,.salon .nilo-story-picture img,.salon .wollwesen-story-picture picture,.salon .wollwesen-story-picture img{display:block;width:100%;height:auto}
@media(min-width:701px){
.salon .entry.nilo-life-entry{display:block;max-width:1200px;margin-inline:auto}
.salon .entry.nilo-life-entry .entry-copy{max-width:720px;margin:0 auto 36px;text-align:center}
.salon .entry.nilo-life-entry>figure{width:100%;max-width:none;margin:0 auto}
.salon .entry.nilo-life-entry>figure picture,.salon .entry.nilo-life-entry>figure img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:auto}
}
@media(max-width:700px){.salon .nilo-story-picture,.salon .wollwesen-story-picture{margin:2rem auto}}



@media(max-width:700px){body.salon .entry.nilo-life-entry>figure picture{display:block;width:100%}body.salon .entry.nilo-life-entry>figure img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}}

/* Nilos neuer Galerieplatz: dezenter roter Hinweis vor dem Namen. */
body.salon .gallery-grid .portrait h2 .gallery-new{display:inline-block;vertical-align:middle;margin-right:.35em;color:#e66f6b;font:600 10px/1.2 Arial,sans-serif;letter-spacing:.05em}

@media(min-width:701px){body.salon main .entry:is(.nilo-life-entry,.barbarella-life-entry) .portrait-stories-near{margin:44px auto 0;max-width:520px}}

/* Independently composed Gritli title images remain fully visible. */
@media(min-width:701px){
.salon .entry.barbarella-life-entry{display:block;max-width:1200px;margin-inline:auto}
.salon .entry.barbarella-life-entry .entry-copy{max-width:720px;margin:0 auto 36px;text-align:center}
.salon .entry.barbarella-life-entry>figure{width:100%;max-width:none;margin:0 auto}
.salon .entry.barbarella-life-entry>figure picture,.salon .entry.barbarella-life-entry>figure img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:auto}
}
@media(max-width:700px){body.salon .entry.barbarella-life-entry>figure picture{display:block;width:100%}body.salon .entry.barbarella-life-entry>figure img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}}



/* Nilos bestätigtes Porträt in der Galerie sanft aufhellen. */
body.salon .gallery-grid #nilo-xenakis img { filter: brightness(1.12) drop-shadow(0 10px 13px rgba(8,6,8,.26)) drop-shadow(0 0 16px rgba(192,148,82,.055)); }