/* Mobile/tablet overrides (inline styles require !important) */
html,body{overflow-x:hidden}
img{max-width:100%}
@media (max-width:1200px){
.proj-card-large,.proj-grid>[style*="grid-column:span 2"]{width:100%!important;max-width:100%!important;left:0!important;transform:none!important}
}
@media (max-width:960px){
h1,.display-mega{font-size:clamp(40px,9vw,72px)!important;line-height:1.02}
#hero-avatar{position:static!important;width:88px!important;height:88px!important;margin-bottom:16px}
.hero-copy>div[style*="inline-block"]{display:flex!important;flex-direction:column-reverse;align-items:flex-start}
.hero-portrait{width:100%}
.hero-portrait img{width:100%!important;height:auto!important;aspect-ratio:4/3;margin:0!important}
.hero-portrait [style*="right: -32px"]{right:12px!important;bottom:12px!important}
[style*="transform:scale(2.5)"]{transform:scale(1.5)!important;margin:64px 0!important}
.proj-meta h3{font-size:clamp(22px,4.5vw,32px)!important}
.proj-thumb img[style*="width: 449px"]{width:auto!important;max-width:80%!important;height:80%!important;margin:0!important;padding:0!important}
.proj-card-large{flex-direction:column}
.proj-card-large .proj-thumb{flex:none!important;width:100%}
}
@media (max-width:640px){
body{font-size:18px!important}
.proj-grid>[style*="grid-column:span 2"]{flex-direction:column!important;grid-column:span 1!important;gap:24px!important}
.proj-card-large .proj-thumb{aspect-ratio:4/3!important}
.proj-card-large .proj-thumb>div{flex-direction:column;gap:10px!important}
.proj-card-large .proj-thumb>div>img[style*="width:48%"]{width:62%!important;-webkit-box-reflect:unset!important}
.lead,p[style*="font-size:22px"],p[style*="font-size: 22px"]{font-size:18px!important}
[style*="font-size: 90px"]{font-size:56px!important}
[style*="transform:scale(2.5)"]{transform:none!important;margin:40px 0!important}
[style*="grid-template-columns:repeat(3,1fr)"]{gap:8px!important}
[style*="padding-top: 45px"]{padding:28px 20px!important}
section[style*="padding"]{padding-left:0!important;padding-right:0!important}
.hero-actions{flex-wrap:wrap;gap:12px}
.hero-actions .btn{flex:1 1 auto;justify-content:center}
.hero-tag-card{display:none!important}
}
@media (max-width:480px){
.nav-links{gap:12px!important}
.nav-link{font-size:14px}
.nav-cta{padding:8px 12px!important;font-size:13px!important}
.footer-grid{text-align:center}
}

@media (max-width:960px){
.feature-row,.hero-grid,.about-hero,.campaign-card{grid-template-columns:minmax(0,1fr)!important}
.feature-row>*,.hero-grid>*,.campaign-card>*{min-width:0}
.mockup{max-width:100%;min-width:0}
}
@media (max-width:640px){
img[style*="width:150%"]{width:100%!important;max-width:100%!important;transform:none!important}
}