/* Supplied M-SYSTEM project photographs. Framing is done in the page. */
img[data-image-key="home-about-image"]{object-position:50% 63%}
img[data-image-key="project-home-elevator"]{object-position:50% 64%}
img[data-image-key="pool-about-msystem-image"]{object-position:50% 68%}
img[data-image-key="msystem-hero-image"]{object-position:50% 58%}
img[data-image-key="msystem-about-image"]{object-position:50% 62%}
.msystem-shared-project-copy{margin-top:18px}
.msystem-shared-project-copy+.btn{margin:4px 8px 10px 0}
.article-reader .article-reader-image.article-reader-project-image{height:auto;max-height:630px;object-fit:contain;background:#06111c}
.article-project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}
.article-project-gallery figure{margin:0;min-width:0}
.article-project-gallery img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center;border:1px solid #34576c;border-radius:13px}
.article-project-gallery figcaption{margin-top:10px;color:#c2d7e5;font-size:12px;line-height:1.6}
@media(max-width:700px){.article-project-gallery{grid-template-columns:1fr}.article-reader .article-reader-image.article-reader-project-image{max-height:none}.msystem-shared-project-copy+.btn{max-width:100%;white-space:normal;text-align:center}}

/* Owner-selected metallic M-SYSTEM identity, framed without altering its artwork. */
img[src*="msystem-metal-logo-v1.webp"]{object-fit:cover;object-position:50% 51%;filter:none}
.company-msystem-logo{display:inline-flex;width:300px;height:110px;padding:0;max-width:100%;border-radius:12px;overflow:hidden;background:#33312d}
.company-msystem-logo img{width:300px;height:110px;max-width:100%;border-radius:0;background:none;padding:0}
.dropitem .msystem-mark{flex:0 0 100px;width:100px;height:40px;overflow:hidden;border-radius:6px}
.msystem-mark img{object-fit:cover}
.msystem-official-link{background:#171d23;color:#edf3f7;flex-wrap:wrap}
.msystem-official-link img{width:180px;height:66px;border-radius:7px}
.topbar .brand.msystem-brand img{width:155px;height:56px;border-radius:7px;object-fit:cover}
.topbar .brand.msystem-brand .brand-word{display:none}
@media(max-width:700px){.company-msystem-logo{width:280px;height:103px}.company-msystem-logo img{width:280px;height:103px}.dropitem .msystem-mark{flex-basis:88px;width:88px;height:35px}.topbar .brand.msystem-brand img{width:140px;height:51px}}

.company-msystem-logo img,.msystem-official-link img{object-fit:cover;object-position:50% 51%;filter:none}

/* Text links in the POOL engineering experience block. */
.msystem-text-link{color:#74ddff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em;font-weight:700;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:color .18s,background .18s}
.msystem-text-link>span{display:inline-block;font-size:.72em;text-decoration:none;vertical-align:baseline}
.msystem-text-link:hover{color:#e6faff;background:#17465a}
.msystem-text-link:focus-visible{outline:2px solid #74ddff;outline-offset:4px;background:#17465a;color:#fff}

/* Direction cards: white AIR accents and graphite M-SYSTEM identity. */
.air-direction-card .kicker{color:#fff}
.air-direction-card .card-body .btn{border-color:#fff}
.air-direction-card:hover,.air-direction-card:focus-visible{border-color:#fff}
.air-direction-card .btn:hover,.air-direction-card .btn:focus-visible{background:#fff;color:#061522}
.air-direction-card:focus-visible,.msystem-direction-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.msystem-direction-card .direction-art{padding:18px;background:radial-gradient(circle at 50% 45%,#59564f66,transparent 68%),linear-gradient(135deg,#292c2d,#111b22)}
.msystem-direction-card .direction-art>.msystem-monogram{width:154px;height:154px;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 12px #0006)}
.msystem-direction-card .kicker{color:#c9c2b6}
.msystem-direction-card:hover,.msystem-direction-card:focus-visible{border-color:#a29a8c;box-shadow:0 0 24px #8e887d26}
.msystem-direction-card .card-body .btn{border-color:#aaa294;background:#8e887d12}
.msystem-direction-card .btn:hover,.msystem-direction-card .btn:focus-visible{background:#c2baad;color:#11191e}
.air-direction-card{border-color:#fff}

/* Portrait supplied for the home group introduction. */
#about>.split{grid-template-columns:.85fr 1.15fr;align-items:stretch}
#about>.split>div:last-child{align-self:center}
#about .photo-panel{align-self:stretch;min-height:0;aspect-ratio:2/3}
#about .photo-panel img[data-image-key="home-about-image"]{object-fit:cover;object-position:center}
@media(max-width:760px){#about>.split{grid-template-columns:1fr}#about .photo-panel{width:100%;aspect-ratio:2/3;min-height:0}}