.md-welcome{display:grid;grid-template-columns:1fr 360px;align-items:center;gap:25px;margin:0 0 26px;border:1px solid #8e747e;border-top:2px solid #c76f80;border-radius:9px;background:linear-gradient(120deg,#3d4651,#424952);overflow:hidden;box-shadow:0 9px 25px #20232935}.md-welcome-copy{padding:24px 0 24px 26px}.md-kicker{font-size:9px!important;letter-spacing:1.6px;color:#f0b5c2!important;margin:0 0 12px}.md-welcome h1{font-size:32px;letter-spacing:-1px;margin:0 0 10px;font-weight:600;color:#f4f2f0}.md-welcome-copy>p{font-size:13px;color:#cfd7e0;line-height:1.7}.md-welcome-copy>small{display:block;font-size:9px;color:#c9bdc8;margin-top:9px}.md-welcome figure{margin:0;background:#28313b;position:relative;align-self:stretch}.md-welcome img{display:block;width:100%;height:100%;min-height:235px;object-fit:cover;object-position:center}.md-welcome figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px 12px 10px;background:linear-gradient(transparent,#15202cda);font-size:8px;color:#d6e0e9;letter-spacing:1px}.md-footer-links{display:flex;gap:14px}.md-footer-links button{white-space:nowrap}#cart,#info{color:#f4f1ee;background:#3c4149;border:1px solid #b5828c;border-radius:12px;width:490px;max-width:94vw;padding:35px;box-shadow:0 20px 100px #0008}#cart::backdrop,#info::backdrop{background:#0c1013b8}#cart:not([open]),#info:not([open]){display:none}#cart h2,#info h2{font-size:28px;letter-spacing:-1px}#cart p,#info p{font-size:13px;color:#d4d6da;line-height:1.7}#cart .eyebrow{font-size:10px;color:#f4a1b3}#cart .close,#info .close{position:absolute;top:12px;right:15px;border:0;background:transparent;font-size:25px;color:white;cursor:pointer}#cart .cart-row{display:flex;justify-content:space-between;border-top:1px solid #686a73;padding:15px 0;font-size:13px}#cart .total{font-size:20px}#cart .test-notice{border:1px solid #ac7c49;background:#544638;padding:15px;margin:20px 0;font-size:11px}#cart .test-notice p{font-size:11px;margin:5px 0}#cart #checkout{display:flex;text-decoration:none;background:#ef96a4;border:1px solid #ffc0cb;color:#30212b;padding:14px;width:100%;text-align:center;justify-content:center;border-radius:5px;font-size:12px}#cart small{display:block;margin-top:12px;text-align:center;color:#c3c8cf;font-size:10px}@media(max-width:1150px){.md-welcome{grid-template-columns:1fr 280px}.md-welcome h1{font-size:28px}.top-actions{gap:6px}.privacy{display:none}}@media(max-width:850px){.md-welcome{grid-template-columns:1fr 230px;gap:15px}.md-welcome-copy{padding:20px}.md-welcome h1{font-size:25px}.md-welcome-copy>p{font-size:11px}.md-welcome img{min-height:230px}.topbar{height:auto;min-height:76px;gap:12px;flex-wrap:wrap;padding:14px}.top-actions{flex-wrap:wrap}.md-footer-links{flex-wrap:wrap}}@media(max-width:550px){.md-welcome{grid-template-columns:1fr}.md-welcome figure{max-height:230px;grid-row:1}.md-welcome img{height:230px;min-height:0;object-position:center 35%}.md-welcome-copy{padding:18px}.md-welcome-copy>p br{display:none}}

.md-welcome{grid-template-columns:minmax(230px,.8fr) minmax(400px,1.5fr)}.md-showcase{display:grid;grid-template-columns:1.15fr 1fr;gap:2px;align-self:stretch}.md-examples{display:grid;grid-template-rows:1fr 1fr;gap:2px}.md-examples figure{min-width:0}.md-examples img{height:auto;min-height:0;object-fit:contain}.md-examples figcaption{font-size:7px;padding-top:20px}.md-outcome{font-size:11px!important;line-height:1.6!important;border-left:2px solid #e99bab;padding-left:12px;margin-top:16px}.md-outcome small{font-size:10px;color:#d2d7df}.md-showcase>figure img{min-height:100%;object-fit:cover}@media(max-width:1000px){.md-welcome{grid-template-columns:1fr}.md-welcome-copy{padding:22px}.md-showcase{min-height:270px}.md-showcase>figure img{height:100%;min-height:0}.md-welcome figure{grid-row:auto;max-height:none}.md-examples img{height:auto}}

.md-art-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.md-art-open:focus-visible{outline:3px solid #f7afbe;outline-offset:-3px}.md-examples figcaption{pointer-events:none}#artDialog{width:1200px;max-width:95vw;max-height:94vh;overflow:auto;padding:20px;color:#f5f3f1;background:#303945;border:1px solid #d998a8;border-radius:10px}#artDialog:not([open]){display:none}#artDialog::backdrop{background:#10151de8}#artDialog header{display:flex;justify-content:space-between;align-items:center;gap:20px}#artDialog h2{font-size:19px;margin:0}#artClose{border:1px solid #e5a0b0;color:#fff;background:#754b58;padding:10px 16px;border-radius:5px;cursor:pointer}#artDialog p{font-size:12px;line-height:1.6;color:#d8dfe7}#artImage{display:block;width:100%;height:auto}#artDialog .art-hint{font-size:11px}@media(max-width:600px){#artDialog{padding:12px}#artDialog header{gap:8px}#artDialog h2{font-size:15px}}

#cart .md-payment-disclaimer{margin:18px 0;padding:16px;border:2px solid #ffc0cb;border-radius:6px;background:#272c34}#cart .md-payment-disclaimer strong{color:#ffc0cb;font-size:13px}#cart .md-payment-disclaimer p{color:#fff;font-size:13px;margin:9px 0 0}

.md-showcase{grid-template-columns:1fr 1fr}.md-examples{display:flex;align-items:stretch}.md-examples figure{width:100%;display:flex;align-items:center;background:#202a35}.md-examples .md-art-open{width:100%}.md-examples img{width:100%;height:auto;min-height:0;object-fit:contain}

.md-examples figure{height:100%;align-items:stretch}.md-examples .md-art-open{height:100%;position:relative;overflow:hidden}.md-examples img{position:absolute;inset:0;width:100%;height:100%;min-height:100%;object-fit:cover;object-position:center}.md-showcase>figure{height:100%}@media(max-width:1000px){.md-showcase{height:340px}}@media(max-width:550px){.md-showcase{height:270px}}

.md-showcase>.md-examples{order:2}.md-showcase>figure{order:1}

/* Individual artwork frames; surrounding homepage stays unchanged. */
.md-showcase{gap:10px;padding:10px;background:#303640;box-sizing:border-box}
.md-showcase>.md-examples,.md-showcase>figure{min-width:0;height:100%;box-sizing:border-box;border:3px solid #4b345f;outline:1px solid #11131a;outline-offset:-1px;border-radius:5px;overflow:hidden;background:#121723;box-shadow:0 2px 8px #0005}
.md-examples figure{border:0;outline:0;border-radius:0;box-shadow:none}
.md-showcase>figure img{height:100%;min-height:100%;width:100%;object-fit:cover}
@media(max-width:550px){.md-showcase{gap:7px;padding:8px}.md-showcase>.md-examples,.md-showcase>figure{border-width:2px}}

/* Final presentation pass */
.md-welcome-copy{padding:26px;min-width:0}.md-welcome-copy>p{max-width:42ch;line-height:1.65}.md-welcome h1{line-height:1.15}.md-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 16px}.md-hero-actions .button{min-height:42px;padding:11px 14px;font-size:11px;white-space:nowrap}#heroCart{background:#454754;border:1px solid #aa8293;color:#f5ecf0}#heroCart:hover{background:#575264}#heroDemo:hover{filter:brightness(1.12)}.md-outcome{margin:0 0 12px;padding-left:12px;font-size:12px!important}.md-outcome small{display:block;margin-top:7px;line-height:1.55}.md-welcome-copy>small{font-size:10px;color:#e0d4dd}
.md-showcase>figure,.md-examples figure{display:flex;flex-direction:column;align-items:stretch;min-height:0}.md-showcase>figure img{flex:1;height:0;min-height:0;object-position:center}.md-examples .md-art-open{flex:1;height:auto;min-height:0}.md-welcome .md-showcase figcaption{position:relative;inset:auto;box-sizing:border-box;flex:0 0 36px;height:36px;display:flex;align-items:center;padding:8px 11px;background:#1b2230;color:#e8d9f3;font-size:9px;letter-spacing:.65px;line-height:1.3;white-space:normal}.md-welcome .md-showcase figcaption:empty{display:none}button:focus-visible,a:focus-visible{outline:2px solid #f4b2c5;outline-offset:3px}#checkout:disabled{cursor:not-allowed;opacity:.65}#cart,#info{box-sizing:border-box;max-height:90vh;overflow:auto}#cart .md-payment-disclaimer{border-width:1px;line-height:1.6}
@media(max-width:1000px){.md-welcome{gap:0}.md-welcome-copy{padding:24px}.md-showcase{height:340px;min-height:0}.md-welcome h1{font-size:29px}}@media(max-width:550px){.md-welcome-copy{padding:20px}.md-welcome-copy>p{font-size:12px}.md-showcase{height:280px}.md-hero-actions .button{flex:1;min-height:44px}.md-welcome .md-showcase figcaption{font-size:8px;padding:6px;flex-basis:38px;height:38px}.md-showcase>figure img{object-position:center}#cart,#info{padding:24px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Clearly visible purple frames around artwork only. */
.md-showcase>.md-examples,.md-showcase>figure{border:5px solid #a76ee8;outline:2px solid #15101f;outline-offset:0;box-shadow:inset 0 0 0 1px #d5b4ff,0 3px 10px #0006;border-radius:7px}
@media(max-width:550px){.md-showcase>.md-examples,.md-showcase>figure{border-width:4px}}

/* .net product-first brand hierarchy */
.sidebar .brand{flex-direction:column;align-items:flex-start;gap:8px;padding:0 8px}
.sidebar .brand-icon{width:138px;flex:0 0 94px;height:94px;overflow:hidden}
.sidebar .brand-icon img{width:138px;height:138px;top:-20px;left:0;object-fit:contain}
.sidebar .brand-type,.sidebar .brand-type b{font-size:15px;line-height:1.25;letter-spacing:2px;color:#f4f5f7}
.sidebar .parent-brand{background:transparent;border:0;box-shadow:none;padding:0;margin-bottom:12px;text-align:left}
.sidebar .parent-brand small{font-size:7px;letter-spacing:1px;color:#9ca3ab}
.sidebar .parent-brand img{width:72px;height:42px;max-width:100%;object-fit:contain;margin:0;opacity:.65;filter:saturate(.35)}
@media(max-height:850px)and(min-width:601px){.sidebar .brand{flex-direction:row;align-items:center;gap:7px;padding:0}.sidebar .brand-icon{width:94px;flex:0 0 94px;height:64px}.sidebar .brand-icon img{width:94px;height:94px;top:-14px}.sidebar .brand-type,.sidebar .brand-type b{font-size:12px;letter-spacing:1px}}
@media(max-width:600px){.sidebar .brand{flex-direction:row;align-items:center;gap:6px;padding:0}.sidebar .brand-icon{width:72px;flex:0 0 72px;height:48px}.sidebar .brand-icon img{width:72px;height:72px;top:-10px}.sidebar .brand-type,.sidebar .brand-type b{font-size:11px;letter-spacing:1px}}

/* Keep every shot visible in the 2 x 2 storyboard. */
.md-examples .md-art-open{background:#151922}.md-examples img{object-fit:contain;object-position:center}

/* Final MD-only 15 percent logo reduction; MV remains untouched. */
.sidebar .brand-icon{width:117.3px;flex:0 0 79.9px;height:79.9px}
.sidebar .brand-icon img{width:117.3px;height:117.3px;top:-17px}
@media(max-height:850px)and(min-width:601px){.sidebar .brand-icon{width:79.9px;flex:0 0 79.9px;height:54.4px}.sidebar .brand-icon img{width:79.9px;height:79.9px;top:-11.9px}}
@media(max-width:600px){.sidebar .brand-icon{width:61.2px;flex:0 0 61.2px;height:40.8px}.sidebar .brand-icon img{width:61.2px;height:61.2px;top:-8.5px}}

/* Independent top and bottom storyboard images. */
.md-examples .md-art-pair{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:5px;flex:1;min-height:0;background:#a76ee8}.md-examples .md-art-pair .md-art-open{height:100%;min-height:0;position:relative;background:#151922}.md-examples .md-art-pair img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}

/* MD signature: square machined-graphite frame with steel edge highlights. */
.sidebar .brand-icon{width:117.3px;height:117.3px;flex:0 0 117.3px;border:3px solid transparent;border-radius:2px;background:linear-gradient(145deg,#30353c,#171b21 65%,#292e35) padding-box,linear-gradient(135deg,#f0f3f5 0%,#7c8792 18%,#303942 40%,#c6cfd5 56%,#515d68 78%,#d8e0e5 100%) border-box;box-shadow:inset 0 0 0 1px #10151b,inset 0 2px 8px #ffffff0d,0 1px 0 #f3f6f638,0 4px 10px #0007;overflow:hidden}
.sidebar .brand-icon img{width:117.3px;height:117.3px;max-width:none;left:-3px;top:-3px;object-fit:contain;filter:drop-shadow(0 1px 2px #0009)}
@media(max-height:850px)and(min-width:601px){.sidebar .brand-icon{width:79.9px;height:79.9px;flex:0 0 79.9px}.sidebar .brand-icon img{width:79.9px;height:79.9px}}
@media(max-width:600px){.sidebar .brand-icon{width:61.2px;height:61.2px;flex:0 0 61.2px;border-width:2px}.sidebar .brand-icon img{width:61.2px;height:61.2px;left:-2px;top:-2px}}

/* Approved cyan-trim logo and final graphite palette. Frame is part of the artwork. */
.sidebar .brand-icon{width:117.3px;height:94px;flex:0 0 94px;border:0;border-radius:0;background:transparent;box-shadow:none;filter:none;overflow:visible}
.sidebar .brand-icon img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;filter:none}
@media(max-height:850px)and(min-width:601px){.sidebar .brand-icon{width:79.9px;height:64px;flex:0 0 79.9px}.sidebar .brand-icon img{width:100%;height:100%}}
@media(max-width:600px){.sidebar .brand-icon{width:61.2px;height:49px;flex:0 0 61.2px}.sidebar .brand-icon img{width:100%;height:100%}}
.md-welcome{background:linear-gradient(120deg,#303b44,#35414c);border-color:#5a777e;border-top-color:#6bcfd4;box-shadow:0 9px 25px #11171d40}
.md-kicker{color:#a5e6e9!important}.md-welcome-copy>p{color:#d8e2e8}.md-outcome{border-left-color:#6bcfd4!important}
.md-hero-actions .button.lime{background:linear-gradient(145deg,#65d2d7,#39aab5);border-color:#97e7e9;color:#10232b;box-shadow:inset 0 1px 0 #d4ffff80}
.md-hero-actions .button.subtle{background:#26343f;border-color:#6f8893;color:#e2f2f5}
.sidebar .nav.active{background:linear-gradient(90deg,#24464e,#2e3b45);color:#a5eef0}
.topbar{border-bottom-color:#477982}.privacy>span,.local-dot{background:#6ad5d9}
.md-showcase>.md-examples,.md-showcase>figure{border-color:#a76ee8}

/* Approved roomier emblem, 15 percent larger on the site; MV unchanged. */
.sidebar .brand-icon{width:134.895px;height:108.1px;flex:0 0 108.1px}.sidebar .brand-icon img{width:100%;height:100%;object-fit:contain}
@media(max-height:850px)and(min-width:601px){.sidebar .brand-icon{width:91.885px;height:73.6px;flex:0 0 91.885px}}
@media(max-width:600px){.sidebar .brand-icon{width:70.38px;height:56.35px;flex:0 0 70.38px}}

/* Regular graphic windows: independent of text height, with complete artwork visible. */
.md-welcome{align-items:center;grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr)}
.md-welcome-copy,.md-showcase,.md-showcase>figure,.md-examples,.md-examples>figure{min-width:0;box-sizing:border-box}
.md-showcase{height:340px;min-height:0;align-self:center;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.md-showcase>figure,.md-examples{max-height:100%;overflow:hidden}
.md-examples>figure{width:100%;height:100%;max-height:none}
.md-showcase>figure img{object-fit:contain;min-height:0}
.md-welcome-copy .md-kicker{white-space:normal;overflow-wrap:break-word}
@media(max-width:1000px){.md-welcome{grid-template-columns:1fr}.md-showcase{height:340px;width:100%}}
@media(max-width:550px){.md-showcase{height:280px}}

/* Final artwork treatment: fill the purple frames without a black matte. */
.md-showcase>figure,.md-examples,.md-examples>figure,.md-examples .md-art-pair,.md-examples .md-art-open{background:#a76ee8}
.md-showcase>figure img,.md-examples img,.md-examples .md-art-pair img{object-fit:cover;object-position:center}
