/* reference-home.css is copied unchanged from Alta Fabula. Only the sections
   with a different amount of NOEMAIKON content need flow-layout adapters. */
body.museum-page.reference-home{background:var(--museum-background)}
.reference-home .museum-intro{display:block;text-align:center;padding:70px 20px 20px}
.reference-home .museum-logo{width:760px;margin:0 auto 70px}
.reference-home .museum-intro .lead{font-size:25px;line-height:31px;font-weight:400}
.reference-home .museum-intro .lead p{margin:0 0 31px}
/* Measured from NOEMAIKON's Tilda preview, on its 1200px canvas. */
.reference-home .museum-stats{position:relative;display:block;width:993px;height:77px;margin:70px 0 30px 130px;contain:none}
.reference-home .museum-stat{position:absolute;top:0;left:0;width:306px;height:77px;display:block;border:0;text-align:left}
.reference-home .museum-stat:nth-child(2){left:346px;top:4px;width:285px}
.reference-home .museum-stat:nth-child(3){left:677px;top:1px;width:316px}
.reference-home .museum-stat:after{content:'';position:absolute;left:0;top:68px;width:280px;height:3px;background:#1e6f9f}
.reference-home .museum-stat:nth-child(2):after{top:64px}
.reference-home .museum-stat:nth-child(3):after{top:67px}
.reference-home .museum-stat img{position:absolute;left:12px;top:17px;width:32px;height:34px;margin:0;object-fit:contain}
.reference-home .museum-stat:nth-child(3) img{top:9px}
.reference-home .museum-stat strong{position:absolute;left:76px;top:0;width:56px;font-size:50px;line-height:60px;font-weight:400;color:#fff}
.reference-home .museum-stat:first-child strong{width:28px}
.reference-home .museum-stat p{position:absolute;left:160px;top:0;width:125px;margin:0;font-size:18px;line-height:22px;color:#cfcfcf}
.reference-home .museum-stat:first-child p{left:133px;top:5px;width:173px}
.reference-home .museum-stat:nth-child(3) p{top:4px;width:156px}
.reference-home .museum-carousel{width:1200px;max-width:none;margin:50px 0 90px}
.reference-home .museum-photo img{height:320px}
.reference-home .carousel-controls{padding-right:20px}
.reference-home .section{margin:0 0 100px}
.reference-home #metamodern,.reference-home #exhibition-module{height:auto;overflow:visible}
.reference-home .section-heading{display:grid;grid-template-columns:520px 1fr;gap:55px;align-items:start;margin:0 20px 80px;min-height:100px}
.reference-home .section-heading h2,.reference-home .section-heading p{position:relative;left:auto!important;top:auto!important;width:auto!important}
.reference-home .section-heading h2{font-size:50px;line-height:50px}
.reference-home .section-heading p{font-size:25px;line-height:30px;padding-bottom:24px;max-width:none}
.reference-home .section-heading p:after{top:auto!important;bottom:0;width:440px;height:3px}
.reference-home #metamodern>.prose,.reference-home #exhibition-module>.prose{position:static;width:1148px;max-width:none;margin:0 26px 31px}
.reference-home #metamodern .principles{display:block;margin:70px 20px 0}
.reference-home #metamodern .principle{display:grid;grid-template-columns:626px minmax(0,1fr);gap:40px;align-items:center;margin:0;padding:35px 0;border:0;min-height:350px}
.reference-home #metamodern .principle-copy{display:block;max-width:none}
.reference-home #metamodern .principle h3,.reference-home #metamodern .principle p,.reference-home #metamodern .principle>img{position:static;width:100%;max-width:none}
.reference-home #metamodern .principle h3{font-size:40px;line-height:50px;margin:0 0 20px}
.reference-home #metamodern .principle p{font-size:25px;line-height:31px}
.reference-home #metamodern .principle>img{height:331px;max-height:none;object-fit:contain}
.reference-home #metamodern .principle:first-child>img{width:648px;height:648px;justify-self:center;border:0;border-radius:0;box-shadow:none;mix-blend-mode:normal;filter:none}
/* Fade only the outer 5%; keep the artwork itself at its original contrast. */
.reference-home #metamodern .principle:first-child>img{
 mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);
 mask-composite:intersect;
}
.reference-home #metamodern .principle:nth-child(2){grid-template-columns:496px minmax(0,1fr);gap:80px}
.reference-home #metamodern .principle:nth-child(2)>img{height:279px}
.reference-home #metamodern .principle:nth-child(3){grid-template-columns:664px minmax(0,1fr);gap:39px}
.reference-home #exhibition-module>#modules{display:block;margin-top:75px}
.reference-home #modules .module{position:relative;left:0;top:auto;width:1220px;height:420px;margin:0 0 70px}
.reference-home #modules .module-heading{font-size:40px;line-height:50px}
/* QR is the fifth module here; the preceding catalogue has a sixth module. */
.reference-home #modules .module:last-child{height:460px}
.reference-home #modules .module:last-child .module-card{height:388px}
.reference-home #modules .module:last-child .module-card>p{left:60px;top:23px;width:736px}
.reference-home #modules .module:last-child .module-visual{left:820px;top:40px;width:362px;height:310px}
.reference-home .museum-copy{padding-bottom:80px}
.reference-home .museum-copy section{margin-block:80px}
.reference-home .museum-copy blockquote{width:85%;max-width:65ch;margin:48px auto;padding-left:28px;font-size:19px;line-height:1.65}
.reference-home .museum-copy cite{font-size:.9em;color:#cfcfcf}
.reference-home #contacts{position:relative;height:auto;padding:40px 20px 0}
.reference-home #contacts>h2{position:relative;left:auto;top:auto;width:auto;margin:0 0 70px}
.reference-home #contacts>p{max-width:70ch}
.reference-home .admission{font-size:50px;line-height:1.2;margin-bottom:40px}
.reference-home .contact-phone{font-size:40px;line-height:50px}
.reference-home footer.wrap{width:1200px;margin:40px auto 0}