/* Mon projet only: full-width app section, after the explanatory columns. */
.project-public>.project-mobile-strip{position:relative;isolation:isolate;overflow:hidden;background:var(--white);color:var(--navy);margin:0}
.project-mobile-strip::before{content:"";position:absolute;z-index:-2;inset:0 0 0 50%;background:var(--pale)}
.project-mobile-strip::after{content:"";position:absolute;z-index:-1;top:-22%;bottom:-22%;left:32%;width:24%;border-radius:var(--ui-radius-circle);background:var(--white)}
.project-mobile-strip .project-mobile-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-4);min-height:530px;align-items:stretch}
.project-mobile-strip .project-mobile-copy{min-width:0;padding-block:calc(var(--space-4) + var(--space-1));align-self:center;position:relative;z-index:1}
.project-mobile-strip .project-mobile-copy h2{max-width:550px;margin:0 0 var(--space-2);font-size:var(--font-size-section);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}
.project-mobile-strip .project-mobile-copy>p{max-width:530px;margin:0 0 var(--space-3);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--sub)}
.project-mobile-strip .project-mobile-qr{display:flex;align-items:center;gap:var(--space-2);width:fit-content;max-width:100%;padding:var(--space-2);margin:0 0 var(--space-3);border:1px solid var(--line);border-radius:var(--ui-radius-card);background:var(--white);box-shadow:var(--shadow)}
.project-mobile-strip .project-mobile-qr>img{display:block;flex:none;width:88px;height:88px;object-fit:contain}
.project-mobile-strip .project-mobile-qr>div{min-width:0;display:grid;gap:4px}
.project-mobile-strip .project-mobile-qr strong{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);line-height:var(--line-height-menu)}
.project-mobile-strip .project-mobile-qr span{font-size:var(--font-size-small);line-height:var(--line-height-body);color:var(--sub)}
.project-mobile-strip .project-mobile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}
.project-mobile-strip .project-mobile-actions .btn{max-width:100%;white-space:normal;text-align:center}
.project-mobile-strip .project-mobile-copy-link{display:none}
.project-mobile-strip .project-mobile-art{position:relative;min-width:0;height:530px;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-4) var(--space-2) 0;overflow:hidden}
.project-mobile-strip .project-mobile-phone{position:relative;flex:none;width:290px;height:577px;padding:5px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow);font-family:var(--font-body-family);text-align:left}
.project-mobile-strip .project-mobile-phone-screen{height:100%;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}
.project-mobile-strip .project-mobile-phone-island{width:68px;height:14px;margin:10px auto 12px;border-radius:var(--ui-radius-field);background:var(--navy)}
.project-mobile-strip .project-mobile-phone-brand{display:flex;align-items:center;gap:6px;padding:0 var(--space-2) 12px;color:var(--navy);font-size:var(--font-size-small);line-height:var(--line-height-heading)}
.project-mobile-strip .project-mobile-phone-brand>img{display:block;width:13px;height:19px;object-fit:contain}
.project-mobile-strip .project-mobile-phone-content{padding:0 14px}
.project-mobile-strip .project-mobile-phone-content h3{margin:0 0 14px;font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}
.project-mobile-strip .project-mobile-needs{display:flex;align-items:center;gap:var(--space-1);padding:12px 10px;border-radius:var(--ui-radius-card);background:var(--pale)}
.project-mobile-strip .project-mobile-needs-icon{display:block;flex:none;width:29px;height:32px;object-fit:contain}
.project-mobile-strip .project-mobile-needs>div,.project-mobile-strip .project-mobile-task>div,.project-mobile-strip .project-mobile-budget>div{display:grid;gap:3px;min-width:0}
.project-mobile-strip .project-mobile-needs strong,.project-mobile-strip .project-mobile-task strong,.project-mobile-strip .project-mobile-budget strong{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);line-height:var(--line-height-heading)}
.project-mobile-strip .project-mobile-needs>div>span,.project-mobile-strip .project-mobile-task>div>span,.project-mobile-strip .project-mobile-budget>div>span{font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-menu);color:var(--sub)}
.project-mobile-strip .project-mobile-phone-chevron{display:block;flex:none;margin-left:auto;color:var(--cyan);font-size:var(--font-size-subheading);line-height:var(--line-height-heading)}
.project-mobile-strip .project-mobile-milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1);margin-top:12px}
.project-mobile-strip .project-mobile-milestones>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:72px;padding:8px;text-align:center;border:1px solid var(--line);border-radius:var(--ui-radius-card);background:var(--white);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);line-height:var(--line-height-heading)}
.project-mobile-strip .project-mobile-milestone-icon{display:block;flex:none;width:26px;height:29px;object-fit:contain}
.project-mobile-strip .project-mobile-task,.project-mobile-strip .project-mobile-budget{display:flex;align-items:center;gap:var(--space-1);margin-top:12px;padding:12px 10px;border:1px solid var(--line);border-radius:var(--ui-radius-card);background:var(--white)}
.project-mobile-strip .project-mobile-task-icon,.project-mobile-strip .project-mobile-budget-icon{display:block;flex:none;width:26px;height:29px;object-fit:contain}
.project-mobile-strip .project-mobile-budget{background:var(--pale);border-color:transparent}
.project-mobile-strip .project-mobile-phone-dock{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.5fr) minmax(0,.8fr);gap:0;margin-top:15px;padding:10px 3px 8px;border-top:1px solid var(--line);background:var(--white)}
.project-mobile-strip .project-mobile-phone-dock>div{min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-heading);color:var(--sub)}
.project-mobile-strip .project-mobile-phone-dock>.active{color:var(--cyan);font-weight:var(--font-weight-medium)}
.project-mobile-strip .project-mobile-dock-icon{display:block;width:21px;height:23px;object-fit:contain}
.project-mobile-strip .project-mobile-phone-home{width:74px;height:3px;margin:4px auto 0;border-radius:var(--ui-radius-field);background:var(--navy)}
@media(max-width:1050px){.project-mobile-strip .project-mobile-inner{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-3)}.project-mobile-strip .project-mobile-qr{gap:var(--space-1);padding:12px}.project-mobile-strip .project-mobile-qr>img{width:76px;height:76px}}
@media(max-width:760px){.project-mobile-strip .project-mobile-inner{grid-template-columns:minmax(0,1fr);gap:0;min-height:0}.project-mobile-strip::before{inset:50% 0 0}.project-mobile-strip::after{display:none}.project-mobile-strip .project-mobile-copy{padding-block:var(--space-4);background:var(--white)}.project-mobile-strip .project-mobile-copy h2{font-size:var(--font-size-section)}.project-mobile-strip .project-mobile-copy>p{max-width:100%}.project-mobile-strip .project-mobile-art{height:430px;padding-top:var(--space-3);overflow:hidden}.project-mobile-strip .project-mobile-phone{transform:scale(.82);transform-origin:top center}.project-mobile-strip .project-mobile-qr{width:100%;gap:var(--space-2);padding:var(--space-2)}.project-mobile-strip .project-mobile-copy-link{display:inline-flex}.project-mobile-strip .project-mobile-actions{align-items:stretch;flex-direction:column}.project-mobile-strip .project-mobile-actions .btn{justify-content:center}.project-mobile-strip .project-mobile-copy h2 br{display:none}}
@media(max-width:380px){.project-mobile-strip .project-mobile-copy h2{font-size:var(--font-size-subheading)}.project-mobile-strip .project-mobile-qr{gap:var(--space-1);padding:12px}.project-mobile-strip .project-mobile-qr>img{width:68px;height:68px}.project-mobile-strip .project-mobile-art{padding-inline:0}}