/* Header matches the current Shopify clarity header. Rest of the app keeps its type. */
@font-face{font-family:'MoMo Header Helvetica';src:url('assets/v4/NeueHelvetica65Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
.mc-app-header{height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 32px;border-bottom:1px solid #dedede;background:#fff;color:#000;font-family:'MoMo Header Helvetica','Helvetica Neue',Helvetica,Arial,sans-serif}
.mc-app-header a{color:#000;text-decoration:none}
.mc-app-nav,.mc-app-tools{display:flex;align-items:center;gap:26px;min-width:0}
.mc-app-tools{justify-content:flex-end}
.mc-app-nav a,.mc-app-tools a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:500;letter-spacing:0;text-transform:uppercase;line-height:1.2;padding-block:12px;white-space:nowrap}
.mc-app-tools a{gap:4px}
.mc-app-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.mc-app-logo{display:flex;align-items:center;justify-content:center;min-height:44px}
.mc-app-logo img{display:block;width:180px;height:auto}
.mc-app-header a:focus-visible{outline:3px solid #c61c1c;outline-offset:3px}
.phase-art .phase-preview-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;background:#111;opacity:0;pointer-events:none;transition:opacity .18s}
.phase-art.is-playing .phase-preview-video{opacity:1}
.phase-art.is-playing .phase-tag{opacity:0}
.phase-art .phase-preview-toggle{position:absolute;inset:0;z-index:2;width:100%;height:100%;display:block;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;color:#000}
.phase-art .phase-preview-toggle[hidden]{display:none}
.phase-art .phase-preview-toggle:focus-visible{outline:3px solid #000;outline-offset:-5px;box-shadow:inset 0 0 0 8px #fff}
.phase-pdf-offer{border-top:1px solid var(--rule);padding-top:12px;color:#000}
.phase-pdf-offer p{font-size:14px;line-height:1.4;margin:0}
.phase-pdf-offer a{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;font-size:15px;font-weight:600;line-height:1.4;color:#000;text-decoration:underline;text-underline-offset:4px}
.phase-pdf-offer a:focus-visible{outline:3px solid #000;outline-offset:3px}
@media(max-width:1000px){.mc-app-header{padding-inline:22px;gap:18px}.mc-app-nav,.mc-app-tools{gap:16px}.mc-app-logo img{width:151px}.mc-app-tools .mc-app-member{display:none}}
@media(max-width:900px){.mc-app-header{height:auto;padding:0 16px;grid-template-columns:1fr auto 1fr;grid-template-rows:60px auto;gap:0 12px}.mc-app-logo{grid-column:2;grid-row:1}.mc-app-tools{grid-column:3;grid-row:1}.mc-app-nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:12px;margin:0 -16px;padding:0 20px;border-top:1px solid #dedede}.mc-app-nav a{padding-block:0;justify-content:center}}
@media(max-width:700px){.mc-app-nav{gap:6px;padding-inline:12px}.mc-app-nav a{padding-inline:2px}.mc-app-logo img{width:135px}.mc-app-tools{gap:8px}}
@media(max-width:360px){.mc-app-logo img{width:121px}}
@media(prefers-reduced-motion:reduce){.phase-art .phase-preview-video{transition:none}}
