@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

body:has(.mcp-shell),body:has(.mcp-login){margin:0;background:#f1f0eb}
body:has(.mcp-shell) .shopify-section-group-header-group,
body:has(.mcp-shell) .shopify-section-group-footer-group,
body:has(.mcp-shell) #shopify-section-header,
body:has(.mcp-shell) #shopify-section-footer,
body:has(.mcp-login) .shopify-section-group-header-group,
body:has(.mcp-login) .shopify-section-group-footer-group,
body:has(.mcp-login) #shopify-section-header,
body:has(.mcp-login) #shopify-section-footer{display:none!important}
.mcp-shell{--ink:#0b0c0c;--paper:#f1f0eb;--card:#faf9f5;--orange:#f36c2e;--muted:#777a77;--line:#deded8;--green:#28785d;min-height:100vh;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}
.mcp-shell *,.mcp-login *{box-sizing:border-box}
.mcp-shell a,.mcp-login a{color:inherit;text-decoration:none}
.mcp-shell button{font:inherit;cursor:pointer}
.mcp-sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:286px;display:flex;flex-direction:column;padding:30px 24px 22px;background:#090a0a;color:#fff;overflow-y:auto}
.mcp-brand{padding:0 5px 28px;border-bottom:1px solid rgba(255,255,255,.1)}
.mcp-logo{display:block;width:158px;height:auto;filter:brightness(0) invert(1)}
.mcp-wordmark{font-size:20px;font-weight:800;letter-spacing:.22em}
.mcp-brand-label{display:block;margin-top:12px;color:#737675;font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.mcp-client{display:flex;align-items:center;gap:12px;padding:24px 4px}
.mcp-client-avatar{display:grid;width:39px;height:39px;flex:0 0 39px;place-items:center;border:1px solid #343535;background:#181919;font-size:11px;font-weight:800}
.mcp-client strong,.mcp-client div span{display:block}.mcp-client strong{font-size:12px}.mcp-client div span{max-width:185px;margin-top:4px;color:#777;font-size:8px;line-height:1.4}
.mcp-nav button{position:relative;width:100%;display:flex;align-items:center;min-height:41px;margin:2px 0;padding:0 12px;border:0;border-radius:3px;background:none;color:#8f9290;font-size:11px;font-weight:650;text-align:left}
.mcp-nav button:hover,.mcp-nav button.is-active{background:#1a1b1b;color:#fff}.mcp-nav button.is-active:before{content:"";position:absolute;left:-24px;width:3px;height:24px;background:var(--orange)}
.mcp-sidebar-contact{margin-top:auto;padding:19px;border:1px solid #2a2b2b;background:#141515}
.mcp-sidebar-contact span,.mcp-sidebar-contact strong,.mcp-sidebar-contact a{display:block}.mcp-sidebar-contact span{color:#777;font-size:8px;text-transform:uppercase}.mcp-sidebar-contact strong{margin-top:8px;font-size:12px}.mcp-sidebar-contact a{margin-top:12px;color:#aaa;font-size:9px}
.mcp-main{min-height:100vh;margin-left:286px}.mcp-topbar{position:sticky;z-index:20;top:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(241,240,235,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.mcp-topbar div span,.mcp-topbar div strong{display:block}.mcp-topbar div span{color:#8b8d89;font-size:8px;text-transform:uppercase}.mcp-topbar div strong{margin-top:4px;font-size:11px}.mcp-topbar>a{font-size:9px;font-weight:800;text-transform:uppercase}
.mcp-content{max-width:1510px;margin:0 auto;padding:58px clamp(28px,4.5vw,76px) 100px}.mcp-view{display:none}.mcp-view.is-active{display:block}
.mcp-eyebrow{margin:0 0 13px;color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.mcp-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:40px}.mcp-page-heading h1{max-width:950px;margin:0;font-size:clamp(39px,4.5vw,70px);font-weight:720;letter-spacing:-.06em;line-height:.98}.mcp-page-heading p{margin:18px 0 0;color:#777;font-size:13px}
.mcp-status{display:inline-flex;flex:0 0 auto;padding:8px 11px;background:#e5efe9;color:var(--green);font-size:8px;font-weight:800;text-transform:uppercase}
.mcp-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:18px}.mcp-card{padding:30px;background:var(--card);border:1px solid #e1e0da}.mcp-card>span,.mcp-card-heading span{color:#8a8d89;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mcp-card h2{margin:14px 0;font-size:25px;letter-spacing:-.04em;line-height:1.15}.mcp-card p{color:#70736f;font-size:11px;line-height:1.7}.mcp-card small{color:#999;font-size:8px}
.mcp-project-card{grid-column:1;grid-row:1/3;min-height:410px;padding:42px;background:var(--ink);color:#fff}.mcp-project-card .mcp-card-heading h2{max-width:730px;margin-top:48px;font-size:clamp(34px,3.2vw,53px)}.mcp-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.mcp-card-heading>strong{font-size:16px}
.mcp-progress{height:3px;margin-top:55px;background:#292b2b}.mcp-progress span{display:block;height:100%;background:var(--orange)}
.mcp-project-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:34px}.mcp-project-meta span,.mcp-project-meta strong{display:block}.mcp-project-meta span{color:#666;font-size:8px;text-transform:uppercase}.mcp-project-meta strong{margin-top:6px;font-size:10px}
.mcp-accent-card{background:var(--orange);border-color:var(--orange)}.mcp-accent-card>span,.mcp-accent-card p{color:#57220a}.mcp-accent-card>strong{display:block;margin:25px 0;font-size:19px}.mcp-accent-card button{padding:0;border:0;background:none;font-size:9px;font-weight:800;text-transform:uppercase}
.mcp-text-button{margin-top:14px;padding:0;border:0;background:none;font-size:9px;font-weight:800;text-decoration:underline;text-transform:uppercase}
.mcp-quick-links{margin-top:16px}.mcp-quick-links a{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line);font-size:9px;font-weight:700}
.mcp-section-heading{display:flex;align-items:end;justify-content:space-between;margin:55px 0 18px}.mcp-section-heading span{color:#888;font-size:8px;text-transform:uppercase}.mcp-section-heading h2{margin:8px 0 0;font-size:28px;letter-spacing:-.04em}
.mcp-phase-strip{display:grid;grid-template-columns:repeat(5,1fr);background:var(--card);border:1px solid #e1e0da}.mcp-phase{position:relative;min-height:120px;padding:27px 20px;border-right:1px solid var(--line)}.mcp-phase:last-child{border:0}.mcp-phase span,.mcp-phase strong{display:block}.mcp-phase span{color:#999;font-size:8px}.mcp-phase strong{margin-top:30px;font-size:10px}.mcp-phase:before{content:"";position:absolute;top:54px;left:20px;width:7px;height:7px;border:2px solid #bbb;border-radius:50%;background:var(--card)}.mcp-phase.is-current:before{border-color:var(--orange);background:var(--orange)}.mcp-phase.is-complete:before{border-color:var(--green);background:var(--green)}
.mcp-wide-card{margin-bottom:18px;padding:45px}.mcp-wide-card h2{max-width:950px;font-size:clamp(31px,4vw,54px)}.mcp-rich-copy{max-width:900px;color:#6f726f;font-size:12px;line-height:1.75}
.mcp-two-column,.mcp-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.mcp-detail-grid{grid-template-columns:repeat(2,1fr)}
.mcp-list{margin:20px 0 0;padding:0;list-style:none}.mcp-list li{padding:11px 0;border-top:1px solid var(--line);font-size:10px}.mcp-list li:before{content:"→";margin-right:10px;color:var(--orange)}
.mcp-timeline{position:relative;display:block;padding-left:30px}.mcp-timeline:before{content:"";position:absolute;top:10px;bottom:20px;left:8px;width:1px;background:#ccc}.mcp-timeline-item{position:relative;margin-bottom:18px}.mcp-timeline-marker{position:absolute;z-index:1;top:24px;left:-26px;width:9px;height:9px;border:2px solid #aaa;border-radius:50%;background:var(--paper)}.mcp-timeline-item.is-current .mcp-timeline-marker{border-color:var(--orange);background:var(--orange)}.mcp-timeline-item.is-complete .mcp-timeline-marker{border-color:var(--green);background:var(--green)}.mcp-timeline-item .mcp-card-heading>strong{font-size:8px;text-transform:uppercase}
.mcp-storage-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.mcp-storage-card{display:block;padding:30px;background:var(--ink);color:#fff}.mcp-storage-card>span{color:#777;font-size:8px;text-transform:uppercase}.mcp-storage-card h2{margin:25px 0 8px;font-size:27px}.mcp-storage-card p{color:#999;font-size:10px}.mcp-storage-card.is-disabled{opacity:.45;pointer-events:none}
.mcp-table-card{padding:0;overflow:hidden}.mcp-table-card>.mcp-card-heading{padding:28px}.mcp-table{border-top:1px solid var(--line);overflow-x:auto}.mcp-table-row{display:grid;grid-template-columns:minmax(220px,2fr) .7fr .8fr .5fr;align-items:center;min-width:660px;min-height:66px;padding:0 28px;border-top:1px solid var(--line);font-size:9px}.mcp-table-row:first-child{border:0}.mcp-table-row strong small{display:block;margin-top:4px}.mcp-table-head{min-height:40px;color:#999;font-size:7px;text-transform:uppercase}.mcp-invoice-row{grid-template-columns:1.2fr .7fr .8fr .7fr .4fr}.mcp-table-row a{font-weight:800;text-decoration:underline;text-transform:uppercase}
.mcp-pill{display:inline-block;width:max-content;padding:6px 8px;background:#fff0e8;color:var(--orange);font-size:7px;font-weight:800;text-transform:uppercase}.mcp-pill.is-paid{background:#e9f3ef;color:var(--green)}
.mcp-empty{padding:70px 25px;text-align:center}.mcp-empty h2,.mcp-empty h3{margin:0;font-size:25px}.mcp-empty p{color:#888;font-size:10px}.mcp-update-entry{max-width:850px}.mcp-update-entry h2{font-size:34px}
.mcp-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mcp-contact-grid .mcp-card{display:block;min-height:210px}.mcp-contact-grid .mcp-card:hover{border-color:var(--orange)}
.mcp-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border:0;background:var(--orange);font-size:10px;font-weight:850;text-transform:uppercase}
.mcp-login{--orange:#f36c2e;min-height:100vh;display:grid;place-items:center;padding:30px;background:#090a0a;color:#fff;font-family:Manrope,Arial,sans-serif}.mcp-login-card{width:min(100%,620px);padding:55px;border:1px solid #2b2c2c;background:#111212}.mcp-login-logo{width:170px;height:auto;filter:brightness(0) invert(1)}.mcp-login-card>span{display:block;margin-top:38px;color:var(--orange);font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.mcp-login h1{margin:18px 0;font-size:clamp(42px,7vw,72px);line-height:.96;letter-spacing:-.06em}.mcp-login p{color:#8c8f8c;font-size:13px;line-height:1.7}.mcp-login .mcp-button{margin-top:22px;color:#111}
.mcp-menu{display:none}

@media(max-width:900px){
  .mcp-sidebar{width:min(88vw,310px);transform:translateX(-100%);transition:.25s}.mcp-sidebar.is-open{transform:none}.mcp-main{margin-left:0}.mcp-menu{display:block;border:0;background:none;font-size:11px;font-weight:800;text-transform:uppercase}.mcp-topbar{padding:0 20px}.mcp-content{padding:38px 18px 70px}.mcp-page-heading{align-items:flex-start;flex-direction:column}.mcp-dashboard-grid,.mcp-two-column,.mcp-detail-grid,.mcp-storage-grid,.mcp-contact-grid{grid-template-columns:1fr}.mcp-project-card{grid-column:auto;grid-row:auto;padding:29px 23px}.mcp-project-meta{grid-template-columns:1fr 1fr}.mcp-phase-strip{grid-template-columns:1fr}.mcp-phase{min-height:88px;border-right:0;border-bottom:1px solid var(--line)}.mcp-phase strong{margin:17px 0 0 26px}.mcp-phase:before{top:55px}.mcp-wide-card{padding:30px 23px}.mcp-login-card{padding:38px 25px}
}