/* Original logo colors on the existing charcoal identity; no white logo cards. */
.recognition-page,.recognition-preview{background:#2b2b2b;color:#f5f0e6}
.recognition-page h1,.recognition-page h2,.recognition-preview h2{font-family:var(--display);font-weight:400;letter-spacing:-.025em;line-height:1.08}
.recognition-page h2,.recognition-preview h2{font-size:clamp(34px,4.4vw,68px);margin:0 0 30px;max-width:1000px}
.recognition-page p,.recognition-intro{line-height:1.8;font-size:16px}
.recognition-page .fx-link,.recognition-preview .fx-link{color:#f5f0e6}
.recognition-hero{position:relative;isolation:isolate;min-height:620px;height:min(760px,82svh);display:flex;align-items:center}
.recognition-hero-photo,.recognition-hero-photo picture,.recognition-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.recognition-hero-photo{z-index:-2}
.recognition-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,27,24,.9),rgba(25,27,24,.4) 58%,rgba(25,27,24,.06));z-index:-1}
.recognition-hero h1{font-size:clamp(64px,8vw,124px);margin:0 0 24px}
.recognition-hero-copy>p:not(.fx-kicker){max-width:340px;margin-bottom:30px}
.recognition-opening{padding-block:90px 20px}
.recognition-opening>p{max-width:780px;color:#d0c8b9}
.recognition-jump{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:30px}
.recognition-jump a{padding:12px 0;border-bottom:1px solid #86795f;text-decoration:none;font-size:14px}
.recognition-jump a:hover{color:#dcc79c}
.recognition-section{padding-block:80px}
.recognition-pair{display:grid;grid-template-columns:1fr 1fr;gap:6vw}
.recognition-entry{scroll-margin-top:40px;min-width:0;padding:30px 0;border-top:1px solid #655e51}
.recognition-entry-logo{position:relative;isolation:isolate;background:transparent;display:flex;align-items:center;justify-content:center;gap:18px;width:180px;height:190px;padding:0;margin-bottom:28px}
.recognition-entry-logo img{position:relative;z-index:1;width:auto;height:auto;max-width:100%;max-height:150px;object-fit:contain}
.recognition-entry-logo:has(img+img){width:100%;max-width:400px}
.recognition-entry-logo:has(img+img) img{max-width:48%;max-height:115px}
#flair-hotels .recognition-entry-logo img:last-child{clip-path:circle(49% at 50% 50%)}
:is(#schmeck-den-sueden,#greensign,#biosphaere,#top250) .recognition-entry-logo::before,
.recognition-preview .recognition-seal:is([href$="#schmeck-den-sueden"],[href$="#greensign"],[href$="#biosphaere"],[href$="#top250"])::before{content:"";position:absolute;inset:-35%;z-index:0;pointer-events:none;background:radial-gradient(ellipse closest-side at center,rgba(241,236,224,.56) 0%,rgba(241,236,224,.4) 46%,rgba(241,236,224,.1) 76%,transparent 100%)}

.recognition-entry h3{font:400 clamp(27px,2.5vw,38px)/1.2 var(--display);margin:0 0 18px}
.recognition-entry .recognition-type{font-size:12px;color:#d1bd95;line-height:1.5;margin:0 0 12px}
.recognition-entry .recognition-statement{font-size:18px;margin:0 0 16px;color:#f5f0e6}
.recognition-entry-copy>p{color:#d0c8b9;max-width:65ch}
.recognition-entry .recognition-meaning{color:#f5f0e6;padding-left:18px;border-left:2px solid #a18e68;margin-block:24px}
.recognition-landscape{height:clamp(280px,40vw,600px);margin-bottom:70px;overflow:hidden}
.recognition-landscape img{width:100%;height:100%;object-fit:cover}
.recognition-region{padding-top:20px}
.recognition-region-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 6vw}
.recognition-region-grid .recognition-entry:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;gap:6vw;align-items:start;margin-top:30px}
.recognition-region-grid .recognition-entry:last-child .recognition-entry-logo{width:100%;max-width:340px;min-height:280px}
.recognition-region-grid .recognition-entry:last-child img{max-height:230px}
.recognition-meeting{display:grid;grid-template-columns:1.05fr 1fr;gap:5vw;align-items:start}
.recognition-meeting>img{width:100%;height:100%;min-height:540px;object-fit:cover}
.recognition-meeting .recognition-entry{border:0;padding-top:0}
.recognition-note{border-top:1px solid #655e51;padding-block:40px 80px}
.recognition-note h2{font-size:30px}
.recognition-note p{font-size:13px;max-width:900px;color:#c5bdaf}
.recognition-note a{text-underline-offset:4px}
.recognition-preview{padding-block:100px}
.recognition-intro{max-width:640px;color:#d0c8b9;margin:0 0 38px}
.recognition-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;background:transparent;border:0;margin-bottom:32px}
.recognition-seal{position:relative;isolation:isolate;background:transparent;min-height:190px;padding:25px;display:flex;align-items:center;justify-content:center;gap:12px;transition:background .2s}
.recognition-seal img{position:relative;z-index:1;width:auto;height:auto;max-height:145px;max-width:100%;object-fit:contain}
.recognition-seal:has(img+img){flex-direction:column}
.recognition-seal:has(img+img) img{max-height:85px;max-width:95%}
.recognition-seal:hover{background:transparent}
.recognition-seal:focus-visible{outline:3px solid #786442!important;outline-offset:-5px!important}
@media(max-width:767px){
 .recognition-hero{min-height:580px;height:auto;padding-block:65px}.recognition-hero h1{font-size:64px}
 .recognition-hero::after{background:linear-gradient(90deg,rgba(25,27,24,.88),rgba(25,27,24,.4))}
 .recognition-opening{padding-top:55px}.recognition-section{padding-block:45px}
 .recognition-pair,.recognition-region-grid,.recognition-meeting{grid-template-columns:1fr;gap:20px}
 .recognition-region-grid .recognition-entry:last-child{grid-column:auto;display:block;margin-top:0}
 .recognition-region-grid .recognition-entry:last-child .recognition-entry-logo{width:180px;min-height:154px}
 .recognition-region-grid .recognition-entry:last-child img{max-height:150px}
 .recognition-meeting>img{min-height:0;height:auto;aspect-ratio:4/3}.recognition-meeting .recognition-entry{padding-top:20px}
 .recognition-landscape{margin-bottom:45px}.recognition-preview{padding-block:60px}
 .recognition-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.recognition-seal{min-height:165px;padding:18px}.recognition-seal img{max-height:120px}
}
@media(prefers-reduced-motion:reduce){.recognition-seal{transition:none}}

/* Chapter 05: one desktop screen, with an open logo composition instead of white cards. */
.award-edition.flair-home .recognition-preview{min-height:calc(100svh - 90px);padding-block:clamp(30px,6vh,70px);display:flex;align-items:center;box-sizing:border-box;scroll-margin-top:90px;background:#2b2b2b}
.recognition-preview-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);gap:clamp(35px,5vw,90px);align-items:center}
.recognition-summary h2{font-size:clamp(40px,4.5vw,70px);max-width:480px;margin-bottom:24px}
.recognition-summary .fx-kicker{font-size:10px;letter-spacing:.15em}
.recognition-summary .recognition-intro{max-width:420px;margin-bottom:26px}
.recognition-preview .recognition-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;border:0;background:transparent;padding:0;margin:0;isolation:isolate}
.recognition-preview .recognition-seal{padding:8px;min-height:0;height:clamp(120px,22vh,190px);background:transparent;border:0;isolation:isolate}
.recognition-preview .recognition-seal img{max-width:100%;max-height:clamp(100px,19vh,165px)}

.recognition-preview .recognition-seal:has(img+img) img{max-height:68px}
.recognition-preview .recognition-seal:has(img+img) img:last-child{clip-path:circle(49% at 50% 50%)}
.recognition-preview .recognition-seal:hover{background:transparent}
.recognition-preview .recognition-seal:focus-visible{outline-color:#c8b48a!important}
@media(max-width:900px){
 .recognition-preview-layout{grid-template-columns:1fr;gap:24px}
 .recognition-summary h2{max-width:none;font-size:42px;margin-bottom:16px}
 .recognition-summary .recognition-intro{max-width:640px;margin-bottom:12px}
 .recognition-preview .recognition-wall{gap:18px}
 .recognition-preview .recognition-seal{height:120px}
 .recognition-preview .recognition-seal img{max-height:105px}
}
@media(max-width:520px){
 .award-edition.flair-home .recognition-preview{min-height:0;padding-block:42px}
 .recognition-preview .recognition-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}
 .recognition-summary h2{font-size:38px}.recognition-summary .fx-kicker{line-height:1.8}
}