/* Owner-approved mobile revision, 2026-09-11. Desktop rules remain untouched. */
.mobile-video-title,.mobile-next,.mobile-video-veil,.mobile-preview-cue,.footer-symbol{display:none}
@media(max-width:720px){
 html{scroll-snap-type:none}
 body.sequencia #hero{position:relative;top:auto}
 #hero .c1{padding:22px;min-height:0}
 #hero .c1 .capbar{position:static;max-width:none;white-space:nowrap;display:block}
 #hero .c1 .capbar .lbl{font-size:clamp(8px,2.3vw,10px);letter-spacing:.025em;display:block}
 #hero .c1 h1{margin:30px 0 24px;font-size:clamp(38px,11.3vw,48px);max-width:100%;line-height:1.02}
 #hero .c1 .ctas{max-width:100%}
 #hero .c1 .ctas p{font-size:16px;line-height:1.45}
 #hero .c1 .ctas .btn{font-size:11px;min-height:44px;padding-inline:14px;letter-spacing:.07em}
 #hero .c1 .marca{margin-top:20px;min-height:40px}
 #hero .c1 .marca svg{width:44px;height:44px}
 #hero .c2{min-height:0;aspect-ratio:1/1.08}
 #hero .c2 .media{--hand-width:max(115cqw,95cqh)}
 #hero .c4{min-height:0;aspect-ratio:3/4}
 #hero .c4 .media{top:0;height:100%;transform:none!important}
 #hero .c4 .media img{object-fit:cover;object-position:54% 50%;filter:none}
 #hero .c3{min-height:0;aspect-ratio:3/4}
 #hero .c3 .media{background:#eee}
 #hero .c3 .media::before{content:'';position:absolute;inset:-20px;background:url('/assets/c4f9b7850b07-hero-marketing-fashion.webp') center/cover;filter:blur(16px);opacity:.65}
 #hero .c3 .media img{position:relative;object-fit:contain;mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
 .sequencia .v-section .v-intro,.sequencia .service-lead,.sequencia .service-body{max-width:none;text-align:justify;text-align-last:left;hyphens:none;-webkit-hyphens:none;overflow-wrap:normal;word-break:normal}
 .sequencia .service-lead br{display:none}
 .sequencia .v-services{background:white;clip-path:none!important;overflow:visible;border-radius:26px 26px 0 0}
 .sequencia .next-glass,.sequencia .next-lid{display:none}
 .sequencia .next::after{display:none}
 .sequencia .services-index{flex-wrap:wrap}
 .sequencia .service-unit,.sequencia .service-unit:nth-child(2){gap:28px;padding:36px 0 56px}
 .sequencia .service-copy{min-height:0;scroll-margin-top:calc(var(--nav-h) + 36px)}
 .sequencia .service-demo{scroll-margin-top:calc(var(--nav-h) + 24px)}
 .sequencia #service-web .service-copy,.sequencia #service-visual .service-copy{padding-top:12px}
 .sequencia .service-copy>.v-link{margin-top:16px}
 .sequencia .service-video-demo{max-width:none;padding:0;background:transparent;border:0;border-radius:0;transform:none!important}
 .sequencia .service-video-demo .demo-top{display:none}
 .mobile-video-title{display:block;font-family:var(--f-h1);font-size:26px;font-weight:700;line-height:1.1;margin:0 0 16px}
 .sequencia .service-video-demo .service-film,.sequencia .service-video-demo .service-film.is-framed{aspect-ratio:4/5;border-radius:14px;width:100%;max-width:none;background:#f5f5f5}
 .sequencia .service-video-demo .service-film.is-entire{aspect-ratio:9/16}
 .mobile-video-veil{display:block;position:absolute;inset:0;pointer-events:none;z-index:1;opacity:var(--preview-veil,1)}
 .mobile-video-veil i{position:absolute;inset:0;display:block;pointer-events:none}
 .mobile-video-veil i:nth-child(1){backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
 .mobile-video-veil i:nth-child(2){backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);mask-image:linear-gradient(#0000,#000 55%);-webkit-mask-image:linear-gradient(#0000,#000 55%)}
 .mobile-video-veil i:nth-child(3){backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);mask-image:linear-gradient(#0000 15%,#000 80%);-webkit-mask-image:linear-gradient(#0000 15%,#000 80%);background:linear-gradient(#ffffff00,#ffffffe8 85%,white)}
 .mobile-preview-cue,.mobile-next{display:grid;place-items:center;border:0;color:#0d0d0d;background:transparent;width:48px;height:48px;margin:12px auto 0;cursor:pointer}
 .mobile-next svg,.mobile-preview-cue svg{width:24px;height:24px}
 .mobile-preview-cue{position:absolute;z-index:2;top:var(--cue-top,80px);left:calc(50% - 24px);margin:0;background:#ffffffdc;border-radius:50%}
 .mobile-preview-cue[hidden]{display:none}
 .sequencia .service-film-tools button{font-size:14px}
 .sequencia .service-examples summary{font-size:16px}
 .sequencia .work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .sequencia .work-row{display:contents}
 .sequencia .work-tile{grid-column:auto!important;align-self:start;min-width:0}
 .sequencia .work-tile.mobile-landscape{grid-column:1/-1!important}
 .sequencia .work-picture{aspect-ratio:var(--aspect);min-height:0;height:auto;flex:none}
 .sequencia .work-picture img,.sequencia .work-picture video{width:100%;height:100%;object-fit:contain}
 .sequencia .v-footer{border-radius:0;box-shadow:none;position:relative;z-index:9}
 .sequencia .footer-word{display:flex;align-items:center;gap:12px;font-size:32px}
 .footer-symbol{display:block;width:44px;height:44px;flex:none}
 .compare-pill{position:relative;inset:auto;margin:12px 18px;width:fit-content;z-index:1}
 .mobile-section-sheet{position:relative;z-index:var(--mobile-sheet-index,2);margin-top:-28px;border-radius:26px 26px 0 0;box-shadow:0 -12px 24px #00000012;background-clip:padding-box}
}
@media(max-width:720px) and (prefers-reduced-motion:reduce){
 .mobile-video-veil,.mobile-preview-cue{display:none}
 .mobile-section-sheet{border-radius:0;box-shadow:none}
}

/* Revision 2: complete each reading surface before the next boundary. */
@media(max-width:720px){
 .sequencia .v-section .v-intro{text-align:left;text-align-last:left}
 .sequencia .service-lead{text-align:left;text-align-last:auto;word-spacing:normal}
 .sequencia .service-body{text-align:justify;text-align-last:left}
 .sequencia .v-section{min-height:0;box-sizing:border-box}
 .sequencia #sobre .bio-card,.sequencia #processo .v-step{scroll-margin-top:calc(var(--nav-h) + 24px)}
 .sequencia #processo .v-step:last-child{min-height:0}
 .sequencia #faq .v-heading{margin-bottom:12px}
 .sequencia #faq .faq-stack summary{padding:18px 0}
 .sequencia #contato.mobile-section-sheet{margin-top:0}
 nav{transition:translate .25s ease;}
 nav.mobile-nav-hidden:not(:focus-within){translate:0 -110%;pointer-events:none}
 #hero .c4 .media picture{display:block;width:100%;height:100%}
 #hero .c4 .media picture img{width:100%;height:100%;object-fit:cover;object-position:center}
}
@media(prefers-reduced-motion:reduce){nav{transition:none}}