/* MarsBazaar visibility pages. Additive styles: no changes to cinematic pinning or motion. */
:root{--mb-carbon:#0b0908;--mb-bone:#ede6db;--mb-dust:#bbb0a4;--mb-hot:#ff6b5c;--mb-line:rgba(237,230,219,.18)}
.mb-page{margin:0;background:var(--mb-carbon);color:var(--mb-bone);font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}
.mb-page *,.mb-services *{box-sizing:border-box}
.mb-page a,.mb-services a{color:inherit;text-decoration:none}
.mb-page a:focus-visible,.mb-services a:focus-visible{outline:3px solid var(--mb-hot);outline-offset:6px}
.mb-shell{width:min(1180px,100%);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,4rem)}
.mb-kicker,.mb-index{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.69rem;letter-spacing:.12em;line-height:1.6;text-transform:uppercase;color:var(--mb-hot)}
.mb-page h1,.mb-page h2,.mb-page h3,.mb-services h2,.mb-services h3{font-family:"Arial Black",system-ui,sans-serif;font-weight:850;letter-spacing:-.045em;line-height:1.08;text-transform:none}
.mb-page h1{font-size:clamp(2.7rem,6.8vw,6rem);max-width:16ch;margin:1rem 0 1.6rem}
.mb-page h2,.mb-services h2{font-size:clamp(2rem,3.8vw,3.8rem);margin:0 0 1.5rem}
.mb-page h3,.mb-services h3{font-size:1.45rem;letter-spacing:-.025em}
.mb-lead{font-size:clamp(1.05rem,1.5vw,1.25rem);color:var(--mb-dust);max-width:64ch}
.mb-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1440px;margin:auto;padding:1.5rem clamp(1.25rem,4vw,4rem);border-bottom:1px solid var(--mb-line)}
.mb-brand{font-weight:800;letter-spacing:-.03em}
.mb-brand img{display:block;width:180px;max-width:100%;height:auto}
.mb-header nav,.mb-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.mb-header nav{font-size:.85rem}
.mb-page .mb-button,.mb-services .mb-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.2rem;background:#e03c31;color:white;font-size:.88rem;font-weight:700;letter-spacing:0;line-height:1.4}
.mb-button:hover{background:#be3027}
.mb-breadcrumb{display:flex;flex-wrap:wrap;gap:.6rem;font-size:.78rem;color:var(--mb-dust);padding-top:2.5rem}
.mb-breadcrumb a:hover,.mb-content p a:hover,.mb-footer a:hover{color:var(--mb-hot)}
.mb-hero{padding:4rem 0 4.5rem}
.mb-actions{margin-top:2rem;font-size:.9rem}
.mb-actions>a:not(.mb-button){text-decoration:underline;text-underline-offset:5px}
.mb-feature{margin:0 0 5rem}
.mb-feature img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;border:1px solid var(--mb-line)}
.mb-feature figcaption{font-size:.8rem;color:var(--mb-dust);padding-top:.9rem;max-width:80ch}
.mb-content>section{padding:3.5rem 0;border-top:1px solid var(--mb-line)}
.mb-content p{max-width:76ch;color:var(--mb-dust)}
.mb-content p a{text-decoration:underline;text-underline-offset:4px;color:var(--mb-bone)}
.mb-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:2.5rem 0}
.mb-detail-grid h3{margin:0 0 1rem}
.mb-detail-grid p{font-size:.96rem;margin:0}
.mb-steps{padding-left:1.3rem;max-width:76ch;color:var(--mb-dust)}
.mb-steps li{padding:0 0 1rem .5rem}.mb-steps strong{color:var(--mb-bone)}
.mb-proof,.mb-notice{background:#171210;padding:2rem!important;border:1px solid var(--mb-line)}
.mb-notice{margin-bottom:4rem}.mb-notice strong{font-size:1.2rem}.mb-notice p{margin:1rem 0 1.5rem}
.mb-note{font-size:.85rem}
.mb-cta{padding:5rem 0 6rem;border-top:1px solid var(--mb-line)}
.mb-cta>p:not(.mb-kicker){color:var(--mb-dust);max-width:64ch}
.mb-footer{max-width:1440px;margin:auto;border-top:1px solid var(--mb-line);padding:3rem clamp(1.25rem,4vw,4rem);display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem;font-size:.88rem;color:var(--mb-dust)}
.mb-footer nav{display:flex;flex-direction:column;gap:.5rem}.mb-footer p{margin-bottom:0}
.mb-skip{position:absolute;left:1rem;top:-100px;padding:1rem;background:#e03c31;color:#fff;z-index:1000}.mb-skip:focus{top:1rem}
.mb-services{background:var(--mb-carbon);position:relative;padding:6rem 0;scroll-margin-top:7rem}
.mb-services .mb-lead{margin-bottom:2.5rem}
.mb-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:5rem}
.mb-card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--mb-line);padding:1.75rem;min-height:310px;background:#14100e}
.mb-card h3{margin:1.5rem 0 1rem}.mb-card p{color:var(--mb-dust);font-size:.94rem;margin:0 0 2rem}.mb-arrow{font-size:.86rem;font-weight:650;line-height:1.5;color:var(--mb-hot)!important;margin-top:auto}
.mb-card:hover,.mb-work-card:hover{border-color:var(--mb-hot)}
.mb-section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.mb-section-heading h2{margin:0}.mb-section-heading p{font-size:.92rem;color:var(--mb-dust);max-width:40ch;margin:0}
.mb-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.mb-work-card{display:flex;flex-direction:column;border:1px solid var(--mb-line);background:#14100e}.mb-work-card>img{display:block;width:100%;height:230px;object-fit:cover;object-position:top}.mb-work-card>div{padding:1.75rem}.mb-work-card h3{margin:.8rem 0}.mb-work-card p{color:var(--mb-dust);font-size:.94rem;margin:0 0 1.4rem}
.mb-inline-cta{padding-top:1.5rem;font-size:.95rem}.mb-inline-cta a{text-decoration:underline;text-underline-offset:5px}
@media(min-width:1000px){.cine .open__h{font-size:clamp(3.5rem,5.2vw,5rem)}}
@media(max-width:760px){.mb-header{align-items:flex-start}.mb-header nav{gap:.8rem}.mb-header nav>a:not(.mb-button){display:none}.mb-brand img{width:155px}.mb-detail-grid,.mb-cards,.mb-work-grid{grid-template-columns:1fr}.mb-detail-grid{gap:2rem}.mb-card{min-height:0}.mb-section-heading{display:block}.mb-section-heading p{margin-top:1rem}.mb-footer{grid-template-columns:1fr}.mb-hero{padding:2.8rem 0 3.2rem}.mb-services{padding:4rem 0}.mb-work-card>img{height:220px}.mb-page h1{font-size:clamp(2.35rem,8.5vw,3.8rem)}}
@media(max-width:420px){.mb-header{padding-inline:1rem}.mb-brand img{width:135px}.mb-header .mb-button{padding:.75rem .8rem;font-size:.78rem}.mb-services h2{font-size:1.9rem}}

/* Usability corrections: no changes to cinematic pinning or animation. */
#case-studies{scroll-margin-top:6rem}
.cine #contact-form[hidden]{display:none!important}
.mb-project-context{padding:1rem;border:1px solid #ff6b5c;background:#251713;color:#ede6db!important;font-size:.95rem!important;line-height:1.6;letter-spacing:0;text-transform:none}
.mb-contact-note a{text-decoration:underline;text-underline-offset:4px}
.cine a:focus-visible,.cine button:focus-visible,.cine input:focus-visible,.cine select:focus-visible,.cine textarea:focus-visible{outline:3px solid #ff6b5c;outline-offset:4px}
.mb-page .mb-button,.mb-services .mb-button,.cine .nav__cta,.cine .btn--hot,.cine .fc-submit{background:#c8352b;color:#fff}
.mb-page .mb-button:hover,.cine .nav__cta:hover,.cine .btn--hot:hover,.cine .fc-submit:hover{background:#b12b23}
.cine .fc-submit{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;border:0;padding:1rem;font:700 .95rem/1.4 var(--sans);cursor:pointer}
.cine .cf-grid{gap:1rem}
@media(max-width:760px){.mb-header{flex-wrap:wrap}.mb-header nav{width:100%;justify-content:space-between;gap:.8rem}.mb-header nav>a:not(.mb-button){display:block}}
@media(max-width:540px){.cine .cf-grid{grid-template-columns:minmax(0,1fr)}}