/* WUPF reference page. Shared navigation, footer, consent and video behavior remain owned by the existing site. */
.wupf-references{--ref-pad:clamp(22px,4.3vw,84px);--ref-gap:clamp(56px,7vw,112px);background:#090b0a;color:#fff}
.wupf-references :is(h1,h2,p,figure){margin:0}
.wupf-references :is(h1,h2){font-family:Arial,Helvetica,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.055em;text-wrap:balance;hyphens:none}
.wupf-references .ref-eyebrow{font-size:13px;line-height:1.45;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wupf-references .ref-intro{padding:clamp(56px,6vw,94px) var(--ref-pad) 55px}
.wupf-references .ref-kicker{display:flex;justify-content:space-between;gap:30px}
.wupf-references .ref-kicker>span{color:#bfc3bf}
.wupf-references h1{font-size:clamp(52px,9.6vw,174px);line-height:.94;letter-spacing:-.062em;margin:34px 0 44px;max-width:1500px}
.wupf-references .ref-intro-bottom{display:flex;justify-content:space-between;gap:50px;align-items:end}
.wupf-references .ref-intro-bottom>p{font-size:clamp(19px,1.5vw,25px);line-height:1.5;color:#d0d3d0}
.wupf-references .ref-index{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 24px;max-width:540px;font-size:13px;line-height:1.5}
.wupf-references .ref-index a{padding:10px 0;border-bottom:1px solid #ffffff50;color:white}
.wupf-references .ref-index a:hover{border-color:white}
.wupf-references .ref-lead{scroll-margin-top:25px}
.wupf-references .ref-lead-heading{margin:0 var(--ref-pad);padding:28px 0 24px;border-top:1px solid #ffffff40;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:24px;align-items:center}
.wupf-references .ref-lead-heading h2{font-size:clamp(22px,2.3vw,36px);line-height:1.06;letter-spacing:-.045em}
.wupf-references .ref-lead-heading>p:last-child{text-align:right;color:#c7cbc7;font-size:14px;line-height:1.5}
.wupf-references .ref-photo{overflow:hidden;background:#373937;width:100%}
.wupf-references .ref-photo button{width:100%;display:block;border:0;background:none;padding:0;color:inherit;cursor:zoom-in;overflow:hidden;aspect-ratio:1.85}
.wupf-references .ref-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(1.055) contrast(.985)!important}
.wupf-references .ref-mund button{aspect-ratio:1.92}
.wupf-references .ref-mund img{object-position:50% 38%;transform:scale(1.055)}
.wupf-references .ref-chapter{padding:var(--ref-gap) var(--ref-pad);scroll-margin-top:25px}
.wupf-references .ref-light{background:#fff;color:#090b0a}
.wupf-references .ref-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:25px 7%;align-items:end;margin-bottom:clamp(33px,4vw,60px)}
.wupf-references .ref-heading>.ref-eyebrow{grid-column:1/-1}
.wupf-references .ref-heading h2{font-size:clamp(40px,5.6vw,98px);line-height:1.01;max-width:950px}
.wupf-references .ref-copy{font-size:clamp(17px,1.45vw,22px);line-height:1.55;max-width:570px}
.wupf-references .ref-note{font-size:13px;line-height:1.5;opacity:.7;margin-top:18px}
.wupf-references .ref-lehrte button{aspect-ratio:2.12}
.wupf-references .ref-lehrte img{object-position:50% 0%;filter:grayscale(1) contrast(1.075)!important}
.wupf-references .ref-novotel button{aspect-ratio:1.98}
.wupf-references .ref-novotel img{object-position:50% 0%}
.wupf-references .ref-wide-dormer button{aspect-ratio:1.98}
.wupf-references .ref-wide-dormer img{object-position:50% 56%;filter:grayscale(1) brightness(1.14) contrast(.985)!important}
.wupf-references .ref-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:6%;align-items:center;margin-top:55px}
.wupf-references .ref-detail>div>p:last-child{font-size:clamp(21px,2.4vw,39px);letter-spacing:-.035em;line-height:1.18;margin-top:22px;max-width:520px}
.wupf-references .ref-slate button{aspect-ratio:1.52}
.wupf-references .ref-slate img{object-position:50% 30%}
.wupf-references .ref-film{padding:var(--ref-gap) var(--ref-pad)}
.wupf-references .ref-film .film-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:25px 7%;align-items:end;margin-bottom:38px;padding:0}
.wupf-references .ref-film .film-heading>.eyebrow{grid-column:1/-1;font-size:13px}
.wupf-references .ref-film .film-heading h2{font-size:clamp(40px,5.6vw,98px);line-height:1.01;margin:0}
.wupf-references .ref-film .film-heading>p:last-child{font-size:clamp(17px,1.45vw,22px);line-height:1.55;max-width:570px}
.wupf-references .ref-film .film-player{aspect-ratio:16/9}
.wupf-references .ref-film .film-caption{flex-wrap:wrap;gap:18px 32px}
.wupf-references .ref-film .film-caption>a{color:inherit}
.wupf-references .ref-stills{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.wupf-references .ref-stills figcaption{padding-bottom:15px;font-size:12px}
.wupf-references .ref-mover button{aspect-ratio:1.6}
.wupf-references .ref-mover img{object-position:50% 50%;transform:scale(1.08)}
.wupf-references .ref-light :is(button,a):focus-visible{outline-color:#111}
.wupf-references .ref-intro-bottom{justify-content:flex-start}
.wupf-references .ref-film{background:#090b0a}
.wupf-references .ref-film .film-heading>.eyebrow{color:var(--yellow)}
.wupf-references>.contact{background:var(--yellow);color:var(--black)}
.wupf-references>.contact h2{margin:38px 0 48px}
.wupf-references>.contact a:focus-visible{outline-color:var(--black)}
@media(max-width:700px){.wupf-references+.footer .footer-links{min-width:0}.wupf-references+.footer .wupf-consent-link{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}}
@media(min-width:1800px){.wupf-references .ref-intro,.wupf-references .ref-chapter,.wupf-references .ref-film{padding-left:max(var(--ref-pad),calc((100vw - 1690px)/2));padding-right:max(var(--ref-pad),calc((100vw - 1690px)/2))}}
@media(max-width:1000px){.wupf-references .ref-intro-bottom{display:block}.wupf-references .ref-index{justify-content:flex-start;max-width:none;margin-top:26px}.wupf-references .ref-lead-heading{grid-template-columns:1fr 1.5fr}.wupf-references .ref-lead-heading>p:last-child{display:none}.wupf-references .ref-heading,.wupf-references .ref-film .film-heading{grid-template-columns:1.2fr 1fr;column-gap:5%}.wupf-references .ref-heading h2,.wupf-references .ref-film .film-heading h2{font-size:clamp(39px,5.6vw,66px)}}
@media(max-width:700px){.wupf-references{--ref-pad:22px;--ref-gap:54px}.wupf-references .ref-intro{padding-top:48px;padding-bottom:28px}.wupf-references .ref-kicker>span{display:none}.wupf-references .ref-eyebrow{font-size:12px}.wupf-references h1{font-size:clamp(48px,10.9vw,77px);line-height:.98;margin:27px 0 28px}.wupf-references .ref-intro-bottom>p{font-size:18px}.wupf-references .ref-index{gap:1px 22px;font-size:12px;margin-top:22px}.wupf-references .ref-index a{min-height:44px;display:flex;align-items:center;padding:7px 0}.wupf-references .ref-lead-heading{display:block;padding:24px 0 23px}.wupf-references .ref-lead-heading h2{font-size:30px;margin-top:13px}.wupf-references .ref-mund button{aspect-ratio:1.35}.wupf-references .ref-mund img{object-position:51% 42%;transform:scale(1.025)}.wupf-references .ref-heading,.wupf-references .ref-film .film-heading{display:block;margin-bottom:28px}.wupf-references .ref-heading h2,.wupf-references .ref-film .film-heading h2{font-size:clamp(38px,8.4vw,61px);line-height:1.04;margin:22px 0}.wupf-references .ref-copy,.wupf-references .ref-film .film-heading>p:last-child{font-size:17px;line-height:1.55;max-width:100%}.wupf-references .ref-note{margin-top:14px;font-size:12px}.wupf-references .ref-lehrte button{aspect-ratio:1.75}.wupf-references .ref-lehrte img{object-position:50% 0%}.wupf-references .ref-novotel button{aspect-ratio:1.4}.wupf-references .ref-novotel img{object-position:30% 0%}.wupf-references .ref-wide-dormer button{aspect-ratio:1.5}.wupf-references .ref-wide-dormer img{object-position:61% 50%}.wupf-references .ref-detail{display:block;margin-top:34px}.wupf-references .ref-detail>div{margin-bottom:24px}.wupf-references .ref-detail>div>p:last-child{font-size:27px;margin-top:15px}.wupf-references .ref-slate button{aspect-ratio:1.5}.wupf-references .ref-stills{grid-template-columns:1fr;gap:28px}.wupf-references .ref-mover button{aspect-ratio:1.68}.wupf-references .ref-film .film-caption{align-items:flex-start}.wupf-references .ref-film .film-caption>span{font-size:11px;line-height:1.5}.wupf-references .ref-film .film-caption .text-link{font-size:17px}}
@media(max-width:360px){.wupf-references{--ref-pad:18px}.wupf-references h1{font-size:43px}.wupf-references .ref-heading h2,.wupf-references .ref-film .film-heading h2{font-size:34px}.wupf-references .ref-index{column-gap:18px}}

/* WUPF brand accents and two complementary hotel views. */
.wupf-references .ref-eck-heading{display:block;padding:28px 0}
.wupf-references .ref-eck-heading h2{color:var(--yellow);font-size:clamp(30px,3.1vw,48px);margin:0}
.wupf-references .ref-intro .ref-kicker>p{color:var(--yellow)}
.wupf-references .ref-hotel-images{display:flex;flex-direction:column;gap:32px}
.wupf-references .ref-hotel-images>.ref-novotel{width:89%;align-self:flex-start}
.wupf-references .ref-hotel-images>.ref-novotel-detail{width:57%;align-self:flex-end}
.wupf-references .ref-novotel-detail button{aspect-ratio:1.78}
.wupf-references .ref-novotel-detail img{object-position:43% 50%;transform:scale(1.3)}
@media(max-width:700px){.wupf-references .ref-eck-heading{padding:24px 0}.wupf-references .ref-eck-heading h2{font-size:30px}.wupf-references .ref-hotel-images{gap:22px}.wupf-references .ref-hotel-images>.ref-novotel{width:100%}.wupf-references .ref-hotel-images>.ref-novotel-detail{width:88%}.wupf-references .ref-novotel-detail button{aspect-ratio:1.72}}

/* Approved white handcraft spread, with the original wording. */
.wupf-references .ref-prefab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:6%;align-items:center}
.wupf-references .ref-prefab h2{font-size:clamp(42px,4.2vw,72px);line-height:1.03;margin:28px 0 35px;max-width:620px}
.wupf-references .ref-prefab .ref-copy{font-size:clamp(17px,1.45vw,22px);line-height:1.55}
.wupf-references .ref-crane button{aspect-ratio:1.33}
.wupf-references .ref-crane img{object-position:52% 50%}
.wupf-references .ref-craft{padding-top:40px}
@media(max-width:700px){.wupf-references .ref-prefab{display:block}.wupf-references .ref-prefab h2{font-size:clamp(37px,9vw,55px);margin:24px 0}.wupf-references .ref-prefab .ref-photo{margin-top:30px}.wupf-references .ref-craft{padding-top:16px}.wupf-references .ref-crane button{aspect-ratio:1.2}}