/* Six intentionally different compositions per industry, shared by the cover and full preview. */
.composition-hero{max-width:1280px;margin:auto;box-sizing:border-box}
.composition-hero .site-hero-picture{min-width:0;overflow:hidden}.composition-hero img{display:block;width:100%;height:100%;object-fit:cover}
.tenant-site .composition-poster{padding:30px 40px 0;background:#f6f2e9;color:#302c28;display:block;min-height:0}
.composition-masthead,.composition-footnote{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px;padding:17px 0;border-top:1px solid #3337}
.tenant-site .composition-poster .site-hero-copy{padding:24px 0 30px;max-width:100%;display:grid;grid-template-columns:1.6fr 1fr;gap:10px 50px;align-items:end}
.tenant-site .composition-poster .site-kicker{grid-column:1/-1}.tenant-site .composition-poster h1{font:500 clamp(40px,5vw,76px)/1.25 Georgia,'Songti SC',serif;max-width:none;margin:12px 0;grid-row:2/4}.tenant-site .composition-poster .site-hero-copy>p{font-size:15px;margin:0}.tenant-site .composition-poster .site-button{justify-self:start;margin-top:10px;background:transparent;color:#302c28;border-color:#302c28}
.tenant-site .composition-poster .site-hero-picture{height:430px;border-radius:0}.tenant-site.composition-poster .site-nav{background:#f6f2e9;color:#302c28}.tenant-site.composition-poster .site-item{border-radius:0;box-shadow:none;background:#faf8f1}.tenant-site.composition-poster .site-case{border-radius:0;background:#f4f0e5}.tenant-site.composition-poster .site-about{grid-template-columns:1fr 1.7fr}
.tenant-site .composition-duo{display:grid;grid-template-columns:.85fr 1.3fr;gap:60px;align-items:center;padding:65px 40px;background:#142a31;color:white;min-height:650px}.tenant-site .composition-duo .site-kicker{color:#bdd9dc}.tenant-site .composition-duo h1{font-size:52px}.composition-pair{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:18px;min-width:0}.tenant-site .composition-pair .site-hero-picture{height:460px;border-radius:160px 160px 3px 3px}.composition-pair figure{margin:90px 0 0;min-width:0}.composition-pair figure img{height:260px}.composition-pair figcaption{font-size:11px;line-height:1.8;margin-top:18px;color:#c1d5d6}.tenant-site.composition-duo .site-nav{background:#142a31;color:white}.tenant-site .composition-duo .site-button{background:#e5eee7;color:#173333;border-color:#e5eee7}.tenant-site.composition-duo .site-services{background:#f1f6f5}.tenant-site.composition-duo .site-item{border-radius:20px}.tenant-site.composition-duo .site-contact{background:#142a31;color:white}.tenant-site.composition-duo .site-contact :is(.contact-phone,.site-module-link){color:#d8ece2}
.tenant-site .composition-directory{display:grid;grid-template-columns:220px 1fr;gap:38px;padding:40px;background:#eef2f6;min-height:650px}.composition-directory>aside{display:flex;flex-direction:column;gap:0;border-right:1px solid #b6c3d1;padding-right:25px;font-size:13px}.composition-directory>aside>span{font-size:10px;letter-spacing:1px;margin:20px 0 35px;color:#63788c}.composition-directory>aside>a{padding:20px 0;border-top:1px solid #b6c3d1}.composition-directory-main{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;min-width:0}.tenant-site .composition-directory .site-hero-picture{height:520px;grid-column:1;grid-row:1;border-radius:3px}.tenant-site .composition-directory h1{font-size:40px}.tenant-site .composition-directory .site-hero-copy>p{font-size:15px}.tenant-site.composition-directory .site-nav{border-top:6px solid var(--theme-accent)}.tenant-site.composition-directory .site-item-grid{gap:0!important;border:1px solid #d8e1e7}.tenant-site.composition-directory .site-item{border-radius:0;box-shadow:none;border:0;padding:22px}.tenant-site.composition-directory .site-module{border-radius:0}
.tenant-site .composition-mosaic{display:grid;grid-template-columns:.9fr 1.1fr;padding:70px 40px;gap:55px;align-items:center;min-height:640px;background:#f5f1ec}.tenant-site .composition-mosaic h1{font-size:52px}.composition-mosaic>div.composition-mosaic{padding:0;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:260px 210px;gap:14px;background:transparent}.tenant-site .composition-mosaic .site-hero-picture{grid-column:1/-1;height:260px;border-radius:4px}.tenant-site .composition-mosaic>div.composition-mosaic>img{width:100%;height:210px;border-radius:4px}.tenant-site.composition-mosaic .site-nav{background:#f5f1ec}.tenant-site.composition-mosaic .site-item{border-radius:4px;box-shadow:none}.tenant-site.composition-mosaic .site-case{grid-template-columns:.8fr 1.2fr;background:#f5f1ec}.tenant-site.composition-mosaic .site-process{background:#263f3b;color:white}.tenant-site.composition-mosaic .site-process .site-module-heading>span{color:#c7d8bb}
.tenant-site .composition-showroom{display:block;padding:45px 40px;background:#fff;min-height:0}.composition-showroom-head{text-align:center;max-width:780px;margin:0 auto 35px}.tenant-site .composition-showroom .site-hero-copy h1{max-width:none;font-size:58px;font-weight:650;margin:18px 0}.tenant-site .composition-showroom .site-hero-copy>p{margin:0 auto 15px;max-width:620px}.tenant-site .composition-showroom .site-hero-picture{height:430px;width:100%;border-radius:15px}.composition-showroom-label{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:22px 0;border-bottom:1px solid #d4ded8}.tenant-site.composition-showroom .site-nav{justify-content:center;flex-direction:column;height:auto;gap:17px;padding-top:28px;padding-bottom:25px}.tenant-site.composition-showroom .site-brand{max-width:100%}.tenant-site.composition-showroom .site-section-head{display:block;text-align:center}.tenant-site.composition-showroom .site-section-head>p{max-width:none;margin-top:15px}.tenant-site.composition-showroom .site-item{box-shadow:none;border:0;background:#f2f6f3;border-radius:15px}.tenant-site.composition-showroom .site-about{display:block;text-align:center;max-width:900px}.tenant-site.composition-showroom .site-about p{margin-top:25px}
.tenant-site .template-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.template-guide-grid>article{border-top:2px solid var(--theme-accent);padding-top:20px;min-width:0}.template-guide-grid b{font-size:18px;font-weight:550}.template-guide-grid p{font-size:15px;line-height:1.9;color:#60746c}.template-faq details{border-top:1px solid #c7d4cd;padding:18px 0}.template-faq summary{cursor:pointer;font-size:17px;font-weight:550;line-height:1.7}.template-faq details p{font-size:15px;line-height:2;color:#60746c;max-width:900px;margin:15px 0 0}
/* Covers mirror the new page structures instead of recolouring the same banner. */
.template-card .composition-alt,.template-card .composition-third{display:none}
.template-card .mini-composition-poster{background:#f6f2e9;color:#302c28}.template-card .mini-composition-poster .mini-nav{background:#f6f2e9;color:#302c28;border-bottom:1px solid #302c2840}.template-card .mini-composition-poster .mini-content{display:grid;grid-template-columns:1fr;grid-template-rows:48% 52%;padding:12px 17px 0;gap:4px}.template-card .mini-composition-poster .mini-copy{max-width:100%;padding:0;color:#302c28;text-shadow:none}.template-card .mini-composition-poster .mini-copy>span,.template-card .mini-composition-poster .mini-copy i{display:none}.template-card .mini-composition-poster .mini-copy h3{font:500 24px/1.2 Georgia,'Songti SC',serif;margin:0;max-width:100%;color:#302c28;-webkit-line-clamp:2}.template-card .mini-composition-poster .mini-content>img:first-of-type{position:static;height:100%;width:100%;max-height:none;filter:none;opacity:1;border-radius:0;mix-blend-mode:normal}.template-card .mini-composition-poster .mini-bottom{color:#756d60;background:#f6f2e9}
.template-card .mini-composition-duo{background:#142a31;color:white}.template-card .mini-composition-duo .mini-nav,.template-card .mini-composition-duo .mini-bottom{background:#142a31;color:white}.template-card .mini-composition-duo .mini-content{display:grid;grid-template-columns:1.1fr 1fr .65fr;gap:9px;padding:18px;align-items:center}.template-card .mini-composition-duo .mini-copy{max-width:100%;padding:0;text-shadow:none;border:0;color:white}.template-card .mini-composition-duo .mini-copy h3{font-size:17px;color:white}.template-card .mini-composition-duo .mini-content>img:first-of-type{position:static;height:100%;border-radius:65px 65px 0 0;filter:none;width:100%;max-height:none;opacity:1}.template-card .mini-composition-duo .composition-alt{display:block;position:static;width:100%;height:63%;margin-top:35px;filter:none;border-radius:0;opacity:1}.template-card .mini-composition-duo .mini-copy i{border-color:#ffffff60}
.template-card .mini-composition-directory{background:#eef2f6;color:#203c52}.template-card .mini-composition-directory .mini-nav{background:#eef2f6;color:#203c52;border-top:4px solid var(--card-accent)}.template-card .mini-composition-directory .mini-content{display:grid;grid-template-columns:1fr 1fr;direction:rtl;padding:15px 17px 15px 45px;gap:15px}.template-card .mini-composition-directory .mini-content:before{content:'01\A\A02\A\A03\A\A04';white-space:pre;font-size:7px;color:#6d8194;position:absolute;left:16px;top:20px;border-right:1px solid #acbdce;padding-right:10px}.template-card .mini-composition-directory .mini-copy{direction:ltr;max-width:100%;padding:0;border:0;text-shadow:none}.template-card .mini-composition-directory .mini-copy h3{font-size:16px;color:#203c52}.template-card .mini-composition-directory .mini-content>img:first-of-type{position:static;filter:none;opacity:1;height:100%;width:100%;max-height:none;border:0;border-radius:0}.template-card .mini-composition-directory .mini-bottom{background:#eef2f6;color:#65788b}
.template-card .mini-composition-mosaic{background:#f5f1ec;color:#34312d}.template-card .mini-composition-mosaic .mini-nav,.template-card .mini-composition-mosaic .mini-bottom{background:#f5f1ec;color:#34312d}.template-card .mini-composition-mosaic .mini-content{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:1fr 1fr;padding:17px;gap:7px;direction:ltr}.template-card .mini-composition-mosaic .mini-copy{grid-column:1;grid-row:1/3;max-width:100%;padding:0;border:0;text-shadow:none}.template-card .mini-composition-mosaic .mini-copy h3{font-size:17px;color:#34312d}.template-card .mini-composition-mosaic .mini-content>img{display:block;position:static!important;max-height:none!important;filter:none!important;opacity:1!important;width:100%!important;height:100%!important;object-fit:cover!important;border:0;border-radius:2px;mix-blend-mode:normal}.template-card .mini-composition-mosaic .mini-content>img:first-of-type{grid-column:2/4;grid-row:1}.template-card .mini-composition-mosaic .composition-alt{grid-column:2;grid-row:2}.template-card .mini-composition-mosaic .composition-third{grid-column:3;grid-row:2}
.template-card .mini-composition-showroom{background:#fff;color:#263e35}.template-card .mini-composition-showroom .mini-nav{background:white;color:#263e35;justify-content:center;border:0}.template-card .mini-composition-showroom .mini-nav span{display:none}.template-card .mini-composition-showroom .mini-content{display:grid;grid-template-columns:1fr;grid-template-rows:40% 60%;padding:5px 22px 0;gap:9px;text-align:center}.template-card .mini-composition-showroom .mini-copy{padding:0;max-width:100%;border:0;text-shadow:none}.template-card .mini-composition-showroom .mini-copy>span,.template-card .mini-composition-showroom .mini-copy i{display:none}.template-card .mini-composition-showroom .mini-copy h3{font-size:19px;color:#263e35;margin:0;-webkit-line-clamp:2}.template-card .mini-composition-showroom .mini-content>img:first-of-type{position:static;width:100%;height:100%;max-height:none;filter:none;opacity:1;mix-blend-mode:normal;border:0;border-radius:8px 8px 0 0}.template-card .mini-composition-showroom .mini-bottom{background:#fff;color:#6d8173}
@media(max-width:1000px){.tenant-site .composition-duo,.tenant-site .composition-mosaic{gap:30px;padding:45px 30px}.tenant-site .composition-directory{padding:35px 30px;grid-template-columns:145px 1fr;gap:25px}.composition-directory-main{gap:20px}.tenant-site .composition-directory h1{font-size:31px}.composition-directory>aside{font-size:11px;padding-right:20px}.tenant-site .composition-duo h1,.tenant-site .composition-mosaic h1{font-size:42px}.tenant-site .composition-pair .site-hero-picture{height:400px}.composition-pair figure img{height:230px}.tenant-site .composition-poster .site-hero-copy{gap:10px 30px}.template-card .mini-composition-poster .mini-copy h3{font-size:19px}}
@media(max-width:640px){.tenant-site .composition-poster,.tenant-site .composition-showroom{padding:25px 22px}.composition-masthead,.composition-footnote{font-size:9px;letter-spacing:0}.tenant-site .composition-poster .site-hero-copy{display:block;padding:18px 0 25px}.tenant-site .composition-poster h1{font-size:40px;margin:12px 0 20px}.tenant-site .composition-poster .site-hero-copy>p{font-size:16px}.tenant-site .composition-poster .site-hero-picture{height:300px}.tenant-site .composition-duo{display:block;min-height:0;padding:35px 22px}.tenant-site .composition-duo h1{font-size:38px}.composition-pair{margin-top:30px;gap:12px}.tenant-site .composition-pair .site-hero-picture{height:310px}.composition-pair figure{margin-top:40px}.composition-pair figure img{height:190px}.tenant-site .composition-directory{display:block;padding:20px 22px 35px;min-height:0}.composition-directory>aside{display:grid;grid-template-columns:1fr 1fr;padding:0;border:0;gap:0 14px;margin-bottom:24px}.composition-directory>aside>span{grid-column:1/-1;margin:6px 0 15px}.composition-directory>aside>a{padding:11px 0;font-size:12px}.composition-directory-main{display:flex;flex-direction:column;align-items:stretch;gap:24px}.tenant-site .composition-directory .site-hero-picture{height:270px}.tenant-site .composition-directory h1{font-size:35px}.tenant-site .composition-directory .site-hero-copy>p{font-size:16px}.tenant-site .composition-mosaic{display:block;padding:35px 22px;min-height:0}.tenant-site .composition-mosaic h1{font-size:38px}.tenant-site .composition-mosaic>div.composition-mosaic{display:grid;padding:0;margin-top:30px;grid-template-rows:220px 140px;gap:10px}.tenant-site .composition-mosaic .site-hero-picture{height:220px}.tenant-site .composition-mosaic>div.composition-mosaic>img{height:140px}.tenant-site .composition-showroom .site-hero-copy h1{font-size:36px}.tenant-site .composition-showroom .site-hero-picture{height:300px}.composition-showroom-label{font-size:10px;flex-wrap:wrap;gap:12px}.tenant-site.composition-poster .site-about{display:block}.tenant-site.composition-mosaic .site-case{grid-template-columns:1fr}.tenant-site .template-guide-grid{grid-template-columns:1fr;gap:22px}.template-guide-grid b{font-size:19px}.template-guide-grid p,.template-faq details p{font-size:16px}.template-faq summary{font-size:17px}.template-card .mini-composition-poster .mini-copy h3{font-size:24px}}

.template-card :is(.mini-composition-duo,.mini-composition-directory) .mini-copy{grid-column:auto;grid-row:auto}
.template-card .template-visual .mini-content>.composition-alt,.template-card .template-visual .mini-content>.composition-third{display:none!important}
.template-card .mini-composition-duo .mini-content>.composition-alt,.template-card .mini-composition-mosaic .mini-content>.composition-alt,.template-card .mini-composition-mosaic .mini-content>.composition-third{display:block!important}